:root{color:#e7e0c6;font-synthesis:none;text-rendering:optimizelegibility;background:#101613;font-family:Courier New,Courier,monospace}*{box-sizing:border-box}html,body,#app{width:100%;height:100%}body{min-width:320px;margin:0;overflow:hidden}.app-shell{background:#101613;height:100dvh;position:relative}.game-host,.game-viewport{position:absolute;inset:0}.game-host{--ui-scale:1;--vignette-strength:.6;--safe-top:max(.75rem, env(safe-area-inset-top));--safe-right:max(.75rem, env(safe-area-inset-right));--safe-bottom:max(.75rem, env(safe-area-inset-bottom));--safe-left:max(.75rem, env(safe-area-inset-left))}.game-viewport canvas{width:100%;height:100%;display:block}.runtime-message{background:#101613f0;border:2px solid #6f765c;width:min(36rem,100% - 2rem);padding:clamp(1.5rem,5vw,3rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #101613,0 0 0 8px #343e33}.eyebrow{color:#a8b18c;letter-spacing:.12em;text-transform:uppercase;margin:0 0 1rem;font-size:.8rem}h1{text-transform:uppercase;margin:0;font-size:clamp(1.8rem,7vw,4rem);line-height:1}.runtime-message p:last-child{margin-bottom:0;line-height:1.6}.start-screen{z-index:7;background:#101613f5;border:2px solid #a8b18c;gap:1rem;width:min(58rem,100% - 2rem);max-height:calc(100dvh - 2rem);padding:clamp(1.25rem,4vw,2.5rem);display:grid;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #101613,0 0 0 8px #343e33}.start-screen h1{font-size:clamp(1.8rem,5vw,3.8rem)}.start-screen__intro{color:#cbd2ae;max-width:48rem;margin:0;line-height:1.5}.locomotive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.locomotive-card{color:#f3edcf;min-height:11rem;font:inherit;text-align:left;cursor:pointer;background:#283228;border:1px solid #6f765c;gap:.55rem;padding:1.1rem;display:grid}.locomotive-card:hover,.locomotive-card:focus-visible{outline-offset:2px;background:#3b4938;border-color:#d6b35a;outline:2px solid #e7e0c6}.locomotive-card__type,.locomotive-card small,.control-briefing span{color:#a8b18c;text-transform:uppercase;font-size:.72rem;line-height:1.4}.locomotive-card strong{text-transform:uppercase;font-size:1.25rem}.control-briefing{background:#283228a6;border-left:2px solid #d6b35a;gap:.3rem;padding:.85rem;display:grid}.journey-controls{justify-items:start;gap:.55rem;display:grid}.save-notice{color:#d8c78a;max-width:48rem;margin:0;font-size:.78rem;line-height:1.45}.load-progress{color:#a8b18c;letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.78rem}.diagnostics-overlay{top:var(--safe-top);right:var(--safe-right);color:#cbd2ae;max-width:min(52rem,100% - 1.5rem);font-size:calc(.7rem * var(--ui-scale));letter-spacing:.04em;text-transform:uppercase;background:#101613d1;border:1px solid #a8b18c8c;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;padding:.5rem .7rem;display:flex;position:absolute}.station-cue{top:max(4.25rem, calc(env(safe-area-inset-top) + 4.25rem));color:#e6d9b2;letter-spacing:.035em;text-align:center;text-transform:uppercase;pointer-events:none;background:#101613db;border-top:2px solid #d6b35a;gap:.18rem;width:min(31rem,100% - 2rem);padding:.58rem .8rem;font-size:.72rem;display:grid;position:absolute;left:50%;transform:translate(-50%)}.station-cue span,.station-cue small{color:#a8b18c;font-size:.62rem}.station-cue[data-station-phase=exploring]{border-top-color:#8fc47f}.controls-help{bottom:var(--safe-bottom);left:var(--safe-left);color:#cbd2ae;max-width:min(24rem,100% - 1.5rem);font-size:calc(.68rem * var(--ui-scale));letter-spacing:.03em;text-transform:uppercase;pointer-events:none;background:#101613d1;border-left:2px solid #a8b18c8c;gap:.2rem;padding:.55rem .7rem;line-height:1.25;display:grid;position:absolute}.pause-overlay{text-align:center;z-index:5;pointer-events:auto;background:#101613eb;border:2px solid #a8b18c;width:min(34rem,100% - 2rem);max-height:calc(100dvh - 1.5rem);padding:1.5rem;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.pause-overlay h1{font-size:clamp(2rem,10vw,5rem)}.pause-overlay p:last-child{margin-bottom:0}.settings-grid{text-align:left;grid-template-columns:1fr 1fr;gap:.8rem 1rem;margin:1.25rem 0;display:grid}.settings-grid label{color:#cbd2ae;text-transform:uppercase;gap:.35rem;font-size:.72rem;display:grid}.settings-grid input[type=range],.settings-grid select{accent-color:#a8b18c;width:100%}.settings-grid select{color:#f3edcf;background:#283228;border:1px solid #6f765c;min-height:2rem}.settings-grid .checkbox-setting{grid-template-columns:auto 1fr;align-items:center}.control-panel-hint{z-index:2;color:#f3edcf;letter-spacing:.04em;text-transform:uppercase;pointer-events:none;background:#101613d1;border:1px solid #cbd2aeb3;padding:.35rem .75rem;font:600 .75rem/1.2 Courier New,Courier,monospace;position:absolute;top:1.25rem;left:50%;transform:translate(-50%)}.interaction-reticle{z-index:1;pointer-events:none;border:1px solid #e7e0c6bf;border-radius:50%;width:.55rem;height:.55rem;transition:width .15s,height .15s,border-color .15s,background-color .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.interaction-reticle--active{background:#d6b35a40;border-color:#d6b35a;width:.85rem;height:.85rem}.comfort-vignette{z-index:1;box-shadow:inset 0 0 calc(16vmin * var(--vignette-strength) + 6vmin) calc(9vmin * var(--vignette-strength)) #050907cc;pointer-events:none;position:absolute;inset:0}.settings-section{text-align:left;border-top:1px solid #a8b18c59;margin:1.25rem 0}.settings-section h2,.key-bindings h2{color:#a8b18c;letter-spacing:.12em;text-transform:uppercase;margin:.85rem 0 0;font-size:.72rem}.settings-grid input[type=range]:disabled{opacity:.45}.key-bindings{text-align:left;border-top:1px solid #a8b18c59}.key-binding-list{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.4rem .8rem;margin:.9rem 0;padding:0;list-style:none;display:grid}.key-binding-list li{grid-template-columns:1fr auto;align-items:center;gap:.5rem;display:grid}.key-binding-label{color:#cbd2ae;text-transform:uppercase;font-size:.68rem}.key-binding-button{color:#f3edcf;text-transform:uppercase;cursor:pointer;background:#283228;border:1px solid #6f765c;min-width:4.5rem;min-height:1.9rem;padding:.25rem .45rem;font:700 .66rem/1 Courier New,Courier,monospace}.key-binding-button[data-capturing=true]{color:#ffd45a;border-color:#d6b35a}.key-binding-notice{color:#a8b18c;text-align:left;min-height:1.1rem;margin:0 0 .75rem;font-size:.66rem}.pause-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.sound-captions{bottom:calc(var(--safe-bottom) + 5.5rem);z-index:4;color:#f3edcf;width:min(34rem,100% - 2rem);font-size:calc(.7rem * var(--ui-scale));text-align:center;pointer-events:none;background:#101613db;border-left:2px solid #d6b35a;gap:.2rem;padding:.5rem .7rem;line-height:1.3;display:grid;position:absolute;left:50%;transform:translate(-50%)}.sound-captions p{margin:0}.orientation-notice{display:none}@media (hover:none) and (pointer:coarse) and (orientation:portrait){.orientation-notice{bottom:calc(var(--safe-bottom) + .5rem);z-index:4;color:#e6d9b2;width:min(20rem,100% - 3rem);font-size:calc(.72rem * var(--ui-scale));text-align:center;text-transform:uppercase;pointer-events:none;background:#101613e0;border:1px solid #d6b35ab3;margin:0;padding:.7rem .9rem;line-height:1.35;display:block;position:absolute;left:50%;transform:translate(-50%)}}.touch-controls{display:none}@media (hover:none) and (pointer:coarse){.touch-controls{--touch-control-bottom:max(calc(env(safe-area-inset-bottom) + 4rem), 12dvh);--touch-control-left:max(1.25rem, env(safe-area-inset-left));--touch-control-right:max(1rem, env(safe-area-inset-right));--touch-button-size:calc(3.25rem * var(--ui-scale,1));z-index:2;pointer-events:none;display:block;position:absolute;inset:0}.touch-controls--paused{z-index:6}.touch-controls--paused .touch-look-pad,.touch-controls--paused .touch-move-pad,.touch-controls--paused .touch-action-buttons button:not(:first-child){visibility:hidden;pointer-events:none}.touch-controls--paused .touch-action-buttons{right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));pointer-events:none;display:block}.touch-controls--paused .touch-action-buttons button:first-child{pointer-events:auto}.touch-look-pad{touch-action:none;pointer-events:auto;width:52vw;height:68vh;position:absolute;bottom:0;right:0}.touch-controls--left-handed .touch-look-pad{left:0;right:auto}.touch-controls--left-handed .touch-look-pad span{right:auto;left:var(--touch-control-left)}.touch-controls--left-handed .touch-move-pad{right:var(--touch-control-right);left:auto}.touch-controls--left-handed .touch-action-buttons,.touch-controls--left-handed.touch-controls--paused .touch-action-buttons{right:auto;left:var(--touch-control-left)}.touch-look-pad span{right:var(--touch-control-right);bottom:var(--touch-control-bottom);color:#cbd2ae8c;letter-spacing:.08em;text-transform:uppercase;font-size:.65rem;position:absolute}.touch-move-pad{bottom:var(--touch-control-bottom);left:var(--touch-control-left);width:calc(clamp(7rem, 26vw, 9.5rem) * var(--ui-scale,1));aspect-ratio:1;touch-action:none;pointer-events:auto;background:#1016136b;border:2px solid #cbd2ae85;border-radius:50%;position:absolute}.touch-move-knob{aspect-ratio:1;pointer-events:none;background:#59645cd1;border:1px solid #cbd2ae;border-radius:50%;width:32%;position:absolute;top:34%;left:34%}.touch-action-buttons{right:var(--touch-control-right);bottom:var(--touch-control-bottom);z-index:1;grid-template-columns:repeat(3, minmax(var(--touch-button-size), 1fr));align-items:end;gap:calc(.65rem * var(--ui-scale,1));pointer-events:auto;display:grid;position:absolute}.touch-action-buttons button{min-width:var(--touch-button-size);min-height:var(--touch-button-size);color:#f3edcf;font:700 calc(.66rem * var(--ui-scale,1)) / 1 "Courier New", Courier, monospace;text-transform:uppercase;touch-action:none;background:#283228c7;border:1px solid #cbd2aeb3;border-radius:50%;padding:.5rem;transition:opacity .15s}.touch-action-buttons button[aria-pressed=true]{background:#5a684ce0;border-color:#d6b35a}.touch-action-buttons button.touch-button--inactive{opacity:.45}}@media (hover:none) and (pointer:coarse) and (orientation:landscape){.touch-controls{--touch-control-bottom:max(calc(env(safe-area-inset-bottom) + 3rem), 12dvh);--touch-control-left:max(2rem, env(safe-area-inset-left));--touch-control-right:max(2rem, env(safe-area-inset-right))}}@media (width<=42rem){.diagnostics-overlay{left:max(.75rem, env(safe-area-inset-left));max-width:calc(100% - 1.5rem);right:auto}.controls-help{display:none}.locomotive-grid{grid-template-columns:1fr}}@media (width<=34rem){.settings-grid{grid-template-columns:1fr}.pause-overlay{max-height:calc(100dvh - 1rem);overflow:auto}}.diagnostics-indicator{background:#d6b35a;border-radius:50%;width:.55rem;height:.55rem}.diagnostics-overlay[data-runtime-status=ready] .diagnostics-indicator{background:#8fc47f}.diagnostics-overlay[data-runtime-status=error] .diagnostics-indicator{background:#dc796f}.xr-controls{z-index:3;right:max(.75rem, env(safe-area-inset-right));bottom:max(.75rem, env(safe-area-inset-bottom));justify-items:end;gap:.5rem;max-width:min(25rem,100% - 1.5rem);display:grid;position:absolute}.runtime-button{color:#f3edcf;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:#283228;border:1px solid #a8b18c;min-width:7.5rem;min-height:2.75rem;padding:.65rem 1rem;font:700 .85rem/1 Courier New,Courier,monospace}.runtime-button:hover:not(:disabled),.runtime-button:focus-visible{outline-offset:2px;background:#3b4938;outline:2px solid #e7e0c6}.runtime-button:disabled{cursor:wait;opacity:.7}.xr-fallback-note,.xr-error{color:#cbd2ae;text-align:right;background:#101613d1;margin:0;padding:.55rem .7rem;font-size:.7rem;line-height:1.35}.xr-error{color:#efaaa3;border:1px solid #dc796fa6}.onboarding-guide{top:max(4.25rem, calc(env(safe-area-inset-top) + 4.25rem));right:var(--safe-right);color:#e6d9b2;max-width:min(20rem,100% - 2rem);font-size:calc(.72rem * var(--ui-scale));letter-spacing:.03em;background:#101613e0;border-right:2px solid #7fb0c4;justify-items:start;gap:.3rem;padding:.6rem .75rem;line-height:1.3;display:grid;position:absolute}.onboarding-guide__step{color:#7fb0c4;font-size:calc(.6rem * var(--ui-scale));letter-spacing:.08em;text-transform:uppercase;margin:0}.onboarding-guide small{color:#a8b18c;font-size:calc(.64rem * var(--ui-scale))}.onboarding-guide .runtime-button{font-size:calc(.62rem * var(--ui-scale));margin-top:.15rem;padding:.25rem .55rem}.about-panel{justify-items:start;gap:.5rem;width:100%;margin-top:.75rem;display:grid}.about-body{color:#cbd2ae;max-height:16rem;font-size:calc(.7rem * var(--ui-scale));text-align:left;background:#101613d1;border-left:2px solid #a8b18c8c;gap:.45rem;padding:.7rem .85rem;line-height:1.45;display:grid;overflow-y:auto}.about-body h2,.about-body h3{color:#f3edcf;font-size:calc(.74rem * var(--ui-scale));letter-spacing:.06em;text-transform:uppercase;margin:0}.about-body p{margin:0}.about-body ul{gap:.25rem;margin:0;padding-left:1.1rem;display:grid}