.machine{color:#f4f2ee;width:100%;height:100%;font-family:var(--font-inter,system-ui, sans-serif);--bg:#0d0d0d;--white:#f4f2ee;--amber:#f4f2ee;--muted:#81848b;--line:#f4f1ea1f;background:#0d0d0d;position:relative;overflow:hidden}.machine-theme{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--white:#f4f1ea;--amber:#e2dfd5;--muted:#81848b;--line:#f4f1ea1c}.machine,.machine *{box-sizing:border-box}.machine button,.machine a{-webkit-tap-highlight-color:transparent}.machine button{font:inherit;color:inherit;cursor:pointer}.machine button:focus-visible,.machine a:focus-visible{outline:2px solid var(--amber);outline-offset:5px}.machine #scene{touch-action:none;outline:none;position:absolute;inset:0}.machine #scene canvas{width:100%;height:100%;display:block}.vignette{pointer-events:none;background:radial-gradient(at 50% 48%,#0000 30%,#0000001f 64%,#000000a6 100%);position:absolute;inset:0}.topbar{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:28px 32px auto}.identity{align-items:center;gap:13px;display:flex}.mark{width:30px;height:30px;color:var(--amber);background:#1c1b14;border:1px solid #55502f;border-radius:9px;place-items:center;display:grid}.identity strong{letter-spacing:-.2px;font-size:13px;font-weight:550;display:block}.identity small{letter-spacing:1.55px;color:#73777f;text-transform:uppercase;margin-top:5px;font-size:9px;display:block}.status{letter-spacing:.1px;color:#a6a79f;align-items:center;gap:8px;font-size:10px;display:flex}.status i{background:var(--amber);border-radius:50%;width:5px;height:5px;box-shadow:0 0 10px #e2dfd560}.status.paused i{box-shadow:none;background:#777}.status span:last-child{font-variant-numeric:tabular-nums;color:#646971;margin-left:12px}.scene-heading{pointer-events:none;letter-spacing:1.8px;color:#959790;text-transform:uppercase;align-items:center;gap:12px;font-size:9px;display:flex;position:absolute;top:110px;left:24%;right:24%}.scene-heading:before{content:"";background:var(--amber);width:22px;height:1px}.scene-heading .index{color:#4e535b;letter-spacing:1px;margin-left:auto;font-size:9px}.coordinates{color:#52575f;writing-mode:vertical-rl;letter-spacing:1.5px;pointer-events:none;font:9px ui-monospace,Menlo,SFMono-Regular,monospace;position:absolute;top:150px;right:33px}.controls{z-index:5;flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;bottom:79px;left:26px;right:26px}.mode-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#191c20de;border:1px solid #ffffff13;border-radius:12px;align-items:center;gap:3px;padding:5px;display:flex;box-shadow:0 8px 30px #0003,inset 0 1px #ffffff03}.machine .mode-bar button{color:#a2a4a8;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:11px 15px;font-size:11px;font-weight:500;transition:background .2s,color .2s;display:flex}.mode-bar button:hover{color:var(--white);background:#ffffff08}.mode-bar button[aria-pressed=true]{background:var(--amber);color:#211c0d;box-shadow:0 2px 12px #e2dfd512}.machine svg{flex-shrink:0;display:block}.machine .mode-bar svg{flex-shrink:0;width:14px;max-width:14px;height:14px;max-height:14px;width:14px!important;height:14px!important}.camera-row{justify-content:center;align-items:center;gap:4px;display:flex}.camera-row .caption{letter-spacing:1.4px;color:#555b65;margin-right:9px;font-size:9px}.machine .camera-row button{color:#6e747e;background:0 0;border:0;padding:5px 9px;font-size:10px;transition:color .2s}.camera-row button:hover,.camera-row button[aria-pressed=true]{color:var(--white)}.camera-row button[aria-pressed=true]:after{content:"";background:var(--amber);border-radius:50%;width:3px;height:3px;margin:5px auto -8px;display:block}.camera-row .divider{background:var(--line);width:1px;height:13px;margin:0 8px}.camera-row #play{place-items:center;width:25px;height:25px;padding:5px;display:grid}.footer{pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:25px;left:32px;right:32px}.wordmark{letter-spacing:-.1px;color:#6d7178;pointer-events:auto;font-size:11px;text-decoration:none}.wordmark span{color:#a1a49f}.hint{color:#636972;align-items:center;gap:7px;font-size:10px;display:flex}.machine .hint svg{color:#8c8f91}.footer-center{letter-spacing:1.5px;color:#3f454d;font:9px ui-monospace,Menlo,SFMono-Regular,monospace;position:absolute;left:50%;transform:translate(-50%)}.machine #labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.station-label{opacity:0;will-change:transform;pointer-events:none;min-width:138px;transition:opacity .3s;position:absolute;top:0;left:0}.station-label.visible{opacity:1}.station-label .stem{background:linear-gradient(#e2dfd500,#e2dfd570);width:1px;height:26px;margin:0 0 0 10px}.station-label .label-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14171bee;border:1px solid #e2dfd540;border-radius:6px;padding:10px 13px;box-shadow:0 4px 20px #0003}.station-label .label-title{white-space:nowrap;align-items:center;gap:10px;font-size:12px;font-weight:550;display:flex}.station-label .label-title span{color:var(--amber);font:9px ui-monospace,Menlo,monospace}.station-label .label-meta{color:#8e939c;white-space:nowrap;margin:6px 0 0 24px;font-size:9px}.machine #tooltip{pointer-events:none;z-index:10;opacity:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#171a20ed;border:1px solid #ffffff1a;border-radius:7px;max-width:240px;padding:11px 14px;transition:opacity .15s;position:absolute;box-shadow:0 8px 32px #0005}.machine #tooltip.visible{opacity:1}.machine #tooltip strong{font-size:12px;font-weight:550}.machine #tooltip strong span{color:var(--amber);margin-right:8px;font-size:10px}.machine #tooltip p{color:#9b9fa7;margin:6px 0 0;font-size:10px;line-height:1.5}.machine #journey{opacity:0;pointer-events:none;align-items:center;gap:13px;transition:all .4s;display:flex;position:absolute;top:148px;left:24%;right:24%;transform:translateY(-5px)}.machine #journey.visible{opacity:1;transform:none}.journey-icon{width:28px;height:28px;color:var(--amber);border:1px solid #e2dfd540;border-radius:50%;place-items:center;display:grid}.machine #journey strong{font-size:11px;font-weight:500}.machine #journey small{color:#7e858d;margin-top:4px;font-size:9px;display:block}.machine #journey .track{background:#ffffff0b;flex:1;height:2px;margin-left:8px}.machine #journey .track i{background:var(--amber);width:0;height:100%;display:block}.machine #loading{color:#8c8f95;z-index:20;align-items:center;gap:12px;font-size:11px;transition:opacity .4s;display:flex;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.machine #loading i{border:1px solid #e2dfd522;border-top-color:var(--amber);border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.machine #loading.done{opacity:0;pointer-events:none}.machine #error{background:#191b1f;border:1px solid #e2dfd530;border-radius:12px;padding:24px;font-size:13px;line-height:1.7;display:none;position:absolute;top:40%;left:27.5%;right:27.5%}.machine #error strong{color:var(--amber);font-weight:500}.machine #error p{color:#9da1a8;margin:8px 0 0}.machine #error button{background:#25292e;border:1px solid #fff2;border-radius:5px;margin-top:14px;padding:8px 14px}.embed .debug-ui{display:none!important}.embed .vignette{background:radial-gradient(at 71% 48%,#0000 30%,#0000001a 65%,#0000008c)}.embed .footer{justify-content:flex-end}.embed .wordmark{opacity:.65}@media (min-width:901px){.embed #loading{left:71%}.embed #error{left:48%;right:7%}}@media (min-width:1600px){.topbar{inset:38px 46px auto}.scene-heading{top:142px}.controls{gap:20px;bottom:100px}.machine .mode-bar button{padding:13px 20px;font-size:12px}.machine .camera-row button{padding:5px 12px;font-size:11px}.footer{bottom:35px;left:46px;right:46px}#journey{top:182px}.coordinates{top:185px;right:47px}}@media (max-width:900px){.topbar{inset:24px 22px auto}.identity strong{font-size:12px}.identity small{letter-spacing:1.1px;font-size:8px}.status{font-size:9px}.status span:last-child{display:none}.scene-heading{letter-spacing:1.3px;font-size:8px;top:105px;left:22px;right:22px}.coordinates{display:none}.controls{gap:18px;bottom:84px;left:12px;right:12px}.mode-bar{border-radius:10px;gap:1px;padding:4px}.machine .mode-bar button{gap:6px;padding:11px 10px;font-size:10px}.machine .mode-bar svg{flex-shrink:0;width:12px;max-width:14px;height:12px;max-height:14px;width:14px!important;height:14px!important}.camera-row{gap:0}.camera-row .caption{margin-right:6px;font-size:8px}.machine .camera-row button{padding:5px 8px;font-size:9px}.camera-row .divider{margin:0 5px}.footer{align-items:flex-end;bottom:25px;left:22px;right:22px}.hint{max-width:175px;font-size:9px;line-height:1.6}.footer-center{display:none}.vignette{background:radial-gradient(at 50% 47%,#0000 20%,#00000080 100%)}#loading{left:50%}#error{top:35%;left:7%;right:7%}#journey{top:143px;left:24px;right:24px}.station-label{min-width:100px}.station-label .label-card{padding:7px 9px}.station-label .label-title{gap:7px;font-size:10px}.station-label .label-meta{margin-left:0;font-size:8px}.station-label .stem{height:17px}.embed .vignette{background:radial-gradient(#0000 30%,#00000060 100%)}}@media (max-width:360px){.machine .mode-bar button{padding:10px 7px}.machine .mode-bar svg{flex-shrink:0;max-width:14px;max-height:14px;display:none;width:14px!important;height:14px!important}.camera-row .caption,.status{display:none}}@media (max-height:570px){.topbar{top:16px}.scene-heading{top:70px}.controls{gap:8px;bottom:50px}.footer{bottom:14px}#journey{top:96px}.machine .mode-bar button{padding-top:8px;padding-bottom:8px}}@media (prefers-reduced-motion:reduce){.machine *{transition:none!important}#loading i{animation:none}}