:root{--red: #ff2d1e;--ink: #f2f2f2;--dim: rgba(255, 255, 255, .55);--panel: rgba(8, 8, 10, .62);--line: rgba(255, 255, 255, .14);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#000;color:var(--ink);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}#app{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none;cursor:grab}#app:active{cursor:grabbing}canvas{display:block}button,select{font:inherit;color:var(--ink);background:#ffffff0f;border:1px solid var(--line);border-radius:8px;padding:6px 10px;cursor:pointer}button:hover,select:hover{background:#ffffff1f}button.on{border-color:#ff2d1eb3}select option{background:#111}.hide{display:none!important}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 70%,#5006028c,#000000eb 70%);z-index:20;padding:16px}.intro-card{max-width:620px;text-align:left}.kicker{letter-spacing:.18em;text-transform:uppercase;font-size:12px;color:var(--dim)}h1{font-size:clamp(40px,9vw,84px);line-height:.95;margin:12px 0 18px;font-weight:900;font-style:italic;letter-spacing:.04em}h1 span{color:var(--red);white-space:nowrap}.intro-card p{color:#ffffffc7;line-height:1.55;font-size:16px}.intro-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 18px}button.primary{background:var(--red);border-color:var(--red);font-weight:700;padding:12px 22px;font-size:16px}button.primary:hover{background:#ff4a3c}button.ghost{padding:12px 18px;font-size:16px}button:disabled{opacity:.4;cursor:wait}.hints{list-style:none;padding:0;margin:0;color:var(--dim);font-size:13px;line-height:1.9}.loading{margin-top:14px;font-size:13px;color:var(--dim)}.hints .disclaimer{margin-top:6px;font-size:12px;line-height:1.5;color:#ffffff6b}.caption{position:fixed;left:50%;top:22px;transform:translate(-50%);max-width:min(760px,calc(100vw - 32px));text-align:center;font-size:15px;letter-spacing:.02em;padding:8px 16px;border-radius:999px;background:var(--panel);border:1px solid var(--line);opacity:0;transition:opacity .6s;pointer-events:none;z-index:5}.caption.show{opacity:1}.hud{position:fixed;left:0;right:0;bottom:74px;display:flex;justify-content:space-between;padding:0 22px;pointer-events:none;z-index:4}.hud-left,.hud-right{display:flex;gap:10px}.gauge{position:relative;width:96px;height:96px;display:grid;place-items:center;text-align:center}.gauge svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(135deg)}.gauge circle{fill:#00000059;stroke-width:3}.gauge .track{stroke:#ffffff29;stroke-dasharray:207 300}.gauge .arc{fill:none;stroke:#fff;stroke-dasharray:0 300;stroke-linecap:round;transition:stroke-dasharray .15s}.g-label{position:absolute;top:25px;font-size:7.5px;letter-spacing:.12em;color:#ffffffbf}.g-value{font-size:25px;font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:.02em;margin-top:4px}.g-unit{position:absolute;bottom:24px;font-size:7.5px;letter-spacing:.12em;color:#ffffffbf}.gauge.attitude canvas{width:96px;height:96px;border-radius:50%;background:#00000059;border:1px solid rgba(255,255,255,.16)}.hud.off{display:none}.controls{position:fixed;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:14px;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:6}.controls button,.controls select{padding:6px 9px;font-size:13px}.timeline{position:relative;flex:1;min-width:80px}.timeline input{width:100%;accent-color:var(--red)}.chapters{position:absolute;left:0;right:0;top:-14px;height:12px;pointer-events:none}.chapters span{position:absolute;transform:translate(-50%);font-size:9.5px;color:var(--dim);white-space:nowrap}.chapters span:after{content:"";position:absolute;left:50%;top:13px;width:1px;height:8px;background:#fff6}.time{font-variant-numeric:tabular-nums;font-size:12px;color:var(--dim);min-width:36px}.look-hint{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 16px;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-size:14px;opacity:0;transition:opacity .8s;pointer-events:none;z-index:5}.look-hint.show{opacity:1}#vr-slot button{position:static!important;width:auto!important;padding:6px 10px!important;font-size:12px!important;border-radius:8px!important;background:#ffffff0f!important;opacity:1!important}.ref-pip{position:fixed;right:16px;top:70px;width:min(420px,40vw);aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#000;z-index:7;box-shadow:0 10px 40px #0009}.ref-pip iframe,.ref-pip #ref-player{width:100%;height:100%;pointer-events:none}.ref-label{position:absolute;left:8px;bottom:6px;font-size:11px;padding:2px 8px;border-radius:999px;background:#0009}@media (max-width: 760px){.ref-pip{width:46vw;top:56px;right:8px}.controls{flex-wrap:wrap;bottom:8px;left:8px;right:8px}.timeline{order:10;flex-basis:100%;margin-top:14px}.chapters span{font-size:8px}.hud{bottom:176px;padding:0 10px}.gauge{width:70px;height:70px}.gauge.attitude canvas{width:70px;height:70px}.g-label,.g-unit{font-size:6px;top:17px}.g-unit{top:auto;bottom:16px}.g-value{font-size:18px}.caption{font-size:13px;top:12px}#btn-fs{display:none}}body:has(#intro:not(.hide)) :is(.controls,.hud,.caption){visibility:hidden}