:root{color-scheme:dark;--ink:#eff7ff;--muted:#a3c4e3;--blue:#60c6ff;--line:#4d9fd450;--gold:#ffc46b;--base:#030914;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sans: 'Gilroy',system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:var(--base);color:var(--ink);font-family:var(--sans);display:flex;flex-direction:column;justify-content:center}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}button{border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px;z-index:10}button:hover,a:hover{color:var(--gold)}button:disabled{cursor:default}button[hidden],[hidden]{display:none!important}img{display:block;max-width:100%}button svg{width:20px;height:20px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{position:fixed;top:10px;left:10px;padding:14px;background:var(--base);z-index:100}
.topbar{height:80px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(180deg,#0d1a2b,#030914);border-bottom:1px solid #29426480}.back{font-size:14px;display:flex;align-items:center;gap:10px;min-height:44px}.back>span{font-size:22px;color:var(--blue)}.wordmark{display:flex;align-items:center;gap:10px;font-size:14px;letter-spacing:.12em}.wordmark b{font-weight:400;color:var(--muted)}.wordmark small{display:block;font:10px var(--mono);letter-spacing:.24em;color:#a3c4e3;margin-top:5px}.mark{border:1px solid #6eb8e09c;width:31px;height:34px;display:grid;place-items:center;font-weight:800;color:var(--gold);font-size:22px;transform:skew(-8deg)}.top-actions{display:flex;gap:8px}.utility{font:12px var(--mono);background:transparent;color:var(--muted);padding:8px 10px;min-height:44px}.utility[aria-pressed=true]{color:var(--gold)}
.console{position:relative;width:min(100%,calc((100svh - 120px)*1.785));aspect-ratio:4625/2591;margin:auto;isolation:isolate;container-type:inline-size;background:#020b19}.console-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.mobile-title{display:none}.crew-screens,.instruments{display:contents}.crew-screen{position:absolute;width:12.85%;height:17.25%;overflow:hidden;padding:0;background:#071d3a;text-align:left;border:1px solid #379ee27a;box-shadow:inset 0 0 20px #103e67;transition:border-color .2s,box-shadow .2s}.screen-l1,.screen-l2,.screen-l3{left:4.25%}.screen-r1,.screen-r2,.screen-r3{left:82.85%}.screen-l1,.screen-r1{top:7%}.screen-l2,.screen-r2{top:29.85%}.screen-l3,.screen-r3{top:52.15%;height:15.7%}.crew-screen img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;filter:saturate(.45) contrast(1.03);opacity:.8;transition:filter .3s,transform .4s,opacity .3s}.crew-screen::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#001e49a8,transparent 28%,#00182d26 46%,#011329f5),repeating-linear-gradient(transparent 0 3px,#04275430 3px 4px);pointer-events:none}.crew-screen:hover,.crew-screen[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 18px #eea53d44}.crew-screen:hover img,.crew-screen[aria-pressed=true] img{filter:saturate(.9);opacity:1;transform:scale(1.04)}.screen-id{position:absolute;z-index:1;top:9%;left:7%;font:clamp(9px,.65cqw,13px) var(--mono);letter-spacing:.07em;color:#bcd9f8}.crew-caption{position:absolute;z-index:1;left:7%;right:7%;bottom:8%;display:grid;gap:4px}.crew-caption strong{font-size:clamp(18px,1.8cqw,32px);line-height:1;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.crew-caption small{font-size:clamp(10px,.82cqw,15px);color:var(--muted);display:flex;justify-content:space-between}.crew-caption small span{color:var(--gold)}
.display{position:absolute;left:23%;top:6.25%;width:54%;height:59.75%;display:flex;flex-direction:column;background:#041225;overflow:hidden;outline:none;clip-path:polygon(2.5% 0,97.5% 0,100% 4%,100% 96%,97.5% 100%,2.5% 100%,0 96%,0 4%)}.display:focus-visible{box-shadow:inset 0 0 0 3px var(--gold)}.display-bar{height:9%;min-height:35px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4%;background:linear-gradient(90deg,#092747,#0a2039);border-bottom:1px solid #399ad658;font:clamp(10px,.72cqw,14px) var(--mono);color:var(--muted);letter-spacing:.09em}.display-bar>span:first-child{display:flex;align-items:center;gap:9px}.display-bar b{font-weight:400;color:#d5edff}.status-dot{display:inline-block;width:6px;height:6px;flex:none;background:#79e1b7;border-radius:50%;box-shadow:0 0 8px #79e1b744}.screen-content{flex:1;min-height:0;position:relative;overflow:auto;scrollbar-width:thin;scrollbar-color:#42789e #07152a}.map-view{position:relative;height:100%;min-height:290px;overflow:hidden;background:#06111d}.ranch-map{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.78)}.map-view::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#010b1caf,transparent 34%,transparent 76%,#010916)}.map-grid{position:absolute;inset:0;background-image:linear-gradient(#55b1de09 1px,transparent 1px),linear-gradient(90deg,#55b1de09 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.map-intro{position:absolute;top:6%;left:5%;z-index:1;pointer-events:none}.eyebrow{font:clamp(10px,.72cqw,13px) var(--mono);letter-spacing:.1em;color:var(--muted)}.map-intro .eyebrow{color:var(--gold)}.map-intro h1{font-size:clamp(24px,2.55cqw,48px);font-weight:800;letter-spacing:-.025em;line-height:1.03;margin:8px 0 0;text-shadow:0 2px 20px #000b}.map-node{position:absolute;z-index:2;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;background:none;padding:4px}.map-node i{height:13px;width:13px;background:#092039;border:2px solid #9ddeff;transform:rotate(45deg);box-shadow:0 0 0 5px #3e9dd126,0 0 12px #6fceff54}.map-node span{font:clamp(10px,.74cqw,13px) var(--mono);padding:5px 7px;white-space:nowrap;background:#061b2eee;border:1px solid #6aa1c178;color:#e3f4ff;transition:border-color .2s}.map-node:hover span,.map-node:focus-visible span{border-color:var(--gold);color:var(--gold)}.map-node:hover i{border-color:var(--gold);background:var(--gold)}.node-luna{left:26%;top:41%}.node-echo{left:60%;top:21%}.node-lorenzo{left:80%;top:36%}.node-gomez{left:22%;top:64%}.node-bruno{left:77%;top:76%}.node-dominic{left:48%;top:82%}.map-bottom{position:absolute;inset:auto 0 0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 4%;background:#041222ce;border-top:1px solid #5290b32e;font-size:clamp(11px,.84cqw,15px)}.map-bottom>span{display:flex;gap:8px;align-items:center;color:#b1cfe2}.text-button{background:none;color:var(--gold);padding:9px 0;min-height:40px;font-weight:600}.text-button span{margin-left:10px}
.instrument{position:absolute;top:74.1%;height:8.75%;display:flex;flex-direction:column;justify-content:center;gap:7%;background:linear-gradient(120deg,#0b335553,#04162a90);padding:5px .55%;text-align:left;border:1px solid transparent;transition:background .2s,border-color .2s}.instrument-map{left:16.5%;width:7.4%}.instrument-mission{left:26.4%;width:9.2%}.instrument-radio{left:43.9%;width:12.1%}.instrument-crew{left:64.2%;width:8.8%}.instrument-training{left:75%;width:8.4%}.instrument .eyebrow{font-size:clamp(8px,.6cqw,12px);letter-spacing:.06em;white-space:nowrap}.instrument strong{font-size:clamp(13px,1.12cqw,21px);font-weight:700;white-space:nowrap}.instrument-detail{font-size:clamp(8px,.65cqw,13px);color:var(--muted);display:flex;align-items:center;gap:6px;white-space:nowrap}.instrument-detail>span:last-child{margin-left:auto}.instrument:hover,.instrument[aria-pressed=true]{background:#0a385b8a;border-color:#71c1ea75}.instrument[aria-pressed=true] strong{color:var(--blue)}.instrument-radio{background:#20332c66}.instrument-radio strong,.instrument-radio .eyebrow{color:var(--gold)}.wave{height:12px;display:flex;gap:2px;align-items:center}.wave i{width:2px;height:5px;background:var(--gold)}.wave i:nth-child(2n){height:10px}.wave i:nth-child(3){height:14px}.console-label{position:absolute;bottom:4.6%;left:17%;right:17%;display:flex;justify-content:space-between;color:#7294b1;font:clamp(8px,.65cqw,12px) var(--mono);letter-spacing:.1em}.console-label span:nth-child(2){color:#cbb17b}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:40px;padding:8px 28px;font-size:12px;color:#8caac5;border-top:1px solid #28415a40}.footer p{margin:0}.footer a{font-size:12px}.connection{font:10px var(--mono);letter-spacing:.1em;display:flex;align-items:center;gap:8px;white-space:nowrap}
/* Each active display is contained within the same physical screen. */
.content-view{min-height:100%;padding:4% 5%;animation:reveal .25s ease}.content-view h2{font-size:clamp(28px,3.1cqw,56px);letter-spacing:-.035em;line-height:1.03;margin:9px 0 16px}.content-view p{font-size:clamp(16px,1.12cqw,20px);line-height:1.5;color:#bfd0e2;margin:0 0 18px}.view-back{display:inline-flex;align-items:center;gap:8px;font-size:13px;min-height:36px;background:none;color:var(--muted);padding:0;margin-bottom:8px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:12px 20px;font-size:14px;font-weight:700;text-align:center;line-height:1.25}.primary{background:var(--gold);border:1px solid #ffdc9d;color:#162131;box-shadow:0 3px 0 #a86d2d}.primary:hover{color:#081a2c;background:#ffd590}.secondary{background:#0a2540;border:1px solid #577d9b;color:#d3eaff}.secondary:hover{border-color:var(--gold)}.actions{display:flex;gap:10px;flex-wrap:wrap}.guardian-view{display:grid;grid-template-columns:45% 55%;padding:0;min-height:100%}.guardian-art{position:relative;min-height:330px;background:#122238;overflow:hidden}.guardian-art img{height:100%;width:100%;object-fit:cover;object-position:center}.guardian-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,#061427),linear-gradient(0deg,#061427,transparent 40%)}.guardian-art>span{position:absolute;left:10%;bottom:8%;z-index:1;font:13px var(--mono);color:var(--gold);letter-spacing:.2em}.guardian-info{padding:5% 8% 6% 3%;background:#061427}.guardian-info h2{margin-bottom:7px}.guardian-role{color:var(--gold)!important;font-size:14px!important;margin-bottom:20px!important}.note-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin:18px 0 14px}.note-tabs button{padding:9px 5px;font-size:13px;background:none;color:var(--muted);border-bottom:2px solid transparent;min-height:40px}.note-tabs button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.guardian-info p.note{font-size:16px;line-height:1.45;min-height:5.8em}.voice-note{font-size:12px!important;margin:14px 0 0!important;color:#93b0c9!important}.crew-view .intro{margin-bottom:22px}.crew-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.crew-card{background:#112a41;border:1px solid #45708f6e;padding:0;overflow:hidden;text-align:left}.crew-card img{width:100%;aspect-ratio:1.5;object-fit:cover}.crew-card strong{display:block;font-size:20px;padding:9px 12px 3px}.crew-card small{display:block;font-size:12px;color:var(--muted);padding:0 12px 12px}.crew-card:hover{border-color:var(--gold)}.mission-view,.training-view{position:relative;background:#061427;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:100%}.feature-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.7}.mission-view::before,.training-view::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#021326ed,#041528a3 60%,#03142935),linear-gradient(0deg,#071529,transparent 70%);z-index:-1}.mission-view .view-back,.training-view .view-back{margin-bottom:auto;padding-bottom:16px}.mission-view p,.training-view p{max-width:490px}.mission-meta{display:flex;gap:15px;font:12px var(--mono);color:var(--gold);margin-bottom:12px}.briefing{margin:18px 0 0;padding-top:14px;border-top:1px solid #6d9abd66;max-width:520px;font-size:14px;line-height:1.45;color:#c1d3e3}.briefing summary{cursor:pointer;color:var(--blue);min-height:36px}.briefing ol{padding-left:20px;margin:0 0 12px}.briefing li{margin:8px 0}.radio-view{height:100%;display:flex;flex-direction:column;background:#08142a}.radio-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4%;border-bottom:1px solid var(--line);flex-shrink:0}.radio-bar .view-back{margin:0;min-height:44px}.radio-bar a{font-size:12px;color:var(--muted)}.radio-frame{display:block;width:100%;height:100%;min-height:360px;flex:1;border:0;background:#061427}.no-script{padding:16px;text-align:center}.no-script a{text-decoration:underline}
@keyframes reveal{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1051px) and (max-height:760px){.console{width:min(100%,calc((100svh - 100px)*1.785))}.topbar{height:66px}.footer{min-height:34px}.guardian-info{padding-top:2%}.guardian-info p.note{min-height:0}.guardian-info h2{font-size:30px}.note-tabs{margin:8px 0}.guardian-role{margin-bottom:10px!important}.guardian-view .actions .secondary{display:none}.map-intro h1{font-size:2.2cqw}.map-view{min-height:250px}}
@media(max-width:1050px),(max-height:720px){body{justify-content:flex-start}.topbar{padding:0 20px;flex-shrink:0}.console{width:100%;aspect-ratio:auto;container-type:normal;margin:0;display:flex;flex-direction:column;padding:24px 20px;gap:20px;background:radial-gradient(ellipse at 50% 0,#123052,#030c1a 65%)}.console-art,.console-label{display:none}.mobile-title{display:block}.mobile-title h1{font-size:32px;line-height:1;margin:10px 0}.mobile-title p{color:var(--muted);margin:0;font-size:16px}.eyebrow{font-size:12px}.crew-screens{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;order:1}.crew-screen{position:relative;inset:auto;width:100%;height:150px;border-radius:2px}.screen-id{font-size:9px}.crew-caption strong{font-size:20px}.crew-caption small{font-size:11px}.display{position:relative;left:auto;top:auto;width:100%;height:560px;order:2;clip-path:none;border:1px solid #3276ad;box-shadow:0 0 0 5px #0c1a2a,0 0 0 6px #233c50}.display-bar{height:42px;font-size:11px;padding:0 20px}.screen-content{scroll-margin-top:16px}.map-view{min-height:450px}.map-intro{top:7%}.map-intro h1{font-size:36px}.map-node span{font-size:11px}.map-bottom{font-size:13px}.instruments{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;order:3}.instrument{position:relative;inset:auto;width:100%;height:90px;min-width:0;padding:12px;gap:8px;border:1px solid #32648b;background:#0a2037}.instrument .eyebrow{font-size:9px}.instrument strong{font-size:15px;white-space:normal}.instrument-detail{font-size:10px}.content-view h2{font-size:40px}.content-view p{font-size:16px}.guardian-info{padding:6%}.guardian-info p.note{min-height:6em}.footer{padding:16px 20px;flex-wrap:wrap}.footer p{font-size:13px}.connection{display:none}.radio-frame{min-height:400px}}
@media(max-width:650px){.topbar{height:72px;padding:0 16px;gap:12px}.back{font-size:12px}.wordmark{font-size:11px;letter-spacing:.08em}.wordmark small{font-size:8px}.mark{display:none}.utility{font-size:10px;padding:4px}.top-actions{gap:0}#fullscreen{display:none!important}.console{padding:22px 16px;gap:20px}.mobile-title h1{font-size:30px}.mobile-title p{font-size:14px}.crew-screens{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.crew-screen{height:130px}.screen-id{font-size:8px;top:9px}.crew-caption strong{font-size:21px}.crew-caption small{font-size:10px}.display{height:560px}.display-bar{font-size:10px;padding:0 12px;gap:7px;letter-spacing:.03em}.display-bar>span:last-child{font-size:8px;max-width:43%;text-align:right}.map-view{min-height:100%}.ranch-map{object-fit:cover}.map-intro{left:6%;top:5%}.map-intro h1{font-size:30px}.map-intro .eyebrow{font-size:10px}.map-node{padding:3px;gap:6px}.map-node span{font-size:9px;padding:5px}.node-luna{left:25%;top:40%}.node-echo{left:64%;top:30%}.node-lorenzo{left:79%;top:47%}.node-gomez{left:21%;top:61%}.node-bruno{left:77%;top:73%}.node-dominic{left:42%;top:81%}.map-bottom{flex-wrap:wrap;gap:0;padding:6px 14px;font-size:11px}.map-bottom .text-button{font-size:12px}.instruments{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.instrument{height:86px;padding:12px 14px}.instrument-radio{grid-column:1 / -1;grid-row:1;height:80px;background:linear-gradient(100deg,#383527,#152d39);border-color:#af87415c}.instrument .eyebrow{font-size:10px}.instrument strong{font-size:18px}.instrument-detail{font-size:11px}.instrument-radio .instrument-detail{position:absolute;right:16px;bottom:17px}.instrument-radio .wave{margin-right:8px}.guardian-view{display:block}.guardian-art{height:195px;min-height:0}.guardian-art img{object-position:center 35%;object-fit:cover}.guardian-art::after{background:linear-gradient(0deg,#061427,transparent 70%)}.guardian-art>span{bottom:10%;left:7%;font-size:12px}.guardian-info{padding:0 7% 8%}.guardian-info .view-back{margin:0}.guardian-info h2{font-size:36px}.guardian-info p.note{min-height:0}.guardian-role{margin-bottom:10px!important}.note-tabs{margin-top:12px}.content-view{padding:7%}.guardian-view{padding:0}.content-view h2{font-size:36px}.content-view p{font-size:16px}.primary,.secondary{font-size:13px;padding:12px 16px}.crew-grid{grid-template-columns:repeat(2,1fr);gap:10px}.crew-card strong{font-size:19px}.crew-card small{font-size:11px}.crew-view .intro{margin-bottom:18px}.mission-view,.training-view{min-height:100%;justify-content:flex-end}.mission-view .feature-art{object-position:65% center}.mission-meta{font-size:11px;gap:10px;flex-wrap:wrap}.radio-frame{min-height:440px}.radio-bar{padding:0 12px}.radio-bar a{font-size:10px}.footer{padding:0 16px 22px;border:0;gap:12px}.footer p{font-size:12px}.footer a{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Supplied command portraits retain their color and leave room for ears/horns. */
.crew-screen img.headshot{object-position:50% 10%;filter:saturate(.95);opacity:1}
.crew-screen:has(.headshot)::after{background:linear-gradient(180deg,#00132970,transparent 25%,transparent 56%,#011329eb),repeating-linear-gradient(transparent 0 3px,#04275414 3px 4px)}
.crew-screen:hover img.headshot,.crew-screen[aria-pressed=true] img.headshot{filter:none;transform:none}
.crew-card img.headshot{height:auto;aspect-ratio:1;object-position:center}
.guardian-art.headshot-art{min-height:0;height:auto;aspect-ratio:1;align-self:start}
.guardian-art.headshot-art img{object-fit:contain;object-position:center}
@media(min-width:651px) and (max-width:850px){.crew-screen img.headshot{object-fit:contain;object-position:center 20%}}

/* Keep each map plate and its locations in the same undistorted coordinate space. */
.map-canvas{position:absolute;inset:0}
@media(max-width:650px){
  .map-view{display:flex;flex-direction:column;justify-content:center}
  .map-intro{position:relative;top:auto;left:auto;padding:25px 6% 16px;flex-shrink:0}
  .map-canvas{position:relative;inset:auto;width:100%;aspect-ratio:4/3;flex-shrink:0}
  .map-canvas .ranch-map{object-fit:cover}
  .map-bottom{position:relative;inset:auto;margin-top:auto;flex-shrink:0}
  .node-luna{left:25%;top:28%}.node-echo{left:62%;top:13%}.node-lorenzo{left:81%;top:34%}
  .node-gomez{left:20%;top:58%}.node-bruno{left:81%;top:74%}.node-dominic{left:48%;top:85%}
  .top-actions{max-width:86px}.utility{line-height:1.4}
}

/* The iframe must fit the available screen, including both console headers. */
.display .radio-view{min-height:0;overflow:hidden}
.display .radio-frame{flex:1 1 0;height:0;min-height:0}
.display-bar{height:auto;min-height:44px;gap:12px;padding:0 3%;flex-shrink:0}
.display-bar>span:first-child{min-width:0}
.display-bar #screenTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.display-bar #screenCode{margin-left:auto;font-size:10px}
#screenFullscreen{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;min-width:44px;min-height:40px;padding:6px 10px;background:#102d48;border:1px solid #5489ad;border-radius:5px;color:var(--ink);font:12px var(--sans);letter-spacing:0;cursor:pointer}
#screenFullscreen:hover{border-color:var(--gold);color:var(--gold)}
.console[data-screen-expanded=true]{container-type:normal;z-index:100}
.display[data-expanded=true],.display:fullscreen{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;z-index:1000;clip-path:none;aspect-ratio:auto;border:0;margin:0;box-shadow:none;background:#041225}
.display[data-expanded=true] .display-bar,.display:fullscreen .display-bar{min-height:54px;padding:0 20px;font-size:14px}
.display[data-expanded=true] .screen-content,.display:fullscreen .screen-content{min-height:0;flex:1}
.display[data-expanded=true] .radio-bar,.display:fullscreen .radio-bar{padding:0 20px}
@media(max-width:1300px){.display-bar #screenCode{display:none}#screenFullscreen{margin-left:auto}}
@media(max-width:650px){#screenFullscreen span{display:none}.display-bar{padding:0 12px}.display[data-expanded=true] .display-bar{padding:0 12px;font-size:11px}}

/* Classified-file readout: stable lines, sequential text, amber terminal cursor. */
.briefing-type{display:inline-grid;position:relative;max-width:100%;vertical-align:top}
.briefing-reserve,.briefing-ink{grid-area:1 / 1;white-space:pre-wrap;overflow-wrap:anywhere}
.briefing-reserve{visibility:hidden}
.briefing-ink[data-typing=true]::after{content:"";display:inline-block;width:.48em;height:.9em;margin-left:.12em;background:var(--gold);box-shadow:0 0 9px #ffc46b88;vertical-align:-.08em;animation:briefing-cursor .65s steps(1) infinite}
.guardian-info .note{font-family:var(--mono);font-size:14px;line-height:1.65}
@keyframes briefing-cursor{50%{opacity:.2}}
@media(prefers-reduced-motion:reduce){.briefing-ink[data-typing=true]::after{animation:none}}

/* Portrait and call controls stay visible while the file scrolls independently. */
.dossier{height:100%;min-height:0;display:grid;grid-template-columns:minmax(180px,38%) minmax(0,1fr);background:#0c1520;color:#f6f4ef;--file-accent:#ffe16a;overflow:hidden}
.dossier-hero{min-height:0;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:18px;background:#080f19;border-right:1px solid #34404f;text-align:center}
.dossier-code{order:0;font:9px/1.4 var(--mono);letter-spacing:.09em;color:#a9bacd}
.dossier-portrait{order:1;display:block;flex:1 1 0;min-height:0;width:100%;object-fit:contain;object-position:center;border-radius:6px;background:#060c13}
.dossier-identity{order:2;min-width:0}
.dossier-identity h2{font-size:clamp(28px,2.5vw,44px);line-height:1.05;letter-spacing:-.03em;margin:0 0 6px}
.dossier-specialty{font-size:12px;line-height:1.4;color:#b8c3d1;margin:0}
.dossier .primary{background:var(--file-accent);border:0;border-radius:6px;color:#09121c;box-shadow:none;font-size:14px;min-height:44px;padding:10px 12px}
.dossier-talk{order:3;flex-shrink:0;width:100%}
.dossier-action{order:4;flex-shrink:0}.dossier-action .primary{min-height:30px;padding:5px;background:transparent;color:var(--file-accent);font-size:12px}
.dossier .eyebrow{color:var(--file-accent);font-size:10px;letter-spacing:.1em;line-height:1.5}
.dossier-details{min-height:0;min-width:0;overflow-y:auto;overscroll-behavior:contain;padding:22px;scrollbar-width:thin;scrollbar-color:#50677f #0c1520}
.dossier-details:focus-visible{outline:2px solid var(--file-accent);outline-offset:-3px}
.dossier-skills{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;padding-bottom:20px}.dossier-skills>.eyebrow{grid-column:1/-1}
.dossier-stat{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:12px;color:#b8c3d1}.dossier-stat strong{color:#fff}
.dossier-track{grid-column:1/-1;height:4px;border-radius:4px;background:#26313e;overflow:hidden}.dossier-track i{display:block;height:100%;background:var(--file-accent)}
.dossier-panel{border-top:1px solid #34404f;padding-top:20px}.dossier-panel h3{font-size:20px;line-height:1.3;margin:12px 0}
.dossier-panel p,.dossier-notes p,.dossier-panel li{font-size:14px;line-height:1.65;color:#b8c3d1;margin:12px 0}
.dossier-panel>aside{border-top:1px solid #34404f;margin-top:20px;padding-top:18px}.dossier-panel details{margin-top:18px}.dossier-panel summary{color:var(--file-accent);font:11px/1.7 var(--mono);cursor:pointer;min-height:44px}.dossier-panel ul{padding-left:18px}
.dossier-notes{border-top:1px solid #34404f;margin-top:18px;padding-top:18px}.dossier-notes .actions{margin-top:20px;gap:14px}.dossier-notes .view-back{margin:0}.dossier-notes .secondary{font-size:12px;padding:10px}
@media(max-width:650px){.dossier{grid-template-columns:minmax(130px,40%) minmax(0,1fr)}.dossier-hero{padding:12px 8px;gap:8px}.dossier-identity h2{font-size:25px}.dossier-code{font-size:8px}.dossier-specialty{font-size:10px}.dossier .primary{font-size:12px}.dossier-details{padding:14px}.dossier-skills{grid-template-columns:1fr;gap:10px}.dossier-panel h3{font-size:17px}.dossier-panel p,.dossier-notes p,.dossier-panel li{font-size:13px}.dossier .note-tabs{flex-wrap:wrap}.dossier .note-tabs button{font-size:11px}}

.classified-stamp{position:absolute;z-index:2;left:5%;right:5%;top:48%;text-align:center;padding:8px 2px;border:1px solid var(--gold);background:#071322dc;color:var(--gold);font:clamp(9px,1cqw,16px) var(--mono);letter-spacing:.08em;transform:rotate(-7deg)}
.crew-screen:has(.classified-stamp) img{filter:grayscale(1) brightness(.35)}

/* Agent identity and progression sit above the physical console. */
.topbar,.footer{flex-shrink:0}
.agent-status{display:grid;grid-template-columns:minmax(220px,1fr) minmax(130px,.5fr) minmax(230px,1.1fr);align-items:center;gap:32px;flex:0 0 auto;height:96px;padding:14px max(28px,calc((100% - 1320px)/2));border-bottom:1px solid #294866;background:linear-gradient(100deg,#071421,#0b2034 55%,#081522)}
.agent-identity{display:flex;align-items:center;gap:15px;min-width:0;margin:0}
.agent-emblem{display:grid;place-items:center;flex:none;width:40px;height:44px;border:1px solid #b58b4866;color:var(--gold);background:#ffc46b0b;font-size:22px;clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%)}
.agent-name-field{min-width:0;flex:1}
.agent-name-field>label,.agent-label,.agent-progress-heading{font:10px/1.4 var(--mono);letter-spacing:.1em;color:var(--muted)}
.agent-name-field>label{display:block;margin-bottom:3px}
.agent-name-row{display:flex;align-items:center;gap:8px;min-width:0}
#agentName{display:block;flex:1;min-width:0;width:100%;height:44px;padding:6px 10px;border:1px solid #416585;border-radius:4px;background:#05111e;color:var(--ink);font:700 19px/1.2 var(--sans);appearance:auto;cursor:pointer}
#agentName:hover{border-color:#72a7c9}
#agentName:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-color:transparent}
.agent-save{flex:none;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #547697;border-radius:4px;background:#102e47;color:#d4ebfc;font:600 12px var(--sans)}
.agent-save:hover{border-color:var(--gold);color:var(--gold);background:#18374e}
.agent-save:disabled{opacity:.6}
.agent-rank{display:grid;gap:3px;min-width:0;padding-left:24px;border-left:1px solid #45658266}
.agent-rank strong{font-size:22px;line-height:1.1;color:var(--gold)}
#agentLevel{font:10px/1.4 var(--mono);letter-spacing:.1em;color:#91b4d0}
.agent-progress{min-width:0}
.agent-progress-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.agent-progress-heading label{display:flex;align-items:center;flex-wrap:wrap;column-gap:8px}
#agentNextRank{color:var(--ink);font-weight:600;letter-spacing:.03em}
#agentXPText{flex:none;color:var(--gold);letter-spacing:.04em;white-space:nowrap}
#agentXP{display:block;appearance:none;-webkit-appearance:none;width:100%;height:9px;border:1px solid #41607a;border-radius:3px;overflow:hidden;background:#020b14;color:var(--gold);accent-color:var(--gold)}
#agentXP::-webkit-progress-bar{background:#020b14}
#agentXP::-webkit-progress-value{background:linear-gradient(90deg,#e4a342,#ffe196);box-shadow:0 0 10px #ffc46b44}
#agentXP::-moz-progress-bar{background:linear-gradient(90deg,#e4a342,#ffe196);box-shadow:0 0 10px #ffc46b44}
@media(max-width:1050px){.agent-status{gap:20px;padding-inline:20px;grid-template-columns:minmax(200px,1fr) minmax(100px,.45fr) minmax(180px,1fr)}.agent-emblem{display:none}.agent-rank{padding-left:18px}.agent-progress-heading{font-size:9px;gap:8px}#agentName{font-size:17px}}
@media(max-width:650px){.agent-status{height:auto;padding:16px;grid-template-columns:minmax(88px,.45fr) minmax(0,1fr);gap:16px}.agent-identity{grid-column:1/-1;gap:0}.agent-rank{padding-left:0;border-left:0}.agent-rank strong{font-size:20px}.agent-name-row{gap:6px}#agentName{padding-inline:8px}.agent-save{padding-inline:8px}.agent-progress-heading{font-size:10px;margin-bottom:8px;flex-wrap:wrap}.agent-label,.agent-name-field>label{font-size:9px}}

/* A clear route back to the lobby replaces the command header branding. */
.lobby-back{flex:none;min-height:48px;padding:10px 22px;gap:12px;border:1px solid #ffdc9d;border-radius:6px;background:var(--gold);color:#101d2c;font-size:18px;font-weight:800;line-height:1.2;box-shadow:0 3px 0 #95642f}
.lobby-back>span{color:inherit;font-size:26px;line-height:1}
.lobby-back:hover{background:#ffda99;color:#081421;border-color:#ffe7be}
.lobby-back:active{box-shadow:0 1px 0 #95642f;transform:translateY(2px)}
@media(max-width:650px){.lobby-back{min-height:48px;padding:10px 16px;gap:8px;font-size:16px}.lobby-back>span{font-size:24px}.top-actions{flex-shrink:0}}

/* Black-screen clearance, then a coarse-to-fine map transmission. */
.console-boot{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:#000;overflow:hidden;pointer-events:none;animation:boot-failsafe 0s 4s forwards!important}
.boot-access{position:relative;z-index:1;margin:0;padding:24px;text-align:center;color:#87f0c2;font:700 clamp(22px,2.5vw,42px)/1.3 var(--mono);letter-spacing:.16em;text-shadow:0 0 20px #66e8ae55}
.boot-access::before{content:"";display:block;width:36px;height:2px;background:currentColor;margin:0 auto 22px;box-shadow:0 0 10px #87f0c2}
.boot-pixels{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;filter:saturate(.75) brightness(.78)}
@keyframes boot-failsafe{to{visibility:hidden}}
