:root{color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;--color-bg:#111a17;--color-surface:#19231f;--color-surface-raised:#1d2924;--color-text:#e4e0d4;--color-text-muted:#a2ada6;--color-border:#61746b;--color-accent-fill:#bed66e;--color-accent-text:#bed66e;--color-accent-contrast:#182018;--color-mint-fill:#78c9af;--color-mint-text:#78c9af;--color-mint-contrast:#14251f;--color-danger-fill:#e47b69;--color-danger-text:#e47b69;--color-danger-contrast:#182018;--color-focus:#b9e2d5;--color-control:#111a176b;--color-panel-glass:#19231fe0;--color-hud-glass:#111a17c7;--color-hud-border:#e4e0d45c;--color-chart-surface:linear-gradient(145deg, #19231ff0, #111a17ad);--color-grid-line:#78c9af14;--color-chart-dash:#78c9af5c;--color-glow-accent:#bed66e2e;--color-glow-danger:#e47b6957;--color-scrim:#050a08b3;--color-debug:#ff9aee;--color-debug-border:#ff7edb8f;--color-bg-radial-mint:#326c5633;--color-bg-radial-danger:#e47b6914;--cosmetic-gloam:#bed66e;--cosmetic-coral:#e47b69;--cosmetic-lime:#78c9af;--cosmetic-constellation:#b9a8df;--color-coil-base:#29453b;--color-coil-signal:#bed66e;--color-coil-eye:#111a17;font-family:Avenir Next,Segoe UI Variable,Helvetica Neue,sans-serif}:root[data-theme=light]{--color-bg:#ebe8de;--color-surface:#f3f0e6;--color-surface-raised:#faf7ed;--color-text:#17211e;--color-text-muted:#52615b;--color-border:#6f8279;--color-accent-fill:#b8d36b;--color-accent-text:#496300;--color-accent-contrast:#203000;--color-mint-fill:#8fcfb9;--color-mint-text:#236b58;--color-mint-contrast:#153b31;--color-danger-fill:#c96f61;--color-danger-text:#9d4538;--color-danger-contrast:#17211e;--color-focus:#0a6657;--color-control:#f3f0e6c2;--color-panel-glass:#f3f0e6eb;--color-hud-glass:#faf7ede0;--color-hud-border:#17211e57;--color-chart-surface:linear-gradient(145deg, #f3f0e6fa, #dde1d6db);--color-grid-line:#3053451f;--color-chart-dash:#236b5861;--color-glow-accent:#4f68001f;--color-glow-danger:#9d45383d;--color-scrim:#1b23208a;--color-debug:#8a176f;--color-debug-border:#8a176f94;--color-bg-radial-mint:#497b6724;--color-bg-radial-danger:#9d453814;--cosmetic-gloam:#4f6800;--cosmetic-coral:#a94336;--cosmetic-lime:#1b725c;--cosmetic-constellation:#6755a0;--color-coil-base:#b5c1b7;--color-coil-signal:#4f6800;--color-coil-eye:#f3f0e6}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 84% 10%, var(--color-bg-radial-mint), transparent 29rem), radial-gradient(circle at 7% 89%, var(--color-bg-radial-danger), transparent 26rem), var(--color-bg);min-height:100dvh;overflow-x:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}button{border:0}.app-shell{isolation:isolate;min-height:100dvh;position:relative}.app-shell:before{z-index:-2;content:"";opacity:.3;background-image:linear-gradient(var(--color-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid-line) 1px, transparent 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.noise{z-index:-1;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:fixed;inset:0}.site-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;width:min(100% - 40px,1440px);min-height:82px;margin:0 auto;display:flex}.brand-lockup{color:var(--color-text);align-items:center;gap:14px;text-decoration:none;display:inline-flex}.brand-mark{width:38px;height:38px}.brand-mark-accent,.hero-coil-head{fill:var(--color-danger-fill)}.hero-coil-base{stroke:var(--color-coil-base)}.hero-coil-signal{stroke:var(--color-coil-signal)}.hero-coil-eye{fill:var(--color-coil-eye)}.brand-word{letter-spacing:.28em;font-size:.8rem;font-weight:750}.status-cluster{color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:16px;font-size:.72rem;display:flex}.status-dot{background:var(--color-accent-fill);width:7px;height:7px;box-shadow:0 0 10px var(--color-glow-accent);border-radius:50%;margin-right:7px;display:inline-block}.ghost-button,.text-button{color:var(--color-text);cursor:pointer;background:0 0}.ghost-button{border:1px solid var(--color-border);border-radius:999px;min-height:42px;padding:0 16px;font-size:.78rem}.ghost-button:hover{border-color:var(--color-mint-text)}.home{width:min(100% - 40px,1440px);min-height:calc(100dvh - 82px);padding:clamp(44px, 8vh, 100px) 0 max(48px, env(safe-area-inset-bottom));grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;gap:clamp(28px,6vw,100px);margin:0 auto;display:grid}.eyebrow{color:var(--color-mint-text);letter-spacing:.28em;text-transform:uppercase;align-items:center;gap:12px;margin:0 0 28px;font-size:.72rem;font-weight:700;display:flex}.eyebrow:before{content:"";background:currentColor;width:34px;height:1px}.hero-title{letter-spacing:-.065em;text-transform:uppercase;max-width:10ch;margin:0;font-family:Arial Narrow,Avenir Next Condensed,sans-serif;font-size:clamp(4rem,10vw,9.3rem);font-weight:720;line-height:.79}.hero-title span{color:var(--color-accent-text);letter-spacing:.5em;margin-top:.19em;font-size:.23em;line-height:1;display:block}.hero-copy{max-width:570px;color:var(--color-text-muted);margin:34px 0 0;font-size:clamp(1rem,1.6vw,1.3rem);line-height:1.75}.hero-copy strong{color:var(--color-text);font-weight:600}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:42px;display:flex}.primary-button{min-width:226px;min-height:62px;color:var(--color-accent-contrast);cursor:pointer;background:var(--color-accent-fill);letter-spacing:.13em;text-transform:uppercase;border-radius:2px;justify-content:space-between;align-items:center;padding:0 22px;font-size:.88rem;font-weight:800;transition:transform .16s,box-shadow .16s;display:inline-flex}.primary-button:hover{box-shadow:7px 7px 0 var(--color-danger-fill);transform:translate(-3px,-3px)}.primary-button:after{content:"↗";font-size:1.3rem}.secondary-button{min-height:62px;color:var(--color-text);cursor:pointer;border:1px solid var(--color-border);background:var(--color-control);letter-spacing:.09em;border-radius:2px;padding:0 20px;font-size:.82rem;font-weight:700}.secondary-button:hover{border-color:var(--color-text)}.hero-meta{color:var(--color-text-muted);flex-wrap:wrap;gap:24px;margin:40px 0 0;padding:0;font-size:.78rem;list-style:none;display:flex}.hero-meta li:before{color:var(--color-danger-text);content:"✦";margin-right:8px}.chart-card{border:1px solid var(--color-border);background:var(--color-chart-surface);min-height:min(68vh,680px);position:relative;overflow:hidden}.chart-card:before,.chart-card:after{border:1px dashed var(--color-chart-dash);content:"";border-radius:50%;position:absolute}.chart-card:before{aspect-ratio:1;width:78%;top:10%;right:-20%}.chart-card:after{aspect-ratio:1;width:44%;bottom:-6%;right:12%}.chart-label{z-index:2;color:var(--color-text-muted);letter-spacing:.16em;text-transform:uppercase;font-family:ui-monospace,monospace;font-size:.66rem;line-height:1.8;position:absolute;top:28px;left:28px}.hero-coil{width:102%;height:76%;filter:drop-shadow(0 0 12px var(--color-glow-accent));position:absolute;inset:11% -6% 13% 4%}.record-strip{z-index:2;border-top:1px solid var(--color-border);background:var(--color-panel-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;bottom:0;left:0;right:0}.record-item{border-right:1px solid var(--color-border);min-width:0;padding:18px}.record-item:last-child{border-right:0}.record-label{color:var(--color-text-muted);letter-spacing:.13em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin-bottom:7px;font-size:.62rem;display:block;overflow:hidden}.record-value{font-family:ui-monospace,monospace;font-size:clamp(1rem,2vw,1.5rem)}.game-stage{background:var(--color-bg);width:100vw;height:100dvh;position:relative;overflow:hidden}.game-canvas{touch-action:none;width:100%;height:100%;display:block}.hud{inset:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));pointer-events:none;position:absolute}.hud-top{justify-content:space-between;align-items:flex-start;display:flex}.hud-cluster{gap:8px;display:flex}.hud-cell{border:1px solid var(--color-hud-border);background:var(--color-hud-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:92px;padding:10px 12px}.hud-cell small{color:var(--color-text-muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;font-size:.55rem;display:block}.hud-cell strong{font-family:ui-monospace,monospace;font-size:1.1rem}.hud-action{pointer-events:auto}.debug-panel{top:max(78px, calc(env(safe-area-inset-top) + 68px));right:max(18px, env(safe-area-inset-right));z-index:4;color:var(--color-debug);border:1px solid var(--color-debug-border);background:var(--color-panel-glass);pointer-events:none;gap:3px;padding:9px 11px;font-family:ui-monospace,monospace;font-size:.62rem;line-height:1.35;display:grid;position:absolute}.tutorial-toast,.event-toast{text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);max-width:min(90vw,520px);padding:12px 18px;position:absolute;left:50%;transform:translate(-50%)}.tutorial-toast{bottom:max(120px, calc(env(safe-area-inset-bottom) + 100px));color:var(--color-text);border:1px solid var(--color-accent-text);background:var(--color-hud-glass);font-size:.86rem}.event-toast{color:var(--color-mint-contrast);background:var(--color-mint-fill);letter-spacing:.15em;text-transform:uppercase;font-size:.7rem;font-weight:800;top:18%}.boost-button{width:92px;height:92px;color:var(--color-accent-contrast);pointer-events:auto;touch-action:none;cursor:pointer;border:2px solid var(--color-accent-contrast);outline:1px solid var(--color-accent-fill);outline-offset:4px;background:var(--color-accent-fill);letter-spacing:.12em;text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;font-size:.68rem;font-weight:900;display:grid;position:absolute;bottom:8px;right:2px}.boost-button[data-active=true]{color:var(--color-danger-contrast);background:var(--color-danger-fill);box-shadow:0 0 24px var(--color-glow-danger);transform:scale(.95)}.joystick{pointer-events:auto;touch-action:none;border:1px solid var(--color-hud-border);background:var(--color-control);border-radius:50%;width:124px;height:124px;position:absolute;bottom:4px;left:2px}.joystick:before{border:1px solid var(--color-mint-text);content:"";border-radius:50%;position:absolute;inset:35%}.game-dialog-backdrop{z-index:5;background:var(--color-scrim);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);place-items:center;padding:20px;display:grid;position:absolute;inset:0}.dialog{border:1px solid var(--color-border);background:var(--color-surface-raised);width:min(100%,610px);max-height:min(90dvh,760px);box-shadow:14px 14px 0 var(--color-glow-accent);padding:clamp(26px,5vw,54px);overflow:auto}.dialog-kicker{color:var(--color-danger-text);letter-spacing:.22em;text-transform:uppercase;margin:0 0 16px;font-size:.68rem;font-weight:800}.dialog h2{letter-spacing:-.04em;text-transform:uppercase;margin:0;font-family:Arial Narrow,Avenir Next Condensed,sans-serif;font-size:clamp(2.5rem,8vw,5rem);line-height:.9}.dialog-copy{color:var(--color-text-muted);margin:24px 0;line-height:1.7}.result-grid{background:var(--color-border);grid-template-columns:repeat(2,1fr);gap:1px;margin:30px 0;display:grid}.result-stat{background:var(--color-surface);padding:18px}.result-stat span{color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;font-size:.64rem;display:block}.result-stat strong{font-family:ui-monospace,monospace;font-size:1.5rem}.dialog-actions{flex-wrap:wrap;gap:12px;display:flex}.panel-page{width:min(100% - 40px,960px);padding:52px 0 max(72px, env(safe-area-inset-bottom));margin:0 auto}.panel-heading{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:42px;padding-bottom:24px;display:flex}.panel-heading h1{letter-spacing:-.05em;text-transform:uppercase;margin:0;font-family:Arial Narrow,Avenir Next Condensed,sans-serif;font-size:clamp(3rem,10vw,6.8rem);line-height:.82}.setting-list{background:var(--color-border);gap:1px;display:grid}.setting-row{background:var(--color-surface);grid-template-columns:1fr auto;align-items:center;gap:24px;min-height:76px;padding:16px 20px;display:grid}.setting-row strong,.setting-row small{display:block}.setting-row select{min-width:132px;min-height:44px;color:var(--color-text);cursor:pointer;border:1px solid var(--color-border);background:var(--color-bg);border-radius:2px;padding:0 36px 0 12px}.setting-row small{color:var(--color-text-muted);margin-top:5px}.switch{cursor:pointer;border:1px solid var(--color-border);background:var(--color-bg);border-radius:30px;width:54px;height:30px;position:relative}.switch:after{content:"";background:var(--color-text-muted);border-radius:50%;width:20px;height:20px;transition:transform .15s,background .15s;position:absolute;top:4px;left:4px}.switch[aria-checked=true]:after{background:var(--color-accent-fill);transform:translate(24px)}.save-notice{color:var(--color-text-muted);border-left:3px solid var(--color-mint-text);background:color-mix(in srgb, var(--color-mint-fill) 8%, transparent);margin-top:28px;padding:20px;line-height:1.65}.cosmetic-grid{background:var(--color-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.cosmetic-card{background:var(--color-surface);min-width:0;padding:22px}.cosmetic-card[data-locked=true]{opacity:.58}.cosmetic-card h2{margin:0 0 8px;font-size:1.35rem}.cosmetic-card>p:not(.dialog-kicker){min-height:2.5em;color:var(--color-text-muted)}.cosmetic-preview{border:1px solid var(--color-hud-border);background:linear-gradient(var(--color-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid-line) 1px, transparent 1px), var(--color-bg);background-size:28px 28px;height:118px;margin-bottom:20px;position:relative;overflow:hidden}.cosmetic-preview span{background:var(--cosmetic-color);width:72%;height:18px;box-shadow:0 0 18px var(--cosmetic-color);border-radius:999px;position:absolute;top:50%;left:12%;transform:translateY(-50%)rotate(-8deg)}.cosmetic-preview span:after{content:"";background:var(--cosmetic-color);border-radius:50%;width:18px;height:18px;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}.help-grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.help-section{border-top:1px solid var(--color-border);padding-top:20px}.help-section h2{color:var(--color-accent-text);letter-spacing:.13em;text-transform:uppercase;margin:0 0 12px;font-size:.82rem}.help-section p,.help-section li{color:var(--color-text-muted);line-height:1.65}.account-form{gap:16px;margin-top:28px;display:grid}.field label{color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:.72rem;display:block}.field input{width:100%;min-height:50px;color:var(--color-text);border:1px solid var(--color-border);background:var(--color-bg);border-radius:0;padding:0 14px}.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}.recovery-banner{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));z-index:10;max-width:min(420px,100vw - 36px);color:var(--color-text);border:1px solid var(--color-danger-text);background:var(--color-surface-raised);box-shadow:8px 8px 0 var(--color-glow-danger);padding:14px 18px;font-size:.78rem;line-height:1.5;position:fixed}:root[data-theme=light] .noise{opacity:.025}.game-stage[data-performance=low] .hud-cell,.game-stage[data-performance=low] .tutorial-toast,.game-stage[data-performance=low] .event-toast,.game-stage[data-performance=low] .game-dialog-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}@media (max-width:840px){.home{grid-template-columns:1fr;align-items:start}.chart-card{min-height:520px}.help-grid{grid-template-columns:1fr}.status-cluster>span{display:none}}@media (max-width:560px){.site-header,.home,.panel-page{width:min(100% - 28px,1440px)}.site-header{min-height:68px}.home{min-height:calc(100dvh - 68px);padding-top:48px}.hero-title{font-size:clamp(3.8rem,21vw,6rem)}.chart-card{min-height:440px}.record-item{padding:12px 10px}.hud-cell{min-width:74px;padding:8px}.hud-cell:nth-child(3){display:none}.result-grid{grid-template-columns:1fr 1fr}.setting-row{padding-inline:14px}.cosmetic-grid{grid-template-columns:1fr}}@media (hover:hover) and (pointer:fine){.joystick,.boost-button{opacity:.62}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}