@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,ol{margin:0}ul,ol{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:0;margin-top:8px;font-size:3rem;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}.touch-controls{z-index:12;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:14px;display:none;position:absolute;bottom:18px;left:18px;right:18px}.touch-cluster{pointer-events:auto;flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.touch-actions{justify-content:flex-end;max-width:min(430px,54%)}.touch-button{appearance:none;min-width:56px;min-height:56px;color:var(--text);font-family:var(--font-mono);letter-spacing:.04em;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#050816b8;border:1px solid #95fff052;border-radius:999px;font-size:1rem;font-weight:700;transition:transform 80ms,background 80ms,border-color 80ms;box-shadow:0 10px 28px #00000052}.touch-button-action{text-transform:uppercase;border-radius:18px;min-width:68px;min-height:50px;font-size:.72rem}.touch-button[data-active=true],.touch-button:active{background:#ff9e7a3d;border-color:#ff9e7ac7;transform:translateY(2px)scale(.96)}.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}.saga-block{background:linear-gradient(135deg, #95fff01f, transparent 42%), linear-gradient(180deg, #ff9e7a14, transparent), var(--bg-panel);gap:8px;display:grid}#campaign-title{font-size:1.28rem;line-height:1.08;display:block}#chapter-title{color:var(--text);font-weight:700;line-height:1.2}#chapter-tagline{color:var(--muted);line-height:1.4}.journey-list{grid-template-columns:repeat(5,minmax(42px,1fr));gap:6px;margin-top:8px;display:grid}.journey-list li{min-width:0;color:var(--muted);text-align:center;font-family:var(--font-mono);background:#ffffff0b;border:1px solid #ffffff1a;border-radius:14px;font-size:.68rem;line-height:1.1;transition:transform .12s,border-color .12s,background .12s}.journey-button{border-radius:inherit;appearance:none;width:100%;min-height:70px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-content:center;justify-items:center;gap:5px;padding:8px 5px;display:grid}.journey-button:focus-visible{outline-offset:2px;outline:2px solid #95fff0b8}.journey-list li:hover,.journey-list li:focus-within{background:#95fff01a;border-color:#95fff073;transform:translateY(-1px)}.journey-button span:last-child{overflow-wrap:anywhere;max-width:100%}.journey-index{width:24px;height:24px;color:var(--text);background:#ffffff14;border-radius:999px;place-items:center;font-weight:700;display:inline-grid}.journey-list li[data-status=cleared]{color:#d7fffa;background:#95fff01a;border-color:#95fff057}.journey-list li[data-status=cleared] .journey-index{color:#fff;background:#95fff033}.journey-list li[data-status=active]{color:#ffe7dc;background:#ff9e7a21;border-color:#ff9e7a8f}.journey-list li[data-status=active] .journey-index{color:#fff;background:#ff9e7a47}.journey-list li[data-status=locked]{opacity:.72}.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))}.saga-block,.message-block{grid-column:1/-1}}@media (hover:none),(pointer:coarse),(width<=820px){body{overscroll-behavior:none}.game-panel,#game,#game canvas{touch-action:none}.touch-controls{display:flex}.keyboard-controls-card{display:none}}@media (width>=900px) and (width<=1180px) and (orientation:landscape){.layout{grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr)}.hud-panel{grid-template-columns:1fr}}@media (width<=720px){.shell{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}.shell-dev{padding-bottom:144px}.shell-dev .layout{margin-bottom:96px}.topbar{flex-direction:column;gap:8px;margin-bottom:10px}h1{font-size:2rem;line-height:1}.keyboard-controls-card{display:none}.layout{gap:10px}.game-panel{top:max(6px, env(safe-area-inset-top));z-index:18;border-radius:18px;padding:6px;position:sticky}#game{border-radius:14px;min-height:0}.hud-panel,.hud-grid{grid-template-columns:1fr}.hud-panel{gap:10px}.hud-block,.stat-card{border-radius:16px;padding:14px}.journey-list{grid-template-columns:repeat(5,minmax(48px,1fr));gap:5px}.journey-button{min-height:58px;padding:7px 4px}.touch-controls{gap:10px;bottom:10px;left:10px;right:10px}.touch-cluster{gap:6px}.touch-actions{max-width:52%}.touch-button{min-width:48px;min-height:48px;font-size:.9rem}.touch-button-action{border-radius:15px;min-width:54px;min-height:44px;font-size:.62rem}.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}}@media (height<=520px) and (orientation:landscape){.shell{height:100svh;min-height:0;padding:max(6px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));overflow:hidden}.topbar{display:none}.layout{grid-template-columns:minmax(0,1fr) minmax(220px,.38fr);align-items:stretch;gap:8px;height:calc(100svh - 12px)}.game-panel{border-radius:18px;height:100%;min-height:0;padding:6px;position:relative;top:auto}#game{aspect-ratio:auto;height:100%;min-height:0}#game canvas{object-fit:contain;height:100%}.hud-panel{scrollbar-width:thin;grid-template-columns:1fr;gap:8px;max-height:100%;overflow:auto}.hud-block,.stat-card{border-radius:14px;padding:10px}.hud-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.message-block{min-height:96px}.touch-controls{display:flex;bottom:12px;left:12px;right:12px}.touch-button{min-width:46px;min-height:46px}.touch-button-action{min-width:56px;min-height:42px}}