:root{--bg: #0b0820;--bg2: #140f33;--ink: #eef0ff;--muted: #9a9cc4;--line: rgba(160, 150, 255, .16);--glass: rgba(28, 22, 70, .55);--glass-hi: rgba(48, 38, 110, .6);--gold: #facc15;--gold2: #fb923c;--cyan: #22d3ee;--pink: #f472b6;--lime: #a3e635;--red: #fb7185;--radius: 16px;--pixel: "Press Start 2P", monospace;--sans: "Inter", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--sans);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,rgba(244,114,182,.18),transparent 60%),radial-gradient(900px 600px at 110% 10%,rgba(34,211,238,.16),transparent 60%),linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,.pixel{font-family:var(--pixel);letter-spacing:.02em;line-height:1.5}h1{font-size:clamp(18px,4.5vw,30px);margin:0 0 8px}h2{font-size:14px;margin:0 0 14px;color:var(--gold)}h3{font-size:11px;margin:0 0 10px;color:var(--cyan)}p{line-height:1.55}.muted{color:var(--muted)}.small{font-size:13px}.container{max-width:1080px;margin:0 auto;padding:16px 16px 96px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#0b0820b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-family:var(--pixel);font-size:13px}.brand img{width:30px;height:30px;image-rendering:pixelated;animation:bob 3s ease-in-out infinite}.brand span b{color:var(--gold)}.brand:hover{text-decoration:none}.topnav{display:flex;gap:8px;align-items:center}.card{background:var(--glass);border:1px solid var(--line);border-radius:var(--radius);padding:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 40px #00000059,inset 0 1px #ffffff0d;animation:rise .45s cubic-bezier(.2,.8,.2,1) both}.card+.card{margin-top:16px}.grid{display:grid;gap:16px}@media (min-width: 760px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}}.hero{text-align:center;padding:34px 12px 20px}.hero h1{background:linear-gradient(90deg,var(--gold),var(--gold2),var(--pink),var(--cyan));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 8s linear infinite;text-shadow:0 0 30px rgba(250,204,21,.15)}.hero p{max-width:560px;margin:8px auto 0;color:var(--muted)}.trophy{width:84px;height:84px;image-rendering:pixelated;filter:drop-shadow(0 0 18px rgba(250,204,21,.5));animation:bob 3s ease-in-out infinite}.btn{--c: var(--cyan);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--pixel);font-size:10px;letter-spacing:.04em;color:#0b0820;background:var(--c);border:0;border-radius:10px;padding:12px 14px;cursor:pointer;box-shadow:0 4px color-mix(in srgb,var(--c) 50%,#000),0 0 20px color-mix(in srgb,var(--c) 30%,transparent);transition:transform .08s,box-shadow .08s,filter .2s;text-decoration:none!important;white-space:nowrap}.btn:hover{filter:brightness(1.1)}.btn:active{transform:translateY(3px);box-shadow:0 1px color-mix(in srgb,var(--c) 50%,#000)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.gold{--c: var(--gold)}.btn.pink{--c: var(--pink)}.btn.lime{--c: var(--lime)}.btn.red{--c: var(--red)}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn.ghost:hover{background:var(--glass-hi)}.btn.sm{padding:8px 10px;font-size:9px}.btn.lg{padding:16px 20px;font-size:12px}input,select,textarea{width:100%;font:inherit;color:var(--ink);background:#0a081e99;border:1px solid var(--line);border-radius:10px;padding:11px 12px;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #22d3ee33}input[type=color]{padding:2px;height:46px;cursor:pointer}input[type=checkbox]{width:auto;accent-color:var(--gold)}label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.field{margin-bottom:14px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row>.grow{flex:1;min-width:0}.score-input{width:64px;text-align:center;font-family:var(--pixel);font-size:14px}.error{color:var(--red);font-size:14px;margin:8px 0}.ok{color:var(--lime);font-size:14px;margin:8px 0}.tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:4px;margin:10px 0 16px;border-radius:14px;background:#0a081e80;border:1px solid var(--line);position:sticky;top:58px;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tabs::-webkit-scrollbar{display:none}.tab{flex:1 0 auto;font-family:var(--pixel);font-size:9px;padding:11px 12px;border-radius:10px;color:var(--muted);background:transparent;border:0;cursor:pointer;transition:all .2s}.tab:hover{color:var(--ink)}.tab.active{color:#0b0820;background:linear-gradient(135deg,var(--gold),var(--gold2));box-shadow:0 0 18px #facc1559}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;background:var(--glass-hi);border:1px solid var(--line);text-transform:uppercase;letter-spacing:.06em}.pill.live{color:#0b0820;background:var(--red);border-color:transparent;animation:pulse 1.4s infinite}.pill.gold{color:#0b0820;background:var(--gold);border-color:transparent}.pill.cyan{color:#0b0820;background:var(--cyan);border-color:transparent}.team{display:inline-flex;align-items:center;gap:10px;min-width:0}.team .name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crest{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-family:var(--pixel);font-size:10px;color:#fff;text-shadow:1px 1px 0 #000;box-shadow:inset 0 0 0 2px #fff3,0 2px 10px #0006;overflow:hidden}.crest img{width:100%;height:100%;object-fit:cover}.crest.lg{width:64px;height:64px;font-size:16px;border-radius:16px}.club-tag{font-family:var(--pixel);font-size:8px;padding:3px 6px;border-radius:6px;color:#fff;text-shadow:1px 1px 0 #000}.queue{display:grid;gap:12px}.matchup{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.matchup .right{justify-content:flex-end;text-align:right;flex-direction:row-reverse}.vs{font-family:var(--pixel);font-size:10px;color:var(--muted)}.now-playing{position:relative;overflow:hidden;border-color:#fb718580}.now-playing:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent 30%,rgba(251,113,133,.18),transparent 70%);background-size:250% 100%;animation:sweep 3s linear infinite}.on-deck{border-color:#facc1573}.big-score{font-family:var(--pixel);font-size:22px;color:var(--gold)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{font-family:var(--pixel);font-size:8px;color:var(--muted);text-align:right;padding:8px 6px;font-weight:400}td{padding:10px 6px;border-top:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums}th:first-child,td:first-child{text-align:left}tr.adv td:first-child{box-shadow:inset 3px 0 0 var(--lime)}td.pts{font-weight:800;color:var(--gold)}.game-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.game-row:first-child{border-top:0}.game-no{font-family:var(--pixel);font-size:9px;color:var(--muted)}.game-teams{display:grid;gap:6px;min-width:0}.game-teams .line{display:flex;justify-content:space-between;align-items:center;gap:8px}.game-teams .score{font-family:var(--pixel);font-size:12px}.game-teams .winner .name,.game-teams .winner .score{color:var(--gold)}.admin-score{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.bracket{display:flex;gap:28px;overflow-x:auto;padding:6px 4px 18px;scroll-snap-type:x mandatory}.bracket-round{flex:0 0 240px;display:flex;flex-direction:column;justify-content:space-around;gap:16px;scroll-snap-align:start}.bracket-round h3{text-align:center}.b-match{position:relative;background:var(--glass-hi);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .2s,border-color .2s}.b-match:hover{transform:translateY(-2px);border-color:#22d3ee80}.b-team{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px}.b-team+.b-team{border-top:1px solid var(--line)}.b-team.win{background:linear-gradient(90deg,rgba(250,204,21,.18),transparent)}.b-team.win .name{color:var(--gold)}.b-team .score{font-family:var(--pixel);font-size:11px}.b-team .seed{font-family:var(--pixel);font-size:8px;color:var(--muted);width:18px}.b-match.final{border-color:#facc1599;box-shadow:0 0 30px #facc1533}.champion{text-align:center;padding:26px 16px}.champion .crest{margin:10px auto;animation:bob 2.4s ease-in-out infinite}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:50}.confetti i{position:absolute;top:-12px;width:8px;height:8px;animation:fall linear forwards}.news-item{padding:14px 0;border-top:1px solid var(--line);animation:rise .4s both}.news-item:first-child{border-top:0;padding-top:0}.news-item .title{font-weight:700}.news-item.alert .title{color:var(--pink)}.news-item.result .title{color:var(--cyan);font-family:var(--pixel);font-size:10px;line-height:1.7}.news-item .when{font-size:12px;color:var(--muted)}.t-card{display:block;color:var(--ink);transition:transform .2s,border-color .2s}.t-card:hover{transform:translateY(-3px);border-color:#facc1580;text-decoration:none}.draw-stage{text-align:center}.reels{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.reel-col{display:grid;gap:10px;justify-items:center}.reel{width:100%;height:112px;border-radius:14px;overflow:hidden;position:relative;background:#07051a;border:2px solid rgba(250,204,21,.4);box-shadow:inset 0 0 30px #000000e6,0 0 24px #facc1526}.reel:before,.reel:after{content:"";position:absolute;left:0;right:0;height:30px;z-index:2;pointer-events:none}.reel:before{top:0;background:linear-gradient(#07051a,transparent)}.reel:after{bottom:0;background:linear-gradient(transparent,#07051a)}.reel-strip{position:absolute;left:0;right:0;top:0}.reel-item{height:112px;display:grid;place-items:center;align-content:center;gap:6px;padding:0 6px}.reel-item .code{font-family:var(--pixel);font-size:22px;text-shadow:2px 2px 0 #000}.reel-item .full{font-size:12px;color:var(--muted)}.reel.done{border-color:var(--gold);animation:flash .6s 2}.coin{width:64px;height:64px;border-radius:50%;margin:6px auto;display:grid;place-items:center;font-family:var(--pixel);font-size:9px;color:#3b2a00;background:radial-gradient(circle at 35% 30%,#fff7c2,var(--gold) 45%,#b8860b);box-shadow:0 0 24px #facc1599}.coin.flip{animation:coin 1.2s cubic-bezier(.3,.7,.3,1)}.rating-dots{display:inline-flex;gap:2px}.rating-dots i{width:6px;height:6px;background:var(--line)}.rating-dots i.on{background:var(--gold)}.invite-qr{background:#fff;border-radius:12px;padding:10px;width:200px;height:200px;margin:10px auto;display:block}.slot-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.slot-row:first-child{border-top:0}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#050312bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:60;padding:16px;animation:fade .2s}.modal{max-width:420px;width:100%;text-align:center}.format-opt{cursor:pointer;display:block;padding:12px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px;transition:all .2s}.format-opt.sel{border-color:var(--gold);background:#facc1514}.format-opt input{width:auto;margin-right:8px}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:80;background:var(--glass-hi);border:1px solid var(--line);padding:12px 18px;border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:rise .3s}.prize-card{text-align:center;position:relative;overflow:hidden}.prize-card.p1{border-color:#facc158c;box-shadow:0 0 28px #facc1529}.prize-card.p2{border-color:#cbd5e173;box-shadow:0 0 22px #cbd5e11f}.prize-card.p3{border-color:#fb923c73;box-shadow:0 0 22px #fb923c1f}.prize-medal{font-size:32px;line-height:1;margin-bottom:8px}.prize-amount{font-family:var(--pixel);font-size:13px;color:var(--ink);margin:10px 0;line-height:1.5}.rules-body{white-space:pre-wrap;line-height:1.7;font-size:14px;color:var(--ink)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}}@keyframes bob{50%{transform:translateY(-4px)}}@keyframes pulse{50%{box-shadow:0 0 0 6px #fb718500;opacity:.8}0%{box-shadow:0 0 #fb718599}}@keyframes shimmer{to{background-position:300% 0}}@keyframes sweep{to{background-position:-250% 0}}@keyframes flash{50%{box-shadow:0 0 40px #facc15cc,inset 0 0 30px #facc154d}}@keyframes coin{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(900deg) scale(1.3) translateY(-30px)}to{transform:rotateY(1800deg) scale(1)}}@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}