:root{--bg:#0f0719;--panel:#1a0e2b;--line:#34235a;--text:#f3eefe;--muted:#9a8bbd;--slime:#7cff3a;--grape:#8b5cf6;--gold:#ffd23a;--silver:#d6dbe6;--bronze:#e08a4a;--pixel:"Press Start 2P", monospace;--display:"Bungee", sans-serif;--body:"Space Grotesk", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--body);margin:0}body{background:radial-gradient(ellipse 80% 40% at 50% 0%, #8b5cf659, transparent 70%), linear-gradient(180deg, #1c0f31 0%, var(--bg) 40%);background-attachment:fixed;min-height:100vh}a{color:inherit;text-decoration:none}.page{max-width:760px;margin:0 auto;padding:0 16px 40px}.top{justify-content:space-between;align-items:center;padding:14px 0;display:flex}.brand{font-family:var(--display);color:var(--grape);align-items:center;gap:10px;font-size:20px;display:flex}.brand img{width:44px}.brand b{color:var(--text);font-size:14px;font-weight:400}.top-play{font-family:var(--pixel);background:var(--slime);color:#0d1a05;border-radius:999px;padding:10px 14px;font-size:11px;box-shadow:0 0 16px #7cff3a73}.hero{text-align:center;padding:8px 0 20px}.logo{filter:drop-shadow(0 8px 24px #ff5a1459);width:min(420px,82vw)}h1{font-family:var(--display);letter-spacing:1px;margin:10px 0 6px;font-size:clamp(30px,8vw,54px);font-weight:400;line-height:1}h1 em{color:var(--slime);font-style:normal}.sub{min-height:14px;font-family:var(--pixel);color:var(--muted);margin:0;font-size:9px}.status{text-align:center;font-family:var(--pixel);color:var(--muted);padding:40px 0;font-size:11px}.play{background:var(--slime);color:#0d1a05;border-radius:16px;flex-direction:column;align-items:center;gap:6px;width:min(420px,100%);margin:18px auto 26px;padding:16px 20px 14px;transition:transform 80ms;display:flex;box-shadow:0 6px #3f8f16,0 0 30px #7cff3a59}.play:active{transform:translateY(4px);box-shadow:0 2px #3f8f16}.play span{font-family:var(--display);font-size:28px}.play small{font-family:var(--pixel);font-size:9px}.play.big span{font-size:34px}.champ{border:3px solid var(--gold);background:radial-gradient(ellipse 70% 60% at 30% 40%, #ffd23a47, transparent 70%), repeating-conic-gradient(from 0deg at 28% 45%, #ffd23a17 0 8deg, transparent 8deg 16deg), linear-gradient(160deg, #3a2306, #1a0e2b 65%);border-radius:20px;margin:26px 0 14px;padding:34px 20px 22px;animation:2.4s ease-in-out infinite glow;position:relative;overflow:hidden;box-shadow:0 0 0 3px #140a1f,0 0 40px #ffd23a59}@keyframes glow{50%{box-shadow:0 0 0 3px #140a1f,0 0 64px #ffd23a99}}.champ-shine{pointer-events:none;background:linear-gradient(110deg,#0000 35%,#ffffff38 50%,#0000 65%);animation:3.6s ease-in-out infinite shine;position:absolute;inset:0;transform:translate(-100%)}@keyframes shine{60%,to{transform:translate(100%)}}.crown{filter:drop-shadow(0 3px #00000080);width:64px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.champ-badge{font-family:var(--pixel);color:#140a1f;background:linear-gradient(180deg, #fff6b8, var(--gold) 50%, #c47a00);border-radius:999px;padding:7px 10px;font-size:9px;position:absolute;top:14px;right:14px;box-shadow:0 0 0 2px #140a1f}.champ-body{align-items:center;gap:20px;margin-top:14px;display:flex;position:relative}.champ-body img{aspect-ratio:1;object-fit:cover;width:38%;max-width:220px;image-rendering:pixelated;border:4px solid var(--gold);background:#b3122e;border-radius:14px;box-shadow:0 0 0 4px #140a1f,0 10px 30px #00000080}.champ-info{flex-direction:column;gap:8px;min-width:0;display:flex}.champ-label{font-family:var(--pixel);color:var(--gold);font-size:10px}.champ-name{font-family:var(--display);color:#fff;text-shadow:0 4px #c47a00,0 8px #140a1f;font-size:clamp(46px,13vw,84px);line-height:.95}.champ-score{font-family:var(--pixel);background:linear-gradient(180deg, #fff6b8, var(--gold) 50%, #e08a00);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(16px,4.4vw,28px)}.champ-meta{font-family:var(--pixel);color:var(--text);opacity:.85;font-size:9px}.podium{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;display:grid}.spot{text-align:center;background:var(--panel);border:2px solid var(--line);border-radius:16px;padding:18px 8px 14px;position:relative}.spot.r2{border-color:var(--silver)}.spot.r3{border-color:var(--bronze)}.medal{width:30px;height:30px;font-family:var(--pixel);color:#140a1f;background:var(--silver);border-radius:50%;place-items:center;font-size:12px;display:grid;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.r3 .medal{background:var(--bronze)}.spot img{aspect-ratio:1;object-fit:cover;width:56%;image-rendering:pixelated;background:#b3122e;border-radius:10px}.spot .initials{font-family:var(--display);margin-top:10px;font-size:clamp(20px,5vw,30px)}.spot .score{font-family:var(--pixel);color:var(--gold);margin-top:6px;font-size:clamp(11px,2.6vw,15px)}.spot .meta{font-family:var(--pixel);color:var(--text);margin-top:8px;font-size:8px}.spot .meta.date{color:var(--muted);margin-top:5px}.table{border:1px solid var(--line);background:var(--panel);border-radius:16px;margin:0;padding:0;list-style:none;overflow:hidden}.table li{border-top:1px solid var(--line);font-family:var(--pixel);grid-template-columns:44px 64px 1fr 110px 92px;align-items:center;gap:8px;padding:8px 14px;font-size:11px;display:grid}.table li:nth-child(2n){background:#ffffff06}.table li.head{color:var(--muted);background:#22133a;border-top:0;padding-top:12px;padding-bottom:12px;font-size:8px}.rank{color:var(--muted)}.table .initials{font-family:var(--display);font-size:18px}.fighter{align-items:center;gap:8px;min-width:0;display:flex}.fighter img{width:30px;height:30px;image-rendering:pixelated;background:#b3122e;border-radius:6px;flex:none}.fighter i{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-style:normal;overflow:hidden}.num{text-align:right}.table .date{color:var(--muted);font-size:9px}.score{color:var(--gold)}.empty,.foot-cta{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-top:20px;padding:26px 16px 4px}.foot-cta{margin-top:26px}.empty h2,.foot-cta h2{font-family:var(--display);margin:0;font-size:clamp(20px,5vw,28px);font-weight:400}.empty p{color:var(--muted);margin:10px 0 0}footer{font-family:var(--pixel);color:var(--muted);flex-direction:column;align-items:center;gap:18px;margin-top:34px;font-size:8px;display:flex}footer a{color:var(--acid,#7cff3a)}.follow{color:var(--text);flex-direction:column;align-items:center;gap:12px;font-size:10px;display:flex}.top-right{align-items:center;gap:10px;display:flex}.socials{gap:8px;display:flex}.socials a{border:1px solid var(--line);width:34px;height:34px;color:var(--text);background:#ffffff14;border-radius:50%;place-items:center;transition:background .15s,transform .15s;display:grid}.socials a:hover{background:var(--grape);transform:translateY(-2px)}.socials svg,.watch-btn svg{fill:none;stroke:currentColor;stroke-width:2px;width:18px;height:18px}.socials svg .fill,.watch-btn svg .fill{fill:currentColor;stroke:none}.socials.big a{width:48px;height:48px}.socials.big svg{width:24px;height:24px}.watch{background:radial-gradient(ellipse 60% 90% at 15% 50%, #ff283c47, transparent 70%), var(--panel);border:1px solid #ff3b3b73;border-radius:18px;align-items:center;gap:20px;margin-top:30px;padding:22px;display:flex}.watch img{filter:drop-shadow(0 6px 16px #00000080);width:42%;max-width:260px}.watch-copy{flex-direction:column;gap:10px;min-width:0;display:flex}.watch-kicker{font-family:var(--pixel);color:#ff6b6b;font-size:9px}.watch h2{font-family:var(--display);margin:0;font-size:clamp(20px,4.4vw,30px);font-weight:400;line-height:1.05}.watch-btn{font-family:var(--pixel);color:#fff;background:linear-gradient(90deg,#f58529,#dd2a7b 45%,#8134af 75%,#515bd4);border-radius:12px;align-self:flex-start;align-items:center;gap:10px;margin-top:4px;padding:13px 18px;font-size:10px;display:inline-flex;box-shadow:0 5px #4a1f6b,0 0 22px #dd2a7b59}.watch-btn:active{transform:translateY(3px);box-shadow:0 2px #4a1f6b}@media (width<=560px){.top-right .socials{display:none}.watch{text-align:center;flex-direction:column;padding:20px 16px}.watch img{width:70%}.watch-btn{align-self:center}.table li{grid-template-columns:28px 1fr 30px 80px 70px;gap:6px;padding:8px 10px}.table li.head span:nth-child(3){visibility:hidden}.table .initials{font-size:16px}.fighter{order:0}.fighter i{display:none}.table .score{font-size:10px}.table .date{white-space:nowrap;font-size:7px}.champ{padding:34px 14px 18px}.champ-body{gap:14px}.champ-badge{font-size:7px;top:12px;right:10px}.champ-meta{font-size:7px}}