@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg:#050816;--bg-panel:#0a1022d1;--bg-soft:#ffffff0f;--line:#ffffff1f;--text:#eef3ff;--muted:#9fb0ce;--accent:#95fff0;--accent-2:#ff9e7a;--shadow:0 24px 70px #00000073;--font-display:"Space Grotesk", sans-serif;--font-mono:"IBM Plex Mono", monospace;color:var(--text);font-family:var(--font-display);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#79d0ff26,#0000 30%),radial-gradient(circle at 100% 100%,#a6ff6f1a,#0000 28%),linear-gradient(#081121 0%,#04060f 100%)}*{box-sizing:border-box}html,body,#app{min-height:100%}body,p,h1,h2,ul{margin:0}ul{padding:0;list-style:none}.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}.shell{width:min(1480px,100%);min-height:100svh;margin:0 auto;padding:22px}.shell-dev{padding-bottom:168px}.shell-dev .layout{margin-bottom:116px}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.eyebrow,.label,.controls-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-size:11px}h1{letter-spacing:-.04em;margin-top:8px;font-size:clamp(2.4rem,4vw,4.2rem);line-height:.95}.controls-card,.hud-block,.game-panel{border:1px solid var(--line);background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.controls-card{border-radius:22px;max-width:380px;padding:16px 18px}.controls-card p+p{color:var(--muted);margin-top:8px;font-size:.96rem}.layout{grid-template-columns:minmax(0,1.95fr) minmax(280px,.65fr);align-items:start;gap:18px;display:grid}.game-panel{border-radius:28px;padding:10px;position:relative;overflow:hidden}.game-panel:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#95fff01a,#0000 24% 70%,#ff9e7a14);position:absolute;inset:0}#game{aspect-ratio:16/10;background:#030610;border-radius:18px;width:100%;min-height:360px;overflow:hidden}#game canvas{width:100%;height:auto;display:block}.hud-panel{gap:14px;display:grid}.hud-block{border-radius:22px;padding:18px}.hud-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.stat-card{background:var(--bg-soft);border:1px solid #ffffff14;border-radius:20px;padding:16px}.stat-card strong,h2{margin-top:8px;font-size:1.3rem;display:block}.label{color:var(--muted)}#objective,.message-block p:last-child,.unlock-list{color:var(--muted);margin-top:10px;line-height:1.5}.stage-debug-meta{border-top:1px solid #ffffff14;gap:8px;margin-top:14px;padding-top:12px;display:grid}.stage-seed-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.stage-seed-row-compact{gap:10px}.stage-seed-value{max-width:100%;color:var(--text);font-family:var(--font-mono);letter-spacing:.04em;overflow-wrap:anywhere;background:#95fff01a;border:1px solid #95fff01f;border-radius:999px;padding:5px 10px;font-size:.76rem}.stage-pressure-value{background:#ffd38c1f;border-color:#ffd38c29}.unlock-list li+li{margin-top:6px}.evolution-block{gap:10px;display:grid}.evolution-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.evolution-header strong,.evolution-grid strong{color:var(--text);margin-top:5px;font-size:.98rem;display:block}.evolution-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.evolution-grid>div{background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;padding:8px 10px}.evolution-grid span,.mastery-row{color:var(--muted);font-family:var(--font-mono);font-size:.78rem}.mastery-summary{border-top:1px solid #ffffff14;gap:6px;padding-top:10px;display:grid}.mastery-row{color:var(--text);overflow-wrap:anywhere;font-weight:600;line-height:1.45}.message-block{background:linear-gradient(180deg, #95fff014, transparent), var(--bg-panel);min-height:144px}.dev-dock-hidden,.dev-dock.dev-dock-hidden,.dev-edge-zone.dev-dock-hidden{display:none}.dev-edge-zone{z-index:39;height:112px;position:fixed;bottom:0;left:0;right:0}.dev-dock{left:50%;bottom:max(20px, env(safe-area-inset-bottom));z-index:40;pointer-events:none;place-items:end center;gap:12px;display:grid;position:fixed;transform:translate(-50%)}.dev-edge-hint{color:var(--text);opacity:0;pointer-events:none;background:#141820eb;border:1px solid #ffffff14;border-bottom:0;border-radius:16px 16px 0 0;justify-items:center;gap:2px;padding:8px 12px 10px;transition:opacity .16s,transform .16s;display:none;transform:translateY(8px)}.dev-edge-hint-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:.74rem}.dev-edge-hint-copy{color:var(--muted);font-size:.85rem}.dev-popover,.dev-rail{pointer-events:auto}.dev-popover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#ff9e7a14,#0000 40%),#070c18eb;border:1px solid #95fff02e;border-radius:24px;width:min(360px,100vw - 72px);padding:16px;box-shadow:0 28px 70px #0006}.dev-popover[hidden],.dev-menu-panel{display:none}.dev-menu-panel-active{display:block}.dev-panel-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dev-panel-title{letter-spacing:-.03em;margin:8px 0 0;font-size:1.35rem}.dev-pill-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.dev-pill,.dev-pill-button{color:var(--text);font-family:var(--font-mono);letter-spacing:.04em;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;padding:9px 12px;font-size:.82rem}.dev-pill-button{appearance:none;cursor:pointer;transition:background .12s,border-color .12s,transform .12s}.dev-pill-button:hover{background:#95fff01a;border-color:#95fff047;transform:translateY(-1px)}.dev-copy{color:var(--muted);margin-top:12px;line-height:1.5}.dev-status{color:var(--text);font-family:var(--font-mono);background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;margin-top:12px;padding:10px 12px;font-size:.88rem}.dev-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.dev-actions-single{grid-template-columns:1fr}.dev-actions-three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.dev-actions button{appearance:none;color:var(--text);font:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #95fff038;border-radius:14px;padding:11px 12px;font-size:.95rem;transition:background .12s,transform .12s,border-color .12s}.dev-actions button:hover{background:#95fff01a;border-color:#95fff073;transform:translateY(-1px)}.dev-actions button:active{transform:translateY(0)}.dev-actions button[data-active=true]{color:#fff;background:#95fff029;border-color:#95fff0a6}.dev-reference-list{color:var(--muted);gap:8px;margin-top:10px;line-height:1.45;display:grid}.dev-reference-list li{gap:2px;display:grid}.dev-reference-list-compact{border-top:1px solid #ffffff14;margin-top:16px;padding-top:14px}.dev-reference-list strong{color:var(--text);font-size:.95rem}.dev-reference-list span{color:var(--muted)}.dev-rail{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#141820e6;border:1px solid #ffffff1a;border-radius:999px;align-items:stretch;transition:transform .18s,box-shadow .18s;display:inline-flex;overflow:hidden;transform:translateY(calc(100% - 18px));box-shadow:0 16px 32px #00000059}.dev-dock.hover-reveal .dev-rail,.dev-dock[data-open=true] .dev-rail,.dev-dock:focus-within .dev-rail{transform:translateY(0);box-shadow:0 20px 36px #00000061}.dev-rail-button{min-width:82px;min-height:82px;color:var(--text);cursor:pointer;background:0 0;border:0;border-right:1px solid #ffffff14;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 18px 9px;transition:background .12s,color .12s;display:flex;position:relative}.dev-rail-icon{justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.dev-rail-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:inherit;opacity:.82;font-size:.68rem;line-height:1}.dev-rail-icon svg{fill:currentColor;width:100%;height:100%;display:block}.dev-rail-button:last-child{border-right:0}.dev-rail-button:hover,.dev-rail-button:focus-visible,.dev-rail-button[data-active=true]{color:var(--accent);background:#ffffff1a;outline:0}.dev-rail-button[data-active=true]{box-shadow:inset 0 -3px #95fff0a6}.dev-rail-button:before,.dev-rail-button:after{opacity:0;pointer-events:none;transition:opacity .12s,transform .12s;position:absolute;left:50%;transform:translate(-50%,4px)}.dev-rail-button:before{content:attr(data-tooltip);color:#fff;font-family:var(--font-display);letter-spacing:0;white-space:nowrap;background:#141820f5;border:1px solid #ffffff1a;border-radius:12px;padding:8px 10px;font-size:.92rem;bottom:calc(100% + 14px)}.dev-rail-button:after{content:"";background:#141820f5;border-bottom:1px solid #ffffff1a;border-right:1px solid #ffffff1a;width:12px;height:12px;bottom:calc(100% + 7px);transform:translate(-50%,4px)rotate(45deg)}.dev-rail-button:hover:before,.dev-rail-button:hover:after,.dev-rail-button:focus-visible:before,.dev-rail-button:focus-visible:after,.dev-rail-button[data-active=true]:before,.dev-rail-button[data-active=true]:after{opacity:1;transform:translate(-50%)}@media (width<=1080px){.layout{grid-template-columns:1fr}.hud-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.message-block{grid-column:1/-1}}@media (width<=720px){.shell{padding:14px}.shell-dev{padding-bottom:144px}.shell-dev .layout{margin-bottom:96px}.topbar{flex-direction:column}.controls-card{max-width:none}.hud-panel,.hud-grid{grid-template-columns:1fr}.dev-dock{left:50%;right:auto;bottom:max(12px, env(safe-area-inset-bottom));justify-items:center}.dev-edge-zone{height:104px}.dev-popover{width:min(100%,420px)}.dev-actions,.dev-actions-three-up{grid-template-columns:1fr}.dev-rail{justify-content:center;width:100%}.dev-rail-button{flex:1 1 0;gap:5px;min-width:0;min-height:78px}.dev-actions{grid-template-columns:1fr}}