/* Machined controls and a camera-first journey within the existing ROTOR world. */
::selection{background:#dbe7aa;color:#142317}
button,a,input{ -webkit-tap-highlight-color:transparent }
:focus-visible{outline:2px solid #edf5b4;outline-offset:5px}
#cinematicEntry .cinematic-entry-actions{perspective:900px;display:grid;gap:9px;width:340px}
#cinematicEntry .cinematic-entry-actions button{margin:0!important;position:relative;border-radius:4px;transform:translateZ(0);box-shadow:0 6px 15px #0008,inset 0 1px 0 #ffffff32;transition:transform 180ms ease-out,box-shadow 180ms ease-out,background-color 180ms ease-out}
#cinematicEntry .cinematic-entry-actions button:hover{transform:rotateX(5deg) translateY(-3px);box-shadow:0 10px 20px #000b,inset 0 1px 0 #ffffff70}
#cinematicEntry .cinematic-entry-actions button:active{transform:translateY(1px);box-shadow:0 2px 5px #0008}
#cinematicEntry #startSpatial{background:#eef0d6;color:#13231b;border:1px solid #fcffe4;text-align:left;min-height:66px;padding:17px 20px}
#startSpatial strong{display:block;font-size:15px;font-weight:650;letter-spacing:.03em}
#startSpatial span{display:block;margin-top:6px;font-size:11px;color:#364838}
#cinematicEntry #introVault{min-height:55px;background:#18231b!important;color:#eff3dd!important}
#cinematicEntry #introVault span{color:#bdc9ac!important}
#cinematicEntry #introVault strong{font-size:12px}
#cinematicEntry #cinematicStart{min-height:48px;background:#dbe7aa}
#cinematicEntry #cinematicEnter{min-height:44px}
#cinematicEntry .cinematic-copy p{font-size:clamp(32px,4vw,54px);max-width:10ch;line-height:.98}
#cinematicControls{flex-wrap:wrap;padding:14px 18px;background:#08120de8;border:1px solid #9dab8533;border-radius:5px}
.cinematic-scrub{display:flex;align-items:center;gap:12px;flex:1;min-width:160px;max-width:440px;font-size:11px;letter-spacing:.08em}
#cinematicSeek{width:100%;accent-color:#dbe7aa;cursor:pointer;min-height:30px}
#spatialJourney[hidden]{display:none!important}
#spatialJourney{position:fixed;inset:0;z-index:65;color:#f1f4df;background:linear-gradient(90deg,#020806cc,transparent 62%),linear-gradient(0deg,#020806e8,transparent 24%);font-family:inherit;touch-action:none}
body.spatial-active #world-ui{visibility:hidden;pointer-events:none}
body.spatial-active .director-home-logo,body.spatial-active #reel06fix-badge,body.spatial-active #freeCamToggle,body.spatial-active #sceneTravelLaunch{display:none!important}
#spatialJourney header{position:absolute;inset:28px 34px auto;display:flex;align-items:center;justify-content:space-between}
.journey-brand{font-size:23px;font-weight:750;letter-spacing:.13em}.journey-brand span{color:#dbe7aa}
#spatialJourney button{color:inherit;font-family:inherit;font-size:11px;font-weight:600;min-height:44px;cursor:pointer;border:1px solid #b2c19455;background:#111d15de;border-radius:3px;padding:12px 17px;transition:background-color 180ms,transform 180ms}
#spatialJourney button:hover{background:#2b3e2a;transform:translateY(-2px)}
#spatialJourney button:active{transform:translateY(1px)}
#spatialJourney button:disabled{opacity:.3;cursor:default;transform:none}
.journey-copy{position:absolute;left:6%;top:43%;transform:translateY(-50%);max-width:420px;pointer-events:none}
.journey-copy h1{font-size:clamp(36px,5.7vw,74px);font-weight:550;letter-spacing:-.04em;line-height:.95;margin:0 0 20px;max-width:8.5ch;text-wrap:balance}
.journey-copy p{font-size:14px;line-height:1.6;color:#d7e0ca;max-width:26ch;margin-bottom:25px}
#spatialJourney .spatial-primary{pointer-events:auto;color:#132219;background:#dbe7aa;border-color:#f0f6cd;box-shadow:0 5px 16px #0007,inset 0 1px 0 #fff9;min-width:168px;letter-spacing:.02em}
#spatialJourney footer{position:absolute;bottom:25px;left:6%;right:6%}
.journey-navigation{display:flex;align-items:center;gap:22px}
.journey-navigation nav{display:flex;flex:1;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:thin}
#spatialJourney nav button{flex:1;display:flex;flex-direction:column;gap:13px;padding:12px 0 0;background:none;border:0;border-radius:0;text-align:left;color:#b9c5ae;font-size:12px;font-weight:500}
#spatialJourney nav button i{display:block;width:100%;height:2px;background:#70826b70;transition:background-color 220ms}
#spatialJourney nav button[aria-current=step]{color:#f1f7ce}
#spatialJourney nav button[aria-current=step] i{background:#dbe7aa}
@media(max-width:700px){#spatialJourney nav button{flex:0 0 50px}}
.journey-navigation svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;display:block}
#journeyHint{margin:18px 0 0;text-align:center;color:#bdcbb3;font-size:11px;letter-spacing:.12em}
#vault[open]{animation:vault-reveal 500ms cubic-bezier(.16,1,.3,1)}
#vault button{box-shadow:0 4px 12px #0006,inset 0 1px 0 #ffffff26;transition:transform 160ms,background-color 160ms}
#vault button:hover{transform:translateY(-2px)}
#vault button:active{transform:translateY(1px)}
@keyframes vault-reveal{from{clip-path:inset(7% 8% round 8px);opacity:.65}to{clip-path:inset(0 round 0);opacity:1}}
@media(max-width:700px){#cinematicEntry .cinematic-entry-actions{width:100%;gap:7px}.cinematic-entry-bottom{bottom:18px!important}.cinematic-copy p{font-size:30px!important}.cinematic-copy>span{font-size:11px!important}#cinematicEntry #startSpatial{min-height:58px;padding:12px 16px}#cinematicEntry #introVault{min-height:48px}.cinematic-entry-actions{margin-top:16px!important}#cinematicControls{gap:8px;padding:10px}.cinematic-scrub{order:5;max-width:none;flex-basis:100%}#spatialJourney header{inset:20px 20px auto}.journey-copy{left:24px;top:auto;bottom:170px;transform:none;max-width:290px}.journey-copy h1{font-size:42px;max-width:10ch;margin-bottom:12px}.journey-copy p{font-size:12px;margin:0 0 15px;max-width:28ch}#spatialJourney footer{left:20px;right:20px;bottom:22px}.journey-navigation{gap:10px}#spatialJourney .journey-navigation>button{padding:10px}.journey-navigation nav{gap:8px}#spatialJourney nav button{font-size:11px}.journey-brand{font-size:19px}#journeyHint{font-size:11px;letter-spacing:.04em}#spatialJourney{background:linear-gradient(0deg,#020806f5,transparent 80%)}.cinematic-brand{top:20px!important}}
@media(max-height:650px) and (min-width:701px){.cinematic-entry-bottom{bottom:22px}.cinematic-entry-actions button{min-height:42px!important}.cinematic-copy p{font-size:36px!important}.journey-copy{top:42%}.journey-copy h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){#vault[open]{animation:none}#cinematicEntry .cinematic-entry-actions button,#spatialJourney button,#vault button{transition:background-color 120ms;transform:none!important}}

.journey-scenes{display:flex;gap:7px;align-items:center}#spatialJourney .journey-scenes button{font-size:11px;letter-spacing:.03em}#spatialJourney .journey-scenes button[data-space]{background:#111d15b8}#courtsideSpatial{color:#eaf3c1!important}
@media(max-width:700px){#spatialJourney header{align-items:flex-start}.journey-scenes{max-width:255px;justify-content:flex-end;flex-wrap:wrap;gap:5px}#spatialJourney .journey-scenes button{padding:8px 10px;font-size:11px;min-height:38px}}