:root{--bg:#050507;--arena:#121216;--panel:#0e0e14c7;--panel-solid:#0d0d13;--text:#f3f0ea;--muted:#9a9690;--danger:#c84b4b;--neon:#4fe3f0;--neon-2:#ff4fd8;--lvl:#4fe3f0;--line:#f3f0ea1a;--line-strong:#f3f0ea38;--display:"Unbounded", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html,body{overscroll-behavior:none}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}[hidden]{display:none!important}button{font:inherit;color:inherit;touch-action:manipulation}.dim{color:var(--muted)}.small{font-size:12px}.app{height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 10px) max(14px, env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 12px) max(14px, env(safe-area-inset-left,0px));background:radial-gradient(120% 80% at 50% 0%, color-mix(in srgb, var(--lvl) 10%, transparent), transparent 60%), var(--bg);flex-direction:column;gap:10px;display:flex;position:relative}.hud{grid-template-columns:1fr auto;grid-template-areas:"score buttons""stats stats""goal goal";align-items:center;gap:8px 12px;width:100%;max-width:1100px;min-height:44px;margin:0 auto;display:grid}.brand{font-family:var(--display);letter-spacing:.24em;text-transform:uppercase;white-space:nowrap;grid-area:score;font-size:12px;font-weight:700}.hud-score{grid-area:score;align-items:baseline;gap:10px;min-width:0;display:flex}.hud-score .stat-label{align-self:center}.hud-score-value{font-family:var(--display);font-variant-numeric:tabular-nums;text-shadow:0 0 18px color-mix(in srgb, var(--lvl) 45%, transparent);font-size:24px;font-weight:700;line-height:1}.mult{border:1px solid var(--line);font-family:var(--mono);color:var(--muted);opacity:.45;border-radius:4px;align-self:center;padding:3px 7px 5px;font-size:13px;transition:opacity .2s,color .2s,border-color .2s,box-shadow .2s;position:relative}.mult-on{opacity:1;color:var(--lvl);border-color:var(--lvl);box-shadow:0 0 14px color-mix(in srgb, var(--lvl) 40%, transparent)}.mult-timer{background:var(--lvl);transform-origin:0;height:2px;transition:transform 80ms linear;position:absolute;bottom:0;left:0;right:0}.hud-stats{grid-area:stats;justify-content:space-between;gap:12px;display:flex}.stat{flex-direction:column;gap:2px;min-width:0;display:flex}.stat-label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:10px}.stat-value{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px}.stat-highlight .stat-value{color:var(--lvl);text-shadow:0 0 12px color-mix(in srgb, var(--lvl) 60%, transparent)}.stat-urgent .stat-value{color:var(--danger);animation:.5s steps(2,start) infinite blink}.hud-buttons{grid-area:buttons;justify-self:end;gap:8px;display:flex}.icon-btn{border:1px solid var(--line);cursor:pointer;background:#f3f0ea08;border-radius:10px;flex:none;place-items:center;width:44px;height:44px;transition:border-color .15s,opacity .15s,background .15s,box-shadow .15s;display:grid}.icon-btn:hover:not(:disabled){border-color:var(--neon);box-shadow:0 0 14px #4fe3f059}.icon-btn:active:not(:disabled){background:#f3f0ea14}.icon-btn:disabled{opacity:.3;cursor:default}.goal-bar{background:var(--line);border-radius:3px;grid-area:goal;height:3px;overflow:hidden}.goal-bar>span{background:var(--lvl);height:100%;box-shadow:0 0 12px var(--lvl);transform-origin:0;transition:transform .1s linear;display:block}.stage{touch-action:none;flex:1;place-items:start center;min-height:0;display:grid}.arena{box-shadow:0 0 60px color-mix(in srgb, var(--lvl) 18%, transparent), 0 30px 80px #0009;border-radius:6px;flex:none;position:relative}.arena canvas{border-radius:6px;width:100%;height:100%;display:block}.intro{text-align:center;pointer-events:none;animation:intro 2.8s var(--ease) forwards;flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;padding:16% 16px 16px;display:flex;position:absolute;inset:0}.intro-kicker{letter-spacing:.26em;text-transform:uppercase;color:var(--lvl);font-size:11px}.intro-title{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;text-shadow:0 0 30px color-mix(in srgb, var(--lvl) 70%, transparent), 0 2px 24px #050507e6;font-size:clamp(24px,6.5vw,42px);font-weight:800}.intro-detail{color:var(--text);opacity:.8;font-size:13px}@keyframes intro{0%{opacity:0;filter:blur(6px);transform:scale(1.08)}12%,70%{opacity:1;filter:none;transform:none}to{opacity:0;visibility:hidden}}.banner{border:1px solid var(--line);pointer-events:none;text-align:center;width:max-content;max-width:calc(100% - 20px);animation:banner-in .25s var(--ease);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050507d1;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:8px 14px 10px;transition:opacity .2s;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.banner-dim{opacity:.15}.banner-active{border-color:var(--danger);box-shadow:0 0 22px color-mix(in srgb, var(--danger) 45%, transparent)}.banner-kicker{letter-spacing:.24em;text-transform:uppercase;color:var(--danger);font-size:10px}.banner-warning .banner-kicker{animation:.5s steps(2,start) infinite blink}.banner-name{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;font-size:clamp(13px,3vw,18px);font-weight:700}.banner-plus,.banner-arrow{color:var(--danger)}.banner-hint{color:var(--muted);font-size:11px}.banner-bar{background:var(--line);width:100%;height:2px;margin-top:5px;display:block;overflow:hidden}.banner-bar>span{background:var(--text);transform-origin:0;height:100%;transition:transform 80ms linear;display:block}.banner-active .banner-bar>span{background:var(--danger)}.banner-warmup{border-color:color-mix(in srgb, var(--lvl) 50%, transparent)}.banner-warmup .banner-kicker{color:var(--lvl)}.banner-warmup .banner-name{font-family:var(--mono)}.banner-warmup .banner-bar>span{background:var(--lvl)}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,-6px)}}@keyframes blink{to{visibility:hidden}}.joystick{pointer-events:none;z-index:5;opacity:.6;background:radial-gradient(circle,#4fe3f00f,#4fe3f005);border:1px solid #4fe3f040;border-radius:50%;width:112px;height:112px;transition:opacity .15s;position:fixed}.joystick-live{opacity:1;border-color:#4fe3f080;box-shadow:0 0 24px #4fe3f040}.joystick-knob{background:#f3f0eab3;border-radius:50%;width:40%;height:40%;margin:-20% 0 0 -20%;position:absolute;top:50%;left:50%;box-shadow:0 0 18px #4fe3f099}.overlay{z-index:30;padding:calc(env(safe-area-inset-top,0px) + 12px) 12px calc(env(safe-area-inset-bottom,0px) + 12px);-webkit-backdrop-filter:blur(8px);background:#050507b8;place-items:center;animation:.25s ease-out fade-in;display:grid;position:absolute;inset:0}.card{overscroll-behavior:contain;touch-action:pan-y;border:1px solid var(--line);text-align:center;width:min(460px,100%);max-height:100%;animation:card-in .4s var(--ease);background:linear-gradient(#14141cf5,#0a0a0ef7);border-radius:16px;padding:clamp(20px,5vw,34px);overflow-y:auto;box-shadow:0 30px 80px #0009,0 0 0 1px #4fe3f00d}.card-wide{width:min(880px,100%)}@keyframes card-in{0%{opacity:0;transform:translateY(14px)scale(.98)}}@keyframes fade-in{0%{opacity:0}}.kicker{letter-spacing:.26em;text-transform:uppercase;color:var(--lvl);margin:0 0 10px;font-size:11px}.title{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:clamp(28px,8vw,42px);font-weight:800;line-height:1.05}.title-sm{font-size:clamp(20px,5.5vw,28px)}.lede{color:var(--muted);margin:10px 0 0;font-size:15px;line-height:1.5}.lede-tight{margin-top:6px}.cause{margin:0 0 14px}.hint{color:var(--muted);margin:14px 0 0;font-size:12px}kbd{font-family:var(--mono);border:1px solid var(--line);color:var(--text);border-radius:4px;padding:2px 6px;font-size:11px}.actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.actions-stack{flex-direction:column;align-items:stretch}.actions-quiet{margin-top:12px}.btn{border:1px solid var(--line-strong);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:#f3f0ea08;border-radius:10px;min-width:104px;min-height:48px;padding:14px 18px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .1s,box-shadow .2s}.btn:hover{border-color:var(--neon);box-shadow:0 0 18px #4fe3f040}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--text), #fff);color:var(--bg);box-shadow:0 0 24px color-mix(in srgb, var(--lvl) 45%, transparent);border-color:#0000}.btn-primary:hover{box-shadow:0 0 34px color-mix(in srgb, var(--lvl) 70%, transparent)}.btn-sub{letter-spacing:.06em;text-transform:none;opacity:.65;font-size:11px;font-weight:500}.btn-small{min-width:0;min-height:44px;padding:10px 14px;font-size:11px}.btn-danger{border-color:var(--danger);color:var(--danger)}.btn-wide{flex:100%}.btn-retry{width:100%;min-height:64px;font-family:var(--display);letter-spacing:.24em;flex-direction:column;align-items:center;gap:4px;margin-top:18px;font-size:16px;display:flex}.btn-play{width:100%;min-height:56px;font-family:var(--display);margin-top:16px;font-size:14px}.link-btn{min-height:44px;color:var(--muted);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:4px;background:0 0;border:none;padding:10px;font-size:13px}.link-btn:hover{color:var(--text)}.back-btn{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:none;justify-self:start;align-items:center;gap:4px;padding:0 10px 0 4px;font-size:13px;display:inline-flex}.back-btn:hover{color:var(--text)}.btn:focus-visible,.icon-btn:focus-visible,.mode-tile:focus-visible,.link-btn:focus-visible,.level-node:focus-visible,.pick:focus-visible,.tab:focus-visible,.seg:focus-visible,.back-btn:focus-visible,.play-now:focus-visible,.bottom-nav button:focus-visible{outline:2px solid var(--neon);outline-offset:3px}.result{--lvl:inherit}.score-big{font-family:var(--display);font-variant-numeric:tabular-nums;animation:score-in .5s var(--ease);margin:0;font-size:clamp(44px,14vw,68px);font-weight:800;line-height:1}.score-win{text-shadow:0 0 30px color-mix(in srgb, var(--lvl) 60%, transparent);margin-top:14px}@keyframes score-in{0%{opacity:0;transform:scale(.9)}}.badge{border:1px solid var(--lvl);color:var(--lvl);letter-spacing:.22em;text-transform:uppercase;box-shadow:0 0 14px color-mix(in srgb, var(--lvl) 35%, transparent);border-radius:999px;margin:12px 0 0;padding:5px 10px;font-size:11px;display:inline-block}.tiles{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.tile{border:1px solid var(--line);background:#f3f0ea08;border-radius:10px;flex-direction:column;gap:4px;padding:12px 6px;display:flex}.tile-label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:10px}.tile-value{font-family:var(--mono);font-variant-numeric:tabular-nums;animation:score-in .5s var(--ease);font-size:clamp(18px,5.5vw,22px)}.tile-accent .tile-value{font-family:var(--display);color:var(--text);text-shadow:0 0 18px color-mix(in srgb, var(--lvl) 50%, transparent);font-size:clamp(20px,6.5vw,28px);font-weight:700}.hook{margin-top:16px}.hook-bar{background:var(--line);border-radius:5px;height:5px;overflow:hidden}.hook-bar>span{background:linear-gradient(90deg, var(--lvl), var(--neon-2));height:100%;box-shadow:0 0 12px var(--lvl);transform-origin:0;animation:grow .9s var(--ease) both;display:block}@keyframes grow{0%{transform:scaleX(0)}}.hook-text{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.5}.hook-text strong{color:var(--text);font-family:var(--mono);font-weight:500}.trend{color:var(--muted);margin:8px 0 0;font-size:12px}.trend-up{color:var(--text)}.trend-up:before{content:"▲ ";color:var(--lvl)}.skip-offer{border:1px dashed var(--line-strong);border-radius:10px;margin-top:14px;padding:12px}.skip-text{color:var(--muted);margin:0 0 10px;font-size:12px;line-height:1.5}.rewards{flex-wrap:wrap;justify-content:center;gap:6px;margin:16px 0 0;padding:0;list-style:none;display:flex}.rewards li{border:1px solid var(--lvl);box-shadow:0 0 16px color-mix(in srgb, var(--lvl) 30%, transparent);animation:card-in .45s var(--ease) both;border-radius:10px;flex-direction:column;padding:8px 12px;display:flex}.reward-kind{letter-spacing:.22em;text-transform:uppercase;color:var(--lvl);font-size:9px}.reward-name{font-size:13px;font-weight:600}.earned{border:1px solid var(--line);text-align:left;background:#f3f0ea08;border-radius:12px;margin-top:16px;padding:12px 14px}.earned-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.earned-xp{font-family:var(--display);color:var(--lvl);font-size:16px}.earned-level{font-size:12px;font-weight:600}.xp-bar{background:var(--line);border-radius:6px;height:6px;margin-top:8px;overflow:hidden}.xp-bar>span{background:linear-gradient(90deg, var(--lvl), var(--neon-2));transform-origin:0;height:100%;transform:scaleX(var(--to));animation:xp-fill 1.1s .3s var(--ease) both;display:block}@keyframes xp-fill{0%{transform:scaleX(var(--from))}}.xp-lines{color:var(--muted);margin-top:8px;font-size:12px}.xp-lines summary{cursor:pointer;align-items:center;min-height:32px;display:flex}.xp-lines ul{margin:4px 0 0;padding:0;list-style:none}.xp-lines li{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:3px 0;display:flex}.xp-lines li span:last-child{font-family:var(--mono);color:var(--text)}.earned .rewards{justify-content:flex-start;margin-top:10px}.next-hint{color:var(--muted);margin:14px 0 0;font-size:12px}.next-hint strong{color:var(--text)}.lifetime{color:var(--muted);font-size:11px;font-family:var(--mono);margin:10px 0 0}.stats{border-top:1px solid var(--line);margin:16px 0 0}.stats-row{border-bottom:1px solid var(--line);justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.stats-compact .stats-row{padding:6px 0;font-size:12px}.stats-row dt{color:var(--muted)}.stats-row dd{font-family:var(--mono);font-variant-numeric:tabular-nums;margin:0}.stamp{border:2px solid var(--lvl);font-family:var(--display);letter-spacing:.24em;text-transform:uppercase;color:var(--lvl);box-shadow:0 0 22px color-mix(in srgb, var(--lvl) 50%, transparent), inset 0 0 12px color-mix(in srgb, var(--lvl) 30%, transparent);animation:stamp .6s var(--ease) both;border-radius:6px;margin:0;padding:6px 14px;font-size:12px;font-weight:800;display:inline-block}@keyframes stamp{0%{opacity:0;transform:scale(2.2)rotate(-8deg)}60%{opacity:1;transform:scale(.92)rotate(-2deg)}to{transform:scale(1)rotate(-2deg)}}.victory-name{font-family:var(--display);text-transform:uppercase;letter-spacing:.03em;text-shadow:0 0 34px color-mix(in srgb, var(--lvl) 60%, transparent);margin:14px 0 0;font-size:clamp(24px,7vw,34px);font-weight:800}.unlocked-next{border:1px solid var(--next);background:color-mix(in srgb, var(--next) 8%, transparent);box-shadow:0 0 24px color-mix(in srgb, var(--next) 30%, transparent);animation:card-in .5s .4s var(--ease) both;border-radius:12px;flex-direction:column;gap:2px;margin-top:16px;padding:12px;display:flex}.unlocked-kicker{letter-spacing:.26em;text-transform:uppercase;color:var(--next);font-size:10px}.unlocked-name{font-family:var(--display);font-size:15px;font-weight:700}.stars{gap:2px;display:inline-flex}.star{fill:none;stroke:#f3f0ea4d;stroke-width:1.5px}.star-on{fill:#ffd54a;stroke:#ffd54a;filter:drop-shadow(0 0 6px #ffd54ab3)}.stars-animate{justify-content:center;margin-top:14px}.stars-animate .star{width:40px;height:40px}.stars-animate .star-on{animation:star-pop .5s var(--ease) both}@keyframes star-pop{0%{fill:none;stroke:#f3f0ea4d;transform:scale(.4)rotate(-40deg)}60%{transform:scale(1.25)}}.tut-art{background:var(--arena);border:1px solid var(--line);border-radius:10px;height:120px;margin:8px 0 18px;position:relative;overflow:hidden}.tut-player{background:var(--text);width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;top:50%;left:50%;box-shadow:0 0 16px #4fe3f0cc}.tut-hazard,.tut-banner,.tut-orb{display:none;position:absolute}.tut-move .tut-player{animation:tut-move 2.4s var(--ease) infinite}.tut-survive .tut-hazard{background:var(--danger);width:22px;height:22px;box-shadow:0 0 12px var(--danger);border-radius:50%;margin-top:-32px;animation:1.8s linear infinite tut-hazard;display:block;top:50%}.tut-orb .tut-orb{background:var(--neon);width:18px;height:18px;box-shadow:0 0 20px var(--neon);animation:tut-orb 1.6s var(--ease) infinite;display:block;top:40%;left:72%;transform:rotate(45deg)}.tut-orb .tut-player{animation:tut-chase 1.6s var(--ease) infinite}.tut-chaos .tut-banner{border:1px solid var(--danger);letter-spacing:.24em;text-transform:uppercase;color:var(--danger);border-radius:4px;padding:4px 10px;font-size:10px;animation:.6s steps(2,start) infinite blink;display:block;top:12px;left:50%;transform:translate(-50%)}.tut-chaos .tut-player{animation:tut-move 1.6s var(--ease) infinite reverse}@keyframes tut-move{0%,to{transform:translate(-60px)}50%{transform:translate(60px,10px)rotate(12deg)}}@keyframes tut-hazard{0%{left:-30px}to{left:calc(100% + 30px)}}@keyframes tut-chase{0%{transform:translate(-80px,10px)}80%,to{transform:translate(70px,-10px)}}@keyframes tut-orb{0%,75%{opacity:1;transform:rotate(45deg)scale(1)}85%{opacity:1;transform:rotate(45deg)scale(1.8)}to{opacity:0;transform:rotate(45deg)scale(.2)}}.dots{justify-content:center;gap:6px;margin-top:18px;display:flex}.dots span{background:var(--line-strong);border-radius:50%;width:6px;height:6px}.dots .dot-on{background:var(--neon);box-shadow:0 0 8px var(--neon)}.lobby{z-index:20;background:var(--bg);position:fixed;inset:0;overflow:hidden}.lobby-bg{width:100%;height:100%;position:absolute;inset:0}.screen{padding:calc(env(safe-area-inset-top,0px) + 12px) max(16px, env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 12px) max(16px, env(safe-area-inset-left,0px));animation:screen-in .45s var(--ease);flex-direction:column;display:flex;position:absolute;inset:0}@keyframes screen-in{0%{opacity:0;transform:translateY(10px)}}.eyebrow{letter-spacing:.3em;text-transform:uppercase;color:var(--neon);text-shadow:0 0 12px #4fe3f099;margin:0;font-size:11px}.eyebrow-lvl{color:var(--lvl);text-shadow:0 0 12px color-mix(in srgb, var(--lvl) 60%, transparent)}.logo{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;color:var(--text);margin:0;font-weight:800;line-height:.92;position:relative}.logo-xl{text-shadow:0 0 40px #4fe3f073,0 0 90px #ff4fd840;flex-direction:column;align-items:center;font-size:clamp(46px,13vw,120px);display:flex}.logo-xl span:last-child{color:#0000;background:linear-gradient(90deg, var(--neon), var(--neon-2));text-shadow:none;filter:drop-shadow(0 0 22px #ff4fd873);-webkit-background-clip:text;background-clip:text}.logo-xl:before,.logo-xl:after{content:attr(data-text);opacity:0;pointer-events:none;place-items:center;font-size:.3em;display:grid;position:absolute;inset:0}.logo-xl{animation:6s infinite logo-glitch}@keyframes logo-glitch{0%,92%,to{filter:none;transform:none}93%{filter:drop-shadow(3px 0 #ff4fd8e6)drop-shadow(-3px 0 #4fe3f0e6);transform:translate(-3px)skew(-4deg)}95%{filter:drop-shadow(-2px 0 #ff4fd8e6);transform:translate(2px)}}.logo-sm{letter-spacing:.2em;text-shadow:0 0 14px #4fe3f080;font-size:13px}.splash{cursor:pointer;outline:none;justify-content:center;align-items:center}.splash-inner{text-align:center;animation:splash-in 1.4s var(--ease);flex-direction:column;align-items:center;gap:22px;display:flex}@keyframes splash-in{0%{opacity:0;filter:blur(10px);transform:scale(1.06)}}.press{font-family:var(--display);letter-spacing:.4em;text-transform:uppercase;color:var(--neon);text-shadow:0 0 14px var(--neon);margin:10px 0 0;font-size:13px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.splash-foot{color:var(--muted);letter-spacing:.14em;margin:0;font-size:11px}.topbar,.screen-top{z-index:1;justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex;position:relative}.screen-top{grid-template-columns:1fr auto 1fr;display:grid}.screen-top>:last-child{justify-self:end}.screen-heading{font-family:var(--display);letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:15px;font-weight:700}.topbar-right{align-items:center;gap:8px;display:flex}.player-chip,.plus-chip,.demo-pill{border:1px solid var(--line-strong);font-family:var(--mono);white-space:nowrap;background:#05050799;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;display:inline-flex}.plus-chip,.demo-pill{border-color:var(--neon-2);color:var(--neon-2);font-family:var(--font);letter-spacing:.18em;text-transform:uppercase;font-size:10px;box-shadow:0 0 12px #ff4fd84d}.home-main{z-index:1;touch-action:pan-y;flex-direction:column;flex:1;justify-content:center;gap:clamp(18px,4vh,40px);width:100%;max-width:980px;min-height:0;margin:0 auto;display:flex;position:relative;overflow-y:auto}.hero{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.hero-tag{max-width:46ch;color:var(--muted);margin:0;font-size:15px;line-height:1.5}.play-now{--lvl:var(--neon);background:linear-gradient(135deg, color-mix(in srgb, var(--lvl) 85%, white), var(--lvl));color:#050507;cursor:pointer;width:min(420px,100%);box-shadow:0 0 0 1px #fff3 inset, 0 0 40px color-mix(in srgb, var(--lvl) 60%, transparent), 0 18px 50px #00000080;transition:transform .15s var(--ease), box-shadow .2s;border:none;border-radius:14px;flex-direction:column;align-items:center;gap:4px;margin-top:8px;padding:18px 24px;animation:2.6s ease-in-out infinite play-glow;display:flex;position:relative;overflow:hidden}.play-now:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff8c 50%,#0000 70%);animation:3.2s ease-in-out infinite sheen;position:absolute;inset:0;transform:translate(-120%)}.play-now:hover{transform:translateY(-2px)scale(1.01)}.play-now:active{transform:scale(.98)}@keyframes play-glow{50%{box-shadow:0 0 0 1px #fff3 inset, 0 0 64px color-mix(in srgb, var(--lvl) 80%, transparent), 0 18px 50px #00000080}}@keyframes sheen{0%,55%{transform:translate(-120%)}to{transform:translate(120%)}}.play-now-label{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;font-size:clamp(18px,4.5vw,24px);font-weight:800}.play-now-sub{letter-spacing:.04em;opacity:.75;font-size:12px;font-weight:600}.play-now-plus{--lvl:var(--neon-2)}.campaign{align-items:center;gap:10px;width:min(420px,100%);display:flex}.campaign-bar{background:var(--line);border-radius:4px;flex:1;height:4px;overflow:hidden}.campaign-bar>span{background:linear-gradient(90deg, var(--neon), var(--neon-2));height:100%;box-shadow:0 0 10px var(--neon);transform-origin:0;transition:transform .6s var(--ease);display:block}.campaign-text{font-family:var(--mono);color:var(--muted);white-space:nowrap;font-size:11px}.mode-tiles{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.mode-tile{border:1px solid var(--line);text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-height:104px;transition:border-color .2s, box-shadow .2s, transform .15s var(--ease);background:linear-gradient(160deg,#14141ed9,#08080cd9);border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;display:flex;position:relative}.mode-tile:hover{border-color:var(--neon);transform:translateY(-2px);box-shadow:0 0 24px #4fe3f040}.mode-glyph{color:var(--neon);filter:drop-shadow(0 0 6px #4fe3f0b3)}.mode-title{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;font-size:14px;font-weight:700}.mode-meta{font-size:11px;font-family:var(--mono);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.mode-badge{border:1px solid var(--neon-2);letter-spacing:.18em;text-transform:uppercase;color:var(--neon-2);border-radius:999px;padding:2px 7px;font-size:9px;position:absolute;top:10px;right:10px}.bottom-nav{z-index:1;flex-wrap:wrap;justify-content:center;gap:4px;padding-top:8px;display:flex;position:relative}.bottom-nav button{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;padding:10px 12px;font-size:13px;transition:color .15s,border-color .15s}.bottom-nav button:hover{color:var(--text);border-color:var(--line)}.bottom-nav .nav-plus{color:var(--neon-2)}.levels-body{z-index:1;touch-action:pan-y;flex-direction:column;flex:1;gap:12px;min-height:0;padding-bottom:8px;display:flex;position:relative;overflow-y:auto}.level-path{grid-template-columns:repeat(5,1fr);gap:8px;margin:0;padding:4px 2px;list-style:none;display:grid}.level-node{--c:var(--lvl);border:1px solid color-mix(in srgb, var(--lvl) 35%, transparent);cursor:pointer;width:100%;min-height:76px;transition:transform .15s var(--ease), box-shadow .2s, border-color .2s;background:#0a0a10d1;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;display:flex;position:relative}.level-node:hover{box-shadow:0 0 18px color-mix(in srgb, var(--lvl) 35%, transparent);transform:translateY(-2px)}.level-node.selected{border-color:var(--lvl);box-shadow:0 0 26px color-mix(in srgb, var(--lvl) 55%, transparent), inset 0 0 18px color-mix(in srgb, var(--lvl) 18%, transparent)}.level-node.current:after{content:"";border:1px solid var(--lvl);pointer-events:none;border-radius:15px;animation:1.6s ease-out infinite ring;position:absolute;inset:-4px}@keyframes ring{0%{opacity:.9;transform:scale(.96)}to{opacity:0;transform:scale(1.12)}}.level-node.locked{border-color:var(--line);opacity:.7}.level-node.locked .node-num{color:var(--muted);text-shadow:none}.node-num{font-family:var(--display);color:var(--lvl);text-shadow:0 0 12px color-mix(in srgb, var(--lvl) 70%, transparent);font-size:18px;font-weight:800;line-height:1}.node-name{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:center;font-size:9px;line-height:1.2}.node-foot{min-height:14px;font-size:10px}.level-node .star{width:12px;height:12px}.pips{vertical-align:middle;gap:3px;display:inline-flex}.pip{background:var(--line-strong);border-radius:2px;width:6px;height:6px;transform:rotate(45deg)}.pip-on{background:var(--lvl);box-shadow:0 0 6px var(--lvl)}.level-detail{border:1px solid color-mix(in srgb, var(--lvl) 35%, transparent);box-shadow:0 0 40px color-mix(in srgb, var(--lvl) 14%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#101018e6,#06060aeb);border-radius:16px;flex-direction:column;gap:8px;padding:16px;display:flex}.detail-name{font-family:var(--display);text-transform:uppercase;text-shadow:0 0 28px color-mix(in srgb, var(--lvl) 55%, transparent);margin:0;font-size:clamp(22px,6vw,30px);font-weight:800}.detail-tag{color:var(--muted);margin:0;font-size:13px}.preview{aspect-ratio:1;width:min(100%,360px);box-shadow:0 0 30px color-mix(in srgb, var(--lvl) 30%, transparent);border-radius:12px;margin:4px auto;position:relative;overflow:hidden}.preview-canvas{width:100%;height:100%;display:block}.preview-locked .preview-canvas{filter:saturate(.7)blur(1.5px)}.preview-veil{color:var(--text);text-align:center;background:linear-gradient(#05050700 30%,#050507d9);flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;padding:18px;display:flex;position:absolute;inset:0}.veil-title{font-family:var(--display);letter-spacing:.3em;text-transform:uppercase;font-size:13px;font-weight:700}.veil-teaser{color:var(--lvl);font-size:13px;font-style:italic}.detail-facts{gap:18px;display:flex}.fact{flex-direction:column;gap:4px;display:flex}.fact-label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:10px}.fact-value{font-size:14px;font-weight:600}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line-strong);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-radius:999px;padding:3px 8px;font-size:10px}.chip-lvl{border-color:color-mix(in srgb, var(--lvl) 60%, transparent);color:var(--lvl)}.detail-record{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.detail-record .star{width:18px;height:18px}.unlock{border:1px dashed var(--line-strong);border-radius:12px;flex-direction:column;gap:8px;margin-top:8px;padding:12px;font-size:12px;display:flex}.unlock-title{font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;font-size:12px;font-weight:700}.unlock-bar{background:var(--line);border-radius:4px;height:4px;overflow:hidden}.unlock-bar>span{background:var(--lvl);height:100%;box-shadow:0 0 8px var(--lvl);transform-origin:0;display:block}.screen-scroll{z-index:1;touch-action:pan-y;flex:1;width:100%;max-width:880px;min-height:0;margin:0 auto;padding:8px 2px 16px;position:relative;overflow-y:auto}.screen-scroll.narrow{max-width:560px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.stat-card{border:1px solid var(--line);background:#0c0c12d9;border-radius:12px;flex-direction:column;gap:4px;padding:14px;display:flex}.stat-card-value{font-family:var(--display);color:var(--text);font-size:20px;font-weight:700}.stat-card-label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:10px}.board{border:1px solid var(--line);background:#0c0c12d9;border-radius:14px;margin-top:18px;padding:14px}.board-empty{text-align:center;color:var(--muted);margin:18px 0;font-size:13px}.board-list{margin:0;padding:0;list-style:none}.board-list li{border-bottom:1px solid var(--line);grid-template-columns:28px 1fr auto auto;align-items:center;gap:10px;padding:10px 4px;font-size:13px;display:grid}.board-top{background:linear-gradient(90deg,#ffd54a1f,#0000)}.board-rank{font-family:var(--display);color:var(--muted);font-weight:700}.board-top .board-rank{color:#ffd54a;text-shadow:0 0 10px #ffd54a99}.board-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-time{font-family:var(--mono);color:var(--muted)}.board-score{font-family:var(--mono);font-weight:600}.board-note{color:var(--muted);text-align:center;margin:12px 0 0;font-size:11px}.tabs{border:1px solid var(--line);background:#05050799;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:4px;margin-bottom:14px;padding:4px;display:grid}.tab{letter-spacing:.16em;text-transform:uppercase;min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;font-size:11px;font-weight:600}.tab-on{background:var(--text);color:var(--bg);box-shadow:0 0 16px #4fe3f059}.pick-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.pick{border:1px solid var(--line);cursor:pointer;background:#0c0c12d9;border-radius:14px;flex-direction:column;align-items:center;gap:6px;min-height:132px;padding:16px 8px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.pick:hover{border-color:var(--line-strong)}.pick-on{border-color:var(--neon);box-shadow:0 0 22px #4fe3f059}.pick.locked{opacity:.55;cursor:default}.pick-plus{border-color:#ff4fd859}.pick-plus.locked{cursor:pointer}.pick-badge{border:1px solid var(--neon-2);letter-spacing:.16em;text-transform:uppercase;color:var(--neon-2);border-radius:999px;padding:1px 6px;font-size:9px;position:absolute;top:8px;right:8px}.pick-art{width:54px;height:54px;color:var(--text);filter:drop-shadow(0 0 8px #4fe3f099);place-items:center;display:grid}.swatch{border:1px solid var(--line-strong);filter:none;border-radius:10px}.swatch-dot{border-radius:50%;width:16px;height:16px;box-shadow:0 0 10px}.pick-name{letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:600}.pick-req{color:var(--muted);font-size:11px}.ach-list{text-align:left;margin:0;padding:0;list-style:none}.ach-list li{border:1px solid var(--line);opacity:.55;background:#0c0c12d9;border-radius:12px;align-items:center;gap:12px;margin-bottom:6px;padding:12px;display:flex}.ach-list li.ach-got{opacity:1;border-color:color-mix(in srgb, var(--neon) 40%, transparent)}.ach-mark{border:1px solid var(--line-strong);width:26px;height:26px;color:var(--neon);border-radius:8px;flex:none;place-items:center;font-size:13px;display:grid}.ach-got .ach-mark{border-color:var(--neon);box-shadow:0 0 10px #4fe3f066}.ach-text{flex-direction:column;gap:2px;display:flex}.ach-name{font-size:13px;font-weight:600}.ach-desc{color:var(--muted);font-size:12px}.setting{border:1px solid var(--line);text-align:left;background:#0c0c12d9;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:14px;display:flex}.setting-label{flex-direction:column;gap:3px;font-size:14px;display:flex}.setting-help{color:var(--muted);font-size:11px}.segmented{border:1px solid var(--line-strong);border-radius:10px;flex:none;padding:3px;display:inline-flex}.seg{min-width:48px;min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:0 12px;font-size:12px}.seg-on{background:var(--text);color:var(--bg)}.confirm-row{gap:6px;display:inline-flex}.plus-hero{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:8px 0 18px;display:flex}.plus-logo{font-family:var(--display);letter-spacing:.02em;text-shadow:0 0 40px #ff4fd88c;margin:0;font-size:clamp(48px,14vw,96px);font-weight:800;line-height:1}.plus-logo span{color:var(--neon-2);text-shadow:0 0 24px var(--neon-2)}.perk-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.perk{background:linear-gradient(160deg,#1e0c22d9,#08080ce0);border:1px solid #ff4fd847;border-radius:14px;flex-direction:column;gap:6px;padding:14px;display:flex}.perk-art{min-height:44px;color:var(--text);filter:drop-shadow(0 0 8px #ff4fd899);align-items:center;gap:10px;display:flex}.perk-icon{color:var(--neon-2);font-size:28px}.swatch-lg{border-radius:10px;width:36px;height:36px;display:inline-block}.perk-title{font-family:var(--display);letter-spacing:.06em;font-size:13px;font-weight:700}.perk-text{color:var(--muted);font-size:12px;line-height:1.4}.plus-buy,.plus-owned{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-top:18px;display:flex}.plus-price{font-family:var(--display);margin:0;font-size:30px;font-weight:800}.plus-active{font-family:var(--display);color:var(--neon-2);text-shadow:0 0 14px var(--neon-2);margin:0;font-size:15px}.section-title{font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;margin:10px 0 0;font-size:13px}.trial-list{flex-direction:column;gap:8px;width:100%;display:flex}.trial{border:1px solid color-mix(in srgb, var(--lvl) 50%, transparent);text-align:left;background:#0c0c12e0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.trial-text{flex-direction:column;gap:3px;font-size:12px;display:flex}.trial-name{font-family:var(--display);color:var(--lvl);font-size:15px;font-weight:700}.modal{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;place-items:center;padding:16px;animation:.2s ease-out fade-in;display:grid;position:fixed;inset:0}.modal-card{text-align:center;width:min(420px,100%);animation:card-in .35s var(--ease);background:linear-gradient(#16101c,#0a0a0f);border:1px solid #ff4fd873;border-radius:16px;padding:24px;box-shadow:0 0 50px #ff4fd840}.demo-flag{color:#ffd54a;letter-spacing:.14em;text-transform:uppercase;background:#ffd54a1f;border:1px solid #ffd54a99;border-radius:999px;margin:0 0 12px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-block}.modal-title{font-family:var(--display);margin:0;font-size:20px}.modal-price{margin:10px 0 0;font-size:15px}.modal-price s{color:var(--muted)}.modal-text{color:var(--muted);margin:12px 0 0;font-size:13px;line-height:1.55}.mode-tile-featured{background:linear-gradient(160deg,#0e2830e6,#08080ce0);border-color:#4fe3f08c;box-shadow:0 0 26px #4fe3f038}.mode-tile-featured .mode-title{color:var(--neon);text-shadow:0 0 14px #4fe3f099}.mode-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mode-card{border:1px solid color-mix(in srgb, var(--lvl) 35%, transparent);text-align:left;cursor:pointer;width:100%;min-height:72px;transition:box-shadow .2s, border-color .2s, transform .15s var(--ease);background:#0a0a10db;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.mode-card:hover{box-shadow:0 0 18px color-mix(in srgb, var(--lvl) 30%, transparent);transform:translateY(-1px)}.mode-card.selected{border-color:var(--lvl);box-shadow:0 0 26px color-mix(in srgb, var(--lvl) 45%, transparent), inset 0 0 18px color-mix(in srgb, var(--lvl) 14%, transparent)}.mode-card-glyph{color:var(--lvl);filter:drop-shadow(0 0 6px var(--lvl))}.mode-card-text{flex-direction:column;gap:2px;min-width:0;display:flex}.mode-card-name{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;font-size:14px;font-weight:700}.mode-card-tag{color:var(--muted);font-size:12px}.mode-card-best{font-family:var(--mono);white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px;font-size:13px;display:flex}.mode-card-best .dim{font-family:var(--font);letter-spacing:.16em;text-transform:uppercase;font-size:9px}.rule-list{color:var(--muted);margin:0;padding-left:18px;font-size:13px;line-height:1.6}.rule-list li::marker{color:var(--lvl)}.best-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.phase-list{color:var(--muted);flex-wrap:wrap;gap:6px;margin:2px 0;padding:0;font-size:12px;list-style:none;display:flex}.phase-list li{border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:3px 8px 3px 3px;display:inline-flex}.phase-num{background:color-mix(in srgb, var(--lvl) 25%, transparent);width:18px;height:18px;color:var(--lvl);font-family:var(--mono);border-radius:50%;place-items:center;font-size:10px;display:grid}.phase-banner{border:1px solid var(--lvl);width:max-content;max-width:calc(100% - 24px);box-shadow:0 0 30px color-mix(in srgb, var(--lvl) 45%, transparent);text-align:center;pointer-events:none;animation:phase-pop 2.2s var(--ease) forwards;background:#050507c7;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px 20px;display:flex;position:absolute;top:34%;left:50%;transform:translate(-50%)}.phase-banner-kicker{letter-spacing:.26em;text-transform:uppercase;color:var(--lvl);font-size:10px}.phase-banner-name{font-family:var(--display);text-transform:uppercase;font-size:clamp(16px,4vw,24px);font-weight:800}.phase-banner-hint{color:var(--muted);font-size:12px}@keyframes phase-pop{0%{opacity:0;transform:translate(-50%)scale(1.15)}12%,75%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;visibility:hidden}}.boss-bar{border:1px solid color-mix(in srgb, var(--danger) 55%, transparent);pointer-events:none;background:#050507b3;border-radius:10px;flex-direction:column;gap:5px;padding:8px 10px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.boss-bar-name{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:700}.boss-bar-tag{border:1px solid var(--lvl);font-family:var(--font);color:var(--lvl);border-radius:999px;margin-left:8px;padding:1px 6px;font-size:9px}.boss-bar-track{gap:3px;display:flex}.boss-bar-track>span{background:#f3f0ea1f;border-radius:2px;flex:1;height:6px}.boss-bar-track>span.on{background:var(--danger);box-shadow:0 0 8px var(--danger)}.boss-bar-shield .boss-bar-track>span.on{background:var(--lvl);box-shadow:0 0 8px var(--lvl)}.phase-reached{color:var(--muted);margin:8px 0 0;font-size:12px}.phase-reached strong{color:var(--text);font-family:var(--mono)}.tabs-wrap{grid-template-columns:repeat(auto-fit,minmax(84px,1fr))}.ad-slot{z-index:1;width:100%;height:var(--ad-h-mobile,50px);border:1px solid var(--line);background:#0a0a0eb3;border-radius:10px;flex:none;place-items:center;margin:8px auto 0;display:grid;position:relative;overflow:hidden}.ad-label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:9px;position:absolute;top:3px;left:8px}.ad-frame{width:100%;height:100%}.ad-size-desktop{display:none}.ad-results{margin-top:14px}.levels-left{flex-direction:column;gap:8px;min-width:0;display:flex}.sound-group{gap:6px;display:inline-flex}.sound-enable{border:1px solid var(--neon);min-height:44px;color:var(--neon);cursor:pointer;background:#4fe3f01a;border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;animation:1.8s ease-in-out infinite pulse;display:inline-flex}.icon-btn-warn{opacity:.55}.plus-status{font-family:var(--mono);color:var(--muted);margin:0;font-size:12px}.play-now:disabled{cursor:not-allowed;filter:saturate(.5)brightness(.75);animation:none}.play-now:disabled:after{display:none}@media (width<=559px) and (orientation:portrait){.overlay{place-items:end center}.level-path{grid-template-columns:repeat(5,1fr);gap:6px}.node-name{display:none}.level-node{min-height:58px;padding:8px 2px 6px}.node-num{font-size:16px}.bottom-nav button{padding:10px 8px;font-size:12px}.sound-enable{padding:0 10px;font-size:11px}}@media (width>=560px){.pick-grid,.stat-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=760px){.ad-slot{height:var(--ad-h-desktop,90px)}.ad-size-mobile{display:none}.ad-size-desktop{display:inline}.app{gap:14px;padding-left:24px;padding-right:24px}.hud{grid-template-columns:auto 1fr auto;grid-template-areas:"score stats buttons""goal goal goal"}.hud-stats{justify-content:flex-end;gap:32px}.stat{align-items:flex-end}.stage{place-items:center}.banner{padding:10px 18px 12px;top:14px}.banner-hint{font-size:12px}.mode-tiles{grid-template-columns:repeat(4,1fr)}.screen{padding-left:32px;padding-right:32px}}@media (width>=980px){.levels-body{flex-direction:row;align-items:flex-start;width:100%;max-width:1180px;margin:0 auto}.levels-left{flex:1}.level-path{grid-template-columns:repeat(2,1fr);gap:10px}.level-node{flex-direction:row;justify-content:flex-start;gap:14px;min-height:64px;padding:12px 14px}.node-name{text-align:left;flex:1;font-size:12px}.node-num{width:40px;font-size:22px}.level-detail{flex:none;width:420px;position:sticky;top:0}.mode-list{flex:1}}@media (orientation:landscape) and (height<=540px){.app{padding-top:calc(env(safe-area-inset-top,0px) + 8px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 8px);flex-direction:row;gap:12px}.hud{flex:none;grid-template-columns:1fr;grid-template-areas:"buttons""score""goal""stats";align-content:start;row-gap:12px;width:168px;margin:0}.hud-buttons{justify-self:start}.hud-score{flex-wrap:wrap}.hud-stats{flex-direction:column;justify-content:flex-start;gap:10px}.stat{align-items:flex-start}.stage{place-items:center end}.card{padding:18px 22px}.title{font-size:26px}.home-main{justify-content:flex-start}.logo-xl{flex-direction:row;gap:.3em;font-size:44px}.hero{gap:8px}.mode-tiles{grid-template-columns:repeat(4,1fr)}.mode-tile{min-height:84px}.levels-body{flex-direction:row;align-items:flex-start}.level-path{flex:1;grid-template-columns:repeat(5,1fr)}.node-name{display:none}.level-detail{flex:none;width:46%}.preview{width:min(100%,200px)}}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{transition-duration:10ms!important;animation-duration:10ms!important;animation-iteration-count:1!important}.reduce-motion .intro{animation-delay:2.4s!important}.high-contrast{--muted:#d6d2cb;--line:#f3f0ea47;--line-strong:#f3f0ea8c;--panel:#06060af0}.high-contrast :focus-visible{outline-width:3px!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.profile-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;align-items:center;gap:16px;padding:16px;display:flex}.profile-avatar{border:1px solid var(--line-strong);background:radial-gradient(circle at 50% 40%,#4fe3f029,#0000 70%);border-radius:16px;flex:none;place-items:center;width:64px;height:64px;display:grid}.profile-main{flex:1;min-width:0}.profile-level{font-family:var(--display);letter-spacing:.04em;margin:0 0 6px;font-size:14px}.profile-level strong{color:var(--neon);font-size:20px}.profile .xp-bar>span{animation:none}.section-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.section-head h3{letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:11px}.section-head .dim{font-size:11px}.challenges{margin-top:16px}.challenges ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.challenges li{border:1px solid var(--line);background:#f3f0ea05;border-radius:10px;grid-template-columns:1fr auto;gap:4px 12px;padding:10px 12px;display:grid}.challenge-text{font-size:13px}.challenge-xp{font-family:var(--mono);color:var(--neon);font-size:12px}.challenge-bar{background:var(--line);border-radius:4px;align-self:center;height:4px;overflow:hidden}.challenge-bar>span{background:var(--neon);transform-origin:0;height:100%;display:block}.challenge-count{font-family:var(--mono);color:var(--muted);font-size:11px}.challenge-done{border-color:color-mix(in srgb, var(--neon) 45%, transparent)!important}.challenge-done .challenge-text{color:var(--muted)}.table-wrap{border:1px solid var(--line);border-radius:12px;margin-top:12px;overflow-x:auto}.level-table{border-collapse:collapse;width:100%;min-width:560px;font-size:12px}.level-table th,.level-table td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:9px 10px}.level-table thead th{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:600}.level-table tbody th{border-left:3px solid var(--lvl);font-weight:600}.level-table td{font-family:var(--mono)}.lt-num{color:var(--lvl);font-family:var(--mono);margin-right:4px}.lt-arena{color:var(--muted);font-size:11px;font-weight:400;display:block}.level-table .stars{transform-origin:0;justify-content:flex-start;transform:scale(.7)}.history{gap:4px;margin:12px 0 0;padding:0;list-style:none;display:grid}.history li{border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr auto auto auto auto;align-items:center;gap:10px;padding:9px 12px;font-size:12px;display:grid}.history-mode{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-result{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px}.history-won .history-result{color:var(--neon)}.history-num,.history-xp{font-family:var(--mono)}.history-xp{color:var(--neon)}@media (width<=520px){.history li{grid-template-columns:1fr auto auto}.history li .history-num.dim,.history li .history-xp{display:none}}.setting-group{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:22px 0 6px;font-size:11px}.setting-group:first-child{margin-top:4px}.setting-slider{cursor:pointer}.setting-off{opacity:.45}.slider-row{flex:0 220px;align-items:center;gap:10px;min-width:0;display:flex}.slider-row input[type=range]{min-width:0;height:44px;accent-color:var(--neon);cursor:pointer;flex:1}.slider-value{text-align:right;width:40px;font-family:var(--mono);font-size:12px}.trail-art,.win-art{border-radius:8px;width:56px;height:36px;display:block}.trail-classic{background:linear-gradient(90deg,#0000,#4fe3f059)}.trail-comet{clip-path:polygon(0 45%,100% 15%,100% 85%,0 55%);background:linear-gradient(90deg,#0000 10%,#4fe3f0e6)}.trail-beads{background:radial-gradient(circle,#4fe3f0e6 0 4px,#0000 5px) 0/14px 14px repeat-x}.trail-prism{clip-path:polygon(0 40%,100% 20%,100% 80%,0 60%);background:linear-gradient(90deg,#ff4fd8,#ffd54a,#5bf08a,#4fe3f0,#9b7bff)}.win-confetti{background:radial-gradient(circle at 20% 30%,#ff4fd8 0 3px,#0000 4px),radial-gradient(circle at 70% 25%,#4fe3f0 0 3px,#0000 4px),radial-gradient(circle at 45% 70%,#ffd54a 0 3px,#0000 4px),radial-gradient(circle at 85% 70%,#f3f0ea 0 3px,#0000 4px)}.win-shockwave{background:radial-gradient(circle,#0000 0 6px,#4fe3f0 7px 8px,#0000 9px 13px,#4fe3f099 14px 15px,#0000 16px)}.win-fireworks{background:radial-gradient(circle at 30% 40%,#ff4fd8 0 2px,#0000 3px 7px,#ff4fd880 8px 9px,#0000 10px),radial-gradient(circle at 72% 55%,#ffd54a 0 2px,#0000 3px 6px,#ffd54a80 7px 8px,#0000 9px)}.win-starfall{background:linear-gradient(170deg,#0000 40%,#f3f0eacc 45%,#0000 50%) 0 0/14px 36px repeat-x}.profile-chip{border:1px solid var(--line-strong);cursor:pointer;background:#05050799;border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:4px 12px 4px 8px;transition:border-color .15s;display:inline-flex}.profile-chip:hover,.profile-chip:focus-visible{border-color:var(--neon)}.profile-chip-level{font-family:var(--mono);font-size:12px}.profile-chip-bar{background:var(--line);border-radius:3px;width:36px;height:3px;overflow:hidden}.profile-chip-bar>span{background:var(--neon);transform-origin:0;height:100%;display:block}.today{border:1px solid var(--line);text-align:left;cursor:pointer;background:linear-gradient(160deg,#14141eb3,#08080cb3);border-radius:14px;flex-direction:column;gap:8px;width:100%;padding:12px 14px;transition:border-color .2s;display:flex}.today:hover,.today:focus-visible{border-color:var(--neon)}.today-head{justify-content:space-between;gap:8px;display:flex}.today-title{letter-spacing:.2em;text-transform:uppercase;font-size:11px}.today-count{font-family:var(--mono);color:var(--neon);font-size:11px}.today-list{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.today-item{flex-direction:column;gap:6px;min-width:0;display:flex}.today-text{color:var(--muted);font-size:12px;line-height:1.35}.today-done .today-text{text-decoration:line-through}.today-bar{background:var(--line);border-radius:3px;height:3px;overflow:hidden}.today-bar>span{background:var(--neon);transform-origin:0;height:100%;display:block}@media (width<=520px){.today-list{grid-template-columns:1fr;gap:6px}.profile-chip-bar{display:none}}.home-main{justify-content:flex-start}.home-main>:first-child{margin-top:auto}.home-main>:last-child{margin-bottom:auto}.home .logo-xl{font-size:clamp(44px,min(13vw,12vh),120px)}.profile-chip,.player-chip{white-space:nowrap}@media (height<=860px) and (width>=760px){.home-main{gap:16px}.home .hero{gap:10px}.home .mode-tile{min-height:88px}}@media (orientation:landscape) and (height<=540px){.home .logo-xl{font-size:44px}}.account{border:1px solid var(--line);background:var(--panel);border-radius:14px;margin-top:12px;padding:14px 16px}.account-on{border-color:color-mix(in srgb, var(--neon) 40%, transparent)}.account-title{margin:0 0 4px;font-size:13px;font-weight:700}.account-text{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.account-sync{color:var(--neon);margin:0;font-size:12px}.account-sync-error{color:#ffb547}.account-tabs{margin-top:12px}.account-form{gap:10px;margin-top:12px;display:grid}.account-form label{color:var(--muted);gap:4px;font-size:12px;display:grid}.account-form input{border:1px solid var(--line-strong);min-height:44px;color:var(--text);font:inherit;-webkit-user-select:text;user-select:text;background:#050507b3;border-radius:10px;padding:10px 12px;font-size:16px}.account-form input:focus-visible{outline:2px solid var(--neon);outline-offset:1px}.account-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.account-message{color:var(--text);margin:10px 0 0;font-size:12px}.link-btn{min-height:32px;color:var(--neon);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.mode-tile-wide{grid-column:span 2}@media (width>=760px){.mode-tiles{grid-template-columns:repeat(5,1fr)}.mode-tile-wide{grid-column:auto}}@media (orientation:landscape) and (height<=540px){.mode-tiles{grid-template-columns:repeat(5,1fr)}.mode-tile-wide{grid-column:auto}}.mp-menu{gap:14px;display:grid}.mp-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;gap:12px;margin-top:12px;padding:16px;display:grid}.mp-menu .mp-card{margin-top:0}.mp-h{letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:11px}.mp-field{color:var(--muted);gap:6px;font-size:12px;display:grid}.mp-field input,.mp-invite input{border:1px solid var(--line-strong);min-height:44px;color:var(--text);font:inherit;-webkit-user-select:text;user-select:text;background:#050507b3;border-radius:10px;padding:10px 12px;font-size:16px}.mp-field input:focus-visible,.mp-invite input:focus-visible{outline:2px solid var(--neon);outline-offset:1px}.mp-code-input{letter-spacing:.3em;text-transform:uppercase;font-family:var(--mono)!important}.mp-modes{gap:8px;display:grid}.mp-mode{border:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;border-radius:10px;gap:2px;min-height:44px;padding:10px 12px;display:grid}.mp-mode-on{border-color:var(--neon);box-shadow:0 0 16px #4fe3f033}.mp-mode-name{font-size:13px;font-weight:700}.mp-mode-on .mp-mode-name:before{content:"● ";color:var(--neon)}.mp-mode-blurb,.mp-mode-static{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.mp-error,.mp-warn{color:#ffd29a;border:1px solid #ffb54780;border-radius:10px;margin:0;padding:10px 12px;font-size:13px}.mp-warn-float{z-index:3;background:#050507e6;position:absolute;top:64px;left:50%;transform:translate(-50%)}.mp-fine{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.mp-room{text-align:center}.mp-label{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0;font-size:10px}.mp-code{font-family:var(--mono);letter-spacing:.25em;color:var(--neon);text-shadow:0 0 22px #4fe3f080;-webkit-user-select:text;user-select:text;margin:0;font-size:clamp(34px,9vw,48px)}.mp-invite{gap:8px;display:flex}.mp-invite input{flex:1;min-width:0;font-size:13px}.mp-players{gap:6px;margin:0;padding:0;list-style:none;display:grid}.mp-players li{border:1px solid var(--line);border-left:3px solid var(--pc);border-radius:10px;align-items:center;gap:10px;min-height:44px;padding:6px 10px;display:flex}.mp-avatar{color:var(--pc);place-items:center;display:grid}.mp-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.mp-tag{border:1px solid var(--line-strong);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:10px}.mp-ready{color:var(--muted);font-size:12px}.mp-ready-on{color:var(--neon)}.mp-gone{opacity:.55}.mp-actions{justify-items:center;gap:10px;margin-top:16px;display:grid}.mp-hint{color:var(--muted);margin:0;font-size:12px}.mp-toast{text-align:center;color:var(--muted);margin:12px 0 0;font-size:12px}.mp-notice{margin:0;font-size:14px;line-height:1.5}.mp-results{text-align:center}.stamp-dim{opacity:.7}.mp-result-text{font-family:var(--display);margin:0;font-size:16px}.mp-rank{text-align:left;gap:6px;margin:0;padding:0;list-style:none;display:grid}.mp-rank li{border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.mp-winner{box-shadow:0 0 16px #4fe3f033;border-color:var(--neon)!important}.mp-pos{width:18px;font-family:var(--mono);color:var(--neon)}.mp-stat{font-family:var(--mono);font-size:12px}.mp-match{gap:8px}.mp-hud{z-index:1;align-items:center;gap:12px;min-height:44px;display:flex;position:relative}.mp-hud-mode{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;font-size:12px}.mp-hud-time{font-family:var(--mono);color:var(--neon);flex:1;font-size:13px}.mp-board{z-index:1;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex;position:relative}.mp-board li{border:1px solid var(--line);background:#05050799;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.mp-board-me{border-color:var(--pc)!important}.mp-board-down{opacity:.5}.mp-dot{background:var(--pc);border-radius:50%;width:8px;height:8px}.mp-board-val{font-family:var(--mono)}.mp-arena{z-index:1;touch-action:none;flex:1;place-items:center;min-height:0;display:grid;position:relative}.mp-arena canvas{border-radius:6px;display:block}.mp-touch-hint{z-index:1;text-align:center;color:var(--muted);margin:0;font-size:11px;position:relative}.mp-joystick{opacity:1}.trail-halo{background:radial-gradient(circle,#0000 0 5px,#ffd54a 6px 7px,#0000 8px) 0/18px 18px repeat-x}.win-supernova{background:radial-gradient(circle,#fff3c4 0 4px,#ffd54a 5px 7px,#0000 8px 11px,#ffd54a99 12px 13px,#0000 14px)}.legal-body h3{font-family:var(--display);letter-spacing:.1em;margin:16px 0 8px;font-size:14px}.legal-body p,.legal-body li{color:var(--muted);font-size:13px;line-height:1.6}.legal-body strong{color:var(--text)}.legal-body ul{padding-left:18px}.plus-steps{text-align:left;max-width:520px;color:var(--muted);margin:12px auto 0;padding-left:20px;font-size:13px;line-height:1.6}.plus-key{text-align:left;max-width:520px;margin:12px auto 0}a.play-now{text-decoration:none}.select{-webkit-user-select:text;user-select:text;color:var(--text)}.profile-badge{vertical-align:middle;margin-left:10px}.profile-chip{min-height:44px}.perk{min-width:0}.perk-art{flex-wrap:wrap}@media (width<=420px){.perk-grid{grid-template-columns:1fr}}@media (width>=760px) and (width<=979px){.mode-tiles{grid-template-columns:repeat(3,1fr)}.mode-tile-wide{grid-column:span 2}}.mode-tile{min-width:0}.home{padding-bottom:0}.home-topbar{min-height:44px}.home .home-main{gap:12px;padding-bottom:12px}.home .hero{gap:8px}.home .home-free{letter-spacing:.18em;margin:0;font-size:10px}.home .logo-xl{font-size:clamp(40px,min(12.5vw,8.4vh),112px);line-height:.92}.home .hero-tag{text-wrap:balance;max-width:32ch;margin:0;font-size:clamp(13px,3.6vw,16px);line-height:1.45}.home .play-now{width:min(420px,100%);margin-top:4px;padding:13px 20px}.home .play-now-label{font-size:clamp(17px,4.8vw,22px)}.home .campaign{width:min(420px,100%)}.home .mode-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.home .mode-tile{grid-template-rows:auto auto;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:1px 10px;min-height:60px;padding:10px 12px;display:grid}.home .mode-glyph{grid-row:span 2;place-items:center;display:grid}.home .mode-glyph svg{width:26px;height:26px}.home .mode-title{letter-spacing:.1em;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.home .mode-meta{font-size:10.5px}.home .mode-badge{font-size:8px;top:6px;right:6px}.home .mode-tile-wide{grid-column:1/-1}.mode-tile-friends{border-color:color-mix(in srgb, var(--neon-2) 55%, transparent);background:linear-gradient(120deg,#ff4fd829,#9b7bff1a 55%,#08080cd9);box-shadow:0 0 22px #ff4fd829}.mode-tile-friends .mode-glyph{color:var(--neon-2);filter:drop-shadow(0 0 6px #ff4fd8b3)}.mode-tile-friends:hover{border-color:var(--neon-2);box-shadow:0 0 26px #ff4fd84d}.home .today{gap:6px;padding:10px 12px}.today-next{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.home .today-list{grid-template-columns:repeat(3,1fr);gap:6px}.home .today-text{display:none}.tab-bar{z-index:1;margin:0 calc(-1 * max(16px, env(safe-area-inset-left,0px)));padding:4px 4px calc(env(safe-area-inset-bottom,0px) + 4px);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050507d1;grid-template-columns:repeat(6,minmax(0,1fr));display:grid;position:relative}.tab-btn{min-height:52px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 2px;font-size:10px;transition:color .15s,background .15s;display:flex}.tab-btn span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tab-btn:hover,.tab-btn:focus-visible{color:var(--text);background:#f3f0ea0d}.tab-plus{color:var(--neon-2)}@media (width>=560px){.home .today-text{display:block}.today-next{display:none}.home .today-list{gap:12px}}@media (width>=760px){.home .mode-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.home .mode-tile{min-height:72px;padding:12px 14px}.home .mode-title{font-size:13.5px}.home .mode-meta{font-size:11px}.tab-bar{padding:6px 0 calc(env(safe-area-inset-bottom,0px) + 8px);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-top:none;justify-content:center;gap:4px;margin:0 auto;display:flex}.tab-btn{flex-direction:row;gap:7px;min-height:44px;padding:8px 12px;font-size:13px}}@media (width>=1100px){.home .mode-tiles{grid-template-columns:repeat(6,minmax(0,1fr))}.home .mode-tile-wide{grid-column:span 2}}@media (orientation:landscape) and (height<=540px){.home .logo-xl{flex-direction:row;gap:.3em;font-size:36px}.home .hero-tag,.home .campaign{display:none}.home .mode-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.home .mode-tile-wide{grid-column:auto}.home .mode-tile{min-height:52px;padding:8px 12px}.home .play-now{padding:10px 20px}}.sound-short{display:none}@media (width<=480px){.sound-long{display:none}.sound-short{display:inline}}@media (width>=1100px){.home .home-main{max-width:1160px}}.home .mode-badge{top:auto;bottom:8px;right:8px}@media (width>=760px){.home .mode-title{letter-spacing:.06em}}.levels-scroll{max-width:980px}.levels-progress{align-items:center;gap:10px;margin:2px 0 10px;display:flex}.level-list{grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.level-card{border:1px solid var(--line);border-left:3px solid var(--lvl);background:linear-gradient(100deg, color-mix(in srgb, var(--lvl) 9%, #0e0e14e6), #08080cd9 60%);width:100%;min-height:72px;color:var(--text);text-align:left;cursor:pointer;transition:border-color .15s, box-shadow .2s, transform .12s var(--ease);border-radius:12px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid;position:relative}.level-card:hover{border-color:color-mix(in srgb, var(--lvl) 70%, transparent);box-shadow:0 0 20px color-mix(in srgb, var(--lvl) 22%, transparent)}.level-card:active{transform:scale(.99)}.level-card.current{border-color:var(--lvl);box-shadow:0 0 24px color-mix(in srgb, var(--lvl) 28%, transparent)}.level-card.locked{cursor:default;opacity:.55;border-left-color:var(--line-strong);background:#0a0a0ebf}.level-card.locked:hover{box-shadow:none;border-color:var(--line)}.lc-num{border:1px solid color-mix(in srgb, var(--lvl) 55%, transparent);width:44px;height:44px;font-family:var(--display);color:var(--lvl);text-shadow:0 0 12px color-mix(in srgb, var(--lvl) 60%, transparent);border-radius:10px;place-items:center;font-size:16px;font-weight:800;display:grid}.level-card.locked .lc-num{border-color:var(--line);color:var(--muted)}.lc-main{gap:2px;min-width:0;display:grid}.lc-name{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.lc-meta{font-family:var(--mono);color:var(--lvl);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.level-card.locked .lc-meta{color:var(--muted)}.lc-desc{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.lc-side{justify-items:end;gap:6px;display:grid}.lc-side .stars{transform-origin:100%;transform:scale(.75)}.lc-status{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:600}.lc-next{background:var(--lvl);color:#050507;border-radius:999px;padding:3px 10px}.levels-hint{color:var(--muted);text-align:center;margin:12px 0 0;font-size:12px}@media (width>=760px){.level-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.level-card{min-height:84px}}.stage-touch{flex-direction:column;align-items:center;gap:10px;display:flex}.touch-pad{display:none}@media (orientation:portrait){.stage-touch .touch-pad{border:1px dashed color-mix(in srgb, var(--lvl) 28%, transparent);background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--lvl) 8%, transparent), transparent 70%);border-radius:16px;flex:1;align-content:center;place-items:center;gap:8px;width:100%;max-width:1100px;min-height:96px;display:grid;position:relative}}.touch-pad-ring{border:1px solid color-mix(in srgb, var(--lvl) 40%, transparent);width:64px;height:64px;box-shadow:inset 0 0 18px color-mix(in srgb, var(--lvl) 18%, transparent);border-radius:50%}.touch-pad-fixed .touch-pad-ring{opacity:0}.touch-pad-text{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}@media (height<=700px){.touch-pad-ring{width:48px;height:48px}}.ad-placeholder{--ad-c:#4fe3f0bf;background:linear-gradient(var(--ad-c), var(--ad-c)) top left / 12px 1px no-repeat, linear-gradient(var(--ad-c), var(--ad-c)) top left / 1px 12px no-repeat, linear-gradient(var(--ad-c), var(--ad-c)) top right / 12px 1px no-repeat, linear-gradient(var(--ad-c), var(--ad-c)) top right / 1px 12px no-repeat, linear-gradient(var(--ad-c), var(--ad-c)) bottom left / 12px 1px no-repeat, linear-gradient(var(--ad-c), var(--ad-c)) bottom left / 1px 12px no-repeat, linear-gradient(var(--ad-c), var(--ad-c)) bottom right / 12px 1px no-repeat, linear-gradient(var(--ad-c), var(--ad-c)) bottom right / 1px 12px no-repeat, repeating-linear-gradient(0deg, #f3f0ea06 0 1px, transparent 1px 3px), linear-gradient(100deg, #4fe3f012, #9b7bff0d 50%, #ff4fd812), #06060ac7;border:1px solid #4fe3f029;box-shadow:inset 0 0 24px #4fe3f00d}.ad-placeholder .ad-label{letter-spacing:.24em;color:#f3f0ea73;font-size:8px;top:4px;left:10px}.ad-placeholder .ad-size{font-family:var(--mono);color:#f3f0ea4d;font-size:8.5px;position:absolute;top:4px;right:10px}.ad-ph{text-align:center;justify-items:center;gap:2px;padding:8px 12px 0;display:grid}.ad-ph-brand{font-family:var(--display);letter-spacing:.3em;text-transform:uppercase;color:#0000;background:linear-gradient(90deg, var(--neon), var(--neon-2));-webkit-background-clip:text;background-clip:text;font-size:12px;font-weight:700}.ad-ph-sub{letter-spacing:.06em;color:#f3f0ea8c;font-size:10px}.ad-ph-sub a{color:var(--neon);text-underline-offset:2px;text-decoration:underline}@media (width>=760px){.ad-ph{gap:4px}.ad-ph-brand{font-size:15px}.ad-ph-sub{font-size:11.5px}}.screen-heading{white-space:nowrap}@media (width<=420px){.screen-heading{letter-spacing:.14em;font-size:13px}}@media (width<=480px){.modes .screen-top .player-chip{display:none}.modes .level-detail .btn-play{z-index:2;position:sticky;bottom:8px;box-shadow:0 10px 30px #0009}}.brief-card{border:1px solid color-mix(in srgb, var(--lvl) 40%, transparent);background:linear-gradient(160deg, color-mix(in srgb, var(--lvl) 10%, #0a0a12eb), #06060cf0);box-shadow:0 0 40px color-mix(in srgb, var(--lvl) 14%, transparent);border-radius:16px;gap:14px;padding:20px;display:grid}.brief-name{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;margin:-6px 0 0;font-size:clamp(24px,7vw,34px)}.brief-text{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.brief-obj{gap:4px;display:grid}.brief-label,.m-stat-label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:9.5px}.brief-primary{color:var(--lvl);font-size:15px;font-weight:700}.brief-list,.brief-tips{gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.brief-list .done{color:var(--lvl)}.brief-tips{border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.5}.brief-record{align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.btn-launch{margin-top:4px}.mission-play{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 10px);background:radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--lvl) 10%, transparent), transparent 60%), #04040a;gap:8px}.m-hud{z-index:2;gap:6px;width:100%;max-width:1000px;margin:0 auto;display:grid;position:relative}.m-hud-row{align-items:center;gap:12px;min-width:0;display:flex}.m-title{min-width:0;font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:700;overflow:hidden}.m-code{color:var(--lvl);margin-right:4px}.m-stat{font-family:var(--mono);justify-items:end;font-size:15px;line-height:1.1;display:grid}.m-urgent{color:#ff6b78}.m-hud-obj{border:1px solid color-mix(in srgb, var(--lvl) 35%, transparent);background:#06060cbf;border-radius:10px;padding:6px 10px}.m-obj{flex:1;align-items:baseline;gap:8px;min-width:0;display:flex}.m-obj-text{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.m-obj-count{font-family:var(--mono);color:var(--lvl);font-size:13px}.m-hull{align-items:center;gap:4px;display:flex}.m-hull>span:not(.m-stat-label){background:#f3f0ea1f;border-radius:2px;width:14px;height:8px;transform:skew(-20deg)}.m-hull>span.on{background:#4fe3f0;box-shadow:0 0 8px #4fe3f0cc}.m-hull .m-stat-label{margin-right:4px}.m-obj-bar{background:var(--line);border-radius:3px;height:3px;overflow:hidden}.m-obj-bar>span{background:linear-gradient(90deg, var(--lvl), var(--neon-2));transform-origin:0;height:100%;transition:transform .2s;display:block}.m-stage{z-index:1;touch-action:none;flex-direction:column;flex:1;align-items:center;gap:10px;min-height:0;display:flex;position:relative}.m-arena{box-shadow:0 0 60px color-mix(in srgb, var(--lvl) 16%, transparent), 0 30px 80px #0009;border-radius:6px;flex:none;position:relative;overflow:hidden}.m-arena canvas{display:block}.m-pad{border:1px dashed color-mix(in srgb, var(--lvl) 28%, transparent);background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--lvl) 8%, transparent), transparent 70%);border-radius:16px;flex:1;align-content:center;place-items:center;gap:8px;width:100%;min-height:96px;position:relative;display:grid!important}.m-boss{text-align:center;pointer-events:none;gap:4px;width:min(70%,420px);display:grid;position:absolute;top:10px;left:50%;transform:translate(-50%)}.m-boss-name{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:#ff4fd8;text-shadow:0 0 10px #ff4fd8cc;font-size:11px}.m-boss.shielded .m-boss-name{color:#9fdfff;text-shadow:none}.m-boss-bar{background:#ffffff1f;border-radius:6px;height:6px;overflow:hidden}.m-boss-bar>span{transform-origin:0;background:linear-gradient(90deg,#ff4fd8,#ff8c42);height:100%;transition:transform .15s;display:block}.m-chrono{pointer-events:none;animation:chrono-in .35s var(--ease) both;background:#0a1e46bf;border:1px solid #96d2ff99;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 0 24px #50a0ff73}@keyframes chrono-in{0%{opacity:0;transform:translate(-50%,10px)scale(.9)}}.m-chrono-title{font-family:var(--display);letter-spacing:.24em;text-transform:uppercase;color:#cfe8ff;font-size:12px}.m-chrono-bar{background:#ffffff26;border-radius:5px;width:80px;height:5px;overflow:hidden}.m-chrono-bar>span{transform-origin:0;background:#9fdfff;height:100%;display:block}.m-chrono-time{font-family:var(--mono);color:#cfe8ff;font-size:12px}.m-toast{border:1px solid color-mix(in srgb, var(--lvl) 50%, transparent);letter-spacing:.06em;white-space:nowrap;pointer-events:none;max-width:90%;animation:toast 2.2s var(--ease) both;background:#05050abf;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;position:absolute;top:22%;left:50%;transform:translate(-50%)}@keyframes toast{0%{opacity:0;transform:translate(-50%,8px)}12%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}.m-launch{text-align:center;pointer-events:none;animation:launch 1.3s var(--ease) both;background:radial-gradient(circle,#04040a8c,#04040ad9);place-content:center;gap:6px;display:grid;position:absolute;inset:0}@keyframes launch{0%{opacity:0}15%,75%{opacity:1}to{opacity:0}}.m-launch-kicker{letter-spacing:.3em;text-transform:uppercase;color:var(--lvl);font-size:11px}.m-launch-name{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;font-size:clamp(26px,7vw,44px)}.m-launch-obj{color:var(--muted);font-size:13px}.m-overlay{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030308b8;place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow-y:auto}.m-panel{border:1px solid color-mix(in srgb, var(--lvl) 45%, transparent);width:min(460px,100%);box-shadow:0 0 50px color-mix(in srgb, var(--lvl) 18%, transparent);text-align:center;background:linear-gradient(170deg,#0e0e1af7,#06060cf7);border-radius:16px;gap:12px;padding:22px;display:grid}.m-kicker{letter-spacing:.3em;text-transform:uppercase;color:var(--lvl);margin:0;font-size:11px}.m-result.lost .m-kicker{color:#ff6b78}.m-panel-title{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;margin:-4px 0 0;font-size:24px}.m-panel-text,.m-reason{color:var(--muted);margin:0;font-size:13px}.m-reason{color:#ffb3ba}.m-result-stats{font-family:var(--mono);justify-content:center;gap:28px;font-size:20px;display:flex}.m-result-stats>span{gap:2px;display:grid}.m-best{color:var(--lvl)}.m-secondary{text-align:left;color:var(--muted);gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.m-secondary .met{color:var(--text)}.m-secondary .met span:first-child{color:var(--lvl)}.m-xp{font-size:13px}.m-actions{gap:8px;display:grid}@media (width>=760px){.m-title{font-size:14px}.m-stat{font-size:17px}.m-obj-text{font-size:14px}}@media (width<=480px){.home .mode-title{white-space:normal;letter-spacing:.06em;font-size:12px;line-height:1.15}}