@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0c1015;--panel:#12181f;--border:#283039;--muted:#84909d;--white:#f1f2eb;--fire:#ff8663;--ice:#7fd5e4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:Manrope,Arial,sans-serif}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--ice);outline-offset:5px}header{height:92px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;gap:20px}.brand{font:700 23px 'Space Grotesk',sans-serif;text-decoration:none;color:var(--white);letter-spacing:2px;white-space:nowrap}.brand em{font-style:normal;color:var(--fire);margin:0 5px}.brand-icon{font-size:32px;color:var(--fire);vertical-align:-3px;display:inline-block;transform:rotate(-35deg);margin-right:9px}.header-note{font-size:10px;letter-spacing:2px;color:var(--muted)}.header-note i,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ice);margin-right:9px}.iconbtn{background:none;border:1px solid var(--border);border-radius:8px;padding:11px 15px;font-size:12px}main{max-width:1540px;padding:0 4.5%;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;padding:52px 0 35px}.eyebrow{color:var(--fire);font-size:10px;font-weight:800;letter-spacing:2px}h1{font-size:clamp(32px,3.6vw,56px);letter-spacing:-2px;margin:13px 0 13px;line-height:1.15}h1 span{color:#8c97a2}p{color:var(--muted);font-size:13px;line-height:1.8;margin:0}.intro-meta{display:flex;align-items:center;gap:13px}.intro-meta strong{font:500 48px 'Space Grotesk',sans-serif}.intro-meta>span{font-size:9px;line-height:1.8;color:var(--muted);letter-spacing:1.3px}.mini-orbits{width:85px;height:85px;margin-left:24px;border:1px solid var(--border);border-radius:50%;position:relative;transform:rotate(-35deg)}.mini-orbits b,.mini-orbits i{position:absolute;top:34px;width:16px;height:16px;border-radius:50%;background:var(--fire);left:-8px;box-shadow:0 0 24px #ff866333}.mini-orbits i{background:var(--ice);left:auto;right:-8px}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px}.arena{height:500px;position:relative;border:1px solid #34414a;border-radius:13px;overflow:hidden;background:#101920}canvas{display:block;width:100%;height:100%;touch-action:manipulation}.arena-top{position:absolute;top:24px;left:25px;right:22px;display:flex;gap:16px;align-items:center;pointer-events:none;font-size:10px;letter-spacing:1.3px}.arena-top>div{flex:1}.arena-top b{font-weight:600}.arena-top>span{color:var(--muted);font-family:'Space Grotesk',sans-serif}.arena-btn{pointer-events:auto;border:1px solid #3b4854;background:#19232c;border-radius:6px;width:29px;height:29px}.arena-world{position:absolute;left:25px;top:72px;font:9px 'Space Grotesk',sans-serif;color:#607380;letter-spacing:2px}.overlay{position:absolute;inset:90px 0 94px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:radial-gradient(ellipse,#101920f5 25%,#10192000 70%)}.overlay.hidden{display:none}.orb-mark{height:29px;width:65px;position:relative;margin-bottom:19px}.orb-mark i,.orb-mark b{position:absolute;width:24px;height:24px;border-radius:50%;background:var(--fire);box-shadow:0 0 25px #ff866350;left:5px}.orb-mark b{background:var(--ice);box-shadow:0 0 25px #7fd5e450;left:37px;top:5px}.overlay h2{font-size:34px;letter-spacing:-1px;line-height:1.15;margin:12px 0}.overlay p{font-size:11px}.primary{border:0;background:var(--fire);color:#171713;padding:14px 24px;border-radius:6px;font-size:12px;font-weight:800;margin-top:21px;min-width:190px;transition:background .2s,transform .2s}.primary:hover{background:#ffad85;transform:translateY(-2px)}.primary span{margin-left:30px}.overlay-hint{font-size:8px;letter-spacing:1.5px;color:#697985;margin-top:14px}kbd{font:9px Manrope,sans-serif;border:1px solid #3a4753;border-radius:4px;padding:3px 6px;color:#c2ccd2}.arena-bottom{position:absolute;bottom:24px;left:25px;right:25px;display:flex;align-items:center;gap:28px}.arena-bottom>div>span{font-size:8px;letter-spacing:1.6px;color:#8d9ba6;display:block}.arena-bottom strong{display:block;font:500 25px 'Space Grotesk',sans-serif;margin-top:5px}.progress-area{flex:1}.progress-label{font-size:8px;display:flex;justify-content:space-between;color:#82929e;letter-spacing:1px;margin-bottom:9px}.progress-track{height:3px;background:#2a3945;border-radius:3px;overflow:hidden}.progress-track i{display:block;background:var(--ice);height:100%;width:0;transition:width .15s}.combo{text-align:right}.side{border:1px solid var(--border);border-radius:13px;background:var(--panel);display:flex;flex-direction:column}.side-top{padding:26px 24px 23px}.side .eyebrow{font-size:8px;color:var(--muted)}.level-num{font:500 50px 'Space Grotesk',sans-serif;margin-top:19px;letter-spacing:-2px}.level-num span{font-size:15px;color:#697883;letter-spacing:0;margin-left:8px}.side h2{font-size:21px;letter-spacing:-.6px;margin:9px 0}.side p{font-size:11px;min-height:58px}.tags{display:flex;gap:8px;margin-top:17px}.tags span{border:1px solid #35403f;padding:5px 9px;border-radius:5px;color:#a3bbab;font-size:9px}.tags span+span{color:var(--muted);border-color:var(--border)}.side-options{padding:19px 24px;border-top:1px solid var(--border);flex:1}.toggle-line{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.toggle-line b{font-size:11px;font-weight:600}.toggle-line small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.toggle-line input{position:absolute;opacity:0;width:1px;height:1px}.toggle-line i{width:30px;height:17px;flex-shrink:0;border-radius:20px;background:#313d47;position:relative}.toggle-line i:before{content:'';position:absolute;left:3px;top:3px;width:11px;height:11px;border-radius:50%;background:#99a6b0;transition:all .2s}.toggle-line input:checked+i{background:#476764}.toggle-line input:checked+i:before{left:16px;background:var(--ice)}.toggle-line input:focus-visible+i{outline:2px solid var(--ice)}.speed-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:var(--muted);margin:23px 0 10px}.speed-label span{letter-spacing:0}.speeds{display:flex;gap:6px}.speeds button{flex:1;background:#171f27;border:1px solid var(--border);padding:8px 0;border-radius:5px;color:var(--muted);font:11px 'Space Grotesk',sans-serif}.speeds .selected{background:#34302c;border-color:#8c6250;color:var(--fire)}.record{display:flex;align-items:center;padding:17px 24px;border-top:1px solid var(--border);gap:9px;font-size:8px;letter-spacing:.7px;color:var(--muted)}.record b{color:var(--white);font-size:10px;margin-left:auto;letter-spacing:0}.record-icon{color:var(--fire);font-size:18px}.helpbar{display:flex;align-items:center;gap:22px;font-size:10px;color:var(--muted);padding:18px 2px 42px}.helpbar kbd{margin-right:6px}.helpbar button{background:none;border:0;color:#b8c4ca;font-size:10px;margin-left:auto}.headphones{border-left:1px solid var(--border);padding-left:18px}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading .eyebrow{font-size:9px;color:var(--muted)}.section-heading h2{font-size:25px;letter-spacing:-.7px;margin:10px 0 0}.section-heading h2 span{font-size:12px;color:var(--muted);border:1px solid var(--border);border-radius:6px;vertical-align:middle;padding:3px 7px;margin-left:9px}.completed{font-size:11px;color:var(--muted)}.completed b{color:var(--ice)}.filters{display:flex;gap:9px;border-bottom:1px solid var(--border);padding:22px 0 16px;margin-bottom:20px;overflow:auto}.filters button{border:1px solid transparent;background:none;color:var(--muted);border-radius:6px;padding:9px 13px;font-size:10px;white-space:nowrap}.filters button.active{border-color:#47505a;color:var(--white);background:#1d252d}.filters span{font-size:8px;color:var(--muted);margin-left:7px}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.level-card{background:#12181e;border:1px solid var(--border);border-radius:9px;text-align:left;padding:0;overflow:hidden;transition:transform .2s,border .2s}.level-card:hover{transform:translateY(-4px);border-color:#65747f}.level-card.active{border-color:var(--fire)}.card-art{height:115px;background:radial-gradient(ellipse at 65% 100%,var(--tint),transparent 75%),#111a22;position:relative;overflow:hidden}.card-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#8099ad09 1px,transparent 1px),linear-gradient(90deg,#8099ad09 1px,transparent 1px);background-size:24px 24px}.card-art svg{position:absolute;inset:6px 25px;width:calc(100% - 50px);height:100px;overflow:visible}.card-number{position:absolute;left:14px;top:12px;font:10px 'Space Grotesk',sans-serif;color:#9cabb7}.card-check{position:absolute;right:12px;top:10px;color:var(--ice);font-size:11px}.card-body{padding:14px 15px 15px}.card-body h3{font-size:12px;margin:0 0 9px;font-weight:600}.card-info{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.5px;color:var(--muted)}.card-info .dots{color:var(--accent);letter-spacing:2px}.card-info .tempo{font-family:'Space Grotesk',sans-serif}.how{border-top:1px solid var(--border);margin-top:48px;padding:30px 0 38px}.how>.eyebrow{color:var(--muted);font-size:9px}.how>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:25px}.how article{position:relative;padding-left:38px}.how article>span{position:absolute;left:0;top:2px;font:14px 'Space Grotesk',sans-serif;color:var(--fire)}.how h3{font-size:13px;margin:0 0 7px}.how p{font-size:11px}footer{border-top:1px solid var(--border);padding:27px 0 32px;display:flex;gap:25px;align-items:center}footer .brand{font-size:13px}footer p{font-size:10px}footer>span{margin-left:auto;color:#61707c;font-size:8px}.feedback{position:absolute;top:28%;left:0;right:0;text-align:center;font:700 26px 'Space Grotesk',sans-serif;color:var(--ice);pointer-events:none;opacity:0;transition:opacity .12s}.feedback.show{opacity:1}dialog{background:#151e26;color:var(--white);border:1px solid #3c4a55;border-radius:14px;max-width:440px;width:calc(100% - 30px);padding:32px}dialog::backdrop{background:#02070bc9;backdrop-filter:blur(7px)}dialog h2{font-size:28px}dialog label{display:block;font-size:12px;margin:23px 0}dialog input[type=range]{display:block;width:100%;margin-top:14px;accent-color:var(--fire)}dialog p{font-size:11px}dialog .toggle-line{display:flex}dialog .primary{width:100%}.close{position:absolute;right:16px;top:12px;background:none;border:0;font-size:25px;color:var(--muted)}#offsetValue{float:right;color:var(--ice)}@media(min-width:1500px){.arena{height:550px}.side-top{padding-top:30px}.side-options{padding-top:26px}.side p{font-size:12px}}@media(max-width:1000px){.play-layout{grid-template-columns:minmax(0,1fr) 250px}.side-top,.side-options{padding-left:19px;padding-right:19px}.intro-meta{display:none}.arena{height:490px}.level-grid{grid-template-columns:repeat(3,1fr)}.header-note{display:none}.headphones{display:none}.helpbar{gap:14px}footer>span{max-width:180px;line-height:1.8}}@media(max-width:700px){header{height:70px}.brand{font-size:17px}.brand-icon{font-size:24px}.iconbtn span{display:none}main{padding:0 5%}.intro{padding:30px 0 26px}h1{font-size:32px;letter-spacing:-1.4px}.intro p{font-size:11px;max-width:260px}.eyebrow{font-size:8px}.play-layout{display:flex;flex-direction:column}.arena{height:470px}.side{display:grid;grid-template-columns:1fr 1fr}.side-top{padding:17px}.side-top .eyebrow,.side-top p,.side-top .tags,.record{display:none}.level-num{font-size:26px;margin:0}.side h2{font-size:15px;margin:5px 0 0}.side-options{padding:16px;border-top:0;border-left:1px solid var(--border)}.speed-label{margin-top:12px}.toggle-line b{font-size:9px}.toggle-line small{display:none}.speeds button{padding:5px}.helpbar{padding-bottom:30px;font-size:8px;gap:9px;flex-wrap:wrap}.helpbar button{font-size:8px}.helpbar kbd{font-size:8px}.level-grid{grid-template-columns:repeat(2,1fr);gap:11px}.card-art{height:100px}.card-body{padding:12px}.card-body h3{font-size:11px}.section-heading h2{font-size:21px}.completed{font-size:9px}.filters{gap:0}.filters button{padding:9px;font-size:9px}.how>div:last-child{grid-template-columns:1fr;gap:25px}.how{margin-top:30px}.how p{max-width:320px}footer{flex-wrap:wrap;gap:12px}footer>span{margin-left:0;max-width:100%;width:100%}.arena-top{left:16px;right:16px;font-size:8px;gap:9px}.arena-bottom{left:18px;right:18px;gap:17px}.overlay h2{font-size:31px}.arena-world{left:16px}.overlay{inset:80px 0 90px}}

/* Expanded play field keeps game controls and HUD visible. */
.arena:fullscreen,.arena.fullscreen-fallback{width:100vw!important;height:100dvh!important;max-width:none;border:0;border-radius:0;background:#0e161e}.arena.fullscreen-fallback{position:fixed;inset:0;z-index:1000}.game-expanded{overflow:hidden}.arena:fullscreen .overlay,.arena.fullscreen-fallback .overlay{inset:95px 0}.arena:fullscreen .overlay h2,.arena.fullscreen-fallback .overlay h2{font-size:clamp(32px,5vw,60px)}.arena:fullscreen .arena-top,.arena.fullscreen-fallback .arena-top{top:max(24px,env(safe-area-inset-top));left:max(25px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right))}.arena:fullscreen .arena-bottom,.arena.fullscreen-fallback .arena-bottom{bottom:max(24px,env(safe-area-inset-bottom))}#fullscreen{font-size:19px;line-height:1}.filters{scrollbar-width:thin;scrollbar-color:#47505a transparent}.filters button{flex-shrink:0}.speeds{gap:4px}.speeds button{min-width:0}.arena:fullscreen .feedback,.arena.fullscreen-fallback .feedback{font-size:36px}@media(max-height:480px){.arena:fullscreen .overlay,.arena.fullscreen-fallback .overlay{inset:55px 0 65px}.arena:fullscreen .orb-mark,.arena.fullscreen-fallback .orb-mark{display:none}.arena:fullscreen .overlay h2,.arena.fullscreen-fallback .overlay h2{font-size:27px;margin:8px 0}.arena:fullscreen .primary,.arena.fullscreen-fallback .primary{margin-top:10px;padding:11px 20px}.arena:fullscreen .overlay-hint,.arena.fullscreen-fallback .overlay-hint{margin-top:8px}}@media(max-width:700px){.arena-top{gap:7px}.arena-btn{width:27px;height:27px}.helpbar{gap:9px 12px}.helpbar button{margin-left:0}}
/* Workshop */
[hidden]{display:none!important}.mode-tabs{display:flex;gap:8px;margin:0 0 18px;flex-wrap:wrap}.mode-tabs button{padding:12px 18px;border:1px solid var(--border);border-radius:8px;background:#141e26;color:var(--muted);font-size:12px}.mode-tabs button.active{color:var(--ice);border-color:#59818b;background:#20323b}.editor-panel{border:1px solid #354951;border-radius:13px;padding:26px;margin-bottom:20px;background:linear-gradient(130deg,#17272deb,#12181ff5)}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:28px;margin-top:24px}.editor-fields{display:grid;grid-template-columns:minmax(0,1fr) 135px;gap:16px}.editor-fields label{font-size:10px;color:#9dafb9;letter-spacing:.5px}.editor-fields input{display:block;width:100%;margin-top:8px;padding:11px 12px;border:1px solid #3b4b56;border-radius:6px;background:#0e171e;color:var(--white)}.editor-preview{height:240px;border:1px solid #2e444e;border-radius:9px;background:radial-gradient(ellipse at center,#203944,#0e171e);margin-top:18px;padding:12px}.editor-preview svg{width:100%;height:100%}.editor-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0}.editor-tools span{font-size:11px;color:var(--ice)}.editor-panel p{font-size:11px}.direction-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.direction-pad button{height:48px;background:#20333e;border:1px solid #49616e;border-radius:7px;font-size:25px;color:var(--ice)}.direction-pad button:hover{background:#34505d}.direction-pad span{display:grid;place-items:center;font-size:9px;letter-spacing:1px;color:var(--muted)}.reverse-check{display:flex;align-items:center;gap:8px;font-size:10px;margin:16px 0;color:#c79bff}.reverse-check input{accent-color:#c79bff}.editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.editor-actions .primary{grid-column:1/-1;margin-top:0;min-width:0}.editor-actions .iconbtn{padding:10px 8px;font-size:10px;text-align:center}.import-label{cursor:pointer}.editor-actions #saveCustom{grid-column:1/-1}#editorStatus{margin-top:22px;min-height:22px;color:var(--ice)}.custom-list{display:flex;flex-direction:column;gap:9px;margin-top:12px}.custom-row{display:flex;align-items:center;gap:8px;border-top:1px solid var(--border);padding-top:12px}.custom-row span{flex:1;font-size:12px;overflow-wrap:anywhere}.custom-row button{font-size:10px}button:disabled{cursor:default;opacity:.4}.editor-panel .section-heading{align-items:center}.reduce-motion *, .reduce-motion *:before{scroll-behavior:auto!important;transition:none!important}@media(max-width:700px){.editor-panel{padding:18px}.editor-layout{grid-template-columns:1fr;gap:20px}.editor-fields{grid-template-columns:minmax(0,1fr) 100px}.editor-preview{height:200px}.direction-pad{max-width:260px;margin:auto}.custom-row{flex-wrap:wrap}.custom-row span{flex-basis:100%}.mode-tabs button{font-size:11px;padding:11px 12px}.editor-panel h2{font-size:20px}.editor-panel .section-heading{gap:12px}.editor-panel .section-heading>.iconbtn{font-size:10px}}
/* The low-resolution backdrop is independently composited behind the crisp play field. */
#backdrop{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}#game{position:relative;z-index:1}.arena-top,.arena-world,.arena-bottom,.overlay,.feedback{z-index:2}.arena-top #cycleBackground{font-size:18px}#settingsModal select{display:block;width:100%;margin-top:12px;padding:11px;border:1px solid #43525c;border-radius:6px;background:#101c26;color:var(--white)}.endless-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px;border:1px solid #426273;background:linear-gradient(120deg,#1c303e,#151d2b);border-radius:13px;margin-bottom:20px}.endless-panel h2{margin:12px 0;font-size:26px}.endless-panel p{max-width:700px;font-size:12px}.endless-stats{min-width:185px;flex-shrink:0}.endless-stats span{font-size:8px;letter-spacing:1px;color:var(--muted)}.endless-stats strong{display:block;font:500 24px 'Space Grotesk',sans-serif;color:var(--ice);letter-spacing:0;margin:9px 0 18px}.endless-stats button{font-size:11px}.mode-tabs button.active{color:var(--ice);border-color:#59818b;background:#20323b}@media(max-width:700px){.endless-panel{align-items:stretch;flex-direction:column;padding:20px;gap:20px}.endless-panel h2{font-size:22px}.endless-stats{display:flex;align-items:center;justify-content:space-between;gap:12px}.endless-stats strong{margin-bottom:0}.arena-top{gap:5px}.arena-top b{letter-spacing:.2px}.arena-top #levelLabel{display:inline-block;max-width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}}@media(max-width:390px){.arena-top #levelLabel{max-width:125px}.arena-top>span{font-size:7px}.arena-btn{width:25px}}
/* Orbit collection and a quiet, local coin counter. No full-screen reward overlays. */
header{gap:14px}.header-note{margin-left:auto;margin-right:auto}.coin-wallet{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#211f1a;border:1px solid #5b4b2c;color:#f2d28c;border-radius:9px;padding:10px 13px;min-height:41px;white-space:nowrap;isolation:isolate}.coin-wallet b{font:600 18px 'Space Grotesk',Arial,sans-serif;font-variant-numeric:tabular-nums;min-width:20px}.coin-symbol{color:#f4cc75;font-size:21px;line-height:1}.wallet-caption{font-size:8px;letter-spacing:1px;color:#b7a477}.coin-sparks{position:absolute;inset:0;pointer-events:none;overflow:visible}.coin-sparks i{position:absolute;left:45%;top:40%;width:7px;height:7px;border:1px solid #f9e2a5;border-radius:50%;background:#d6a84d;opacity:0;animation:coin-collect 1000ms cubic-bezier(.2,.7,.3,1) var(--delay) both}.coin-credit .coin-symbol{animation:coin-glint 1000ms ease both}.coin-credit b{animation:balance-breathe 950ms ease both}.arena-wallet{display:none;pointer-events:auto;padding:5px 9px;min-height:29px;border-radius:6px}.arena-wallet b{font-size:12px}.arena-wallet .coin-symbol{font-size:16px}.arena:fullscreen .arena-wallet,.arena.fullscreen-fallback .arena-wallet{display:inline-flex}.shop-panel{margin:0 0 34px;scroll-margin-top:24px}.shop-hero{display:grid;grid-template-columns:1fr 360px;gap:30px;align-items:center;border:1px solid #3f4148;border-radius:14px;padding:35px;background:radial-gradient(ellipse at 85% 70%,#55405b33,transparent 65%),#141c25}.shop-hero h2{font-size:clamp(30px,3.5vw,48px);line-height:1.1;letter-spacing:-1.5px;margin:16px 0}.shop-hero h2 span{color:#8f9fae}.shop-hero p{font-size:12px;max-width:420px}.shop-rules{font-size:10px;color:#8595a4;max-width:470px;line-height:1.8;margin:15px 0 20px}.shop-hero .eyebrow{color:#e5c58b}.equipped-preview{display:flex;align-items:center;flex-direction:column;position:relative;min-width:0}.equipped-preview canvas{width:100%;max-width:360px;height:auto;touch-action:auto}.equipped-preview>span{font-size:8px;letter-spacing:2px;color:#a4aeb9}.equipped-preview strong{font-size:19px;margin-top:10px;letter-spacing:-.5px}.shop-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:26px 0 4px}.shop-toolbar>span{font-size:11px;color:#95a3b0}.shop-filters{display:flex;gap:8px}.shop-filters button{border:1px solid var(--border);border-radius:7px;padding:10px 14px;background:#141e26;font-size:11px;color:var(--muted)}.shop-filters button.active{color:#f2d28c;background:#2e2a23;border-color:#746142}.shop-filters span{font-size:9px;opacity:.6;margin-left:5px}#shopStatus{min-height:24px;margin:10px 0 12px;font-size:12px;color:var(--ice)}.skin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.skin-card{border:1px solid #2c3945;border-radius:11px;background:#141c24;overflow:hidden;transition:transform .18s,border-color .18s}.skin-card:hover{transform:translateY(-3px);border-color:#60717e}.skin-card.equipped{border-color:#d0b477}.skin-art{height:155px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 25% 100%,color-mix(in srgb,var(--skin-a) 13%,transparent),transparent 70%),radial-gradient(ellipse at 85% 30%,color-mix(in srgb,var(--skin-b) 11%,transparent),transparent 70%),#111923}.skin-art canvas{width:100%;height:100%;object-fit:contain;touch-action:auto}.skin-badge{position:absolute;left:13px;top:13px;font-size:7px;letter-spacing:1.2px;color:#9cabba}.skin-card.equipped .skin-badge{color:#f2d28c}.skin-body{padding:16px}.skin-body h3{font-size:14px;letter-spacing:-.3px;margin:0 0 9px}.skin-body p{font-size:10px;line-height:1.7;min-height:35px;margin-bottom:17px}.skin-buy{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:10px 12px;border:1px solid #715d39;background:#312a20;border-radius:7px;color:#edce92;font-size:12px;font-weight:700}.skin-buy .coin-symbol{font-size:16px}.skin-buy>span:last-child:not(.coin-symbol){font-size:9px;margin-left:auto;color:#a99575}.skin-buy.selected{background:#253b3b;border-color:#4a7c78;color:var(--ice);opacity:1}.skin-buy[aria-disabled=true]{border-color:#34404b;background:#1b2630;color:#9aabbb}.skin-buy[aria-disabled=true] .coin-symbol{color:#a69270}.shop-storage{margin-top:25px;font-size:10px;color:#718393}.shop-panel button:focus-visible{outline-color:#edce92}@keyframes coin-collect{0%{opacity:0;transform:translate(calc(var(--dx)*1.8),-36px) scale(.4) rotateY(0deg)}20%{opacity:1}70%{opacity:1}100%{opacity:0;transform:translate(0,2px) scale(.7) rotateY(360deg)}}@keyframes coin-glint{0%,100%{transform:rotate(0) scale(1);color:#f4cc75}45%{transform:rotate(180deg) scale(1.25);color:#fff0b0}}@keyframes balance-breathe{0%,100%{transform:translateY(0);color:#f2d28c}45%{transform:translateY(-2px);color:#fff5d6}}.reduce-motion .coin-credit *,.reduce-motion .coin-sparks i{animation:none!important}@media(prefers-reduced-motion:reduce){.coin-credit *,.coin-sparks i{animation:none!important}}@media(max-width:1100px){.skin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wallet-caption{display:none}.shop-hero{grid-template-columns:1fr 280px}}@media(max-width:700px){header{gap:9px}.coin-wallet{padding:8px 9px;min-height:35px;gap:5px}.coin-wallet b{font-size:15px}.coin-symbol{font-size:18px}.shop-hero{grid-template-columns:1fr;padding:24px;gap:15px}.shop-hero h2{font-size:35px}.equipped-preview{max-width:300px;width:100%;margin:auto}.equipped-preview canvas{max-height:170px;object-fit:contain}.skin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skin-art{height:120px}.skin-body{padding:12px}.skin-body h3{font-size:12px}.skin-body p{font-size:9px;min-height:44px}.skin-buy{padding:10px 8px;font-size:11px}.shop-toolbar>span{font-size:9px}.shop-filters button{font-size:10px;padding:9px}.shop-toolbar{gap:8px}.arena:fullscreen .arena-top #levelLabel,.arena.fullscreen-fallback .arena-top #levelLabel{max-width:110px}.arena-wallet{padding:4px 5px;min-height:26px;gap:3px}.arena-wallet b{font-size:10px}.arena-wallet .coin-symbol{font-size:13px}}@media(max-width:390px){header .brand{font-size:15px;letter-spacing:1px}header .brand-icon{margin-right:4px}header .iconbtn{padding:9px 10px}.arena:fullscreen .arena-top #levelLabel,.arena.fullscreen-fallback .arena-top #levelLabel{max-width:80px}}
header{position:sticky;top:0;z-index:30;background:#0c1015}.shop-panel{scroll-margin-top:110px}@media(max-width:700px){.shop-panel{scroll-margin-top:88px}}
/* Shared levels, ranked accounts and public progress. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.online-panel{margin:0 0 25px;padding:27px;border:1px solid #3a4c58;border-radius:13px;background:#131d27}.online-panel h2{margin:9px 0}.online-panel .section-heading p{font-size:11px}.community-search{display:flex;gap:10px;margin:24px 0 16px}.community-search input,.community-search select{border:1px solid #40515f;border-radius:7px;background:#0e1822;color:var(--white);padding:11px;font-size:12px}.community-search input{flex:1;min-width:0}.community-search select{max-width:180px}#communityStatus,#rankingStatus{font-size:12px;min-height:26px;margin:12px 0;color:#9fb8c7}#communityMore{display:block;margin:24px auto 0}.rank-tabs{display:flex;gap:9px;margin:23px 0;flex-wrap:wrap}.rank-tabs button,.auth-tabs button{padding:10px 13px;border:1px solid #344753;border-radius:7px;background:#17232d;color:#9dabb8;font-size:11px}.rank-tabs .active,.auth-tabs .active{border-color:#668c95;color:var(--ice);background:#263e47}.ranking-scroll{overflow:auto}.ranking-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;min-width:530px}.ranking-table th{font-size:8px;letter-spacing:1px;color:#8b9ca9;padding:14px 15px;border-bottom:1px solid #3b4b58}.ranking-table td{padding:16px 15px;border-bottom:1px solid #2b3a47;font-variant-numeric:tabular-nums}.ranking-table td:nth-child(n+3){font-family:'Space Grotesk',Arial,sans-serif}.ranking-table .is-me{background:#25414b;color:var(--ice)}.ranking-table td:nth-child(2){font-weight:700}.my-rank{border:1px solid #476c79;border-radius:7px;background:#233b48;padding:13px;margin-bottom:15px;font-size:12px;color:var(--ice)}.online-note{font-size:10px;margin-top:20px}.online-connection{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#91a8b6;font-size:9px;padding-top:14px;min-height:27px}.online-connection button{font-size:9px;padding:6px 10px}.community-play-info{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#192c39;border:1px solid #3e6171;border-radius:9px;padding:15px 19px;margin-bottom:14px}.community-play-info>div{flex:1;min-width:180px}.community-play-info strong{display:block;font-size:15px}.community-play-info span{font-size:10px;color:#a3b5c1}.community-play-info>span{flex-basis:100%}.community-play-info button[aria-pressed=true]{color:#efa1bd;border-color:#a6637d}.editor-actions #publishCustom{color:#9de3d8;border-color:#4b837d}.editor-actions #verifyCustom,.editor-actions #publishCustom{grid-column:1/-1}.auth-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:17px}#accountModal input{display:block;width:100%;border:1px solid #425563;border-radius:6px;background:#0e1922;color:var(--white);padding:12px;margin-top:10px;font-size:13px}#accountModal label{margin:17px 0;font-size:11px}.auth-note{font-size:10px}.profile-name{font-size:26px;letter-spacing:-.6px;margin:20px 0}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid #344753;border-bottom:1px solid #344753;padding:19px 0;margin:20px 0}.profile-stats span{font-size:8px;letter-spacing:.5px;color:var(--muted)}.profile-stats strong{display:block;color:var(--ice);font:500 25px 'Space Grotesk',sans-serif;margin-top:8px}#accountLogout{margin-top:20px}#accountStatus{font-size:11px;min-height:22px;margin-top:18px;color:var(--ice)}.recovery-notice{border:1px solid #8c7750;background:#312b20;padding:16px;border-radius:9px;margin-top:20px}.recovery-notice strong{font-size:13px;color:#edcf8e}.recovery-notice p{font-size:10px;margin-top:10px}.recovery-notice textarea{display:block;width:100%;min-height:67px;resize:vertical;background:#1a211f;color:#f5e6b6;border:1px solid #7a6d4b;border-radius:5px;padding:10px;margin:14px 0;font:12px monospace}.account-button{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-button #accountName{display:inline-block;max-width:110px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}header .header-note{font-size:8px;letter-spacing:1.3px}@media(max-width:1100px){header .header-note{display:none}}@media(max-width:700px){.online-panel{padding:18px}.online-panel .section-heading{align-items:center;gap:10px}.online-panel .section-heading h2{font-size:23px}.online-panel .section-heading p{font-size:10px}.online-panel .section-heading .iconbtn{padding:9px;font-size:9px}.community-search{flex-wrap:wrap}.community-search input{flex-basis:65%}.community-search select{max-width:none;flex:1}.community-play-info{padding:13px}.rank-tabs{gap:6px}.rank-tabs button{font-size:9px;padding:9px}.account-button #accountName{display:none}.account-button{padding:10px}.account-button>span:first-child{display:inline}header{gap:7px}header .brand{font-size:15px;letter-spacing:1px}header .brand-icon{margin-right:4px}header .coin-wallet{padding:8px}header .iconbtn{padding:10px}.online-note{font-size:9px}}
.arena-top>div{min-width:0}.arena-top #levelLabel{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}.arena-top .live-dot{vertical-align:middle}