:root{--bg: #070b16;--panel: #10182c;--line: #2a3b5c;--ink: #eef3fb;--muted: #93a4c4;--gold: #4c8dff;--cyan: #5eecc8;--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,#152038 0,#070e1c 34%,#040814 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:#08101eed}.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 .iso-link{padding:9px 12px;color:#a4acb8;text-decoration:none;white-space:nowrap}.products .iso-link:hover{color:var(--ink)}.products .on{border-color:#234a86;background:#13284a;color:var(--gold);border-radius:4px}.products em{font-style:normal;color:var(--gold);font-size:.64rem;border:1px solid #2c5ea8;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:#08101ef2;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:#071226;border-radius:4px;font-weight:900}.subnav .format{border:1px solid var(--line);padding:7px 10px}.subnav .format.on{color:var(--gold);background:#163056}.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 #3a4f72;background:#0c1426;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 #314564;border-right:0;background:#0c1528;color:#929aa5}.queue button:last-child{border-right:1px solid #314564}.queue button.selected{background:#16325c;color:var(--gold);border-color:#2f62b0}.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:#0c1426;border:1px solid #3a4f72;padding:13px}.challenge button,.gold{background:var(--gold)!important;color:#0c1830!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:#0b1222;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:#0c1426;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,#070e1c)}.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:#0c1426}.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,#4c8dff,#3d74e0);padding:25px;clip-path:polygon(20% 0,80% 0,100% 25%,82% 100%,18% 100%,0 25%);color:#0c1a33}.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:#0c1426;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 #5eecc833}.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:#2a4f86;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,#080f1c 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:#121e36}.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:#0c1426;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:#0c1426}.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}#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:#080f1cd9;border:1px solid #47515b;padding:9px 12px}.score{position:absolute;top:14px;left:50%;transform:translate(-50%);display:grid;grid-template-columns:140px 75px 140px;text-align:center;background:#070e1cdd;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:translate(-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:translate(-50%);background:#070e1cdd;padding:8px;white-space:nowrap;font-size:.68rem}.touch-ui{display:none}.toast{position:fixed;right:22px;bottom:22px;background:#dbe7ff;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,.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)}.layout aside,#cpuRail{display:block}}html{font-family:Avenir Next,Segoe UI,Helvetica Neue,system-ui,sans-serif}body{background:radial-gradient(900px 420px at 80% -10%,#1a3f7a55,transparent 60%),radial-gradient(700px 380px at 0% 0%,#145c4a33,transparent 55%),#070b16}.hero-title{font-family:Arial Black,Arial Narrow,Impact,sans-serif;font-style:normal;letter-spacing:-.045em;text-shadow:0 18px 48px #4c8dff44}.content header h1,.cpu-page>h1{font-style:normal}.subnav .play{box-shadow:0 8px 24px #4c8dff55;letter-spacing:.04em;padding:8px 14px;transition:transform .15s,filter .15s}.subnav .play:hover{transform:translateY(-1px);filter:brightness(1.08)}.wide{background:linear-gradient(180deg,#6ea2ff,#2d68dd);color:#071226;border-color:#9cc0ff;padding:16px;letter-spacing:.14em;box-shadow:0 12px 30px #4c8dff33}.wide:hover{background:linear-gradient(180deg,#86b4ff,#3b78ee);color:#071226;border-color:#c5daff}.sport-select button.on{border-color:#5eecc8}#rightRail,#cpuRail{box-shadow:0 18px 50px #02060f88}.chat-log{max-height:210px;overflow:auto;display:flex;flex-direction:column;gap:8px}.chat-form{display:flex;gap:8px;margin-top:12px}.chat-form input{flex:1;min-width:0;background:#0c1528;border:1px solid #2a3b5c;border-radius:8px;padding:10px 12px}.chat-form button{background:#4c8dff;color:#071226;border:0;border-radius:8px;font-weight:900;padding:10px 12px}.rename-input{background:#0c1528;border:1px solid #5eecc8;color:#eef3fb;font-weight:900;font-size:1.1rem;padding:6px 8px;width:140px}.watch-banner{margin:0 0 18px;padding:12px 14px;border:1px solid #1f6b58;background:#0d2422;color:#9ff3df;letter-spacing:.06em;font-size:.85rem}.search-pop{position:fixed;inset:0;background:#040814cc;z-index:80;display:grid;place-items:start center;padding:12vh 16px 16px}.search-pop[hidden]{display:none}.search-card{width:min(520px,100%);background:#10182c;border:1px solid #2a3b5c;border-radius:16px;padding:16px;box-shadow:0 24px 80px #000a}.search-card input{width:100%;background:#0c1426;border:1px solid #3a4f72;border-radius:10px;padding:12px 14px}#searchResults{display:flex;flex-direction:column;gap:6px;margin:12px 0}#searchResults button{text-align:left;background:#0c1528;border:1px solid #2a3b5c;border-radius:8px;padding:10px 12px}#searchResults button:hover{border-color:#5eecc8;color:#5eecc8}#searchClose{background:none;border:1px solid #2a3b5c;border-radius:8px;padding:8px 12px}button:focus-visible,input:focus-visible{outline:2px solid #5eecc8;outline-offset:2px}.queue button,.products button,.subnav button,.outline,.live button{transition:background .15s,border-color .15s,color .15s,transform .15s}.queue button:hover{color:#eef3fb}.toast{inset:108px auto auto 50%;transform:translate(-50%,-12px);opacity:0;pointer-events:none}.toast.show{transform:translate(-50%);opacity:1;pointer-events:auto}#searchResults{max-height:52vh;overflow:auto}tr.me td{background:#13284a}.note,.empty,.build-note{color:var(--muted)}.empty{padding:24px 18px;border:1px dashed var(--line)}.achievement{padding:18px 20px;border:1px solid var(--line);background:#0c1426;display:grid;gap:4px;opacity:.55}.achievement.got{opacity:1;border-color:#234a86}.achievement.got b{color:var(--gold)}.achievement small{color:var(--muted)}.round.win .matchup{border-color:var(--green)}.round.loss .matchup{border-color:var(--red, #f05b69)}.round.next .matchup{border-color:var(--gold)}.rail-event a{border:1px solid var(--line);padding:7px 10px;color:var(--ink);text-decoration:none}.recent{padding:15px}.recent h3{font-size:.8rem;letter-spacing:.12em}.recent p{font-family:system-ui,sans-serif;font-size:.82rem;color:#aeb5bd;margin:6px 0}.recent b{display:inline-block;width:18px}@media(max-width:760px){.unlocks{grid-template-columns:1fr 1fr}}.game-screen{position:fixed;inset:0;background:#040814;z-index:50;overflow:hidden}.game-screen.active{display:block}#rink,#rink3d{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#rink3d,.game-screen.mode-3d #rink{display:none}.game-screen.mode-3d #rink3d{display:block}.arena-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,transparent 50%,#02040899 100%),linear-gradient(180deg,#0008,transparent 20%,transparent 76%,#000b)}.mode-3d .score{box-shadow:0 14px 40px #000a}.mode-3d .game-keys{border-top:1px solid #4c8dff66}.format.on{color:#4c8dff!important;background:#163056!important;border-color:#2f62b0!important}.match-mode{position:absolute;right:16px;top:16px;display:flex;pointer-events:auto}.match-mode button{border:1px solid #3d5274;background:#080f1cd9;padding:9px 14px;color:#c5d4ea}.match-mode button.on{background:#4c8dff;color:#071226;border-color:#4c8dff;font-weight:900}.sport-select{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 26px}.sport-select button{position:relative;min-height:104px;border:1px solid #2a3d58;background:linear-gradient(145deg,#121c32,#070e1c);color:#e7f0fb;text-align:left;padding:18px 18px 16px 72px;overflow:hidden;transition:.22s transform,.22s border-color,.22s box-shadow}.sport-select button:hover{transform:translateY(-3px);border-color:#6f8fb8}.sport-select button.on{border-color:#5eecc8;box-shadow:0 0 0 1px #5eecc855,0 15px 38px #4c8dff44;background:linear-gradient(145deg,#123048,#081422)}.sport-select i{position:absolute;left:18px;top:23px;font-size:38px;font-style:normal;filter:drop-shadow(0 4px 8px #000)}.sport-select b,.sport-select span{display:block}.sport-select b{font:900 17px/1 var(--head, Arial);letter-spacing:.08em}.sport-select span{margin-top:8px;color:#8ea3c2;text-transform:uppercase;font-size:10px;letter-spacing:.14em}.sport-select button.on span{color:#5eecc8}.settings-panel{margin-top:34px;padding:26px;border:1px solid #2a3d58;background:linear-gradient(150deg,#121c30,#080f1c);box-shadow:0 22px 70px #0007}.settings-panel>p{color:#8ea3c2}.keybinds{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0 30px}.keybinds button{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px;border:1px solid #2c3e58;background:#0c1424;color:#d7e4f6;text-align:left}.keybinds button:hover,.keybinds button.listening{border-color:#5eecc8;background:#10283a}.keybinds kbd{min-width:54px;padding:6px 8px;border:1px solid #4d6588;border-bottom-width:3px;border-radius:4px;background:#152033;color:#4c8dff;text-align:center;font-weight:900;font-size:11px}.toggles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.toggles label{cursor:pointer;display:flex;gap:10px;align-items:center;padding:13px;border:1px solid #2c3e58;background:#0c1422;text-transform:capitalize}.toggles input{accent-color:#5eecc8;width:18px;height:18px}.timing-track{position:absolute;left:50%;bottom:86px;transform:translate(-50%);width:min(500px,62vw);height:24px;border:2px solid #d5e4f5;background:linear-gradient(90deg,#d94152 0 28%,#4c8dff 28% 42%,#20e374 42% 76%,#4c8dff 76% 86%,#d94152 86%);box-shadow:0 0 0 5px #030609bb,0 12px 30px #000;z-index:12;overflow:visible}.timing-track:before{content:"SHOT TIMING";position:absolute;left:0;bottom:31px;font:900 10px/1 var(--head, Arial);letter-spacing:.18em;color:#fff}.timing-track .danger,.timing-track .green{display:none}.timing-track i{position:absolute;top:-8px;left:0;width:5px;height:36px;background:#fff;box-shadow:0 0 14px #fff;transform:translate(-50%)}.timing-track b{position:absolute;right:0;bottom:31px;color:#5eecc8;font:900 11px/1 var(--head, Arial);letter-spacing:.1em}@media(max-width:800px){.sport-select{grid-template-columns:1fr}.sport-select button{min-height:80px}.keybinds,.toggles{grid-template-columns:1fr 1fr}.timing-track{bottom:120px;width:68vw}}