:root{font-family:Inter,Helvetica Neue,Arial,Noto Sans JP,sans-serif;color:#f3f3e9;background:#b2c958;font-synthesis:none;color-scheme:dark;font-weight:400;font-size:14px;--panel:rgba(13,24,24,.94);--line:rgba(233,241,222,.16)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:#0d1818e0;transition:background .15s,color .15s}button:hover{background:#354540}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #dbe98d;outline-offset:4px}button:disabled{cursor:default;opacity:.5}[hidden]{display:none!important}#scene{position:fixed;inset:0;width:100%;height:100%;display:block}svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.4;fill:none}.interface{position:fixed;inset:0;pointer-events:none}.topbar,.bottom-bar{position:absolute;display:flex;align-items:center;justify-content:space-between;gap:20px;left:32px;right:32px}.topbar{top:max(28px,env(safe-area-inset-top))}.identity{display:flex;align-items:baseline;gap:20px;background:var(--panel);padding:16px 20px;border-radius:3px}.wordmark{font-size:24px;font-weight:750;letter-spacing:.19em}.mark{color:#d1df7e;margin-left:10px}.phase{font-size:11px;color:#bbc6b7;letter-spacing:.07em}.header-actions{display:flex;gap:8px;align-items:center;pointer-events:auto}.vehicle-label{letter-spacing:.15em;font-size:10px;padding:13px 16px;background:var(--panel);border-radius:3px}.icon-button{display:grid;place-items:center;width:43px;height:43px;font-size:24px;border-radius:3px}.bottom-bar{bottom:40px}.transport,.views,.journey{pointer-events:auto;background:var(--panel);border-radius:3px;display:flex;align-items:center;height:58px}.transport{padding:8px 17px 8px 8px;gap:16px;min-width:240px}.play-button{width:41px;height:41px;background:#d9e58a;color:#13231e;border:0;border-radius:2px;font-size:18px;letter-spacing:-3px;font-weight:700}.play-button:hover{background:#eef4b8}.speed{display:flex;align-items:baseline;gap:7px;min-width:72px;font-variant-numeric:tabular-nums}.speed strong{font-size:25px;font-weight:500}.speed span{font-size:10px;color:#b8c0ae}.divider{height:22px;width:1px;background:var(--line)}.live-status{font-size:11px;color:#d4deba;min-width:45px}.views{padding:6px;gap:3px}.views button{background:none;border:0;padding:12px 19px;border-radius:2px;color:#acb9ac;font-size:12px;white-space:nowrap}.views button[aria-pressed=true]{background:#f0f1df;color:#18241e}.views button:hover:not([aria-pressed=true]){background:#354540}.journey{padding:0 20px;gap:18px;font-size:10px;letter-spacing:.16em}.muted{color:#8e9e91}.build-note{position:absolute;bottom:10px;left:33px;color:#223626;font-size:10px;letter-spacing:.04em;margin:0;text-shadow:0 1px 2px #ffffff70}.restore-ui{position:fixed;right:24px;bottom:24px;padding:12px 17px;border-radius:3px;font-size:12px;opacity:.7}.restore-ui span{margin-left:14px;color:#cbdc86}dialog{position:fixed;margin:0 20px 0 auto;top:50%;transform:translateY(-50%);max-height:calc(100dvh - 40px);width:380px;max-width:calc(100vw - 32px);overflow:auto;background:#12201d;border:1px solid #425448;color:#e7eddd;border-radius:7px;padding:26px;box-shadow:0 20px 90px #0006}dialog::backdrop{background:#050e0d2e}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:10px;color:#bfce96;letter-spacing:.15em}.dialog-heading h1{font-size:21px;font-weight:500;margin:9px 0 0}.dialog-heading button{background:none;border:0}.dialog-intro{font-size:12px;color:#a7b5a6;margin:19px 0 30px}label{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:23px 0 12px}output{font-variant-numeric:tabular-nums;color:#dce995;font-size:12px}input[type=range]{width:100%;accent-color:#d7e48a;height:14px;margin:0}input[type=color]{width:100%;height:42px;padding:3px;border:1px solid #44564a;background:#1c2d25;border-radius:3px;cursor:pointer}select{width:100%;border:1px solid #44564a;background:#1c2d25;border-radius:3px;padding:10px 12px;color:#e2ead7}.settings-hint{font-size:10px;line-height:1.8;color:#91a38f;margin-top:12px}.scope-note{border-top:1px solid var(--line);margin-top:25px;padding-top:19px;font-size:11px;line-height:1.9;color:#aab8a4}.scope-note strong{font-size:11px;font-weight:500;color:#dce5cf}.scope-note p{margin:8px 0}.dialog-bottom{display:flex;gap:15px;flex-wrap:wrap;align-items:center;margin-top:20px}.dialog-bottom button{padding:9px 12px;font-size:11px}.dialog-bottom span{font-size:10px;color:#91a38f}#error-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:480px;max-width:90vw;background:#14211f;padding:35px;border-radius:6px}#error-panel h1{font-size:20px;font-weight:500}#error-message{line-height:1.9;overflow-wrap:anywhere;font-size:13px;color:#bdc9b7}#error-panel button{padding:11px 18px;margin-top:12px}@media(max-width:760px){.topbar,.bottom-bar{left:16px;right:16px;gap:10px}.topbar{top:max(16px,env(safe-area-inset-top))}.identity{padding:13px 15px}.wordmark{font-size:18px}.phase,.vehicle-label,.journey{display:none}.bottom-bar{bottom:35px;flex-wrap:wrap;justify-content:center}.transport{min-width:0;gap:12px;height:52px}.views{height:52px}.views button{padding:12px 13px}.build-note{left:17px;font-size:9px}.header-actions{gap:5px}.icon-button{width:38px;height:38px}dialog{margin-right:16px;padding:22px}.transport .divider{display:none}.live-status{font-size:10px}}@media(prefers-reduced-motion:reduce){button{transition:none}}