@font-face{font-family:O09 Interface;src:url(/assets/o09-interface-HLN1aOK7.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:500}:root{color:#d8e8e3;font-synthesis:none;--cyan:#72d3d0;--cyan-soft:#b5f0e9;--amber:#d89943;--amber-soft:#f1c278;--ink:#050b0c;--panel:#051011f0;--line:#73d3cc52;--muted:#89a09b;--layer-shell:0;--layer-content:10;--layer-effects:20;--layer-controls:30;--layer-modal:100;background:#030606;font-family:O09 Interface,Microsoft YaHei UI,Noto Sans SC,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:radial-gradient(circle at 50% 45%,#18201d 0,#080c0b 40%,#020404 100%);overflow:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--amber-soft);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.art-layer{position:relative}.art-layer>img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.art-button,.art-link{cursor:pointer;filter:drop-shadow(0 7px 9px #00000094);background:0 0;border:0;min-width:44px;min-height:44px;padding:0;display:block;position:relative}.art-button>img,.art-link>img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.art-button:disabled{cursor:not-allowed}.art-link:hover{filter:brightness(1.18)drop-shadow(0 7px 9px #000)}.art-dynamic-value{color:var(--cyan-soft);text-shadow:0 0 8px #4ed5cf;place-items:center;display:grid;position:absolute;inset:0}.art-icon{object-fit:contain;filter:drop-shadow(0 2px 5px #000);width:28px;height:28px}.art-heading{min-width:0;min-height:40px;margin:0;position:relative}.art-heading>img{object-fit:contain;object-position:left center;filter:brightness(1.25)drop-shadow(0 4px 7px #000);width:100%;height:100%;display:block}.art-label{min-width:0;min-height:1px;display:block;position:relative}.art-label>img{object-fit:contain;object-position:center;filter:brightness(1.12)drop-shadow(0 3px 6px #000);width:100%;height:100%;display:block}.screen-code{color:var(--amber-soft);letter-spacing:.16em;font:700 clamp(12px,.78vw,15px)/1 Consolas,monospace}.status-lamp{background:var(--cyan);width:8px;height:8px;box-shadow:0 0 10px var(--cyan);border-radius:50%;display:inline-block}.status-lamp.state-idle,.status-lamp.state-offline{background:var(--amber);box-shadow:0 0 10px var(--amber)}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@font-face{font-family:O09 Circuit;src:url(/assets/o09-circuit-BZ82jf8q.woff2)format("woff2");font-display:swap;font-weight:100 900}.screen-content-opening,.screen-content-tutorial,.relay-dialog,.relay-portal,.entry-notice,.art-recovery{font-family:O09 Circuit,sans-serif}.tutorial-copy{width:100%;height:auto;min-height:0;margin:0;display:block;position:relative}.tutorial-copy>img{object-fit:contain;filter:none;width:100%;height:auto;display:block}.art-button>.art-state-feedback{clip-path:inset(22% 17% 25%);opacity:0;position:absolute;inset:0}.art-button[data-art-state=hover]>.art-state-feedback{opacity:1;filter:brightness(1.35)}.art-button[data-art-state=pressed]>.art-state-feedback{opacity:1;filter:brightness(.66)}.art-button[data-art-state=active]>.art-state-feedback{opacity:1;filter:brightness(1.55)saturate(1.3)}.art-button[data-art-state=disabled]>.art-state-feedback{opacity:1;filter:brightness(.42)saturate(.2)}.upright-key{container-type:size}.upright-key>img,.upright-key>.art-state-feedback{aspect-ratio:64/19;width:min(100cqw,336.842cqh);height:auto;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.upright-key>.art-state-feedback{clip-path:polygon(8% 14%,92% 14%,95% 24%,95% 75%,92% 86%,8% 86%,5% 75%,5% 24%)}.flow-panel-wrap{background:#020505;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden;container-type:size}.flow-panel-bg{object-fit:cover;opacity:.35;width:100%;height:100%;position:absolute;inset:0}.flow-panel{aspect-ratio:3/2;width:min(94cqw,145cqh)}.flow-panel-grid{grid-template-rows:22% 1fr 31%;gap:6%;display:grid;position:absolute;inset:27% 13% 22%}.flow-panel-header{flex-direction:column;justify-content:center;align-items:center;gap:4%;min-height:0;display:flex}.flow-panel-kicker{width:auto;height:3.4%;position:absolute;top:19%;left:14%}.flow-panel-kicker>img{width:auto;height:100%}.flow-panel-title{width:90%}.v02-briefing-panel .flow-panel-body .tutorial-copy{align-self:center;width:92%}.v02-briefing-panel .flow-key{animation:1.9s ease-in-out infinite response-choice-pulse}.v03-briefing-panel .flow-panel-header{transform:translateY(5cqh)}.flow-panel-body{flex-direction:column;justify-content:center;gap:4%;min-height:0;display:flex}.flow-panel-actions{justify-content:center;align-items:center;min-height:0;display:flex}.flow-key{aspect-ratio:64/19;width:54%;max-width:60%;height:100%;min-height:44px}.flow-key.is-primary{filter:drop-shadow(0 0 6px #57c6c333)}.tutorial-strip{aspect-ratio:7;background:url(/assets/tut-strip-7rK1t_aU.webp) 50%/100% 100% no-repeat;justify-content:center;align-items:center;padding:2% 6%;display:flex}.response-window,.stage-notice{pointer-events:none;width:72%;position:absolute;bottom:3%;left:14%}.response-window .tutorial-copy{width:92%}.stage-notice .tutorial-copy{width:100%}.o09-replay{z-index:5;cursor:pointer;background:0 0;border:0;border-radius:50%;width:44px;height:44px;padding:0;position:absolute;top:18%;right:13%}.o09-replay img{object-fit:contain;width:100%;height:100%;display:block}.o09-replay:disabled{opacity:.4;cursor:default}.o09-replay:not(:disabled):hover{filter:brightness(1.2)}.o09-replay:focus-visible{outline-offset:3px;outline:2px solid #9ff6ec}.stage-notice .o09-replay{pointer-events:auto;top:50%;right:2%;transform:translateY(-50%)}.stage-notice .tutorial-copy{width:82%;margin-right:auto}.sent-response{z-index:2;color:#c1e2de;text-shadow:0 1px 3px #000;gap:3%;width:84%;font-size:clamp(12px,1vw,18px);line-height:1.35;position:absolute;top:3%;left:8%}.sent-response p{text-wrap:pretty;margin:0}.cinematic-overlays>.sent-response{aspect-ratio:auto;pointer-events:none;width:72%;min-height:10%;padding:1.2% 5%;font-size:max(12px,1.9cqw);top:8%;bottom:auto;left:14%}.sent-response-label{color:#7cbab4;white-space:nowrap;flex-shrink:0;width:14%;font-size:.9em}.station-control-rail.rail-tutorial .command-button{aspect-ratio:176/126;width:10.1%;min-width:0;max-width:none;top:50%;left:31.35%}.rail-tutorial .rail-option>.art-state-feedback{clip-path:polygon(29% 20%,83% 20%,67% 83%,13% 83%)}.rail-tutorial .rail-option:nth-of-type(2)>.art-state-feedback{clip-path:polygon(13% 20%,67% 20%,83% 83%,29% 83%)}.station-control-rail.rail-tutorial .command-button:nth-of-type(2){left:68.7%}.station-control-rail.rail-tutorial .command-button:active{transform:translate(-50%,-50%)}.rail-tutorial .rail-option{animation:1.9s ease-in-out infinite response-choice-pulse}.rail-tutorial .rail-option:hover,.rail-tutorial .rail-option:focus-visible,.rail-tutorial .rail-option:active{filter:brightness(1.5)saturate(1.2)drop-shadow(0 0 13px #68e7debf);animation:none}@keyframes response-choice-pulse{0%,to{filter:brightness(1.12)drop-shadow(0 0 4px #68e7de47)}50%{filter:brightness(1.6)saturate(1.28)drop-shadow(0 0 16px #68e7ded9)}}@media (prefers-reduced-motion:reduce){.rail-tutorial .rail-option{filter:brightness(1.38)drop-shadow(0 0 10px #68e7dea6);animation:none}}.reduce-motion .rail-tutorial .rail-option{filter:brightness(1.38)drop-shadow(0 0 10px #68e7dea6);animation:none}.guide-hint{z-index:31;pointer-events:none;position:absolute}.guide-hint-relay{width:20%;padding:0 1.2%;top:69.7%;left:72.5%}.guide-hint .tutorial-copy{width:100%}.guide-hint-relay:before{content:"";background:#72d3d0;width:1px;height:14%;position:absolute;bottom:100%;left:50%}.cinematic-stage{container-type:size}.cinematic-overlays{pointer-events:none;position:absolute;inset:0}.cinematic-media-coordinates{width:max(100cqw,calc(100cqh * var(--media-ratio)));aspect-ratio:var(--media-ratio);pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cinematic-overlays button{pointer-events:auto}.hotspot-label{width:75%;height:auto;position:absolute;top:50%;left:45%;transform:translateY(-50%)}.hotspot-button:focus-visible{outline-offset:5px}.skip-segment{aspect-ratio:64/19;width:17%;min-height:44px;position:absolute;top:2%;right:2%}.cinematic-error{z-index:4;background:#02050599;place-items:center;display:grid;position:absolute;inset:0}.cinematic-error-panel{aspect-ratio:3/2;width:80%}.cinematic-error-content{flex-direction:column;justify-content:center;align-items:center;gap:8%;display:flex;position:absolute;inset:22% 12%}.cinematic-error-content .flow-key{width:62%}.art-recovery{z-index:150;color:#bcded9;background:#0c1b1d;border:1px solid #568f8b;padding:12px 20px;position:fixed;bottom:3%;left:50%;transform:translate(-50%)}.art-recovery button{color:inherit;cursor:pointer;background:#1b3334;border:1px solid #72d3d0;margin-left:20px;padding:7px 12px}@media (prefers-reduced-motion:reduce){.hotspot-frame,.relay-qr-dock,.relay-qr-dock>.art-icon,.transmit-art .art-icon,.transmit-progress span{animation:none!important}}.art-button[data-art^=tut-][data-art-state=active]:after{content:"";pointer-events:none;background:#acffef;width:4%;height:2%;position:absolute;bottom:26%;left:48%;box-shadow:0 0 7px #72d3d0}.art-button.upright-key[data-art-state=active]:after{display:none}.system-notice,.loading-notice{font-family:O09 Circuit,sans-serif}.flow-panel-body>.tutorial-copy>img{object-fit:contain;height:100%;max-height:100%}.scene-control-heading.tutorial-strip{flex:none;width:82%;height:auto;margin:1% 0 0;padding:0 9%}.entry-notice{background:#030909;place-items:center;display:grid;position:fixed;inset:0}.entry-panel{aspect-ratio:3/2;width:min(92vw,660px,130vh)}.entry-panel>div{flex-direction:column;justify-content:center;gap:12%;display:flex;position:absolute;inset:25% 13% 29%}.small-window-notice{display:none}@media (width<=1023px),(height<=549px){.desktop-viewport{visibility:hidden}.small-window-notice{display:block}}.entry-loading>.tutorial-copy{width:min(70vw,380px)}