@font-face{font-family:Anton;src:url(/fonts/Anton-Regular.ttf) format('truetype');font-display:swap}
@font-face{font-family:'Press Start 2P';src:url(/fonts/PressStart2P-Regular.ttf) format('truetype');font-display:swap}
@font-face{font-family:VT323;src:url(/fonts/VT323-Regular.ttf) format('truetype');font-display:swap}
:root{--night:#0A0818;--ink:#0E0A1C;--violet:#281248;--mag:#FF2E88;--cyan:#00F0FF;--yel:#FCEE0A;--chalk:#EAF6F0;--teal:#123C34;--mut:#9C93B8}
*{box-sizing:border-box}
html{background:var(--night)}
body{margin:0;color:var(--chalk);font:20px/1.35 VT323,ui-monospace,monospace;min-height:100vh;
 background:linear-gradient(115deg,rgba(40,18,72,.55) 0 12%,transparent 12% 24%,rgba(18,60,52,.35) 24% 36%,transparent 36% 48%,rgba(40,18,72,.55) 48% 60%,transparent 60% 72%,rgba(18,60,52,.35) 72% 84%,transparent 84%) fixed,
 radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1.6px) 0 0/9px 9px fixed,var(--night)}
a{color:var(--cyan);text-decoration:none}a:hover{color:var(--yel)}
header.top{display:flex;align-items:center;gap:16px;padding:12px 24px;background:var(--ink);border-bottom:2px solid var(--cyan);position:sticky;top:0;z-index:5}
header.top img{width:44px;height:44px;image-rendering:auto}
.brand{font-family:Anton,Impact,sans-serif;font-size:30px;letter-spacing:1px;color:var(--mag);text-shadow:2px 2px 0 var(--cyan);text-transform:uppercase}
nav{display:flex;gap:18px;margin-left:auto;font-family:'Press Start 2P',monospace;font-size:10px;flex-wrap:wrap}
nav a{color:var(--chalk)}nav a:hover{color:var(--yel)}
main{max-width:1100px;margin:0 auto;padding:24px 18px 60px}
h1,h2,h3{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.5px;margin:.2em 0 .4em}
h1{font-size:46px;color:var(--chalk);text-shadow:3px 3px 0 var(--mag)}
h2{font-size:30px;color:var(--mag)}h3{font-size:22px;color:var(--cyan)}
.tag{font-family:'Press Start 2P',monospace;font-size:10px;color:var(--yel);letter-spacing:1px;text-transform:uppercase}
.panel{background:rgba(14,10,28,.92);border:2px solid var(--cyan);clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);padding:18px 30px;margin:0 0 22px}
.panel.mag{border-color:var(--mag)}
.hero{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.hero img{width:150px;height:150px}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.tcard{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:rgba(40,18,72,.6);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);border-bottom:4px solid var(--c,#888);color:var(--chalk);text-align:center}
.tcard img{width:96px;height:96px;image-rendering:pixelated}
.tcard:hover{background:rgba(255,46,136,.18)}
table{width:100%;border-collapse:collapse;font-size:21px}
th{font-family:'Press Start 2P',monospace;font-size:9px;color:var(--mut);text-align:left;padding:8px 6px;border-bottom:2px solid var(--violet)}
td{padding:5px 6px;border-bottom:1px solid rgba(40,18,72,.9)}
td.n,th.n{text-align:right}
tr.lead td{color:var(--yel)}
.crest{width:28px;height:28px;vertical-align:middle;image-rendering:pixelated;margin-right:8px}
.chip{display:inline-block;width:10px;height:10px;margin-right:6px;background:var(--c);vertical-align:middle;clip-path:polygon(30% 0,100% 0,70% 100%,0 100%)}
.res{display:grid;grid-template-columns:1fr auto 1fr auto;gap:8px;align-items:center;padding:6px 10px;border-bottom:1px solid rgba(40,18,72,.9)}
.res .h{text-align:right}.res .sc{font-family:'Press Start 2P',monospace;font-size:13px;color:var(--yel);padding:0 10px;white-space:nowrap}
.res .w{color:var(--chalk);font-weight:700}.res .l{color:var(--mut)}
.ot{font-family:'Press Start 2P',monospace;font-size:8px;color:var(--mag);margin-left:6px}
.md{margin:18px 0 6px}
.score{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;text-align:center}
.score img{width:140px;height:140px;image-rendering:pixelated}
.score .big{font-family:'Press Start 2P',monospace;font-size:44px;color:var(--yel);text-shadow:3px 3px 0 var(--mag)}
.score .tn{font-family:Anton,Impact,sans-serif;font-size:26px;text-transform:uppercase;max-width:220px}
.goals li{list-style:none;padding:3px 0}.goals .clk{font-family:'Press Start 2P',monospace;font-size:10px;color:var(--cyan);display:inline-block;width:70px}
.bracket{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px}
.round{min-width:190px;display:flex;flex-direction:column;justify-content:space-around;gap:10px}
.round h3{font-size:16px;margin:0 0 4px}
.game{background:rgba(40,18,72,.7);border-left:3px solid var(--cyan);padding:4px 8px;font-size:18px}
.game div{display:flex;justify-content:space-between;align-items:center;gap:8px;white-space:nowrap}.game .win{color:var(--yel)}.game .lose{color:var(--mut)}
.power{border-left:3px solid var(--mag);padding:4px 10px;margin:6px 0;background:rgba(255,46,136,.08)}
.pname{font-family:Anton,Impact,sans-serif;font-size:20px;text-transform:uppercase;color:var(--mag)}
.mut{color:var(--mut)}.sm{font-size:17px}
select{font:inherit;background:var(--ink);color:var(--chalk);border:1px solid var(--cyan);padding:2px 6px}
footer{border-top:2px solid var(--violet);padding:18px 24px;color:var(--mut);font-size:17px;text-align:center}
@media(max-width:640px){h1{font-size:34px}.res{grid-template-columns:1fr auto 1fr;font-size:18px}.res .x{display:none}nav{font-size:8px;gap:10px}.panel{padding:14px 18px}}