:root {color-scheme: dark;--bg:#070d1b;--panel:#0d1729;--panel2:#101e32;--text:#e8f0fa;--muted:#8095ac;--teal:#66ebd7;--border:#253850;--orange:#ffb77c}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif}button{font:inherit;cursor:pointer}button:disabled{opacity:.42;cursor:default}button:focus-visible{outline:2px solid var(--teal);outline-offset:3px}#vrScene{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}#vrScene.a-scene{position:absolute!important}.a-enter-vr{display:none!important}
.app-shell{position:relative;z-index:4;min-height:100vh;padding:0 4.5%;background:radial-gradient(ellipse 55% 55% at 34% 27%,rgba(24,83,108,.23),transparent 78%),linear-gradient(160deg,#070d1b,#0c1829 71%,#081121);isolation:isolate}
.app-shell:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(rgba(141,204,232,.25) .7px,transparent .7px);background-size:27px 27px;opacity:.16}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;height:94px;border-bottom:1px solid #253248}.brand{display:flex;align-items:center;gap:13px}.brand-symbol{display:grid;place-items:center;width:44px;height:44px;border:1px solid #2fa89f;border-radius:12px;font-size:29px;font-weight:900;letter-spacing:-4px;color:var(--teal);transform:rotate(-6deg);padding-right:4px}.brand-symbol span{color:var(--orange)}.brand-name{font-weight:800;font-size:15px;letter-spacing:.1em}.brand-name b{color:var(--teal)}.brand-name small{display:block;color:var(--muted);font-size:9px;letter-spacing:.22em;margin-top:4px}.topbar-actions{display:flex;align-items:center;gap:20px}.device-indicator{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.12em;color:#9cb6c9;font-weight:700}.live-dot,.pulse-dot,.status-orb{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 9px var(--teal)}.btn{border-radius:11px;padding:12px 20px;font-size:12px;font-weight:800;letter-spacing:.035em;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .16s,background .16s,border-color .16s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-vr{background:#1a3446;color:#a7f0e8;border:1px solid #297e83}.btn-vr svg{width:19px;height:19px}.btn-primary{background:#49e2cb;color:#071d24;border:1px solid #49e2cb;box-shadow:0 8px 25px rgba(61,226,204,.17)}.btn-primary:hover{background:#77f2e0}.workspace{display:grid;grid-template-columns:minmax(0,1.66fr) minmax(300px,.86fr);gap:clamp(25px,4vw,66px);max-width:1500px;margin:auto;padding:53px 0 40px;align-items:start}.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.17em;color:#70d2c4;font-weight:800}.eyebrow-line{height:1px;background:#26635f;width:20px;display:inline-block}h1{font-size:clamp(36px,3.5vw,61px);letter-spacing:-.05em;line-height:1.1;margin:24px 0 18px;font-weight:800}h1 em{font-style:normal;color:var(--teal)}.lead{font-size:14px;line-height:1.75;color:#91a8c0;max-width:560px;margin:0 0 36px}.player-shell{border:1px solid #24435b;background:#08121f;border-radius:14px;overflow:hidden;box-shadow:0 25px 80px #01050d88,0 0 40px #247c7911}.player-topline{height:39px;background:#0c1c2e;display:flex;justify-content:space-between;align-items:center;padding:0 18px;color:#7cabb9;letter-spacing:.14em;font-size:9px;font-weight:800}.player-topline span:first-child{color:var(--teal)}.video-viewport{position:relative;aspect-ratio:16/9;background:radial-gradient(ellipse at center,#213d4b,#060c17 80%);display:grid;place-items:center;overflow:hidden}.video-viewport video{position:absolute;width:100%;height:100%;object-fit:contain;display:block;inset:0}.video-glow{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,10,18,.21),transparent 36%,rgba(3,10,18,.17));box-shadow:inset 0 0 90px #0007}.video-overlay{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(10,32,46,.86),rgba(4,11,23,.95) 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px 25px;gap:11px;transition:opacity .2s}.video-overlay.hidden{opacity:0;pointer-events:none}.play-emblem{width:62px;height:62px;display:grid;place-items:center;border:1px solid #56e5d4;border-radius:100%;box-shadow:0 0 0 8px #173b4260;color:var(--teal);margin-bottom:8px}.play-emblem svg{width:28px;height:28px;margin-left:5px}.overlay-label{font-size:10px;font-weight:800;letter-spacing:.2em;color:#70e3d1}.video-overlay strong{font-size:clamp(18px,2vw,28px);letter-spacing:-.03em}.video-overlay p{font-size:12px;color:#9fb5c9;margin:0 0 10px;max-width:380px;line-height:1.5}.video-corner{position:absolute;bottom:13px;right:16px;pointer-events:none;font-size:9px;letter-spacing:.18em;font-weight:900;color:#c4e5ed99}.transport{display:flex;align-items:center;gap:16px;padding:13px 15px 13px 19px;background:#0e1b2c;min-height:54px}.transport-toggle{display:grid;place-items:center;border:0;background:transparent;color:var(--teal);padding:2px}.transport-toggle svg{height:20px;width:20px}.seek-container{display:flex;flex:1;align-items:center;gap:13px}.seek-track{height:4px;background:#304154;border-radius:10px;flex:1;overflow:hidden}.seek-fill{width:0%;height:100%;background:var(--teal);transition:width .12s linear}.seek-container span{font-size:10px;color:#8fa2b7;font-variant-numeric:tabular-nums;white-space:nowrap}.small-link{border:0;background:none;color:#8faac0;font-size:10px;font-weight:700;white-space:nowrap}.small-link:hover{color:#e6f6ff}.status-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:18px 3px;color:#9cb4c6;font-size:10px;letter-spacing:.035em}.status-row>span:first-child{display:flex;align-items:center;gap:9px}.status-orb{width:6px;height:6px}.status-orb.waiting{background:var(--orange);box-shadow:0 0 9px var(--orange)}#keyboardHint{color:#607c92;font-size:9px;letter-spacing:.1em}.sidebar{padding-top:16px}.sidebar-heading,.journey-heading{display:flex;align-items:center;justify-content:space-between}.aside-kicker,.journey-heading span:first-child{font-size:11px;color:var(--teal);letter-spacing:.16em;font-weight:800}.step-badge{border:1px solid #355267;border-radius:7px;padding:6px 9px;color:#bbcad6;font-size:10px;font-weight:700}.decision-card{margin-top:21px;background:linear-gradient(156deg,#10243a,#0c1a2e);border:1px solid #31495e;border-radius:15px;padding:27px 23px 18px;box-shadow:0 20px 60px #0003}.decision-heading{display:flex;gap:9px;align-items:center;color:#8bb6c4;font-size:10px;font-weight:900;letter-spacing:.15em}.decision-icon{color:var(--teal);font-size:19px}.decision-card h2{font-size:clamp(19px,1.5vw,24px);margin:18px 0 10px;letter-spacing:-.035em;line-height:1.35}.decision-card p{margin:0 0 21px;color:#93abc0;font-size:12px;line-height:1.6}.choices{display:flex;flex-direction:column;gap:9px}.choice{display:flex;gap:12px;align-items:center;width:100%;text-align:left;background:#172b3e;border:1px solid #365063;border-radius:9px;padding:13px 12px;color:#dcecf5;font-size:12px;font-weight:600;transition:background .15s,border .15s,transform .15s;min-height:53px}.choice:hover{background:#244a56;border-color:#49d1c2;transform:translateX(2px)}.choice-key{display:grid;place-items:center;flex:none;width:29px;height:29px;background:#284b57;color:var(--teal);border-radius:6px;font-weight:900}.choice-arrow{margin-left:auto;color:var(--teal)}.decision-placeholder{display:flex;align-items:center;gap:9px;padding:17px 14px;color:#718da3;border:1px dashed #2a455a;border-radius:9px;font-size:12px;line-height:1.4}.waiting-waves{font-size:24px;color:#51d5c7}.restart-btn{margin-top:22px;padding:17px 0 1px;border:0;border-top:1px solid #2a4257;background:transparent;color:#8fb1c0;font-size:11px;font-weight:700;width:100%;text-align:center}.restart-btn:hover:not(:disabled){color:var(--teal)}.restart-btn span{font-size:18px;vertical-align:middle;margin-right:3px}.journey-card{padding:24px 6px 8px}.journey-heading{margin-bottom:16px}.journey-heading span:last-child{font-size:10px;color:#6f91a3}.journey{border-left:1px solid #2c5660;padding-left:18px;margin-left:5px;display:flex;flex-direction:column;gap:12px}.journey-empty{color:#698599;font-size:11px}.journey-entry{display:flex;flex-direction:column;gap:3px;position:relative}.journey-entry:before{content:"";position:absolute;top:5px;left:-23px;width:8px;height:8px;border-radius:50%;background:#52d9c9;border:3px solid #0c1a2b;box-sizing:content-box}.journey-entry strong{font-size:11px;color:#d8edf0}.journey-entry small{color:#7d9aad;font-size:10px}.sidebar-footnote{margin-top:20px;color:#6c8398;font-size:10px;line-height:1.6;padding-left:6px}.site-footer{max-width:1500px;margin:0 auto;border-top:1px solid #24364a;display:flex;justify-content:space-between;gap:15px;padding:20px 0 24px;font-size:9px;font-weight:750;letter-spacing:.12em;color:#617b91}.separator{color:var(--teal);padding:0 7px}body.immersive #appUI{display:none!important}body.immersive #vrScene{z-index:5}
@media(max-width:1040px){.workspace{grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);gap:24px}.app-shell{padding:0 3%}h1{font-size:38px}}@media(max-width:750px){.topbar{height:78px}.device-indicator{display:none}.workspace{display:flex;flex-direction:column;gap:16px;padding:28px 0}.primary-panel,.sidebar{width:100%}.sidebar{padding:0}.brand-name{font-size:12px}.lead{margin-bottom:25px}.site-footer span:last-child{display:none}#keyboardHint{display:none}}@media(max-width:420px){.app-shell{padding:0 4%}.brand-name small{font-size:8px}.brand-symbol{height:39px;width:39px}.topbar-actions .btn{padding:10px 11px;font-size:10px}h1{font-size:35px}.video-overlay{gap:6px}.play-emblem{height:43px;width:43px;margin-bottom:3px}.video-overlay strong{font-size:18px}.video-overlay p{font-size:10px;margin-bottom:2px}.video-overlay .btn{font-size:10px;padding:10px 12px}.transport{gap:10px;padding:10px}.seek-container span{font-size:9px}.small-link{font-size:9px}.site-footer{font-size:8px}}