:root{--void: #0a0b0b;--graphite: #16181a;--graphite-light: #1e2225;--stone-dark: #23282c;--stone: #2d3338;--stone-light: #3a4248;--stone-high: #48525a;--off-white: #d9d6cd;--muted: #7e847f;--hairline: rgba(217, 214, 205, .14);--hairline-strong: rgba(217, 214, 205, .28);--accent: #c3f53c;--amber: #e2a03c;--red: #d1452f;--mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;--display: "Helvetica Neue", Helvetica, Arial, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%}#app[data-route=game]{height:100dvh;overflow:hidden}body{margin:0;background:var(--void);color:var(--off-white);font-family:var(--mono);font-size:14px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{min-height:100%}button{font:inherit;color:inherit;border-radius:0;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}noscript{display:block;padding:24px;font-size:11px;letter-spacing:.14em;color:var(--muted)}.screen{position:relative}@keyframes screen-drop{0%{opacity:0;transform:translateY(-10px)}}@keyframes screen-rise{0%{opacity:0;transform:translateY(8px)}}.screen--game{animation:screen-drop .22s cubic-bezier(.22,.61,.36,1) both}.screen--landing{animation:screen-rise .18s ease-out both}@media (prefers-reduced-motion: reduce){.screen--game,.screen--landing{animation:none}}.ghost-btn{background:transparent;border:1px solid var(--hairline);color:var(--muted);font-size:10px;letter-spacing:.16em;padding:6px 10px;transition:color .12s linear,border-color .12s linear}.ghost-btn:hover{color:var(--off-white);border-color:var(--hairline-strong)}.screen--landing{--rail-width: clamp(64px, 16vw, 200px);min-height:100dvh}.rail{position:fixed;top:0;right:0;bottom:0;width:var(--rail-width);border-left:1px solid var(--hairline);background:var(--void);pointer-events:none;z-index:1}.rail__canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.rail__gauge{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:2px;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));background:#0a0b0bd1;border-top:1px solid var(--hairline)}.gauge__label{font-size:8px;letter-spacing:.22em;color:var(--muted)}.gauge__depth{font-size:15px;letter-spacing:.06em;color:var(--off-white)}.gauge__band{font-size:8px;letter-spacing:.18em;color:var(--accent)}.landing__flow{position:relative;z-index:0;padding:clamp(16px,2.6vw,40px);padding-right:calc(var(--rail-width) + clamp(20px,4vw,56px))}.landing__mark{display:flex;align-items:center;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--hairline)}.band{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;min-height:86vh;border-bottom:1px solid var(--hairline)}.band:last-child{border-bottom:0}.band--opening{gap:0;min-height:calc(100dvh - 80px)}.band__index{font-family:var(--display);font-weight:800;font-size:clamp(1.6rem,5vw,3rem);line-height:1;letter-spacing:-.02em;color:var(--off-white)}.band__line{margin:0;font-size:clamp(.75rem,1.6vw,.95rem);letter-spacing:.12em;color:var(--muted)}.band__stat{font-size:9px;letter-spacing:.2em;color:var(--stone-high);padding:5px 10px;border:1px solid var(--hairline)}.band:last-child .band__index{color:var(--accent)}.scroll-hint{margin-top:clamp(24px,5vh,48px);font-size:9px;letter-spacing:.3em;color:var(--stone-high);transition:opacity .2s linear}.scroll-hint:after{content:" ▼"}.scroll-hint[data-gone="1"]{opacity:0}@media (max-width: 720px){.screen--landing{--rail-width: 56px}.landing__flow{padding-right:calc(var(--rail-width) + 20px)}.rail__gauge{padding:6px}.gauge__depth{font-size:12px}}.mark__word{font-family:var(--display);font-weight:800;font-size:15px;letter-spacing:.34em}.mark__meta{flex:1;font-size:10px;letter-spacing:.18em;color:var(--muted)}.headline{margin:0 0 clamp(20px,3vh,32px);font-family:var(--display);font-weight:800;font-size:clamp(2.1rem,7.2vw,5rem);line-height:.92;letter-spacing:-.035em;text-transform:uppercase}.headline__line{display:block}.headline__line:last-child{color:var(--muted)}.brief{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 clamp(24px,4vh,40px);padding:0;list-style:none}.brief__item{position:relative;padding-left:14px;font-size:11px;letter-spacing:.16em;color:var(--muted)}.brief__item:before{content:"";position:absolute;left:0;top:5px;width:6px;height:1px;background:var(--accent)}.start-btn{display:inline-flex;align-items:center;gap:18px;padding:16px 22px;min-height:56px;background:var(--accent);border:1px solid var(--accent);color:var(--void);font-size:13px;font-weight:700;letter-spacing:.22em;transition:background .12s linear,color .12s linear}.start-btn:hover{background:transparent;color:var(--accent)}.start-btn__glyph{font-size:11px}.spec{display:grid;grid-template-columns:90px minmax(0,1fr);gap:0;margin:clamp(28px,5vh,48px) 0 0;max-width:420px;border-top:1px solid var(--hairline)}.spec__key,.spec__value{margin:0;padding:8px 0;font-size:10px;letter-spacing:.16em;border-bottom:1px solid var(--hairline)}.spec__key{color:var(--muted)}.screen--game{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;overflow:hidden;touch-action:none}.gamebar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px clamp(12px,3vw,20px);border-bottom:1px solid var(--hairline)}.gamebar__mark{font-family:var(--display);font-weight:800;font-size:12px;letter-spacing:.32em}.gamebar__target{flex:1;font-size:9px;letter-spacing:.2em;color:var(--muted)}.gamebar__market{font-size:9px;letter-spacing:.16em;color:var(--muted);padding:4px 8px;border:1px solid var(--hairline)}.gamebar__market[data-stale="1"]{color:var(--stone-high);border-color:transparent}@media (max-width: 720px){.gamebar__market{display:none}}.audio{display:flex;align-items:center;gap:8px}.audio__mute{background:transparent;border:1px solid var(--hairline);color:var(--muted);font-size:9px;letter-spacing:.16em;padding:5px 8px}.audio[data-muted="1"] .audio__mute{color:var(--amber);border-color:var(--amber)}.audio__meter{display:flex;gap:2px}.audio__step{width:7px;height:14px;padding:0;background:#d9d6cd24;border:0}.audio__step[data-on="1"]{background:var(--muted)}.audio:not([data-muted="1"]) .audio__step[data-on="1"]{background:var(--off-white)}@media (max-width: 560px){.audio__mute{font-size:8px;padding:5px 6px}.audio__meter{display:none}}.gamebar__abort{background:transparent;border:1px solid var(--hairline);color:var(--muted);font-size:10px;letter-spacing:.18em;padding:6px 12px}.gamebar__abort:hover{color:var(--red);border-color:var(--red)}.stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;background:var(--void)}.stage__canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges;background:var(--void)}.hud{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:10px clamp(10px,2vw,18px);pointer-events:none}.hud__row{display:flex;gap:12px}.hud__row--top{align-items:flex-start;justify-content:space-between}.hud__row--bottom{align-items:center;justify-content:space-between;flex-wrap:wrap}.hud__cluster{display:flex;flex-direction:column;gap:8px;min-width:0}.hud__cluster--centre{text-align:center}.hud__cluster--right{flex-direction:row;gap:14px;text-align:right}.readout{display:flex;flex-direction:column;gap:2px}.readout__label{font-size:9px;letter-spacing:.2em;color:var(--muted)}.readout__value{font-size:13px;letter-spacing:.08em;color:var(--off-white)}.readout--core{align-items:center;gap:3px}.signal__line{display:flex;align-items:baseline;gap:8px}.readout--core .readout__value{color:var(--accent);font-size:11px;letter-spacing:.16em}.signal__direction{font-size:9px;letter-spacing:.18em;color:var(--muted)}.signal__bar{display:flex;gap:2px;padding:2px;border:1px solid transparent}.signal__bar[data-ping="1"]{border-color:var(--accent)}.signal__seg{width:8px;height:4px;background:#d9d6cd24}.signal__seg[data-on="1"]{background:var(--muted)}.signal__bar[data-level="4"] .signal__seg[data-on="1"],.signal__bar[data-level="5"] .signal__seg[data-on="1"]{background:var(--accent)}.hud__power{position:absolute;right:clamp(10px,2vw,18px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.meter{position:relative;width:6px;height:clamp(72px,18vh,140px);border:1px solid var(--hairline-strong);background:#0a0b0b99}.meter__fill{position:absolute;left:0;right:0;bottom:0;height:55%;background:var(--accent)}.hud__status{font-size:9px;letter-spacing:.22em;color:var(--muted);border:1px solid var(--hairline);background:#0a0b0bb8;padding:5px 10px}.hud__status[data-alert="1"]{color:var(--red);border-color:var(--red)}.gauge{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;min-width:108px;text-align:left}.gauge__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.gauge__value{font-size:13px;letter-spacing:.06em;color:var(--off-white)}.gauge__status{font-size:8px;letter-spacing:.2em;color:var(--muted)}.bar{position:relative;height:4px;border:1px solid var(--hairline-strong);background:#0a0b0b99}.bar__fill{position:absolute;inset:0 auto 0 0;width:0%;background:var(--off-white)}.gauge[data-level=warn] .bar__fill,.gauge[data-level=warn] .gauge__value{background:var(--amber);color:var(--amber)}.gauge[data-level=warn] .gauge__value{background:transparent}.gauge[data-level=warn] .gauge__status{color:var(--amber)}.gauge[data-level=bad] .bar__fill{background:var(--red)}.gauge[data-level=bad] .gauge__value,.gauge[data-level=bad] .gauge__status{color:var(--red)}.hud__terrain{font-size:9px;letter-spacing:.2em;color:var(--off-white);border:1px solid var(--hairline-strong);background:#0a0b0bb8;padding:5px 10px}.hud__terrain[data-terrain="2"]{color:var(--muted)}.hud__terrain[data-terrain="3"]{color:var(--amber);border-color:var(--amber)}.hud__terrain[data-terrain="4"]{color:var(--void);background:var(--off-white);border-color:var(--off-white)}.hud__seed{font-size:9px;letter-spacing:.18em;color:var(--stone-high);padding:5px 0}.hud__ground{display:flex;align-items:center;gap:8px;min-width:0}.hud__fault{font-size:9px;letter-spacing:.2em;padding:5px 10px;border:1px solid var(--hairline-strong);background:#0a0b0bb8;color:var(--muted)}.hud__fault[data-state="1"]{color:var(--off-white)}.hud__fault[data-state="2"]{color:var(--void);background:var(--accent);border-color:var(--accent)}.hud__fault[data-state="3"]{color:var(--red);border-color:var(--red)}.result{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,40px);background:#0a0b0be0}.result__panel{width:min(640px,100%);max-height:100%;overflow-y:auto;padding:clamp(18px,4vw,28px);border:1px solid var(--hairline-strong);background:var(--void)}.result__body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(16px,3vw,28px);align-items:start;margin-bottom:clamp(18px,3vh,26px)}.result__trace{margin:0;display:flex;flex-direction:column;gap:6px}.result__map{display:block;width:210px;height:350px;border:1px solid var(--hairline);background:var(--void)}.result__caption{font-size:8px;letter-spacing:.22em;color:var(--muted)}@media (max-width: 620px){.result__body{grid-template-columns:minmax(0,1fr)}.result__trace{align-items:center}}.result__tag{font-size:9px;letter-spacing:.24em;color:var(--muted)}.result__headline{margin:6px 0 clamp(18px,3vh,26px);font-family:var(--display);font-weight:800;font-size:clamp(1.6rem,6vw,2.4rem);line-height:1;letter-spacing:-.02em;text-transform:uppercase;color:var(--red)}.result[data-outcome=success] .result__headline{color:var(--accent)}.result__metrics{margin:0;border-top:1px solid var(--hairline)}.result__row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid var(--hairline)}.result__key{font-size:9px;letter-spacing:.2em;color:var(--muted)}.result__value{margin:0;font-size:13px;letter-spacing:.08em;color:var(--off-white)}.result__actions{display:flex;flex-wrap:wrap;gap:8px}.result__actions .start-btn{flex:1 1 150px;justify-content:space-between;min-height:48px;padding:12px 16px;letter-spacing:.18em}.result__actions .ghost-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 14px}.btn__hint{font-size:9px;letter-spacing:.16em;opacity:.7}.veil{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#0a0b0bd1}.veil__title{font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:.26em}.veil__note{font-size:10px;letter-spacing:.2em;color:var(--muted)}.debug{position:absolute;left:clamp(10px,2vw,18px);top:74px;max-width:210px;padding:8px 10px;border:1px solid var(--hairline-strong);background:#0a0b0be0;pointer-events:none}.debug__title{font-size:9px;letter-spacing:.2em;color:var(--accent);margin-bottom:6px}.debug__body{margin:0;font-family:var(--mono);font-size:10px;line-height:1.5;color:var(--off-white);white-space:pre}.debug__map{display:block;margin-top:8px;border:1px solid var(--hairline-strong);image-rendering:pixelated}.debug__notes{margin-top:6px;font-size:9px;line-height:1.5;letter-spacing:.1em;color:var(--amber);white-space:pre-line}.touch{display:none;grid-template-columns:1fr 1fr;grid-template-areas:"steer power" "hold  hold";gap:8px;padding:10px clamp(8px,3vw,18px) calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--hairline)}.touch__cluster{display:flex;gap:8px}.touch__cluster--steer{grid-area:steer}.touch__cluster--power{grid-area:power}.touch__cluster--hold{grid-area:hold}.touch__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;min-width:56px;min-height:66px;padding:8px 10px;background:var(--graphite);border:1px solid var(--hairline-strong);color:var(--off-white);touch-action:none;user-select:none;-webkit-user-select:none}.touch__cluster--hold .touch__btn{min-height:54px;flex-direction:row;gap:10px}.touch__btn.is-pressed{background:var(--graphite-light);border-color:var(--accent);color:var(--accent)}.touch__glyph{font-size:14px;line-height:1}.touch__label{font-size:9px;letter-spacing:.16em;color:var(--muted)}.touch__btn.is-pressed .touch__label{color:var(--accent)}@media (pointer: coarse),(max-width: 760px){.touch{display:grid}.hud__power{top:auto;bottom:44px;transform:none}.meter{height:clamp(56px,12vh,96px)}}@media (max-width: 560px){.hud{padding:8px 10px}.hud__row--top,.hud__cluster--right{gap:8px}.gauge{min-width:74px}.gauge__value,.readout__value{font-size:12px}.readout--core .readout__value{font-size:10px}.signal__seg{width:6px}.hud__cluster .readout:nth-child(2),.hud__seed{display:none}.hud__row--bottom{gap:6px}.hud__terrain,.hud__fault,.hud__status{font-size:8px;padding:4px 7px;letter-spacing:.14em}}@media (prefers-reduced-motion: reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}