:root{color-scheme:dark;--ink:#e5fbff;--muted:#83a7b4;--cyan:#57e4ef;--cyan-dim:#1b6574;--amber:#ffc66a;--amber-dim:#7b5429;--panel:rgba(4,17,25,.84);--line:rgba(116,224,230,.27);background:#06141c;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#06141c}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}#app{position:relative;isolation:isolate}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 46%,transparent 28%,rgba(1,7,13,.22) 70%,rgba(1,7,13,.82) 100%),linear-gradient(180deg,rgba(3,11,16,.55),transparent 20%,transparent 78%,rgba(2,7,12,.75))}.split-line{position:absolute;z-index:2;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(180deg,transparent,rgba(181,241,233,.65) 14%,rgba(181,241,233,.22) 78%,transparent);box-shadow:0 0 12px #55e5ea6b;pointer-events:none}.view-label{position:absolute;z-index:3;top:24px;display:grid;gap:3px;color:var(--muted);font:9px/1.1 ui-monospace,monospace;letter-spacing:.12em;pointer-events:none}.view-label b{font-size:9px;font-weight:500;letter-spacing:.13em}.view-label-left{left:25px;color:var(--cyan)}.view-label-right{right:25px;text-align:right;color:var(--amber)}.topbar{position:absolute;z-index:5;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:20px 25px;pointer-events:none}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);font:800 12px/1 ui-monospace,monospace;letter-spacing:.2em}.brand-mark{color:var(--cyan);font-size:20px}.brand small{margin-left:6px;color:var(--muted);font:9px ui-monospace,monospace;letter-spacing:.11em}.top-actions{display:flex;gap:7px;pointer-events:auto}.icon-button,.text-button{border:1px solid var(--line);background:#05141db8;color:var(--muted);font:10px ui-monospace,monospace;letter-spacing:.1em;padding:9px 11px}.icon-button:hover,.text-button:hover{border-color:var(--cyan);color:var(--cyan);background:#072f39cc}.status-card{position:absolute;z-index:4;left:25px;top:92px;width:min(342px,calc(100vw - 50px));padding:16px 18px;background:linear-gradient(135deg,#05141de6,#041018a1);border:1px solid rgba(87,228,239,.23);border-left:2px solid var(--cyan);box-shadow:0 18px 45px #00000038;backdrop-filter:blur(9px)}.eyebrow{display:flex;align-items:center;gap:7px;color:var(--cyan);font:10px ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}.signal-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.status-card h1{margin:9px 0 4px;font-size:22px;line-height:1.05;letter-spacing:-.03em}.status-card p{min-height:32px;margin:0 0 14px;color:var(--muted);font-size:12px;line-height:1.45}.meter-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.meter-block{min-width:0}.meter-label{display:flex;justify-content:space-between;color:var(--muted);font:9px ui-monospace,monospace;letter-spacing:.08em}.meter-label strong{color:var(--ink);font-weight:500}.meter-track{height:4px;margin-top:7px;background:#6da3b233;overflow:hidden}.meter-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#a84f38,var(--amber));box-shadow:0 0 10px var(--amber);transition:width .08s linear}.meter-track.charge i{background:linear-gradient(90deg,var(--cyan-dim),var(--cyan));box-shadow:0 0 10px var(--cyan)}.route-status{margin-top:14px;color:var(--muted);font:10px ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}.event-log{position:absolute;z-index:4;left:25px;bottom:28px;width:min(360px,calc(100vw - 50px));color:#acd5dda8;font:10px/1.6 ui-monospace,monospace;pointer-events:none}.event-log div+div{margin-top:2px}.status-chip{position:absolute;z-index:4;right:25px;top:91px;padding:8px 10px;border:1px solid var(--line);background:#05141dc7;color:var(--cyan);font:10px ui-monospace,monospace;letter-spacing:.12em}.status-chip[data-phase=failed]{color:var(--amber);border-color:#ffc66a80}.status-chip[data-phase=won]{color:var(--cyan);border-color:#57e4ef80}.gate-prompt{position:absolute;z-index:5;left:50%;bottom:108px;transform:translate(-50%);display:flex;align-items:center;gap:11px;min-width:190px;padding:10px 14px;background:#05141de6;border:1px solid rgba(255,198,106,.5);box-shadow:0 0 25px #ffc66a1f;font:10px ui-monospace,monospace;color:var(--muted)}.gate-prompt strong{color:var(--amber);font-weight:500}.gate-prompt i{position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--amber);box-shadow:0 0 10px var(--amber);transition:width .08s}.screen{position:absolute;z-index:20;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 50%,#04151d33,#01080ddb)}.screen[hidden],.help-card[hidden],.gate-prompt[hidden]{display:none}.screen-card{width:min(560px,100%);padding:37px;background:linear-gradient(145deg,#071d25f2,#030d14f5);border:1px solid rgba(87,228,239,.35);box-shadow:0 30px 100px #00000094,0 0 55px #187c8a1f}.intro-card{border-top:2px solid var(--cyan)}.screen-card h2{margin:17px 0 13px;font-size:clamp(30px,5vw,51px);line-height:1.02;letter-spacing:-.06em}.screen-card h2 em{color:var(--cyan);font-style:normal}.screen-card p{max-width:475px;margin:0 0 23px;color:var(--muted);font-size:14px;line-height:1.7}.legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 24px;color:var(--muted);font:10px ui-monospace,monospace}.legend b{color:var(--ink);font-weight:500}.primary-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 17px;border:1px solid var(--cyan);background:var(--cyan);color:#03151b;font:11px ui-monospace,monospace;letter-spacing:.12em;font-weight:600}.primary-button:hover{background:#a4fbff;box-shadow:0 0 30px #57e4ef4d}.primary-button span{font-size:19px;line-height:10px}.text-button{margin-top:14px;padding:8px 0;border:0;background:none}.compact-card{width:min(470px,100%)}.compact-card h2{font-size:37px}.end-stats{display:flex;gap:19px;margin:0 0 23px;color:var(--muted);font:10px ui-monospace,monospace;text-transform:uppercase}.end-stats b{display:block;margin-bottom:4px;color:var(--cyan);font-size:17px;font-weight:400}.identity-strip{display:flex;gap:9px;margin:0 0 22px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.identity-glyph{display:grid;place-items:center;width:37px;height:37px;color:#03151b;background:var(--cyan);font:700 18px ui-monospace,monospace;box-shadow:0 0 17px #57e4ef40}.identity-glyph.amber{color:#1b1203;background:var(--amber);box-shadow:0 0 17px #ffc66a40}.help-card{position:absolute;z-index:25;right:25px;bottom:28px;width:min(370px,calc(100vw - 50px));padding:21px;background:#04131bf5;border:1px solid var(--line)}.help-card h2{margin:11px 0 8px;font-size:22px}.help-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.toast{position:absolute;z-index:24;top:73px;left:50%;transform:translate(-50%);padding:10px 15px;background:#05141deb;border:1px solid var(--line);color:var(--ink);font-size:12px}.touch-rails{position:absolute;z-index:8;inset:auto 25px 23px;display:none;justify-content:space-between;align-items:end;pointer-events:none}.touch-rail{position:relative;display:grid;grid-template-columns:42px 122px 42px;align-items:center;gap:5px;padding:7px;background:#04131bb8;border:1px solid var(--line);pointer-events:auto}.rail-left{border-color:#57e4ef73}.rail-right{border-color:#ffc66a73}.rail-caption{position:absolute;left:9px;top:-18px;display:flex;gap:8px;color:var(--muted);font:8px ui-monospace,monospace;letter-spacing:.1em}.rail-caption b{font-weight:500}.rail-left .rail-caption b{color:var(--cyan)}.rail-right .rail-caption b{color:var(--amber)}.touch-rail button{width:42px;height:42px;padding:0;border:1px solid rgba(143,224,228,.36);background:#04151cd9;color:var(--cyan);font-size:18px}.rail-right button{color:var(--amber);border-color:#ffc66a66}.touch-rail button.pressed{background:#46ccd34d;border-color:var(--cyan)}.rail-right button.pressed{background:#ffb4454d;border-color:var(--amber)}.rail-track{height:4px;background:#7baeb73d;overflow:hidden}.rail-track i{display:block;width:50%;height:100%;background:var(--cyan);transition:transform .08s}.rail-right .rail-track i{background:var(--amber)}@media(pointer:coarse),(max-width:720px){.brand small{display:none}.topbar{padding:15px}.view-label{top:56px}.view-label-left{left:15px}.view-label-right{right:15px}.status-card{left:15px;top:105px;width:min(310px,calc(100vw - 30px));padding:13px}.status-card h1{font-size:18px}.status-card p{min-height:0;margin-bottom:11px;font-size:11px}.status-chip{left:15px;right:auto;top:73px;font-size:9px}.event-log{left:15px;bottom:155px;width:calc(100vw - 30px);font-size:9px}.gate-prompt{bottom:150px}.touch-rails{display:flex}.screen{padding:15px}.screen-card{padding:27px 22px}.identity-strip{gap:5px}.identity-glyph{width:31px;height:31px;font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.view-label{top:66px}.screen-card{max-height:calc(100dvh - 40px);overflow:auto;border-top-color:#57e4efb8}.end-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.help-card{max-height:calc(100dvh - 56px);overflow:auto}@media(pointer:coarse),(max-width:720px){.view-label{top:53px}.view-label-left{left:12px}.view-label-right{right:12px}.status-chip{top:80px;left:12px}.status-card{top:110px;left:12px;width:calc(100vw - 24px);padding:12px 13px}.status-card p{margin-bottom:9px;line-height:1.4}.route-status{margin-top:10px}.event-log{left:12px;width:calc(100vw - 24px);bottom:146px}.gate-prompt{bottom:82px;max-width:calc(100vw - 24px)}.touch-rails{inset:auto 10px 14px;gap:6px}.touch-rail{grid-template-columns:42px minmax(0,1fr) 42px;gap:3px;padding:5px}.touch-rail button{width:42px;height:42px}.rail-caption{left:7px;top:-16px;gap:5px;font-size:7px}.help-card{left:10px;right:10px;bottom:10px;width:auto;max-height:calc(100dvh - 20px);padding:19px}.screen{padding:14px}.screen-card{padding:25px 20px}.screen-card h2{font-size:38px}.screen-card p{margin-bottom:18px;font-size:13px;line-height:1.55}.legend{gap:7px 12px;margin-bottom:20px}.primary-button{min-height:48px}.identity-strip{justify-content:center}}.view-label i{margin-top:2px;color:var(--ink);font:8px ui-monospace,monospace;font-style:normal;letter-spacing:.08em;opacity:.82}.view-label-left i{color:var(--cyan)}.view-label-right i{color:var(--amber)}.act-route{display:flex;justify-content:space-between;gap:12px;margin:-3px 0 13px;padding-bottom:9px;border-bottom:1px solid var(--line);color:var(--cyan);font:9px ui-monospace,monospace;letter-spacing:.08em}.act-route b{color:var(--muted);font-weight:400;text-align:right}.axis-status{margin-top:12px;padding:7px 8px;border-left:2px solid var(--cyan);background:#57e4ef14;color:var(--cyan);font:9px ui-monospace,monospace;letter-spacing:.1em}.axis-status[data-mode=x]{border-color:var(--cyan);background:#57e4ef21}.axis-status[data-mode=z]{border-color:var(--amber);background:#ffc66a1c;color:var(--amber)}.route-map{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:0 0 22px}.route-map span{min-height:31px;display:grid;place-items:center;padding:4px 3px;border:1px solid var(--line);color:var(--muted);font:7px/1.25 ui-monospace,monospace;letter-spacing:.06em;text-align:center}.route-map span.active{border-color:var(--cyan);color:var(--ink);background:#57e4ef1f}.rail-caption em{margin-left:auto;color:var(--cyan);font:7px ui-monospace,monospace;font-style:normal;letter-spacing:.08em}.rail-right .rail-caption em{color:var(--amber)}.split-line{width:2px;background:linear-gradient(180deg,transparent,rgba(181,241,233,.86) 12%,rgba(181,241,233,.38) 78%,transparent);box-shadow:0 0 18px #55e5ea94}.screen-card h2{text-wrap:balance}.end-stats{letter-spacing:.06em}@media(pointer:coarse),(max-width:720px){.act-route{display:grid;gap:4px;margin-top:-2px}.act-route b{text-align:left}.route-map{gap:3px}.route-map span{min-height:28px;font-size:6px}.rail-caption em{display:none}.view-label i{font-size:7px}.split-line{width:1px}}@media(max-width:430px){.route-map span{min-height:25px;padding-inline:1px;letter-spacing:.02em}.axis-status{font-size:8px}}.view-label{top:58px}.status-chip{top:99px}@media(pointer:coarse),(max-width:720px){.view-label{top:48px}.status-chip{top:91px}.status-card{top:121px}}