@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap');
:root{
  --bg-top:#05070d!important;--bg-mid:#07101e!important;--bg-bottom:#05070d!important;
  --panel:rgba(10,16,30,.94)!important;--card-a:rgba(16,26,47,.96)!important;--card-b:rgba(7,12,23,.96)!important;
  --border:rgba(255,255,255,.10)!important;--border-soft:rgba(255,255,255,.08)!important;
  --text:#f8fafc!important;--muted:#a8b3c7!important;--muted-2:#8d9bb2!important;
  --gold:#fbbf24!important;--purple:#7c3aed!important;--purple-dark:#6d28d9!important;--blue:#2563eb!important;--blue-light:#3b82f6!important;--cyan:#22d3ee!important;
  --shadow-card:0 24px 70px rgba(0,0,0,.30)!important;--shadow-hover:0 28px 80px rgba(37,99,235,.20)!important;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{min-width:0!important;overflow-x:hidden!important}
body{font-family:"Plus Jakarta Sans",Arial,sans-serif!important;color:#f8fafc!important;background:radial-gradient(circle at 15% 0,rgba(124,58,237,.22),transparent 30%),radial-gradient(circle at 90% 16%,rgba(34,211,238,.10),transparent 25%),#05070d!important}
body::before{background:transparent!important}body::after{opacity:.7}
.page{width:min(1500px,calc(100% - 40px))!important;margin:0 auto!important;padding:24px 0 50px!important}
.topbar{position:sticky!important;top:12px!important;z-index:50!important;min-height:72px!important;margin-bottom:24px!important;padding:12px 18px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:18px!important;background:rgba(5,7,13,.84)!important;box-shadow:0 18px 55px rgba(0,0,0,.28)!important;backdrop-filter:blur(18px)!important}
.brand{color:#fff!important;font-size:18px!important;letter-spacing:.02em}.brand span,.brand i{color:#fbbf24!important}.nav{gap:5px!important}.nav a{padding:10px 13px!important;color:#cbd5e1!important;border-radius:11px!important;font-size:13px!important}.nav a:hover,.nav a.active,.nav a[href*="admin"]{color:#fff!important;background:linear-gradient(135deg,#7c3aed,#2563eb)!important}
.hero,.section,.detail-hero{padding:clamp(22px,4vw,46px)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:26px!important;background:linear-gradient(145deg,rgba(17,27,49,.96),rgba(6,10,20,.96))!important;box-shadow:0 28px 90px rgba(0,0,0,.34)!important}
.hero::before,.section::before,.detail-hero::before{background:radial-gradient(circle at 12% 0,rgba(124,58,237,.26),transparent 38%),radial-gradient(circle at 92% 78%,rgba(34,211,238,.14),transparent 34%)!important}
.hero h1,.title,.section h2{color:#fff!important}.hero h1{font-size:clamp(34px,4.8vw,68px)!important;letter-spacing:-.055em!important;line-height:1.03!important}.hero p,.section p,.meta{color:#a8b3c7!important}
.grid,.hof-grid,.winner-grid{gap:20px!important}.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.hof-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.card,.hof-card,.winner-card,.stat,.mini,.bracket-wrap{border:1px solid rgba(255,255,255,.10)!important;background:linear-gradient(145deg,rgba(17,27,49,.96),rgba(7,12,23,.96))!important;box-shadow:0 18px 55px rgba(0,0,0,.22)!important;color:#f8fafc!important}
.card:hover,.hof-card:hover,.winner-card:hover{transform:translateY(-6px)!important;border-color:rgba(34,211,238,.28)!important;box-shadow:0 28px 70px rgba(0,0,0,.36)!important}
.card h2,.card h3,.hof-card h2,.hof-card h3,.winner-card h2,.winner-card h3,.stat b,.mini b{color:#fff!important}.card p,.hof-card p,.winner-card p,.mini span,.stat small{color:#a8b3c7!important}
.cover,.game-image,.winner-photo,.hof-image{background:#0b1020!important}.cover img,.game-image img,.winner-photo img,.hof-image img{width:100%!important;height:100%!important;object-fit:cover!important}
.openbtn,.open-detail,.btn{border-radius:12px!important;background:linear-gradient(135deg,#7c3aed,#2563eb)!important;box-shadow:0 12px 30px rgba(37,99,235,.22)!important}
.badge,.status,.tag{border-color:rgba(255,255,255,.12)!important}.slotbar{background:rgba(255,255,255,.10)!important}.slotbar i{background:linear-gradient(90deg,#7c3aed,#22d3ee)!important}
.bracket-wrap{overflow:auto!important;-webkit-overflow-scrolling:touch!important}.bracket,.bracket-stage,.bracket-grid{min-width:980px}.match,.team,.slot,.bracket-card{border-color:rgba(255,255,255,.10)!important;background:rgba(5,9,18,.88)!important;color:#f8fafc!important}.match *,.team *,.slot *{color:inherit}
.empty{border:1px dashed rgba(255,255,255,.16)!important;background:rgba(255,255,255,.03)!important;color:#94a3b8!important}.stats{gap:14px!important}.stat{min-width:150px!important}.stat b{font-size:30px!important}
@media(max-width:1180px){.grid,.hof-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:820px){.page{width:min(100% - 24px,720px)!important;padding-top:12px!important}.topbar{position:relative!important;top:0!important;display:block!important;padding:15px!important}.nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:14px!important}.nav a{text-align:center!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.07)!important}.hero,.section,.detail-hero{padding:25px!important;border-radius:20px!important}.grid,.hof-grid,.winner-grid{grid-template-columns:1fr!important}.stats{display:grid!important;grid-template-columns:1fr 1fr!important}.stat{min-width:0!important}.cover,.game-image,.hof-image{aspect-ratio:16/9!important;height:auto!important}}
@media(max-width:520px){.page{width:calc(100% - 16px)!important}.brand{font-size:15px!important}.nav{grid-template-columns:1fr!important}.hero h1{font-size:34px!important}.hero,.section,.detail-hero{padding:20px!important;border-radius:16px!important}.stats{grid-template-columns:1fr!important}.open-detail{width:calc(100% - 24px)!important;margin-left:12px!important;margin-right:12px!important}.bracket,.bracket-stage,.bracket-grid{min-width:850px}}