:root{--bg:#07080b;--panel:#0d1014;--line:#272c33;--ink:#f0eee9;--muted:#89919d;--gold:#efc24f;--cyan:#2de3ee;--red:#f05b69;--green:#4fe092}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:"Arial Narrow","Roboto Condensed",Impact,system-ui,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 60% 0,#12161d 0,#080a0d 34%,#050609 75%);font-size:16px}button,input{font:inherit;color:inherit}button{cursor:pointer}.global{height:54px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:0 14px;position:sticky;top:0;z-index:20;background:#08090ced}.logo{display:flex;align-items:center;gap:10px;border:0;background:none;color:var(--gold);font-size:1.2rem}.logo i{width:21px;height:21px;border:3px solid var(--gold);border-radius:50%;position:relative}.logo i:after{content:"";position:absolute;inset:3px;border-left:3px solid var(--gold);transform:skew(-20deg)}.products{display:flex;gap:4px;overflow:hidden}.products button,.head-actions button{border:1px solid transparent;background:none;padding:9px 12px;color:#a4acb8}.products .on{border-color:#55482a;background:#201d14;color:var(--gold);border-radius:4px}.products em{font-style:normal;color:var(--gold);font-size:.64rem;border:1px solid #7a632e;padding:1px 4px}.head-actions{margin-left:auto;display:flex;gap:6px}.head-actions button{border-color:var(--line);border-radius:4px}.subnav{height:44px;display:flex;align-items:center;gap:2px;border-bottom:1px solid var(--line);padding:0 12px;position:sticky;top:54px;z-index:19;background:#08090cf2;overflow-x:auto;scrollbar-width:none}.subnav button{white-space:nowrap;border:0;background:none;color:#939ca8;padding:8px 10px;font-size:.8rem}.subnav .play{background:var(--gold);color:#15120a;border-radius:4px;font-weight:900}.subnav .format{border:1px solid var(--line);padding:7px 10px}.subnav .format.on{color:var(--gold);background:#252113}.subnav span{height:22px;border-left:1px solid var(--line);margin:0 5px}.subnav button.active{color:#fff;border-bottom:2px solid var(--gold)}.dot{display:inline-block;width:5px;height:5px;background:var(--gold);border-radius:50%}.view{display:none;min-height:calc(100vh - 98px)}.view.active{display:block}.layout{width:min(1260px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:46px;padding:34px 22px}.maincol{max-width:780px}.outline,.wide,.event button,.character-card button,.rink button,.back{border:1px solid #3b424c;background:#0b0e12;padding:10px 16px;text-transform:uppercase;font-weight:900;letter-spacing:.06em}.outline:hover,.wide:hover,.event button:hover,.character-card button:hover,.rink button:hover{border-color:var(--gold);color:var(--gold)}.kicker{color:#8996a7;font-size:.75rem;letter-spacing:.2em;font-weight:900;margin:20px 0 8px}.hero-title{font-size:clamp(5.3rem,12vw,9.6rem);line-height:.72;letter-spacing:-.07em;color:var(--gold);font-style:italic;font-weight:1000}.hero-title span{font-size:.2em;letter-spacing:.12em;color:var(--cyan);vertical-align:top}.lead{font-family:system-ui,sans-serif;line-height:1.5;max-width:710px;color:#c7cbd0}.queue{display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px}.queue button{min-height:67px;border:1px solid #383e46;border-right:0;background:#0a0c10;color:#929aa5}.queue button:last-child{border-right:1px solid #383e46}.queue button.selected{background:#282414;color:var(--gold);border-color:#6b5929}.queue b,.queue small{display:block}.queue b{font-size:1.7rem}.queue small{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.challenge{display:flex;margin-top:12px}.challenge input{min-width:0;flex:1;background:#0b0e12;border:1px solid #3b424c;padding:13px}.challenge button,.gold{background:var(--gold)!important;color:#1b170b!important;border:1px solid var(--gold)!important;font-weight:900;text-transform:uppercase;padding:0 22px}.wide{width:100%;margin-top:10px}.identity{margin:34px 0 20px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px}.identity small{color:#78818c;letter-spacing:.16em;text-transform:uppercase}.identity b{font-size:1.3rem}.identity button{margin-left:auto;background:none;border:1px solid var(--line);padding:8px 13px}.live{display:grid;grid-template-columns:1fr auto auto auto auto;gap:15px;align-items:center;border-bottom:2px solid var(--gold);padding:16px 0}.live span{font-size:.72rem;color:#9aa4b0;letter-spacing:.12em}.live span:first-letter{color:var(--red)}.live i{font-style:normal;color:var(--gold)}.live button{background:none;border:1px solid var(--line);padding:9px 16px}.character-card{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px;display:flex;align-items:center;gap:16px}.mini-player{width:58px;height:74px;display:grid;place-items:center;background:linear-gradient(150deg,var(--cyan),#156d8b);clip-path:polygon(22% 0,78% 0,100% 27%,82% 100%,18% 100%,0 27%);color:#071012;font-size:1.8rem;font-weight:900}.character-card p{margin:5px 0;color:var(--muted)}.character-card button{margin-left:auto}#rightRail,#cpuRail{border:1px solid var(--line);border-top:2px solid var(--gold);background:#090b0f;align-self:start}.rail-title{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--line)}.rail-title h2{margin:0;text-transform:uppercase;font-size:1rem;letter-spacing:.1em}.rail-event{padding:16px;border-bottom:1px solid var(--line);position:relative}.rail-event strong{font-size:2.4rem}.rail-event h3{margin:4px 0}.rail-event p{margin:5px 0;color:var(--muted);font-size:.82rem}.rail-event button{border:1px solid var(--line);background:none;padding:7px 10px}.chat{padding:15px}.chat h3{font-size:.8rem;letter-spacing:.12em}.chat p{font-family:system-ui,sans-serif;font-size:.78rem;color:#aeb5bd;border-left:2px solid var(--cyan);padding-left:8px}.content{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:40px 0 70px}.content header{border-bottom:1px solid var(--line);margin-bottom:20px}.content header h1,.cpu-page>h1{font-size:clamp(3.5rem,8vw,6.5rem);letter-spacing:-.06em;margin:0 0 18px;font-style:italic}.toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:20px 0}.toolbar input{background:#0b0e12;border:1px solid #414852;padding:13px 16px;width:360px}.toolbar>span{margin-left:auto;color:var(--muted);font-size:.8rem}.seg{display:flex}.seg button{border:1px solid #3a4149;background:#090b0e;padding:10px 18px}.seg .on{background:#e8e5df;color:#111}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;color:#8290a0;font-size:.7rem;letter-spacing:.13em;padding:12px;border-bottom:1px solid #56606a}td{padding:13px 12px;border-bottom:1px solid var(--line);white-space:nowrap}td:nth-child(3){font-size:1.2rem;font-weight:900}td:nth-child(n+5){color:var(--green)}.tourney-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.event{border:1px solid var(--line);padding:24px;background:linear-gradient(135deg,#11151b,#080a0d)}.event.featured{border-top:3px solid var(--gold)}.event strong{font-size:4.3rem;color:var(--gold);float:right}.event p,.event span{color:var(--muted)}.slots,.xp{height:5px;background:#252b31;margin:25px 0 8px}.slots i,.xp i{display:block;height:100%;background:var(--cyan)}.section-title{margin-top:40px;text-transform:uppercase;letter-spacing:.08em}.bracket{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;align-items:center}.round{display:grid;gap:12px}.round h3{font-size:.72rem;color:var(--muted);letter-spacing:.14em}.matchup{border:1px solid var(--line);background:#0b0e12}.matchup span{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--line)}.matchup span:last-child{border:0}.matchup b{color:var(--gold)}.summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.summary div{padding:22px;border-right:1px solid var(--line)}.summary div:last-child{border:0}.summary small,.build-card>small{color:var(--muted);letter-spacing:.12em}.summary b{display:block;font-size:2rem;margin-top:6px}.match-list article{display:grid;grid-template-columns:80px 1fr auto auto;gap:20px;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.win{color:var(--green)}.loss{color:var(--red)}.profile-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:18px}.player-card,.stats-card{border:1px solid var(--line);padding:28px;background:#0c0f13}.player-card{display:flex;align-items:center;gap:25px}.jersey{font-size:4rem;font-weight:900;background:linear-gradient(160deg,#efc24f,#987322);padding:25px;clip-path:polygon(20% 0,80% 0,100% 25%,82% 100%,18% 100%,0 25%);color:#181307}.statline{display:grid;grid-template-columns:repeat(4,auto);gap:4px 20px}.statline b{font-size:2rem}.statline span{color:var(--muted)}.xp i{width:68%;background:var(--gold)}.unlocks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.unlocks button{padding:25px;border:1px solid var(--line);background:#0b0e12;text-align:left}.city-map{height:600px;position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(35deg,#10151b,#0a0c0f)}.roads{position:absolute;inset:-20%;background:repeating-linear-gradient(60deg,transparent 0 90px,#272d34 91px 115px,transparent 116px 205px),repeating-linear-gradient(-25deg,transparent 0 120px,#1d232a 121px 140px,transparent 141px 260px);opacity:.8}.rink{position:absolute;z-index:2;width:210px;height:120px;border:3px solid #dff9fa;border-radius:45%;background:#9ad9df;color:#071014;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 35px #2de3ee33}.rink b{font-size:1.2rem;text-transform:uppercase}.rink span{font-size:.75rem}.rink button{padding:5px 9px;margin-top:7px}.r1{left:12%;top:15%}.r2{right:13%;top:24%}.r3{left:42%;bottom:13%;border-color:var(--gold);background:#796a3a;color:#fff}.builder{display:grid;grid-template-columns:350px 1fr;gap:48px}.build-card{position:sticky;top:118px;align-self:start}.wire-player{height:250px;border-bottom:1px solid var(--line);display:grid;place-items:center;background:radial-gradient(circle,#18404a,#080b0e 65%)}.wire-player i{width:100px;height:170px;border:5px solid var(--cyan);clip-path:polygon(30% 0,70% 0,100% 30%,80% 100%,20% 100%,0 30%);display:grid;place-items:center;font-size:3rem;font-style:normal;color:var(--cyan)}.build-card h1{font-size:3.6rem;margin:5px 0;border-bottom:1px solid var(--line)}.overall{display:flex;align-items:center;gap:12px}.overall>b{font-size:4.2rem}.bars{display:flex;gap:5px;margin:15px 0}.bars div{flex:1}.bars i{display:block;background:#ede9df;height:65px;margin-top:5px}.bars small{font-size:.6rem;color:var(--muted)}.build-card .gold{width:100%;padding:14px}.build-main>h1{font-size:4.7rem;margin:0}.build-main h2{margin-top:32px;border-bottom:1px solid var(--line);padding-bottom:10px;text-transform:uppercase}.build-main h2>span{float:right;font-size:.75rem;color:var(--muted)}.archetypes,.shotstyles{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.archetypes button,.shotstyles button{min-height:110px;border:1px solid var(--line);background:#0a0d10;padding:18px;text-align:left}.archetypes button.on,.shotstyles button.on{border-top:3px solid var(--gold);background:#181711}.archetypes b,.archetypes span,.shotstyles b,.shotstyles span{display:block}.archetypes b,.shotstyles b{text-transform:uppercase;font-size:1.2rem}.archetypes span,.shotstyles span{color:var(--muted);margin-top:8px}.body-controls{display:grid;grid-template-columns:1fr 1fr;gap:30px}.body-controls label{display:flex;flex-direction:column;gap:15px;text-transform:uppercase}.body-controls output{font-size:2rem;color:var(--cyan);font-weight:900}.body-controls input{accent-color:var(--gold)}.rating{display:grid;grid-template-columns:140px 36px 1fr 36px 40px;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.rating button{border:1px solid var(--line);background:#0b0e12;height:36px}.rating .track{height:8px;background:#1e242b}.rating .track i{display:block;height:100%;background:#ede9df}.rating output{font-size:1.4rem;font-weight:900}.shotstyles{grid-template-columns:repeat(3,1fr)}.rules{display:grid;grid-template-columns:repeat(2,1fr)}.rules article{padding:25px;border-bottom:1px solid var(--line)}.rules article>b{color:var(--cyan)}.rules p,.patch p{font-family:system-ui,sans-serif;color:#aeb4bb;line-height:1.6}.control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.control-grid article,.patch{padding:25px;border:1px solid var(--line);background:#0b0e12}.control-grid p{color:#aeb5bd}kbd{border:1px solid #66717d;background:#14181d;padding:3px 7px;border-radius:2px;color:#fff;margin-right:4px}.patch b{color:var(--gold)}#cpu.active{display:grid;grid-template-columns:minmax(0,800px) 330px;gap:45px;width:min(1180px,calc(100% - 36px));margin:auto;padding:35px 0}.cpu-page>p{color:var(--muted)}.back{margin-bottom:15px}.cpu-list article{display:grid;grid-template-columns:50px 1fr auto;gap:15px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.cpu-list article>span{font-size:1.5rem;color:var(--cyan)}.cpu-list h3,.cpu-list p{margin:0}.cpu-list p{font-size:.78rem;color:var(--muted)}.cpu-list button{border:1px solid var(--cyan);background:none;color:var(--cyan);padding:9px 18px}.cpu-list button[disabled]{border-color:#333;color:#555}.game-screen{position:fixed;inset:0;background:#05070a;z-index:50}.game-screen.active{display:block}#rink{width:100%;height:100%;display:block;touch-action:none}.match-hud{position:absolute;inset:0;pointer-events:none}.match-hud>button{pointer-events:auto;position:absolute;left:15px;top:15px;background:#080b0ed9;border:1px solid #47515b;padding:9px 12px}.score{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:140px 75px 140px;text-align:center;background:#070a0ddd;border:1px solid #3e4852}.score span{padding:10px;font-size:.75rem}.score span b{font-size:1.8rem}.score .blue{border-top:4px solid var(--cyan)}.score .red{border-top:4px solid var(--red)}.score>div{padding:8px}.score>div b,.score>div small{display:block}.score>div small{color:var(--gold)}.charge{position:absolute;left:50%;bottom:50px;transform:translateX(-50%);width:240px;height:8px;background:#242a30;border:1px solid #66717a}.charge i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--gold),var(--cyan),var(--red))}.announce{position:absolute;inset:0;display:none;place-content:center;text-align:center;text-shadow:0 7px 25px #000}.announce.show{display:grid}.announce b{font-size:8rem;font-style:italic}.announce span{color:var(--gold);letter-spacing:.25em}.game-keys{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:#070a0ddd;padding:8px;white-space:nowrap;font-size:.68rem}.touch-ui{display:none}.toast{position:fixed;right:22px;bottom:22px;background:#eae7df;color:#111;padding:13px 18px;z-index:100;transform:translateY(120px);transition:.25s}.toast.show{transform:none}@media(max-width:900px){body{font-size:15px}.products,.head-actions{display:none}.subnav{top:54px}.layout,#cpu.active{grid-template-columns:1fr;padding:20px 14px}.layout aside,#cpuRail{display:none}.queue{grid-template-columns:repeat(2,1fr)}.live{grid-template-columns:1fr 1fr}.tourney-grid,.profile-grid,.builder,.rules,.control-grid{grid-template-columns:1fr}.build-card{position:static}.bracket{grid-template-columns:1fr}.summary{grid-template-columns:repeat(2,1fr)}.toolbar>span{margin-left:0}.archetypes{grid-template-columns:1fr}.shotstyles{grid-template-columns:1fr}.content{padding-top:25px}.touch-ui{display:flex;position:absolute;left:15px;right:15px;bottom:15px;align-items:end;justify-content:space-between}.touch-ui button{border:1px solid #ffffff55;background:#071017bb;color:#fff;border-radius:50%;touch-action:none}.touch-pad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px)}.touch-pad button:nth-child(1){grid-column:2}.touch-pad button:nth-child(2){grid-column:1;grid-row:2}.touch-pad button:nth-child(3){grid-column:2;grid-row:2}.touch-pad button:nth-child(4){grid-column:3;grid-row:2}.touch-check{width:58px;height:58px;border-color:var(--red)!important}.touch-shoot{width:76px;height:76px;border-color:var(--cyan)!important}.game-keys,.charge{display:none}.score{grid-template-columns:92px 62px 92px}.global{position:relative}.subnav{position:relative;top:0}.view{min-height:calc(100vh - 98px)}}