:root{color-scheme:dark;--film-ink: var(--ff-text, #eef4f7);--film-muted: var(--ff-muted, #9db0bc);--film-panel: rgba(8, 14, 20, .62);--film-line: var(--ff-line, rgba(255, 255, 255, .12));--film-cyan: var(--ff-accent, #56e0ff);--film-green: var(--ff-ok, #3dff9a);--film-amber: var(--ff-warn, #ffd166);--film-font: var(--ff-font, "Inter", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif);--film-mono: var(--ff-mono, "JetBrains Mono", ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace)}*{box-sizing:border-box}html,body{margin:0;background:#05080b;color:var(--film-ink);font-family:var(--film-font)}html.film-page,html.film-page body{height:100%;overflow:hidden}.film-root{position:relative;width:100vw;height:100vh;display:flex;align-items:flex-start;justify-content:center}.film-root.film-recording{align-items:flex-start;justify-content:flex-start}.film-stage{position:relative;flex:none;transform-origin:top center;overflow:hidden;background:#000}.film-recording .film-stage{transform-origin:top left}.film-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.film-loading{position:absolute;inset:0;display:grid;place-items:center;font:500 28px var(--film-font);color:var(--film-muted);letter-spacing:.02em}.film-overlay{position:absolute;inset:0;pointer-events:none}.film-callouts{position:absolute;inset:0;width:100%;height:100%}.film-top{position:absolute;left:0;right:0;top:0;height:104px;padding:26px 40px 0;display:flex;align-items:flex-start;gap:28px;background:linear-gradient(to bottom,#03070bc7,#03070b00)}.film-brand{display:flex;align-items:center;gap:16px;margin-right:auto}.film-logo{width:40px;height:40px;border-radius:12px;background:radial-gradient(circle at 30% 30%,#9dfff0,#1fa7a0 55%,#0b3f45);box-shadow:0 0 24px #56e0ff73}.film-kicker{font:600 13px var(--film-font);letter-spacing:.18em;color:var(--film-cyan)}.film-mission{font:650 30px var(--film-font);letter-spacing:-.01em;margin-top:2px;text-shadow:0 2px 12px rgba(0,0,0,.5)}.film-stats{display:flex;gap:10px}.film-stat{position:relative;min-width:118px;padding:10px 14px 11px;border-radius:12px;background:var(--film-panel);border:1px solid var(--film-line);backdrop-filter:blur(6px);display:flex;flex-direction:column;gap:3px}.film-stat-label{font:600 11px var(--film-font);letter-spacing:.16em;color:var(--film-muted)}.film-stat-value{font:600 22px var(--film-mono);font-variant-numeric:tabular-nums}.film-battery-bar{position:absolute;left:14px;right:14px;bottom:6px;height:3px;border-radius:2px;background:#ffffff1f;overflow:hidden}.film-battery-bar:after{content:"";position:absolute;inset:0;width:var(--level, 100%);background:linear-gradient(90deg,#3dff9a,#9dfff0)}.film-badge{align-self:center;padding:8px 14px;border-radius:999px;font:650 12px var(--film-font);letter-spacing:.16em;color:#061016;background:var(--film-amber)}.film-card{position:absolute;left:40px;bottom:170px;max-width:760px;padding:20px 26px 22px 24px;border-radius:16px;background:#060b10b8;border:1px solid var(--film-line);backdrop-filter:blur(8px);display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:center;opacity:0}.film-card-index{grid-row:span 2;width:54px;height:54px;border-radius:14px;display:grid;place-items:center;font:700 22px var(--film-mono);color:#061016}.film-card-title{font:700 34px var(--film-font);letter-spacing:-.015em}.film-card-text{font:500 19px var(--film-font);color:#c9d6de;margin-top:2px}.film-side{position:absolute;right:40px;top:120px;width:380px;display:flex;flex-direction:column;gap:12px}.film-map{position:relative;height:380px;border-radius:16px;overflow:hidden;border:1px solid var(--film-line);box-shadow:0 12px 40px #00000073;background:#13211a}.film-map-canvas{width:100%;height:100%;display:block}.film-map-label{position:absolute;left:12px;top:10px;font:650 11px var(--film-font);letter-spacing:.18em;color:#fffc;text-shadow:0 1px 4px rgba(0,0,0,.8)}.film-log{display:flex;flex-direction:column;gap:6px}.film-log-row{display:grid;grid-template-columns:52px 1fr;gap:8px;padding:8px 12px;border-radius:10px;background:var(--film-panel);border:1px solid var(--film-line);font:500 14px var(--film-font);color:#dbe6ec}.film-log-row.tone-action{border-left:3px solid var(--film-green)}.film-log-row.tone-warn{border-left:3px solid var(--film-amber)}.film-log-time{font:600 13px var(--film-mono);color:var(--film-muted)}.film-rail{position:absolute;left:0;right:0;bottom:0;height:150px;padding:0 40px 28px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;background:linear-gradient(to top,#03070bf0,#03070bdb 62%,#03070b00)}.film-phase{font:700 15px var(--film-font);letter-spacing:.2em}.film-steps{display:grid;grid-template-columns:repeat(9,1fr);gap:8px}.film-step{position:relative;display:flex;align-items:center;gap:8px;padding-top:12px;border-top:3px solid rgba(255,255,255,.14);font:600 14px var(--film-font);color:#ffffffa8}.film-step.done{border-top-color:#3dff9ab3;color:#ffffffd6}.film-step.active{border-top-color:var(--film-cyan);color:#fff}.film-step-dot{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.8}.film-autonomy{font:500 13px var(--film-font);color:var(--film-muted);letter-spacing:.04em}.film-intro{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1100px;text-align:center;opacity:0;text-shadow:0 4px 30px rgba(0,0,0,.7)}.film-intro:before{content:"";position:absolute;left:50%;top:50%;width:1700px;height:900px;transform:translate(-50%,-50%);z-index:-1;background:radial-gradient(closest-side,#03070b9e,#03070b00)}.film-intro-kicker{font:650 16px var(--film-font);letter-spacing:.22em;color:var(--film-cyan);text-transform:uppercase}.film-intro-title{font:750 84px var(--film-font);letter-spacing:-.03em;margin:12px 0 18px}.film-intro-text{font:500 24px/1.45 var(--film-font);color:#d7e3ea}.film-is-intro .film-card,.film-is-intro .film-side{opacity:0}.film-end{position:absolute;left:50%;top:50%;width:1080px;padding:44px 52px 40px;border-radius:24px;background:#050a0fd1;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);box-shadow:0 30px 80px #0000008c;opacity:0;transform:translate(-50%,-50%)}.film-end-kicker{font:650 15px var(--film-font);letter-spacing:.22em;color:var(--film-muted)}.film-end-outcome{font:780 64px var(--film-font);letter-spacing:-.025em;margin:6px 0 26px;color:var(--film-green)}.film-end-outcome.outcome-not_found,.film-end-outcome.outcome-incomplete,.film-end-outcome.outcome-aborted{color:var(--film-amber)}.film-end-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.film-end-metric{padding:18px 20px;border-radius:14px;background:#ffffff0d;border:1px solid var(--film-line)}.film-end-value{font:650 40px var(--film-mono);font-variant-numeric:tabular-nums}.film-end-label{font:550 15px var(--film-font);color:var(--film-muted);margin-top:2px}.film-end-foot{margin-top:22px;font:500 16px var(--film-font);color:#c9d6de}.film-end-sig{margin-top:8px;font:500 14px var(--film-font);color:var(--film-muted)}.film-controls{position:fixed;left:0;right:0;bottom:0;height:64px;padding:0 20px;display:flex;align-items:center;gap:16px;background:#070b0f;border-top:1px solid var(--film-line);font:500 14px var(--film-font)}.film-play{min-width:84px;height:40px;border-radius:10px;border:1px solid var(--film-line);background:#10202a;color:var(--film-ink);font:600 14px var(--film-font);cursor:pointer}.film-scrub{flex:1;height:28px;accent-color:var(--film-cyan)}.film-play:focus-visible,.film-scrub:focus-visible,.film-picker a:focus-visible,.film-link:focus-visible,.film-select:focus-visible{outline:2px solid var(--film-cyan);outline-offset:2px}.film-tiny .film-overlay,.film-caption{display:none}.film-tiny .film-caption{display:block;position:fixed;left:16px;right:16px;bottom:80px;margin:0;text-align:center;font:650 15px var(--film-font);letter-spacing:.08em;color:var(--film-ink)}.film-picker{display:flex;gap:6px}.film-picker a,.film-link{color:var(--film-muted);text-decoration:none;padding:7px 10px;border-radius:8px;border:1px solid transparent}.film-picker a[aria-current=true]{color:var(--film-ink);border-color:var(--film-line);background:#10202a}.film-picker a:hover,.film-link:hover{color:var(--film-ink)}.film-select{display:none;max-width:40vw;padding:7px 8px;border-radius:8px;border:1px solid var(--film-line);background:#10202a;color:var(--film-ink);font:500 14px var(--film-font)}.film-link{white-space:nowrap}.film-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:900px){.film-picker{display:none}.film-select{display:block}}@media(max-width:640px){.film-controls{gap:10px;padding:0 12px}.film-play{min-width:64px}.film-scrub{min-width:0}.film-select{max-width:32vw}.film-link{padding:7px 4px}.film-link:not(:last-child){display:none}}@media(max-width:640px)and (orientation:portrait){.film-root:not(.film-embed):not(.film-recording):after{content:"Turn your phone sideways for a bigger picture";position:fixed;left:0;right:0;bottom:112px;text-align:center;font:500 13px var(--film-font);color:var(--film-muted)}}.film-root.film-embed{width:100%;height:100%;display:block;overflow:hidden;background:#05080b}.film-embed .film-stage{position:absolute;left:50%;top:50%;transform-origin:center}