*{box-sizing:border-box}:root{--bg:#06090e;--panel:#0a0f16db;--line:#ffffff1f;--text:#f6f8fb;--muted:#9aa7b5;--blue:#25c8ff;--red:#ff4058}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,select,input{font:inherit}button{color:inherit}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.game-shell{background:#05080d;position:fixed;inset:0;overflow:hidden}.scene-layer{position:absolute;inset:0}.scene-layer canvas{touch-action:none;width:100%;height:100%;display:block}.vignette{pointer-events:none;background:radial-gradient(circle at 50% 44%,#0000 36%,#0204072e 68%,#000000a3 100%);position:absolute;inset:0}.loading-screen{z-index:50;background:radial-gradient(circle,#111923 0,#06090e 72%);align-content:center;place-items:center;gap:12px;transition:opacity .4s;display:grid;position:absolute;inset:0}.loading-screen h1{letter-spacing:.22em;margin:0 0 2px .22em;font-size:clamp(28px,5vw,58px)}.loading-screen p{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:12px}.loader-mark{width:52px;height:52px;margin-bottom:6px;position:relative}.loader-mark i{border:3px solid #0000;border-top-color:var(--blue);border-radius:50%;animation:1s linear infinite spin;position:absolute;inset:0}.loader-mark i:last-child{border-top-color:var(--red);animation-duration:.72s;animation-direction:reverse;inset:10px}.loadbar{background:#ffffff14;border-radius:99px;width:min(280px,64vw);height:3px;margin-top:8px;overflow:hidden}.loadbar span{background:linear-gradient(90deg, var(--blue), white);height:100%;transition:width .2s;display:block}@keyframes spin{to{transform:rotate(360deg)}}.home-ui{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;padding:clamp(34px,5vw,84px) clamp(28px,7vw,110px);display:flex;position:absolute;inset:0}.brand,.home-actions{pointer-events:auto}.brand{max-width:580px}.eyebrow{color:#b7c4d2;letter-spacing:.22em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:800}.brand h1{letter-spacing:-.075em;text-shadow:0 16px 45px #00000061;margin:0;font-size:clamp(58px,9vw,132px);font-weight:900;line-height:.77}.tagline{color:#c3cdd6;letter-spacing:.015em;margin:24px 0 0;font-size:clamp(14px,1.5vw,19px)}.home-actions{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0a0f16ad,#090d136b);border:1px solid #ffffff1c;border-radius:26px;gap:22px;width:min(390px,36vw);padding:24px;display:grid;box-shadow:0 22px 70px #00000057}button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}.primary{color:#090d12;letter-spacing:.11em;background:#f5f8fb;border-radius:16px;justify-content:space-between;align-items:center;min-height:62px;padding:0 20px;font-weight:900;transition:transform .16s,background .16s,box-shadow .16s;display:flex;box-shadow:0 10px 28px #ffffff24}.primary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 14px 34px #fff3}.primary:active{transform:translateY(1px)scale(.992)}.primary.play{font-size:18px}.primary.play i{font-size:26px;font-style:normal;line-height:1}.primary.compact{justify-content:center;width:100%;min-height:52px;font-size:13px}.mini-label{color:#95a4b2;letter-spacing:.17em;margin:0 0 9px;font-size:10px;font-weight:800}.difficulty{background:#ffffff0f;border:1px solid #ffffff14;border-radius:13px;grid-template-columns:repeat(3,1fr);padding:4px;display:grid}.difficulty button{letter-spacing:.08em;color:#8d9aa7;background:0 0;border-radius:9px;min-height:40px;font-size:11px;font-weight:800;transition:all .16s}.difficulty button:hover{color:#fff}.secondary-actions{gap:10px;display:flex}.secondary-actions button,.menu-button,.text-btn{color:#dbe3eb;letter-spacing:.1em;background:#ffffff0e;border:1px solid #ffffff17;border-radius:12px;flex:1;min-height:44px;font-size:11px;font-weight:800;transition:all .16s}.secondary-actions button:hover,.menu-button:hover,.text-btn:hover{background:#ffffff1a;transform:translateY(-1px)}.hud{z-index:7;top:max(16px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#060a0fb8;border:1px solid #ffffff1c;border-radius:16px;grid-template-columns:auto auto auto 42px;align-items:center;gap:14px;padding:8px 10px 8px 16px;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #00000040}.score-block{align-items:center;gap:10px;min-width:74px;display:flex}.score-block span{letter-spacing:.14em;color:#a8b4c0;font-size:10px;font-weight:900}.score-block b{font-size:26px;line-height:1;animation:.26s cubic-bezier(.2,.9,.2,1) scorepop}.player-score b{color:var(--blue)}.ai-score b{color:var(--red)}.ai-score{justify-content:flex-end}.target{place-items:center;gap:4px;padding:0 4px;display:grid}.target span{letter-spacing:.16em;color:#d9e0e8;white-space:nowrap;font-size:9px;font-weight:900}.target i{background:linear-gradient(90deg, var(--blue), var(--red));opacity:.75;border-radius:2px;width:74px;height:2px}.pause-btn,.icon-btn{background:#ffffff12;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;gap:4px;width:38px;height:38px;display:flex}.pause-btn i{background:#fff;border-radius:2px;width:3px;height:13px;display:block}.icon-btn{color:#b7c2ce;font-size:26px}@keyframes scorepop{50%{transform:scale(1.35)}}.countdown{z-index:8;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.countdown span{letter-spacing:-.07em;text-shadow:0 15px 70px #0000007a;font-size:clamp(88px,15vw,190px);font-weight:950;animation:.7s cubic-bezier(.16,.8,.24,1) both count}@keyframes count{0%{opacity:0;transform:scale(.72)}25%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.18)}}.goal-flash{z-index:6;pointer-events:none;background:radial-gradient(circle,#25c8ff2e,#0000 52%);place-items:center;animation:1s both goalfade;display:grid;position:absolute;inset:0}.goal-flash.for-ai{background:radial-gradient(circle,#ff40582e,#0000 52%)}.goal-flash span{letter-spacing:-.05em;text-shadow:0 0 34px #25c8ff61;font-size:clamp(54px,11vw,140px);font-weight:950;animation:.85s cubic-bezier(.16,.9,.2,1) both goalword}.goal-flash.for-ai span{text-shadow:0 0 34px #ff40585c}@keyframes goalfade{0%{opacity:0}15%{opacity:1}to{opacity:0}}@keyframes goalword{0%{opacity:0;transform:scale(.66)}20%{opacity:1;transform:scale(1.06)}to{opacity:0;transform:scale(1.12)}}.match-hint{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#060a0f94;border:1px solid #ffffff14;border-radius:12px;gap:8px;padding:7px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.match-hint span{color:#94a2af;letter-spacing:.08em;padding:0 7px;font-size:9px;font-weight:800}.match-hint b{color:#fff;margin-right:4px}.power-armed{z-index:8;letter-spacing:.14em;color:#d8e8ef;pointer-events:none;background:#080c12b8;border:1px solid #ffffff1c;border-radius:999px;padding:7px 12px;font-size:9px;font-weight:900;animation:.22s both armed;position:absolute;bottom:62px;left:50%;transform:translate(-50%)}.power-armed.p2{color:#8be5ff}.power-armed.p3{color:#ffd9de;box-shadow:0 0 25px #ff40582e}@keyframes armed{0%{opacity:0;transform:translate(-50%)translateY(5px)scale(.94)}}.modal-backdrop{z-index:30;padding:max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#020508a8;place-items:center;display:grid;position:absolute;inset:0}.settings-panel,.how-panel,.pause-panel,.tutorial-panel{background:linear-gradient(#10161efa,#090e14fa);border:1px solid #ffffff1c;border-radius:24px;width:min(660px,100%);max-height:min(84vh,760px);padding:24px;overflow:hidden;box-shadow:0 35px 100px #00000080}.modal-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.modal-head h2,.pause-panel h2,.tutorial-panel h2{letter-spacing:-.04em;margin:0;font-size:clamp(34px,5vw,52px)}.settings-scroll{max-height:calc(min(84vh,760px) - 112px);padding-right:6px;overflow:auto}.settings-scroll::-webkit-scrollbar{width:8px}.settings-scroll::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:8px}.settings-scroll h3{letter-spacing:.18em;color:#99a8b6;margin:28px 0 9px;font-size:10px}.settings-scroll h3:first-child{margin-top:0}.setting-row{color:#d8e0e7;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:18px;min-height:48px;font-size:13px;display:flex}.setting-row:last-child{border-bottom:0}.bind{letter-spacing:.07em;background:#ffffff12;border:1px solid #ffffff17;border-radius:9px;min-width:110px;min-height:34px;font-size:11px;font-weight:900}.bind.listening{color:var(--blue);border-color:#25c8ff6b;min-width:130px}.setting-error{color:#ff8292;margin:10px 0 0;font-size:11px}.text-btn{width:100%;min-height:40px;margin-top:10px}.slider-row input{accent-color:var(--blue);flex:1}.slider-row b{color:#aab6c1;text-align:right;width:42px;font-size:11px}.setting-row select{color:#fff;background:#111924;border:1px solid #ffffff1c;border-radius:9px;padding:7px 28px 7px 10px}.toggle{background:#ffffff1a;border-radius:99px;width:46px;height:25px;padding:3px;transition:all .18s}.toggle i{background:#8b98a5;border-radius:50%;width:19px;height:19px;transition:all .18s;display:block}.toggle.on{background:#25c8ff45}.toggle.on i{background:#8be7ff;transform:translate(21px)}.controls-grid{grid-template-columns:1.5fr repeat(3,1fr);gap:10px;margin:16px 0 22px;display:grid}.guide-item{text-align:center;background:#ffffff0b;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:132px;padding:12px;display:flex}.guide-item strong{letter-spacing:.12em;font-size:11px}.guide-item small{color:#8997a5;letter-spacing:.08em;font-size:9px}.keycap{color:#111820;background:linear-gradient(#f9fbfd,#cbd4dd);border-radius:9px;justify-content:center;align-items:center;min-width:37px;height:37px;font-weight:950;display:inline-flex;box-shadow:0 5px #8e9aa5}.keycap.power{background:linear-gradient(#ffdfe4,#ff8fa0);box-shadow:0 5px #bd4457}.keycap.triple{min-width:96px}.wasd{grid-template-rows:31px 31px;grid-template-columns:repeat(3,31px);justify-content:center;gap:4px;width:106px;display:grid}.wasd i{color:#111820;background:linear-gradient(#f8fafc,#cbd3dc);border-radius:7px;place-items:center;font-size:11px;font-style:normal;font-weight:950;display:grid;box-shadow:0 3px #8995a0}.wasd i:first-child{grid-column:2}.joystick-icon{color:#d8f8ff;background:radial-gradient(circle,#25c8ff61 0 26%,#ffffff12 28% 100%);border:1px solid #25c8ff52;border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.power-explain{gap:8px;margin:10px 0 18px;display:grid}.power-explain div{border-bottom:1px solid #ffffff12;grid-template-columns:100px 1fr;align-items:baseline;gap:12px;padding:10px 0;display:grid}.power-explain b{letter-spacing:.1em;font-size:11px}.power-explain span,.tiny-copy{color:#9aa8b5;font-size:12px;line-height:1.5}.pause-panel{text-align:center;width:min(380px,100%)}.pause-panel h2{margin-bottom:24px}.pause-panel .menu-button{width:100%;margin-top:9px}.menu-button.danger{color:#ff9eaa}.result-screen{z-index:25;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle,#25c8ff2e,#020508bf 54%,#020508eb);place-items:center;display:grid;position:absolute;inset:0}.result-screen.loss{background:radial-gradient(circle,#ff405826,#020508c7 54%,#020508eb)}.result-screen section{text-align:center;background:#090e14e0;border:1px solid #ffffff1c;border-radius:26px;width:min(430px,88vw);padding:36px}.result-screen h2{letter-spacing:-.06em;margin:0;font-size:clamp(48px,9vw,82px);line-height:.9}.final-score{justify-content:center;align-items:center;gap:18px;margin:27px 0;display:flex}.final-score b{font-size:42px}.final-score b:first-child{color:var(--blue)}.final-score b:last-child{color:var(--red)}.final-score span{color:#667480}.result-actions{gap:9px;display:grid}.tutorial-panel{text-align:center;width:min(700px,100%)}.tutorial-panel .primary{max-width:240px;margin:0 auto}.tutorial .controls-grid{margin-top:24px}.touch-controls{z-index:9;pointer-events:none;position:absolute;inset:0}.joystick{pointer-events:auto;touch-action:none;width:132px;height:132px;left:max(18px, env(safe-area-inset-left));bottom:max(22px, env(safe-area-inset-bottom));background:radial-gradient(circle,#ffffff14 0 46%,#ffffff09 47% 100%);border:1px solid #ffffff24;border-radius:50%;position:absolute;box-shadow:inset 0 0 30px #00000042,0 10px 30px #00000038}.joystick i{will-change:transform;background:radial-gradient(circle at 35% 30%,#ffffff57,#25c8ff38);border:1px solid #7be4ff6b;border-radius:50%;width:58px;height:58px;position:absolute;top:calc(50% - 29px);left:calc(50% - 29px);box-shadow:0 6px 20px #00000047}.shot-buttons{pointer-events:auto;right:max(16px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));align-items:flex-end;gap:10px;display:flex;position:absolute}.shot-buttons button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);touch-action:none;background:#090f16bd;border:1px solid #ffffff29;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:68px;height:68px;transition:transform .1s,border-color .1s;display:flex;box-shadow:0 8px 26px #00000040}.shot-buttons button b{font-size:19px;line-height:1}.shot-buttons button span{letter-spacing:.08em;color:#9caab7;margin-top:4px;font-size:8px;font-weight:900}.shot-buttons button:nth-child(2){border-color:#25c8ff47;width:76px;height:76px}.shot-buttons .power-shot{background:radial-gradient(circle at 50% 35%,#ff405838,#090f16c7 68%);border-color:#ff40586b;width:86px;height:86px}.shot-buttons button:active,.shot-buttons button.armed{border-color:#fff;transform:scale(.92)}@media (max-width:900px){.home-ui{padding:28px}.brand h1{font-size:clamp(58px,12vw,104px)}.home-actions{width:min(360px,44vw)}}@media (max-width:720px){.home-ui{padding:max(24px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom));justify-content:center;align-items:flex-end}.brand{top:max(28px, env(safe-area-inset-top));position:absolute;left:24px}.brand h1{font-size:clamp(52px,16vw,84px)}.tagline{display:none}.home-actions{gap:16px;width:min(410px,100%);padding:18px}.controls-grid{grid-template-columns:repeat(2,1fr)}.controls-grid.mobile-guide{grid-template-columns:1fr 1fr}.hud{top:max(9px, env(safe-area-inset-top));grid-template-columns:auto auto auto 38px;gap:8px;padding:6px 7px 6px 10px}.score-block{gap:6px;min-width:58px}.score-block b{font-size:22px}.score-block span,.target span{font-size:8px}.pause-btn{width:34px;height:34px}.match-hint{display:none}}@media (max-width:430px){.secondary-actions{gap:6px}.secondary-actions button{font-size:9px}.brand{top:max(18px, env(safe-area-inset-top))}.brand h1{font-size:60px}.home-actions{margin-bottom:2px}.joystick{width:116px;height:116px}.shot-buttons{gap:6px}.shot-buttons button{width:58px;height:58px}.shot-buttons button:nth-child(2){width:64px;height:64px}.shot-buttons .power-shot{width:72px;height:72px}.power-armed{bottom:104px}.settings-panel,.how-panel,.pause-panel,.tutorial-panel{border-radius:20px;padding:18px}.guide-item{min-height:104px}}@media (orientation:landscape) and (max-height:520px){.home-ui{justify-content:space-between;align-items:center;padding:16px 28px}.brand{position:static}.brand h1{font-size:62px}.home-actions{gap:10px;width:330px;padding:14px}.primary{min-height:46px}.difficulty button{min-height:32px}.secondary-actions button{min-height:34px}.joystick{width:104px;height:104px;bottom:12px}.shot-buttons{bottom:10px}.shot-buttons button{width:54px;height:54px}.shot-buttons button:nth-child(2){width:60px;height:60px}.shot-buttons .power-shot{width:68px;height:68px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}button,.primary,.secondary-actions button,.menu-button,.text-btn,.bind,.pause-btn,.icon-btn,.difficulty button,.shot-buttons button,.toggle{letter-spacing:.08em;color:#111820!important;text-shadow:none!important;background:linear-gradient(#fbfdff 0%,#eef3f7 58%,#d3dbe3 100%)!important;border:1px solid #fffffff5!important;border-radius:12px!important;font-weight:950!important;transition:transform 90ms,box-shadow 90ms,filter .12s!important;box-shadow:0 7px #909ca8,0 10px 20px #0000004d!important}button:hover:not(:disabled),.primary:hover:not(:disabled),.secondary-actions button:hover:not(:disabled),.menu-button:hover:not(:disabled),.text-btn:hover:not(:disabled),.bind:hover:not(:disabled),.difficulty button:hover:not(:disabled),.shot-buttons button:hover:not(:disabled){filter:brightness(1.035);transform:translateY(-2px)!important;box-shadow:0 9px #909ca8,0 14px 24px #0000004d!important}button:active:not(:disabled),.primary:active:not(:disabled),.secondary-actions button:active:not(:disabled),.menu-button:active:not(:disabled),.text-btn:active:not(:disabled),.bind:active:not(:disabled),.difficulty button:active:not(:disabled),.shot-buttons button:active:not(:disabled){transform:translateY(5px)!important;box-shadow:0 2px #909ca8,0 5px 10px #00000042!important}button:disabled{opacity:.56;cursor:default;transform:translateY(3px);box-shadow:0 4px #8995a0,0 6px 12px #00000038!important}.primary{min-height:62px;padding:0 20px}.primary.compact{min-height:52px}.secondary-actions button,.menu-button,.text-btn{min-height:44px}.menu-button.danger{color:#8d2032!important;background:linear-gradient(#fff7f8,#f6dbe0 62%,#e4bac2)!important;box-shadow:0 7px #a96f7a,0 10px 20px #00000047!important}.difficulty button{min-height:40px;font-size:10px}.difficulty button.selected{background:linear-gradient(#f7fdff 0%,#dff8ff 56%,#bcecff 100%)!important;box-shadow:0 7px #66a9bd,0 0 0 2px #25c8ff73,0 12px 24px #00000042!important}.pause-btn,.icon-btn{width:40px;height:40px;padding:0}.icon-btn{font-size:24px}.bind{min-width:110px;min-height:36px}.toggle{width:62px;height:34px;padding:0 10px;font-size:10px}.toggle.on{background:linear-gradient(#f7fdff,#d9f5ff 60%,#bcecff)!important;box-shadow:0 7px #67a7bb,0 0 0 2px #25c8ff40,0 10px 20px #00000042!important}.wasd{grid-template-rows:31px 31px;grid-template-columns:repeat(3,31px);width:106px}.wasd i:first-child{grid-area:1/2}.wasd i:nth-child(2){grid-area:2/1}.wasd i:nth-child(3){grid-area:2/2}.wasd i:nth-child(4){grid-area:2/3}.keycap.wide{min-width:86px;padding:0 14px}.controls-grid.single-power-guide{grid-template-columns:1.35fr 1fr}.controls-grid.mobile-guide{grid-template-columns:1fr 1fr}.match-hint{padding:8px 10px 11px}.match-hint span{color:#aab6c1}.match-hint b{color:#111820;background:linear-gradient(#f9fbfd,#d5dde5);border-radius:7px;align-items:center;min-height:24px;margin-right:7px;padding:0 9px;display:inline-flex;box-shadow:0 3px #8d99a5}.power-armed.p3{color:#b9f5ff;border-color:#4ee6ff59;box-shadow:0 0 30px #4ee6ff40}.shot-buttons.single{align-items:flex-end}.shot-buttons.single .power-shot{width:112px;height:82px;background:linear-gradient(#fbfdff 0%,#e9f8fc 58%,#c7eaf3 100%)!important;border-radius:18px!important;box-shadow:0 9px #6f9dab,0 14px 28px #00000057!important}.shot-buttons.single .power-shot.armed{background:linear-gradient(#effeff 0%,#bff5ff 58%,#77dff2 100%)!important;box-shadow:0 7px #43899c,0 0 0 3px #4ee6ff73,0 0 34px #4ee6ff59!important}.shot-buttons.single .power-shot b{color:#0c1820;font-size:16px}.shot-buttons.single .power-shot span{color:#53636e;font-size:8px}@media (max-width:430px){.shot-buttons.single .power-shot{width:96px;height:72px}}@media (orientation:landscape) and (max-height:520px){.shot-buttons.single .power-shot{width:94px;height:66px}}button,.primary,.secondary-actions button,.menu-button,.text-btn,.bind,.pause-btn,.icon-btn,.difficulty button,.shot-buttons button,.toggle{box-shadow:none!important;text-shadow:none!important;filter:none!important;border:0!important;border-bottom:7px solid #8f9ba7!important}button:hover:not(:disabled),.primary:hover:not(:disabled),.secondary-actions button:hover:not(:disabled),.menu-button:hover:not(:disabled),.text-btn:hover:not(:disabled),.bind:hover:not(:disabled),.difficulty button:hover:not(:disabled),.shot-buttons button:hover:not(:disabled){box-shadow:none!important;filter:none!important;transform:translateY(-1px)!important}button:active:not(:disabled),.primary:active:not(:disabled),.secondary-actions button:active:not(:disabled),.menu-button:active:not(:disabled),.text-btn:active:not(:disabled),.bind:active:not(:disabled),.difficulty button:active:not(:disabled),.shot-buttons button:active:not(:disabled){box-shadow:none!important;border-bottom-width:2px!important;transform:translateY(5px)!important}button:disabled{box-shadow:none!important;border-bottom-width:4px!important;transform:translateY(3px)!important}.menu-button.danger{box-shadow:none!important;border-bottom-color:#a96f7a!important}.difficulty button.selected{box-shadow:none!important;border-bottom-color:#66a9bd!important}.toggle.on,.bind.listening,.shot-buttons.single .power-shot,.shot-buttons.single .power-shot.armed{box-shadow:none!important}.toggle.on,.bind.listening,.shot-buttons.single .power-shot.armed{border-bottom-color:#5e9faf!important}.keycap,.wasd i,.match-hint b{box-shadow:none!important;text-shadow:none!important;border:0!important;border-bottom:5px solid #8f9ba7!important}.keycap.power{border-bottom-color:#a96f7a!important}.wasd i{border-bottom-width:4px!important}.match-hint b{border-bottom-width:3px!important}.shot-buttons.single .power-shot.armed{background:linear-gradient(#effeff 0%,#bff5ff 58%,#77dff2 100%)!important}button{isolation:isolate;color:#111820;background:linear-gradient(#fbfcfe 0%,#e1e7ed 100%);font-weight:900;position:relative;box-shadow:none!important;text-shadow:none!important;border:0!important}button:after{content:"";border-radius:inherit;z-index:-1;pointer-events:none;background:#9da9b4;position:absolute;inset:0;transform:translateY(6px)}button:hover:not(:disabled){filter:brightness(1.025);transform:translateY(-1px);box-shadow:none!important}button:active:not(:disabled){transform:translateY(4px)}button:active:not(:disabled):after{transform:translateY(2px)}button:disabled{cursor:default;opacity:.55}.primary,.secondary-actions button,.economy-actions button,.menu-button,.text-btn,.bind,.pause-btn,.icon-btn,.difficulty button,.cosmetic-card button,.shop-feature button,.pass-hero button,.event-hero button,.tier-reward button,.challenge-list button,.event-finals button,.economy-tabs button,.notice,.shot-buttons button,.toggle{color:#111820;background:linear-gradient(#fbfcfe 0%,#dfe6ec 100%);box-shadow:none!important;text-shadow:none!important;border:0!important}.primary:hover{background:linear-gradient(#fff 0%,#e5ebf0 100%);box-shadow:none!important}.difficulty{background:0 0;border:0;gap:10px;padding:0}.difficulty button{color:#111820;border-radius:13px;min-height:48px}.difficulty button.selected{color:#111820;background:linear-gradient(#e8faff,#cceff7);box-shadow:none!important}.difficulty button.selected:after{background:#71bed2}.secondary-actions button,.economy-actions button,.menu-button,.text-btn,.pause-btn,.icon-btn{color:#111820}.pause-btn i{background:#111820}.toggle{letter-spacing:.08em;border-radius:10px;width:58px;min-height:34px;padding:0;font-size:9px}.toggle i{display:none}.toggle.on{color:#10202a;background:linear-gradient(#dff8ff,#bfeaf5)}.toggle.on:after{background:#68b8cd}.bind{color:#111820;min-height:36px}.bind.listening{color:#10202a;background:linear-gradient(#e8faff,#cceff7)}.setting-row select{color:#111820;background:#f2f5f8;border:0}.keycap,.wasd i{isolation:isolate;color:#111820;background:linear-gradient(#fbfcfe,#dfe6ec);position:relative;box-shadow:none!important}.keycap:after,.wasd i:after{content:"";border-radius:inherit;z-index:-1;background:#9da9b4;position:absolute;inset:0;transform:translateY(5px)}.keycap.power{background:linear-gradient(#fbfcfe,#dfe6ec)}.economy-actions{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.economy-actions button{letter-spacing:.11em;border-radius:12px;min-height:46px;font-size:10px}.profile-strip{letter-spacing:.1em;color:#d2dbe3;align-items:center;gap:12px;max-width:420px;margin-top:28px;font-size:10px;font-weight:900;display:flex}.profile-strip i{background:#ffffff1f;border-radius:99px;flex:1;height:7px;overflow:hidden}.profile-strip i b{border-radius:inherit;background:#dcebf2;height:100%;display:block}.profile-strip strong{color:#f4f7f9;white-space:nowrap}.notice{top:max(18px, env(safe-area-inset-top));z-index:60;letter-spacing:.04em;text-align:left;border-radius:12px;max-width:min(440px,100vw - 44px);min-height:42px;padding:0 42px 0 14px;font-size:11px;position:absolute;left:22px}.notice b{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.economy-panel{background:linear-gradient(#10161efc,#080d13fc);border:1px solid #ffffff1c;border-radius:26px;width:min(980px,96vw);max-height:min(90vh,860px);padding:24px;overflow:hidden}.economy-panel .modal-head{margin-bottom:16px}.economy-panel .modal-head h2{letter-spacing:-.04em;margin:0;font-size:clamp(34px,5vw,52px)}.shop-feature,.pass-hero,.event-hero{background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;padding:16px;display:flex}.shop-feature div,.pass-hero div,.event-hero div{gap:4px;display:grid}.shop-feature strong,.pass-hero strong,.event-hero strong{letter-spacing:.04em;font-size:17px}.shop-feature span,.pass-hero span,.event-hero span{color:#9eabb7;font-size:11px;line-height:1.4}.shop-feature button,.pass-hero button,.event-hero button{white-space:nowrap;letter-spacing:.09em;border-radius:11px;min-height:42px;padding:0 15px;font-size:10px}.pass-hero>b,.event-hero>b{letter-spacing:.12em;color:#9eefff;font-size:10px}.economy-tabs{grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px;display:grid}.economy-tabs button{letter-spacing:.1em;border-radius:10px;min-height:38px;font-size:9px}.economy-tabs button.selected{background:linear-gradient(#e8faff,#cceff7)}.economy-tabs button.selected:after{background:#70bdd1}.cosmetic-grid{grid-template-columns:repeat(3,1fr);gap:12px;max-height:calc(min(90vh,860px) - 242px);padding:3px 3px 10px;display:grid;overflow:auto}.cosmetic-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:17px;grid-template-rows:102px 1fr auto;gap:11px;min-width:0;padding:13px;display:grid}.cosmetic-card.equipped{border-color:#58dcff8c}.cosmetic-preview{--preview:#27c8ef;--secondary:var(--preview);background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--preview) 14%, #16202a) 0%, #0d141c 48%, #091018 78%);border-radius:13px;place-items:center;display:grid;position:relative;overflow:hidden}.cosmetic-preview i{background:var(--preview);border-radius:50%;width:58px;height:18px;position:absolute;bottom:29px}.cosmetic-preview i:after{content:"";background:var(--preview);border-radius:12px 12px 6px 6px;width:26px;height:38px;position:absolute;bottom:7px;left:16px}.cosmetic-preview.puck i{background:linear-gradient(180deg, color-mix(in srgb, var(--preview) 82%, white), var(--preview));width:62px;height:15px;box-shadow:inset 0 -4px 6px #00000042, 0 0 0 3px color-mix(in srgb, var(--secondary) 72%, transparent);bottom:42px}.cosmetic-preview.puck i:after,.cosmetic-preview.trail i:after,.cosmetic-preview.table i:after{display:none}.cosmetic-preview.trail i{background:linear-gradient(90deg, transparent 0%, var(--secondary) 46%, var(--preview) 100%);width:86px;height:8px;box-shadow:0 0 9px color-mix(in srgb, var(--preview) 42%, transparent);border-radius:99px;transform:rotate(-14deg)}.cosmetic-preview.table i{border:5px solid #0000;border-left-color:var(--preview);border-right-color:var(--secondary);border-top-color:var(--secondary);border-bottom-color:var(--preview);width:86px;height:54px;box-shadow:0 0 8px color-mix(in srgb, var(--preview) 24%, transparent);background:#edf2f5;border-radius:8px;transform:perspective(80px)rotateX(52deg)}.cosmetic-copy p{color:#8fa0af;letter-spacing:.13em;margin:0 0 4px;font-size:8px;font-weight:900}.cosmetic-copy h3{margin:0;font-size:16px}.cosmetic-copy span{color:#9aa8b4;min-height:34px;margin-top:5px;font-size:10px;line-height:1.45;display:block}.cosmetic-card button{letter-spacing:.09em;border-radius:10px;min-height:38px;font-size:9px}.tier-list{gap:10px;max-height:calc(min(90vh,860px) - 190px);padding:3px 3px 10px;display:grid;overflow:auto}.tier-list article{opacity:.65;grid-template-columns:96px 1fr 1fr;align-items:stretch;gap:10px;display:grid}.tier-list article.unlocked{opacity:1}.tier-number,.tier-reward{background:#ffffff0b;border:1px solid #ffffff12;border-radius:14px;padding:13px}.tier-number{align-content:center;place-items:center;gap:3px;display:grid}.tier-number b{font-size:28px}.tier-number span,.tier-reward>span{color:#8e9ba8;letter-spacing:.12em;font-size:8px;font-weight:900}.tier-reward{grid-template-columns:1fr auto;align-items:center;gap:7px;display:grid}.tier-reward>span{grid-column:1/-1}.tier-reward strong{font-size:11px}.tier-reward button{letter-spacing:.08em;border-radius:9px;min-height:34px;padding:0 10px;font-size:8px}.tier-reward.premium{border-color:#5edbff30}.challenge-list{gap:10px;max-height:430px;margin-bottom:12px;padding:2px 3px 8px;display:grid;overflow:auto}.challenge-list article{background:#ffffff0b;border:1px solid #ffffff12;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:9px 12px;padding:13px;display:grid}.challenge-list article>div:first-child{justify-content:space-between;gap:12px;display:flex}.challenge-list article strong{font-size:11px}.challenge-list article span{color:#9ba8b5;font-size:10px}.challenge-progress{background:#ffffff17;border-radius:99px;grid-column:1;height:6px;overflow:hidden}.challenge-progress i{border-radius:inherit;background:#87e9ff;height:100%;display:block}.challenge-list button{letter-spacing:.08em;border-radius:9px;grid-area:1/2/span 2;min-width:112px;min-height:36px;font-size:8px}.event-finals{grid-template-columns:1fr 1fr;gap:10px;display:grid}.event-finals article{background:#ffffff0b;border:1px solid #ffffff12;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:7px;padding:13px;display:grid}.event-finals article span{color:#8fa0af;letter-spacing:.11em;grid-column:1/-1;font-size:8px;font-weight:900}.event-finals article strong{font-size:11px}.event-finals article button{border-radius:9px;min-height:34px;padding:0 10px;font-size:8px}.event-finals .premium{border-color:#5edbff38}.match-rewards{flex-wrap:wrap;justify-content:center;gap:7px;margin:-12px 0 22px;display:flex}.match-rewards span{color:#c6d1db;letter-spacing:.08em;background:#ffffff12;border-radius:8px;padding:6px 8px;font-size:9px;font-weight:900}.shot-buttons .power-shot{color:#111820;background:linear-gradient(#fbfcfe,#dfe6ec);border-radius:16px;width:92px;height:72px}.shot-buttons .power-shot:after{background:#9da9b4}.shot-buttons button.armed{background:linear-gradient(#e6fbff,#c7f0fa);border:0!important}.shot-buttons button.armed:after{background:#6fbdd0}@media (max-width:820px){.economy-panel{width:min(700px,96vw);padding:18px}.cosmetic-grid{grid-template-columns:repeat(2,1fr)}.tier-list article{grid-template-columns:72px 1fr}.tier-reward.premium{grid-column:2}.shop-feature,.pass-hero,.event-hero{flex-direction:column;align-items:flex-start}.shop-feature button,.pass-hero button,.event-hero button{width:100%}}@media (max-width:560px){.economy-actions{gap:6px}.economy-actions button{min-height:40px;font-size:8px}.cosmetic-grid{grid-template-columns:1fr}.economy-tabs{grid-template-columns:repeat(2,1fr)}.event-finals,.challenge-list article{grid-template-columns:1fr}.challenge-list button{grid-area:auto/1;width:100%}.tier-list article{grid-template-columns:58px 1fr}.tier-reward{grid-template-columns:1fr}.tier-reward button{width:100%}}.online-home{background:linear-gradient(#eafaff 0%,#cdeff8 100%)!important}.online-home:after{background:#72b5c8!important}.online-panel{width:min(860px,96vw)}.online-profile{background:#ffffff0b;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:13px;padding:15px 16px;display:flex}.online-profile>div{grid-template-columns:auto auto;align-items:baseline;gap:3px 12px;display:grid}.online-profile span{color:#8fa0af;letter-spacing:.14em;grid-column:1/-1;font-size:8px;font-weight:900}.online-profile strong{letter-spacing:.03em;font-size:22px}.online-profile b{color:#a7b5c1;letter-spacing:.08em;font-size:10px}.online-dot{background:#66717c;border-radius:50%;width:12px;height:12px}.online-dot.online{background:#71e8bb}.online-dot.connecting{background:#f1cf72;animation:.85s ease-in-out infinite alternate onlineblink}.online-dot.offline{background:#ef6477}@keyframes onlineblink{to{opacity:.35}}.online-main-actions{grid-template-columns:230px 1fr;align-items:center;gap:14px;margin-bottom:13px;display:grid}.online-main-actions .online-quick{min-height:62px}.online-main-actions p,.online-fineprint{color:#98a7b4;margin:0;font-size:10px;line-height:1.55}.private-match-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:13px;display:grid}.private-match-grid article{background:#ffffff0a;border:1px solid #ffffff12;border-radius:15px;gap:7px;padding:14px;display:grid}.private-match-grid article strong{letter-spacing:.04em;font-size:14px}.private-match-grid article>span{color:#96a4b1;min-height:30px;font-size:9px;line-height:1.45}.private-match-grid article>button{border-radius:10px;min-height:40px}.private-match-grid article>div{grid-template-columns:1fr 92px;gap:8px;display:grid}.private-match-grid input{color:#fff;letter-spacing:.14em;text-transform:uppercase;background:#111820;border:1px solid #ffffff21;border-radius:10px;width:100%;min-width:0;height:40px;padding:0 11px;font-weight:900}.private-match-grid input::placeholder{color:#62707c}.private-match-grid article>div button{border-radius:10px}.ranked-style-offer{background:#ffffff0b;border:1px solid #ffffff14;border-radius:15px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.ranked-style-offer>div{gap:3px;display:grid}.ranked-style-offer strong{font-size:14px}.ranked-style-offer span{color:#96a5b2;font-size:9px;line-height:1.45}.ranked-style-offer button{border-radius:10px;min-width:110px;min-height:40px}.online-fineprint{margin-top:11px}.queue-status{z-index:12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070b10db;border:1px solid #ffffff1a;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:min(520px,100vw - 30px);padding:10px 11px 10px 14px;display:grid;position:absolute;top:88px;left:50%;transform:translate(-50%)}.queue-status>div:nth-child(2){gap:2px;min-width:0;display:grid}.queue-status b{letter-spacing:.11em;font-size:10px}.queue-status span{color:#95a4b1;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.queue-status button{border-radius:9px;min-height:34px;padding:0 11px;font-size:8px}.search-pulse{justify-content:center;align-items:center;gap:3px;width:30px;height:24px;display:flex}.search-pulse i{background:#72eaff;border-radius:50%;width:4px;height:4px;animation:.85s ease-in-out infinite alternate searchdot}.search-pulse i:nth-child(2){animation-delay:.15s}.search-pulse i:nth-child(3){animation-delay:.3s}@keyframes searchdot{to{opacity:.35;transform:translateY(-5px)}}.match-found{z-index:24;pointer-events:none;background:radial-gradient(circle,#30d0ff21,#04070bb8 55%,#04070bd6);align-content:center;place-items:center;animation:1.65s both foundfade;display:grid;position:absolute;inset:0}.match-found span{color:#9cb1c1;letter-spacing:.2em;font-size:10px;font-weight:900}.match-found strong{letter-spacing:-.04em;margin-top:8px;font-size:clamp(38px,7vw,78px);line-height:.9}.match-found b{color:#d8e5ee;letter-spacing:.12em;margin-top:12px;font-size:11px}@keyframes foundfade{0%{opacity:0}12%,72%{opacity:1}to{opacity:0}}.rating-change{justify-content:center;align-items:center;gap:10px;margin:-10px 0 20px;display:flex}.rating-change strong,.rating-change span{letter-spacing:.08em;background:#ffffff0f;border-radius:8px;padding:7px 9px;font-size:9px}.rating-change.up span{color:#80e5c0}.rating-change.down span{color:#ff8d9d}.loading-screen .loadbar span{animation:1.1s ease-in-out infinite alternate loadforward}@keyframes loadforward{0%{width:18%!important}to{width:86%!important}}@media (max-width:660px){.online-main-actions,.private-match-grid{grid-template-columns:1fr}.ranked-style-offer{flex-direction:column;align-items:flex-start}.ranked-style-offer button{width:100%}.queue-status{top:72px}}button:after,.primary:after,.secondary-actions button:after,.economy-actions button:after,.menu-button:after,.text-btn:after,.bind:after,.pause-btn:after,.icon-btn:after,.difficulty button:after,.cosmetic-card button:after,.shop-feature button:after,.pass-hero button:after,.event-hero button:after,.tier-reward button:after,.challenge-list button:after,.event-finals button:after,.economy-tabs button:after,.shot-buttons button:after,.toggle:after,.keycap:after,.wasd i:after,.match-hint b:after{content:none!important}button:disabled{opacity:.55!important;border-bottom-width:4px!important;transform:translateY(2px)!important}.keycap,.wasd i,.match-hint b{box-shadow:none!important;border:0!important;border-bottom:5px solid #eef2f5!important}.home-actions{gap:16px}.secondary-actions{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.settings-panel,.economy-panel{flex-direction:column;display:flex}.settings-panel{max-height:min(90vh,820px)}.settings-scroll{flex:auto;min-height:0;max-height:none;padding-bottom:40px;padding-right:8px;overflow:auto}.settings-inline-help{gap:12px;margin-bottom:4px;display:grid}.settings-inline-label{letter-spacing:.18em;color:#99a8b6;font-size:10px;font-weight:900}.power-explain.inline-help{margin-top:0}.shop-panel,.pass-panel,.event-panel,.online-panel{flex-direction:column;display:flex}.cosmetic-grid,.tier-list,.challenge-list{flex:auto;min-height:0;max-height:none;padding-bottom:40px;overflow:auto}.challenge-list{margin-bottom:0}.economy-panel{max-height:min(92vh,880px)}@media (max-width:560px){.secondary-actions{grid-template-columns:1fr}}button,.primary,.secondary-actions button,.economy-actions button,.menu-button,.text-btn,.bind,.pause-btn,.icon-btn,.difficulty button,.cosmetic-card button,.shop-feature button,.pass-hero button,.event-hero button,.tier-reward button,.challenge-list button,.event-finals button,.economy-tabs button,.shot-buttons button,.toggle{color:#111820!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;background:linear-gradient(#fbfcfd 0%,#eef2f5 100%)!important;border:0!important;border-bottom:8px solid #9da8b3!important}button:hover:not(:disabled),.primary:hover:not(:disabled),.secondary-actions button:hover:not(:disabled),.economy-actions button:hover:not(:disabled),.menu-button:hover:not(:disabled),.text-btn:hover:not(:disabled),.bind:hover:not(:disabled),.difficulty button:hover:not(:disabled),.cosmetic-card button:hover:not(:disabled),.shop-feature button:hover:not(:disabled),.pass-hero button:hover:not(:disabled),.event-hero button:hover:not(:disabled),.tier-reward button:hover:not(:disabled),.challenge-list button:hover:not(:disabled),.event-finals button:hover:not(:disabled),.economy-tabs button:hover:not(:disabled),.shot-buttons button:hover:not(:disabled){box-shadow:none!important;filter:none!important;transform:translateY(-1px)!important}button:active:not(:disabled),.primary:active:not(:disabled),.secondary-actions button:active:not(:disabled),.economy-actions button:active:not(:disabled),.menu-button:active:not(:disabled),.text-btn:active:not(:disabled),.bind:active:not(:disabled),.difficulty button:active:not(:disabled),.cosmetic-card button:active:not(:disabled),.shop-feature button:active:not(:disabled),.pass-hero button:active:not(:disabled),.event-hero button:active:not(:disabled),.tier-reward button:active:not(:disabled),.challenge-list button:active:not(:disabled),.event-finals button:active:not(:disabled),.economy-tabs button:active:not(:disabled),.shot-buttons button:active:not(:disabled){border-bottom-width:3px!important;transform:translateY(5px)!important}.online-home,.difficulty button.selected,.economy-tabs button.selected,.toggle.on,.bind.listening,.shot-buttons .power-shot.armed{background:linear-gradient(#e8faff 0%,#bfe6f3 100%)!important;border-bottom-color:#65a7bb!important}.menu-button.danger{background:linear-gradient(#fff7f8 0%,#f0d8de 100%)!important;border-bottom-color:#a96f7a!important}.keycap,.wasd i,.match-hint b{box-shadow:none!important;background:linear-gradient(#fbfcfd 0%,#eef2f5 100%)!important;border:0!important;border-bottom:5px solid #9da8b3!important}.online-home{background:linear-gradient(#fbfcfd 0%,#eef2f5 100%)!important;border-bottom-color:#9da8b3!important}.cosmetic-preview.striker>i,.cosmetic-preview.striker>b{display:none!important}.cosmetic-preview.striker{background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--preview) 14%, #16202a) 0%, #0d141c 48%, #091018 78%)!important}.cosmetic-preview.striker .shop-striker-model{width:112px;height:74px;display:block;position:relative}.cosmetic-preview.striker .shop-striker-base{background:linear-gradient(90deg, var(--preview) 0%, var(--preview) 35%, var(--secondary) 65%, var(--secondary) 100%);border-radius:50%/38%;width:92px;height:28px;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:inset 0 5px 8px #ffffff2b,inset 0 -6px 9px #0003}.cosmetic-preview.striker .shop-striker-base:before{content:"";background:linear-gradient(90deg, var(--preview) 0%, var(--preview) 35%, var(--secondary) 65%, var(--secondary) 100%);border-radius:50%;height:13px;position:absolute;top:2px;left:7px;right:7px}.cosmetic-preview.striker .shop-striker-handle{background:linear-gradient(90deg, var(--preview) 0%, var(--preview) 35%, var(--secondary) 65%, var(--secondary) 100%);border-radius:15px 15px 7px 7px;width:43px;height:42px;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:inset 5px 0 7px #ffffff1f,inset -5px 0 7px #00000024}.cosmetic-preview.striker .shop-striker-handle:before,.cosmetic-preview.striker .shop-striker-base:after,.cosmetic-preview.striker .shop-striker-handle:after{content:none!important;display:none!important}.power-armed{bottom:84px!important}@media (max-width:430px){.power-armed{bottom:122px!important}}.cosmetic-preview.puck>i,.cosmetic-preview.puck>b{display:none!important}.cosmetic-preview.puck .shop-puck-model{width:112px;height:70px;display:block;position:relative;transform:translateY(2px)}.cosmetic-preview.puck .shop-puck-side{background:linear-gradient(180deg, color-mix(in srgb, var(--preview) 78%, white) 0%, var(--preview) 38%, color-mix(in srgb, var(--preview) 70%, black) 100%);border-radius:0 0 38px 38px/0 0 12px 12px;width:78px;height:18px;position:absolute;bottom:17px;left:50%;transform:translate(-50%);box-shadow:inset 0 -6px 8px #0000004d,0 7px 12px #00000047}.cosmetic-preview.puck .shop-puck-top{background:linear-gradient(115deg, color-mix(in srgb, var(--preview) 74%, white) 0%, var(--preview) 48%, color-mix(in srgb, var(--preview) 88%, black) 100%);border-radius:50%;width:78px;height:24px;position:absolute;bottom:26px;left:50%;transform:translate(-50%);box-shadow:inset 0 4px 7px #ffffff2e,inset 0 -5px 7px #0000003d}.cosmetic-preview.puck .shop-puck-ring{border:4px solid var(--secondary);width:70px;height:19px;box-shadow:0 0 7px color-mix(in srgb, var(--secondary) 22%, transparent);background:0 0;border-radius:50%;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.cosmetic-preview.puck .shop-puck-core{background:var(--secondary);width:15px;height:7px;box-shadow:none;border-radius:50%;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.cosmetic-preview.table{background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--preview) 14%, #16202a) 0%, #0d141c 48%, #091018 78%)!important}.cosmetic-preview.table i{z-index:2;background:var(--surface);border:5px solid #0000;border-left-color:var(--preview);border-bottom-color:var(--preview);border-right-color:var(--secondary);border-top-color:var(--secondary);width:92px;height:54px;box-shadow:0 0 7px color-mix(in srgb, var(--preview) 20%, transparent);border-radius:7px;bottom:25px;transform:perspective(88px)rotateX(52deg)}.cosmetic-preview.table b{z-index:1;background:linear-gradient(180deg, color-mix(in srgb, var(--cabinet) 80%, white), var(--cabinet));border-radius:0 0 9px 9px;width:82px;height:17px;display:block;position:absolute;bottom:19px;transform:perspective(88px)rotateX(22deg);box-shadow:0 7px 12px #00000040}.leaderboard-home{pointer-events:auto;top:max(24px, env(safe-area-inset-top));right:max(28px, env(safe-area-inset-right));text-align:left;color:#111820;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;min-width:188px;min-height:54px;padding:9px 14px 10px;display:grid;position:absolute;background:linear-gradient(#fbfcfe 0%,#e3eaf0 100%)!important}.leaderboard-home .leaderboard-icon{grid-row:1/3;font-size:22px;line-height:1}.leaderboard-home span{letter-spacing:.14em;font-size:10px;font-weight:950}.leaderboard-home small{color:#52616d;letter-spacing:.08em;font-size:8px;font-weight:900}.leaderboard-panel{width:min(900px,96vw)}.leaderboard-summary{background:#ffffff0b;border:1px solid #ffffff14;border-radius:16px;grid-template-columns:1.2fr .8fr auto;align-items:center;gap:12px;margin-bottom:13px;padding:14px 16px;display:grid}.leaderboard-summary>div{gap:3px;display:grid}.leaderboard-summary span{color:#8fa0af;letter-spacing:.14em;font-size:8px;font-weight:900}.leaderboard-summary strong{letter-spacing:.02em;font-size:18px}.leaderboard-summary b{color:#b8c4ce;letter-spacing:.07em;font-size:10px}.leaderboard-summary button{border-radius:10px;min-width:104px;min-height:40px}.leaderboard-table{background:#04080d61;border:1px solid #ffffff14;border-radius:16px;max-height:min(62vh,560px);overflow:auto}.leaderboard-row{border-bottom:1px solid #fff1;grid-template-columns:52px minmax(130px,1.5fr) minmax(100px,.8fr) 92px 92px 70px;align-items:center;gap:10px;min-height:52px;padding:0 14px;display:grid}.leaderboard-row:last-child{border-bottom:0}.leaderboard-row.header{z-index:2;color:#7f909f;letter-spacing:.13em;background:#101720;min-height:36px;font-size:8px;font-weight:950;position:sticky;top:0}.leaderboard-row:not(.header){font-size:11px}.leaderboard-row.you{background:#25c8ff13;box-shadow:inset 3px 0 #29c9ff}.leaderboard-row.top-three .leaderboard-position{color:#fff0aa}.leaderboard-position{color:#c9d5df;font-weight:950}.leaderboard-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em;min-width:0;font-weight:900;overflow:hidden}.leaderboard-rank{color:#b9c8d3;letter-spacing:.08em;font-size:9px;font-weight:900}.leaderboard-elo{color:#74e5ff;font-weight:950}.leaderboard-record,.leaderboard-winrate{color:#95a5b3;font-weight:800}.leaderboard-empty{text-align:center;place-items:center;gap:8px;padding:44px 18px;display:grid}.leaderboard-empty strong{font-size:16px}.leaderboard-empty span{color:#8fa0af;font-size:10px}@media (max-width:720px){.leaderboard-home{top:max(24px, env(safe-area-inset-top));min-width:154px;min-height:48px;padding:8px 10px;right:18px}.leaderboard-home .leaderboard-icon{font-size:18px}.leaderboard-home span{font-size:8px}.leaderboard-home small{font-size:7px}.leaderboard-summary{grid-template-columns:1fr auto}.leaderboard-summary>div:nth-child(2){display:none}.leaderboard-row{grid-template-columns:40px minmax(116px,1.5fr) 88px 74px}.leaderboard-row .leaderboard-record,.leaderboard-row .leaderboard-winrate{display:none}}@media (max-width:430px){.leaderboard-home{top:max(16px, env(safe-area-inset-top));min-width:132px;right:12px}.leaderboard-panel{padding:16px}.leaderboard-row{grid-template-columns:34px minmax(96px,1fr) 74px 62px;gap:7px;padding:0 9px}.leaderboard-rank{font-size:8px}}.account-home{pointer-events:auto;top:calc(max(24px, env(safe-area-inset-top)) + 66px);right:max(28px, env(safe-area-inset-right));text-align:left;color:#eef9ff;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;min-width:188px;min-height:50px;padding:8px 14px 9px;display:grid;position:absolute;background:linear-gradient(#1b252f 0%,#101820 100%)!important;border:1px solid #5bddff47!important}.account-home b{color:#62defb;grid-row:1/3;font-size:18px}.account-home span{letter-spacing:.14em;font-size:9px;font-weight:950}.account-home small{text-overflow:ellipsis;white-space:nowrap;color:#91a5b4;letter-spacing:.04em;max-width:132px;font-size:7px;font-weight:850;overflow:hidden}.account-panel{width:min(470px,94vw)}.account-fields{gap:12px;margin:10px 0 14px;display:grid}.account-fields label{gap:6px;display:grid}.account-fields label span{color:#8fa0af;letter-spacing:.14em;font-size:8px;font-weight:950}.account-fields input{color:#f5f8fb;width:100%;min-height:48px;font:inherit;background:#0b1118;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:0 14px}.account-fields input:focus{border-color:#45d6ff99;box-shadow:0 0 0 3px #45d6ff14}.account-submit{width:100%;margin-top:4px}.account-panel .text-btn{width:100%;margin-top:8px}.account-message{margin:0 0 10px}.account-signed-in{gap:10px;padding:12px 2px 2px;display:grid}.account-signed-in strong{overflow-wrap:anywhere;font-size:18px}.account-signed-in span{color:#96a7b5;font-size:10px;line-height:1.5}@media (max-width:720px){.account-home{top:calc(max(24px, env(safe-area-inset-top)) + 58px);min-width:154px;min-height:44px;padding:7px 10px;right:18px}.account-home span{font-size:8px}.account-home small{max-width:106px;font-size:6.5px}}@media (max-width:430px){.account-home{top:calc(max(16px, env(safe-area-inset-top)) + 56px);min-width:132px;right:12px}}