/* Windowed mission flow. Navigation stays outside the content viewport. */
[hidden]{display:none!important}
.field-heading{justify-content:space-between;gap:.7rem;align-items:center}.operation-label{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.operation-label>strong{font:900 clamp(.9rem,1.5vw,1.3rem) Arial,sans-serif;letter-spacing:.05em}.operation-label .tag{align-self:flex-start;font-size:.6rem;padding:.15rem .3rem}.mini-dossier{display:flex;align-items:center;justify-content:flex-end;gap:.7rem;border:1px solid #66849a;background:#102330;padding:.4rem .5rem;margin-left:auto;max-width:65%}.dossier-copy{display:flex;flex-direction:column;gap:.12rem;font:.65rem/1.4 var(--mono);min-width:0}.dossier-copy .eyebrow{font-size:.57rem;letter-spacing:.07em;color:var(--amber)}.dossier-copy>strong{font:700 .8rem/1.3 Arial,sans-serif;color:#edf4fa}.portrait-frame{padding:3px;border:1px solid #a7c4d2;box-shadow:inset 0 0 0 2px #243e50,2px 2px 0 #0006;background:#1d3948;flex:none}.portrait-frame .dossier-portrait{display:block;width:62px;height:62px;max-width:none;border:1px solid #426477;border-radius:0}
html,body{height:100%;overflow:hidden}#app{height:100dvh;display:flex;flex-direction:column}.topbar{flex:none;padding:.6rem 1.2rem}.statusbar{flex:none;padding:.35rem 1.2rem}.layout{flex:1;width:100%;min-height:0;grid-template-columns:190px minmax(0,1fr) 210px}.footer{display:none}main{display:flex;flex-direction:column;min-height:0;padding:1rem 1.2rem}.missionline{flex:none;margin-bottom:.5rem}.essential-question{flex:none;margin-bottom:.8rem;padding:.5rem .75rem}.essential-question span{font-size:.62rem}.screen{flex:1;min-height:0;padding:1.1rem;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.rail,.aside{min-height:0;overflow:auto;padding:1rem .75rem}.rail-note{display:none}.route{padding:.6rem .4rem;margin-bottom:.15rem}.aside .agent-badge{padding:.4rem;margin:.4rem 0;font-size:.75rem;gap:.5rem}.aside .avatar-small{width:36px;height:36px}.aside h2{font-size:.75rem}.aside section{margin-bottom:.75rem}.aside .timer{font-size:1.9rem}.aside .fragment{margin:.3rem 0;min-height:32px;padding:.35rem}.aside .small{font-size:.75rem}.aside .checkrow{margin:.5rem 0}.aside .timer-label{margin-bottom:.5rem}.aside section>p:last-child{display:none}
.step-navigation{flex:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0 0;background:#09121c;position:relative;z-index:2}.page-count{font: .85rem var(--mono);color:#d4e5ed;white-space:nowrap}.step-navigation button{min-width:108px}.page-hidden{display:none!important}.paged-content .page-branch:has(>.page-unit):not(.page-hidden){min-height:0}.page-control{margin:.5rem 0}.page-control>label{display:block;margin-bottom:.4rem}.page-control>input:not([type=checkbox]):not([type=radio]),.page-control>textarea{max-width:100%}.paged-content .cross-layout,.paged-content .cards,.paged-content .final-columns,.paged-content .packet-list{display:block}.paged-content .cross-grid{max-width:280px;margin:auto}.paged-content .cross-lane{padding:.4rem;grid-template-columns:repeat(3,1fr)}.paged-content .platform{min-height:65px;font-size:.85rem}.paged-content .maze{max-width:235px;margin:.4rem auto}.paged-content .arcade{padding:.5rem}.paged-content .dispatch{margin:.4rem 0}.paged-content .source-card,.paged-content .success-banner,.paged-content .scaffold,.paged-content .agent-reflection{margin:.5rem 0;padding:.85rem}.paged-content .operation-title{font-size:clamp(2.2rem,4vw,3.4rem)}.paged-content .operation-map{margin:.5rem 0}.paged-content .operation-map svg{max-height:145px}.paged-content .field-message{margin:.5rem 0}.paged-content .clue{margin-bottom:.5rem}.paged-content .identity-field{margin:.5rem 0;padding:.4rem 0}.paged-content .avatar-art{max-width:82px}.paged-content .avatar-small{max-width:58px}.paged-content .toolbar{margin:.6rem 0}.paged-content .agent-reflection textarea{min-height:100px;max-height:150px}.page-overflow{outline:1px solid #ffbc7866}.page-overflow:after{content:'More in this step ↓';position:sticky;bottom:0;display:block;text-align:center;background:#233749;color:#fff;font-size:.8rem;padding:.3rem}
dialog[open]{height:min(680px,calc(100dvh - 2rem));max-height:calc(100dvh - 2rem);display:flex;flex-direction:column;padding:1rem}dialog .close{align-self:flex-end;float:none;margin:0 0 .35rem;padding:.3rem .75rem}#panel-content{flex:1;min-height:0;overflow:auto}dialog .step-navigation{padding-top:.6rem;background:#122330}#panel-content .source-card{margin:.5rem 0}.top-actions{flex-wrap:wrap}.top-actions button{font-size:.8rem;padding:.45rem .6rem}
@media(max-width:1150px){.layout{grid-template-columns:160px minmax(0,1fr)}.aside{display:none}.cross-layout{display:block}.topbar{padding:.5rem 1rem}}
@media(max-width:700px){.layout{display:flex}.rail{display:none}main{width:100%;padding:.65rem .75rem}.topbar{gap:.3rem}.brand{font-size:.8rem}.top-actions{gap:.25rem}.top-actions button{font-size:.7rem;min-height:36px}.statusbar{font-size:.62rem;padding:.25rem .75rem}.screen{padding:.75rem}.missionline{font-size:.65rem}.missionline .eyebrow{font-size:.65rem}.essential-question strong{font-size:.85rem}.essential-question{margin-bottom:.5rem}.step-navigation{gap:.5rem;padding-top:.6rem}.step-navigation button{min-width:90px;padding:.6rem}.paged-content .cross-lane{grid-template-columns:1fr}.paged-content .identity-selects{grid-template-columns:1fr 1fr;gap:.5rem}.paged-content .identity-selects label{font-size:.75rem}.paged-content .identity-selects select{padding:.5rem;font-size:.8rem}.paged-content .avatar-grid{gap:.4rem}.paged-content .operation-title{font-size:2.5rem}.paged-content .field-message p{font-size:.8rem}}
@media(max-height:520px){.statusbar,.missionline,.essential-question{display:none}.topbar{padding:.3rem .75rem}main{padding:.5rem}.screen{padding:.5rem}.step-navigation{padding-top:.35rem}}
.step-navigation{flex-wrap:wrap}.step-navigation #feedback{flex-basis:100%;margin:0;font-size:.85rem;min-height:0;padding:.5rem .75rem}.step-navigation #feedback:empty{display:none}
@media(max-width:700px){.mini-dossier{max-width:68%;gap:.4rem;padding:.3rem}.dossier-copy{font-size:.55rem}.dossier-copy>strong{font-size:.7rem}.dossier-copy .eyebrow{font-size:.5rem}.portrait-frame .dossier-portrait{width:46px;height:46px}.operation-label>strong{font-size:.8rem}.operation-label .tag{font-size:.5rem}.field-heading{gap:.4rem}}@media(max-height:520px){.field-heading{display:flex}.dossier-copy>span:not(.eyebrow){display:none}.portrait-frame .dossier-portrait{width:32px;height:32px}.operation-label .eyebrow,.operation-label .tag{display:none}}