/* The director's view leaves the rendered world as the main surface. */
.scanlines{display:none}.vignette{background:linear-gradient(90deg,#03080d80,transparent 50%),linear-gradient(0deg,#03080db0,transparent 22%,transparent 85%,#03080d66)}
.tour-launch{display:block;width:100%;text-align:left;margin-top:18px;padding:18px;background:linear-gradient(120deg,#163440cc,#0a1828e8);border:1px solid #729cac60;color:#dcebf1}
.tour-launch>span{display:flex;justify-content:space-between;font:12px var(--mono);letter-spacing:1.2px;color:#98e0ed}.tour-launch b{font-weight:400;color:#eac693}.tour-launch strong{display:block;font-size:20px;font-weight:400;margin:13px 0 8px}.tour-launch small{display:block;color:#a7bcc9;line-height:1.6;font-size:14px}.tour-launch em{display:block;font-style:normal;margin-top:16px;color:#eac693;font-size:14px}.tour-launch:hover{border-color:#acd7e7;background:#173744}
.tour{position:absolute;inset:92px 0 0;pointer-events:none;z-index:5;color:#e7f0f4}.tour button,.tour select,.tour input{pointer-events:auto}.tour-transition{position:fixed;inset:0;background:#030911;pointer-events:none;z-index:-1}.tour-heading{position:absolute;top:30px;left:40px;max-width:62%;text-shadow:0 2px 16px #000}.tour-kicker{display:flex;gap:28px;font:12px var(--mono);letter-spacing:1.7px;color:#9dcedc}.tour-kicker>span:first-child{color:#eed0a2}.tour-heading h1{font-size:clamp(28px,3.5vw,52px);font-weight:400;letter-spacing:-1.6px;line-height:1.1;margin:15px 0 10px}.tour-heading>p{font-size:14px;color:#a3bdca;margin:0;letter-spacing:.5px}.tour-mission{position:absolute;top:32px;right:40px;width:265px;padding-left:18px;border-left:1px solid #afccd845;background:linear-gradient(90deg,#05121a55,transparent);text-shadow:0 2px 6px #000}.tour-mission>span{font:12px var(--mono);letter-spacing:1.4px;color:#b1d3df}.tour-mission p{font-size:14px;line-height:1.6;margin:10px 0 16px;color:#d0dce3}.tour-mission>div{font:11px var(--mono);letter-spacing:.5px;color:#eac693;line-height:1.5}
.tour-caption{position:absolute;bottom:218px;left:50%;transform:translateX(-50%);display:flex;gap:18px;width:min(760px,calc(100% - 80px));padding:18px 22px;background:linear-gradient(90deg,#06121bd9,#06121b9c);border-left:2px solid #b8dce3;box-shadow:0 8px 36px #0002}.radio-icon{color:#c8b58d;font:20px var(--mono);align-self:center}.tour-caption #radio-speaker{color:#a4c7d6;font:11px var(--mono);letter-spacing:1.8px}.tour-caption p{margin:7px 0 0;line-height:1.5;font-size:17px;font-weight:400;letter-spacing:.1px}
.tour-console{position:absolute;bottom:34px;left:40px;right:40px;background:linear-gradient(180deg,#08141ee8,#05101bf0);border:1px solid #8eb7c437;padding:17px 20px 13px;backdrop-filter:blur(12px);pointer-events:auto}.tour-console-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}.tour-console-top>div{display:flex;align-items:center;gap:22px}.tour-wordmark{font:12px var(--mono);letter-spacing:2px;color:#c5d8e2}.tour-time{font:12px var(--mono);color:#e8c896;font-variant-numeric:tabular-nums}.tour-live{font:10px var(--mono);color:#86bfcf;letter-spacing:1px}.tour-live span{padding-left:15px;color:#8b9ea8}#tour-progress{width:100%;height:2px;border:0;background:#7596a327;display:block;appearance:none}#tour-progress::-webkit-progress-bar{background:#7596a327}#tour-progress::-webkit-progress-value{background:#d6bc8d}#tour-progress::-moz-progress-bar{background:#d6bc8d}
.tour-chapters{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px;margin:12px 0 17px}.tour-chapters button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:transparent;border:0;border-bottom:1px solid #aecad128;padding:0 0 10px;text-align:left;color:#778f9f;min-width:0}.tour-chapters span{font:11px var(--mono)}.tour-chapters b{font-size:12px;line-height:1.3;font-weight:400}.tour-chapters i{position:absolute;bottom:-1px;left:0;height:1px;background:#d0b986}.tour-chapters .current{color:#e6d7b9}.tour-chapters button:hover{color:white}
.tour-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:11px;border-top:1px solid #a2bdca25}.tour-playback,.tour-display{display:flex;align-items:center;gap:16px}.tour-controls button,.tour-controls select{border:0;background:transparent;color:#b5c6cf;padding:6px 0;font-size:12px;white-space:nowrap}.tour-controls button:hover{color:white}.tour-controls #tour-pause{color:#f0d8aa;min-width:77px;text-align:left}.tour-controls select{width:127px;background:#091723;color:#9fb9c7}.tour-loop{display:flex;gap:7px;align-items:center;font-size:12px;color:#a3bcc6}.tour-loop input{accent-color:#dac396;width:14px;height:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body[data-state=autopilot] .vignette{background:linear-gradient(0deg,#03080dc0,transparent 32%,transparent 74%,#03080d90)}body[data-state=autopilot] .statusbar{display:none}body[data-state=autopilot] .topbar{background:#040b149c}.tour.clean .tour-heading,.tour.clean .tour-mission,.tour.clean .tour-caption{display:none}.tour.clean .tour-console{opacity:.15;transition:opacity .25s}.tour.clean .tour-console:hover,.tour.clean .tour-console:focus-within{opacity:1}
.tour-end{pointer-events:auto;position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);text-align:center;max-width:600px;width:calc(100% - 40px);padding:38px;background:#07121bef;border:1px solid #aec1cc44;box-shadow:0 20px 90px #0008}.tour-end>span{color:#c9b890;font:12px var(--mono);letter-spacing:2px}.tour-end h2{font-size:38px;font-weight:400;letter-spacing:-1px;margin:22px 0}.tour-end p{font-size:16px;line-height:1.7;color:#aec0cb}.tour-end>div{display:flex;gap:12px;justify-content:center;margin-top:24px}.tour-end button{background:#d8be91;color:#101a23;padding:14px 20px;font-size:14px}.tour-end button+button{background:transparent;border:1px solid #8aaaba70;color:#ccdde7}
@media(min-width:1500px){.tour-caption{bottom:232px}.tour-console{padding:20px 26px}.tour-chapters b,.tour-controls button,.tour-controls select,.tour-loop{font-size:14px}.tour-controls select{width:156px}.tour-mission{width:310px}.tour-mission p{font-size:16px}}
@media(max-width:1150px){.topbar{gap:14px}.nav{font-size:11px}.tour{top:75px}.tour-heading{left:24px;top:28px;max-width:65%}.tour-mission{right:24px;width:220px;top:140px}.tour-console{left:24px;right:24px;bottom:24px;padding:15px}.tour-display,.tour-playback{gap:12px}.tour-display #tour-clean{display:none}.tour-kicker{gap:15px;font-size:11px}.tour-caption{bottom:223px}.tour-chapters{gap:9px}.tour-chapters b{font-size:11px}.tour-live{display:none}}
@media(max-width:700px){body[data-state=autopilot],body[data-state=autopilot] #app{height:100dvh;min-height:0;overflow:hidden}.tour{inset:112px 0 0}.tour-heading{left:18px;top:18px;max-width:90%}.tour-kicker{font-size:10px;letter-spacing:.8px;gap:17px}.tour-heading h1{font-size:30px;margin-top:12px;letter-spacing:-.8px}.tour-heading>p{font-size:12px}.tour-mission{display:none}.tour-console{left:12px;right:12px;bottom:14px;padding:12px}.tour-wordmark{font-size:10px;letter-spacing:1px}.tour-console-top>div{width:100%;justify-content:space-between;gap:10px}.tour-time{font-size:11px}.tour-chapters{gap:7px;margin:12px 0}.tour-chapters button{align-items:center;padding-bottom:8px}.tour-chapters span{font-size:12px}.tour-chapters b{display:none}.tour-caption{left:18px;right:18px;bottom:207px;width:auto;transform:none;padding:13px 15px;gap:12px}.tour-caption p{font-size:15px}.radio-icon{display:none}.tour-controls{align-items:flex-start;flex-direction:column;gap:8px}.tour-playback{width:100%;justify-content:space-between}.tour-display{width:100%;justify-content:space-between;gap:8px}.tour-controls button,.tour-controls select,.tour-loop{font-size:12px}.tour-controls select{width:122px}.tour-launch{margin-bottom:12px}.tour-end{padding:25px;top:35%}.tour-end h2{font-size:28px}.tour-end>span{font-size:10px;letter-spacing:1px}.tour-end p{font-size:14px}.tour-end button{padding:12px;font-size:12px}.tour-end>div{gap:8px}}
@media(max-height:600px) and (min-width:701px){.tour{top:52px}.tour-heading{top:16px}.tour-heading h1{font-size:28px}.tour-mission{top:20px}.tour-console{bottom:12px;padding:10px 15px}.tour-chapters{margin:9px 0}.tour-chapters b{display:none}.tour-controls{padding-top:7px}.tour-caption{bottom:167px;padding:10px 15px}.tour-caption p{font-size:14px}.tour-console-top{margin-bottom:8px}.tour-heading>p{font-size:12px}}

@media(min-width:701px){.tour-controls button,.tour-controls select,.tour-loop{font-size:14px}.tour-controls select{width:148px}}

@media(max-width:700px){.tour-controls button,.tour-controls select,.tour-loop{font-size:14px;min-height:40px}.tour-controls select{width:145px}.tour-chapters button{min-height:38px;justify-content:center}.tour-caption{bottom:245px}.tour-display{gap:5px}.tour-controls #tour-camera{font-size:12px}.tour-loop input{width:18px;height:18px}}
/* Third-person flight deck and compact combat instruments. */
.game-banner{background:linear-gradient(90deg,#040c16e8,#040c1650),url('assets/vanguard-banner.jpg') center 40%/cover;border:1px solid #b8dbe329;padding:22px 26px;min-height:148px;margin-bottom:20px}
.game-banner h1{font-size:36px!important;letter-spacing:7px!important;font-weight:700!important;line-height:1.05;margin:10px 0 8px!important}.game-banner h1 span{display:block;font:11px var(--mono);letter-spacing:5px;line-height:1.5;margin-top:9px}.game-banner p{font-size:14px!important;margin:9px 0!important;color:#c0d6e1}.game-banner .eyebrow{font-size:10px}.game-banner .pilot-badge{display:none}#asset-status{display:block;font:12px var(--mono);color:#b9c39f;margin-top:8px}.planning{padding-top:20px}
body[data-state=playing] .instrument-deck,body[data-state=paused] .instrument-deck,body[data-state=results] .instrument-deck{bottom:45px;grid-template-columns:1fr 1fr;max-width:520px;left:0;right:auto;gap:12px}
body[data-state=playing] .instrument,body[data-state=paused] .instrument,body[data-state=results] .instrument{height:104px;box-shadow:none;background:linear-gradient(120deg,#061827b0,#06182750);backdrop-filter:blur(5px);padding:12px 16px}
body[data-state=playing] .radar-panel,body[data-state=paused] .radar-panel,body[data-state=results] .radar-panel{display:none}body[data-state=playing] .weapon-symbol,body[data-state=paused] .weapon-symbol,body[data-state=results] .weapon-symbol{display:none}body[data-state=playing] .instrument>small,body[data-state=paused] .instrument>small,body[data-state=results] .instrument>small{display:none}
body[data-state=playing] .instrument-title,body[data-state=paused] .instrument-title,body[data-state=results] .instrument-title{font-size:11px}body[data-state=playing] .status-row,body[data-state=paused] .status-row,body[data-state=results] .status-row{font-size:12px;margin-top:12px}.tactical-controls{bottom:45px;right:0}.tactical-button{min-width:145px;min-height:70px}.controls-strip{bottom:9px}.combat-notice{top:30%;background:transparent}.crosshair{opacity:.75}body[data-state=playing] .vignette{background:linear-gradient(0deg,#03101a70,transparent 30%,transparent 83%,#03101a50)}
.station-marker{position:fixed;transform:translate(-50%,-50%);font:11px var(--mono);color:#9ce4ed;text-align:center;pointer-events:none;letter-spacing:1px}.station-marker span{display:block;font-size:18px;margin-bottom:5px}
@media(max-width:1000px){body[data-state=playing] .instrument-deck,body[data-state=paused] .instrument-deck,body[data-state=results] .instrument-deck{max-width:390px}.tactical-button{min-width:135px}.game-banner{min-height:132px;padding:17px 22px}.game-banner h1{font-size:30px!important}}
@media(max-width:600px){.game-banner{margin-top:0;padding:20px 16px;min-height:150px}.game-banner h1{font-size:28px!important;letter-spacing:5px!important}.game-banner h1 span{letter-spacing:3px}.planning{padding-top:120px!important}body[data-state=playing] .instrument-deck,body[data-state=paused] .instrument-deck,body[data-state=results] .instrument-deck{left:0;right:0;max-width:none;bottom:77px;gap:8px}body[data-state=playing] .instrument,body[data-state=paused] .instrument,body[data-state=results] .instrument{height:86px;padding:8px}.instrument-title>span{display:none}.tactical-controls{bottom:176px;right:0;left:0}.tactical-button{min-height:55px}.speed-readout{top:28%}.combat-notice{top:24%}.operation-status{top:84px}#touch-controls{bottom:14px}.flight-top h2{max-width:220px}.station-marker{font-size:9px}}

.game-banner{padding:16px 24px;min-height:130px;background-image:linear-gradient(90deg,#040c16dd,#040c1610),url('assets/vanguard-banner.jpg')}
.game-banner h1{font-size:32px!important;margin:7px 0 4px!important}.game-banner h1 span{font-size:10px;margin-top:6px}.game-banner p{display:inline-block;margin:9px 16px 0 0!important}#asset-status{display:inline-block;font-size:11px;margin-top:0}.hit-flash{background:radial-gradient(ellipse,transparent 45%,#75bde63b 100%)!important}.instrument-title>span{margin-left:8px}
/* Timeline navigation must not inherit the header's mobile absolute positioning. */
.tour-chapters{position:relative;top:auto;right:auto;bottom:auto;left:auto;height:auto;width:100%}
@media(min-width:701px){.tour-caption{left:40px;transform:none;width:min(460px,calc(100% - 80px))}}