@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;450;500;600&display=swap');
:root{--ink:#dce1df;--muted:#9aa7ab;--bg:#111a1e;--panel:#182328;--line:#344146;--gold:#d4bb83;--blue:#85c0dc;--red:#e39780;--green:#99b99c;font-family:'IBM Plex Sans',Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:15px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;background:none;border:1px solid var(--line);border-radius:3px;padding:9px 12px;transition:background .15s,border-color .15s}button:hover{background:#334046;border-color:#738087}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--gold);border-color:var(--gold);color:#162025;font-weight:600}.primary:hover{background:#e5cfa0}.quiet{border-color:transparent}.small{font-size:13px;padding:5px 8px}.danger{color:var(--red)}.wide{width:100%}.row{display:flex;align-items:center;gap:9px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.muted{color:var(--muted)}.gold{color:var(--gold)}.blue{color:var(--blue)}.red{color:var(--red)}.caps{text-transform:uppercase;letter-spacing:.14em;font-size:12px}.tag{display:inline-block;border:1px solid #596265;padding:3px 6px;font-size:12px;letter-spacing:.05em;border-radius:2px}.tag.blue{border-color:#5c8fa5}.tag.red{border-color:#9f675a}h1,h2,h3,h4,p{margin:0}h1,h2,h3,.display,.brand,.nav-button{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif}h2{font-size:29px;line-height:1.1;font-weight:500}h3{font-size:23px;font-weight:500}h4{font-size:16px;font-weight:600}p{font-size:15px;line-height:1.58}a{color:var(--gold)}.shell{height:100dvh;display:grid;grid-template-rows:70px minmax(0,1fr) 48px;overflow:hidden}.topbar{display:flex;align-items:center;padding:0 24px;gap:25px;border-bottom:1px solid var(--line);background:#121b20;z-index:20}.brand{display:flex;gap:11px;align-items:center;font-size:29px;font-weight:600;letter-spacing:.12em;min-width:170px}.brand-mark{color:var(--gold);font-size:29px;line-height:1;border:1px solid #756a50;padding:1px 6px}.brand small{display:block;font-family:Arial,sans-serif;font-size:10px;font-weight:400;letter-spacing:.25em;color:var(--muted);margin-top:1px}.topnav{display:flex;gap:6px;flex:1;justify-content:center;height:100%;align-items:center}.nav-button{font-size:20px;letter-spacing:.025em;border:0;position:relative;height:100%;padding:0 15px;border-radius:0;color:#a4afb3}.nav-button.active{color:#f5eddc}.nav-button.active:after{content:'';position:absolute;bottom:0;height:3px;left:14px;right:14px;background:var(--gold)}.top-right{margin-left:auto}.clock{font-family:'Barlow Condensed',sans-serif;font-size:25px;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 410px;overflow:hidden}.map{position:relative;overflow:hidden;isolation:isolate;background:#9f9078}.map-world{position:absolute;inset:0;transform-origin:center;transition:transform .25s ease;will-change:transform}.terrain{width:100%;height:100%;object-fit:cover;filter:saturate(.73) contrast(1.03) brightness(.8);pointer-events:none}.map-world:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#18242910 25%,#14202220 60%,#10191d99);pointer-events:none}.map-grid{position:absolute;inset:0;opacity:.1;background-image:linear-gradient(#fff7 1px,transparent 1px),linear-gradient(90deg,#fff7 1px,transparent 1px);background-size:12.5% 16.66%;pointer-events:none}.overlay{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.overlay .boundary{fill:#84b8c308;stroke:#d9d0af99;stroke-width:1.3;stroke-dasharray:8 7;vector-effect:non-scaling-stroke}.overlay .route{fill:none;stroke:#a6d2e8;stroke-width:2.5;stroke-dasharray:8 6;vector-effect:non-scaling-stroke;filter:drop-shadow(0 2px 3px #000)}.overlay .route.transmitted{stroke:#ebd294;stroke-dasharray:10 6;animation:march 12s linear infinite}@keyframes march{to{stroke-dashoffset:-160}}.map-heading{position:absolute;left:28px;top:28px;z-index:5;pointer-events:none;text-shadow:0 2px 14px #000}.map-heading h1{font-size:56px;line-height:.95;letter-spacing:.09em;font-weight:500;color:#fff8e9}.map-heading p{font-size:14px;letter-spacing:.13em;text-transform:uppercase;color:#eee5d4;margin-top:10px}.map-heading .caps{font-size:11px;margin-bottom:11px;color:#e1d5bd}.map-top-actions{position:absolute;right:18px;top:23px;z-index:6;display:flex;gap:6px}.glass{background:#142026dd;border-color:#87918b55;box-shadow:0 4px 18px #0002;backdrop-filter:blur(12px)}.map-controls{position:absolute;right:18px;bottom:118px;display:grid;gap:6px;z-index:6}.map-controls button{width:38px;height:38px;font-size:20px;padding:0}.compass{position:absolute;right:29px;top:88px;z-index:5;text-align:center;color:#fff4d9;text-shadow:0 2px 6px #000;font-family:serif;font-size:25px}.compass small{display:block;font:12px Arial;letter-spacing:.14em}.map-caption{position:absolute;bottom:20px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:end;z-index:5;font-size:12px;color:#ddd3ba;pointer-events:none}.scale{width:95px;border-bottom:2px solid #e4d8be;padding-bottom:5px;font-size:11px}.guide{position:absolute;left:24px;right:74px;bottom:65px;z-index:8;display:flex;align-items:center;gap:15px;padding:16px 18px;background:#111d22eb;border:1px solid #89795188;box-shadow:0 10px 30px #0003;backdrop-filter:blur(15px)}.guide-number{font-family:'Barlow Condensed',sans-serif;font-size:36px;color:var(--gold);border-right:1px solid #65716a;padding-right:16px}.guide h3{font-size:23px;margin-bottom:4px}.guide p{font-size:13px;color:#b2bdbe;line-height:1.4}.guide button{white-space:nowrap;margin-left:auto}.point{position:absolute;z-index:4;transform:translate(-50%,-50%);padding:0;border:0;background:none;display:flex;align-items:center;flex-direction:column;color:#f8f1df;min-width:40px;max-width:130px;gap:4px;filter:drop-shadow(0 2px 3px #0b111b)}.point:hover{background:none;border:0;z-index:7;filter:drop-shadow(0 0 10px #fff6)}.point.selected .point-label{background:#182832e8;border-color:var(--gold)}.point-label{padding:4px 7px;background:#172326bd;border:1px solid #a9a38d77;font-size:12px;white-space:nowrap;text-align:center}.location-dot{height:7px;width:7px;border:1px solid #fff6dc;border-radius:50%;background:#d0b87e;box-shadow:0 0 0 5px #141b2022}.unit-symbol{width:37px;height:25px;border:2px solid #b9dff2;background:#285168ed;position:relative;box-shadow:0 3px 10px #0004}.unit-symbol:before,.unit-symbol:after{content:'';position:absolute;width:25px;height:1px;background:#b9dff2;left:4px;top:10px;transform:rotate(30deg)}.unit-symbol:after{transform:rotate(-30deg)}.unit-symbol.support:before{transform:none;width:10px;height:10px;left:11px;top:5px;background:transparent;border:1px solid #c2e0f0;border-radius:50%}.unit-symbol.support:after{display:none}.unit-symbol.neighbor{background:#23404cad;border-color:#aac3c9}.unit-echelon{position:absolute;top:-14px;left:0;width:100%;font-size:11px;color:#d0e7f0}.eni-zone{position:absolute;width:15%;height:17%;border:1px dashed #ffc0a2;border-radius:50%;background:#a1472f17;z-index:3;display:grid;place-items:center;pointer-events:none}.eni-diamond{height:24px;width:24px;border:2px solid #f0ad93;transform:rotate(45deg);background:#683d31be}.eni-zone span{position:absolute;top:72%;font-size:11px;color:#ffe0c9;white-space:nowrap;text-shadow:0 2px 3px #000}.popup{position:absolute;z-index:9;left:25px;top:155px;width:300px;background:#16232af2;border:1px solid #8b8c7555;padding:18px;box-shadow:0 12px 40px #0005;backdrop-filter:blur(15px)}.popup h3{padding-right:24px;margin:5px 0 12px}.popup p{font-size:14px}.popup .close{position:absolute;right:8px;top:8px}.panel{background:var(--panel);border-left:1px solid #3d4b4f;display:flex;flex-direction:column;overflow:hidden;z-index:10;box-shadow:-12px 0 35px #0002}.panel-heading{padding:24px 24px 14px;border-bottom:1px solid var(--line);flex:none}.panel-heading h2{margin:6px 0 7px}.subnav{display:flex;gap:0;overflow-x:auto;border-bottom:1px solid var(--line);padding:0 14px;flex:none;scrollbar-width:thin}.subnav button{border:0;border-radius:0;font-size:13px;padding:12px 10px;white-space:nowrap;border-bottom:2px solid transparent;color:#9caeb4}.subnav button.active{color:var(--gold);border-bottom-color:var(--gold)}.panel-body{padding:22px 24px;overflow:auto;scrollbar-width:thin;scrollbar-color:#56636a transparent;flex:1}.section{margin-bottom:24px}.section:last-child{margin-bottom:0}.section h3,.section h4{margin-bottom:10px}.section p+p{margin-top:10px}.rule{border-top:1px solid var(--line);margin:20px 0}.eyebrow{font-size:11px;letter-spacing:.13em;color:#b7a988;text-transform:uppercase;margin-bottom:8px}.document-title{font-family:'Barlow Condensed',sans-serif;font-size:32px;line-height:1.1;margin:8px 0 20px}.document-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:20px;font-size:13px}.document-meta small{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.notice{border-left:2px solid var(--gold);padding:4px 0 4px 13px;margin:15px 0;color:#c6c7bc;font-size:14px;line-height:1.5}.notice.red{border-color:var(--red)}.source{font-size:11px;color:#81949b;margin-top:6px}.list-item{border-bottom:1px solid var(--line);padding:14px 0;display:block;width:100%;text-align:left;border-radius:0}.list-item:first-child{padding-top:0}.list-item h4{margin-bottom:6px}.list-item p{font-size:13px}.field{margin-bottom:16px;display:block}.field>span{display:block;font-size:13px;color:#c6d0d2;margin-bottom:7px}.field small{display:block;font-size:12px;color:var(--muted);margin:5px 0;line-height:1.4}input,textarea,select{width:100%;background:#111d23;border:1px solid #43545c;border-radius:3px;color:#e1e7e8;padding:10px 11px;min-width:0}textarea{resize:vertical;min-height:90px;font-size:14px;line-height:1.55}input:focus,textarea:focus,select:focus{border-color:var(--gold)}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.form-note{font-size:12px;color:#91a1a7;line-height:1.5}.deduction{border-top:1px solid var(--line);padding:16px 0}.deduction p{font-size:14px}.deduction strong{font-weight:500;color:#e3cf9b}.deduction .row{margin-bottom:8px}.sequence-row{display:grid;grid-template-columns:48px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid #394850;font-size:13px}.sequence-row span:first-child{color:var(--gold)}.seq-visual{position:relative;height:48px;margin:10px 0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(16.66% - 1px),#46535b calc(16.66% - 1px),#46535b 16.66%)}.seq-bar{position:absolute;height:12px;left:0;border-radius:1px;background:#83bdd2;top:3px}.seq-bar.eni{background:#b7735f;top:26px}.plan-action{border-left:2px solid #759cb0;background:#122028;padding:12px 13px;margin:12px 0}.plan-action h4{font-weight:500;font-size:15px}.plan-action p{font-size:12px;margin:5px 0;color:#a4b7bf}.plan-action .time{font-family:'Barlow Condensed',sans-serif;font-size:20px;color:var(--gold)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.metric{padding:10px 0;border-top:1px solid var(--line)}.metric b{font-family:'Barlow Condensed',sans-serif;display:block;font-size:32px;font-weight:500;color:var(--gold)}.metric span{display:block;font-size:12px;color:#a6b7bc;margin-top:2px}.trace-row{padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.trace-row small{color:var(--muted);display:block;margin-top:4px}.compare{width:100%;border-collapse:collapse;font-size:12px;margin:16px 0}.compare th,.compare td{padding:10px 5px;text-align:left;border-bottom:1px solid #405059;vertical-align:top}.compare th{color:var(--gold);font-weight:500}.compare td span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.footer{display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-top:1px solid var(--line);background:#111b21;z-index:20;font-size:12px}.footer-left{display:flex;gap:18px;align-items:center}.save-state{color:#91a195;font-size:11px}.progress{width:90px;height:3px;background:#39464a;display:inline-block;vertical-align:middle;margin-right:10px}.progress span{height:100%;background:var(--gold);display:block}.timeline-dock{position:absolute;bottom:0;left:0;right:0;background:#112028f2;z-index:8;padding:16px 24px 20px;border-top:1px solid #64716a66}.timeline-track{height:32px;position:relative;margin:14px 0 5px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),#48575a calc(12.5% - 1px),#48575a 12.5%);border-bottom:1px solid #64716a}.timeline-track .now{position:absolute;top:-4px;bottom:-1px;width:2px;background:var(--gold)}.timeline-labels{display:flex;justify-content:space-between;font-size:11px;color:#a2b1b5}.timeline-tick{position:absolute;width:6px;height:6px;border-radius:50%;background:#8ac6d9;top:12px}.timeline-dock p{font-size:12px;color:#abbbc1;margin-top:8px}.event-banner{position:absolute;top:145px;left:24px;right:24px;z-index:9;padding:16px;background:#263128f2;border:1px solid #b1a778;max-width:570px;box-shadow:0 8px 22px #0004}.event-banner h3{font-size:22px;margin-bottom:7px}.event-banner p{font-size:14px}.event-banner .row{margin-top:13px}dialog{background:#162329;color:var(--ink);border:1px solid #617077;border-radius:5px;padding:0;max-width:min(1080px,94vw);max-height:90dvh;width:1080px;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#061117b8;backdrop-filter:blur(10px)}.modal-head{padding:25px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.modal-content{padding:25px 30px;overflow:auto;max-height:73dvh}.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mission-card{border:1px solid #46565c;background:#101d24;overflow:hidden}.mission-card img{width:100%;height:190px;object-fit:cover;filter:saturate(.7)}.mission-card .card-body{padding:20px}.mission-card h3{font-size:32px;letter-spacing:.07em}.mission-card p{font-size:14px;margin:12px 0 20px;min-height:90px}.mission-card button{width:100%}.mission-card.active{border-color:var(--gold)}.glossary-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.glossary-grid p{font-size:14px}.glossary-grid h3{color:var(--gold);margin-bottom:6px}.completion{font-size:47px;color:var(--gold);font-family:'Barlow Condensed',sans-serif;line-height:1.1}.empty{padding:22px 0}.empty h3{margin-bottom:12px}.empty p{color:#a5b4ba;font-size:14px;margin-bottom:18px}#toast{position:fixed;bottom:65px;left:50%;transform:translateX(-50%) translateY(15px);padding:14px 20px;background:#263b43;border:1px solid #81969d;color:#f4f1e8;z-index:100;max-width:90vw;opacity:0;pointer-events:none;transition:.2s;font-size:14px}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.checklist{padding:0;list-style:none}.checklist li{padding:9px 0;border-bottom:1px solid var(--line);font-size:13px;display:flex;gap:10px}.checklist .check{color:var(--green)}.checklist .unchecked{color:#73828b}.help-example{background:#101e26;padding:16px;margin:14px 0;border:1px solid #4d626d}.help-example p{font-size:13px}.sound-control{display:none}.mode-switch{display:flex;gap:8px;margin-bottom:22px}.mode-switch .active{border-color:var(--gold);color:var(--gold)}.hidden{display:none!important}@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 455px}.panel-body{padding:25px 30px}.map-heading h1{font-size:68px}.guide{max-width:760px}}@media(max-width:1100px){.topbar{padding:0 14px;gap:8px}.brand{min-width:115px;font-size:23px}.brand small{font-size:8px}.nav-button{font-size:18px;padding:0 9px}.workspace{grid-template-columns:minmax(0,1fr) 370px}.top-right .help-label{display:none}.map-heading{left:20px}.map-heading h1{font-size:45px}.guide{left:16px;right:16px;gap:10px;padding:13px}.guide p{display:none}.guide h3{font-size:20px}.guide button{font-size:12px;padding:8px}.guide-number{font-size:28px;padding-right:10px}.map-caption{bottom:16px}}@media(max-width:780px){.shell{height:auto;min-height:100dvh;overflow:visible;grid-template-rows:110px 1fr 48px}.topbar{flex-wrap:wrap;gap:0;height:110px;position:sticky;top:0;padding-top:8px}.brand{height:44px}.top-right{height:44px}.topnav{order:3;height:48px;width:100%;justify-content:space-between;flex:auto}.nav-button{font-size:19px;padding:0 7px}.workspace{display:flex;flex-direction:column;overflow:visible}.map{height:50dvh;min-height:350px;max-height:520px;flex-shrink:0}.panel{min-height:450px;border-left:0;border-top:1px solid var(--line);overflow:visible}.panel-body{overflow:visible}.panel-heading{padding:20px}.panel-body{padding:20px}.map-heading{top:20px}.map-heading h1{font-size:42px}.map-heading p{font-size:11px}.map-top-actions{top:15px;right:12px}.map-top-actions .layers{display:none}.guide{bottom:43px;padding:11px}.guide-number{font-size:25px}.guide h3{font-size:18px;line-height:1.1}.map-controls{bottom:107px;right:12px}.map-caption{bottom:12px;left:16px;right:16px}.compass{top:65px;right:21px}.point-label{font-size:10px}.unit-symbol{width:28px;height:20px}.unit-symbol:before,.unit-symbol:after{width:20px;left:2px;top:8px}.footer{padding:0 12px}.footer-left{gap:10px}.footer .secondary{display:none}.popup{left:15px;top:115px;width:270px}.mission-grid{grid-template-columns:1fr}.mission-card{display:grid;grid-template-columns:120px 1fr}.mission-card img{height:100%;min-height:180px}.mission-card p{min-height:0;margin:8px 0 14px;font-size:13px}.mission-card .card-body{padding:15px}.mission-card h3{font-size:26px}.modal-content{padding:20px}.modal-head{padding:20px}.glossary-grid{grid-template-columns:1fr}.event-banner{top:105px;left:15px;right:15px}.event-banner p{font-size:13px}.timeline-dock{padding:12px 16px}.clock{font-size:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Terrain and counters */
:root{--gold:#dac18b;--panel:#1a252b;--line:#35454e;--ink:#e7e9e7;--muted:#a7b5bb}.terrain{filter:saturate(.83) contrast(1.04) brightness(.98)}.map-world:after{background:linear-gradient(180deg,#15202200 22%,#15202208 65%,#10181dc9)}.map-grid{opacity:.035}.map-heading{text-shadow:0 3px 22px #25301ee6}.map-heading h1{font-size:54px;letter-spacing:.11em}.map-heading p{letter-spacing:.12em;font-size:12px}.map-heading .caps{font-size:10px;letter-spacing:.21em}.topbar{background:linear-gradient(180deg,#1d2a32,#131e24)}.panel{background:linear-gradient(135deg,#223038,#19262c 45%,#18242a)}.panel-heading{position:relative;padding-right:52px}.panel-heading h2{font-size:32px}.panel-heading .eyebrow{color:#c5b182}.panel-heading p{line-height:1.45}.context-help{position:absolute;right:22px;top:43px;width:25px;height:25px;padding:0;border-radius:50%;font-size:13px;color:var(--gold)}.subnav{padding:0 10px;background:#121f253f}.subnav button{font-size:13px;padding:13px 10px}.map-caption{pointer-events:auto}.legend-items{display:flex;gap:14px}.legend-items button{border:0;background:none;padding:0;display:flex;align-items:center;gap:7px;font-size:12px;color:#e9e5d8}.legend-items small{font-size:10px;color:#adbfbd}.legend-rect{width:16px;height:11px;border:1px solid #acd6e5;background:#385c6c}.legend-diamond{width:10px;height:10px;transform:rotate(45deg);border:1px solid #d88e75;background:#643f33;margin:0 3px}.map-coordinates{font-size:10px;letter-spacing:.09em;color:#d9d8c8}.map-controls{right:16px;bottom:110px}.map-controls button{background:#17272ccc;border:1px solid #c7c9b944;border-radius:3px}.map-top-actions button{background:#17272ccf;border-color:#d5d0b366;font-size:12px;letter-spacing:.04em}.place-point{z-index:3}.place-point .point-label{background:#1a24179e;border:0;border-bottom:1px solid #eee7c288;font-size:11px;letter-spacing:.04em;padding:4px 7px;white-space:nowrap;color:#fff4d9;text-shadow:0 1px 3px #000}.location-dot{width:6px;height:6px;background:#fff4d3;border:0;box-shadow:0 0 0 4px #544d2433}.unit-piece{position:absolute;z-index:5;width:98px;height:108px;transform:translate(-50%,-50%);padding:0;border:0;background:none;border-radius:0;filter:drop-shadow(0 4px 5px #0004);isolation:isolate;transition:filter .18s,scale .18s}.unit-piece:hover,.unit-piece:focus-visible,.unit-piece.selected{background:none;border:0;z-index:9;filter:drop-shadow(0 0 7px #eff5ed44);scale:1.08}.unit-piece .piece-art{position:absolute;bottom:32px;left:4px;width:90px;height:83px;object-fit:contain;pointer-events:none;z-index:2;filter:drop-shadow(0 5px 3px #17221855)}.piece-ground{position:absolute;left:9px;top:35px;width:81px;height:33px;border:1px solid #a9d6e199;border-radius:50%;background:radial-gradient(ellipse,#283e4633,#162a3855);box-shadow:0 0 0 3px #142b3629;z-index:1}.unit-piece.selected .piece-ground{border-color:#f2d398;box-shadow:0 0 0 4px #bca26a44,0 0 22px #ffe0aa77}.piece-ident{position:absolute;z-index:3;left:13px;right:13px;bottom:25px;display:flex;align-items:center;gap:5px;height:26px;padding:3px 6px;background:linear-gradient(#2b4a5a,#1c3543);border:1px solid #9cb9c5;border-radius:2px;box-shadow:0 3px 4px #0005}.piece-ident strong{font:600 16px 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.1em;color:#e5f3f8}.mil-symbol{width:24px;height:17px;fill:none;stroke:#c5e0e9;stroke-width:1.7;flex-shrink:0}.support-piece .piece-ident{left:2px;right:2px}.support-piece .piece-ident strong{font-size:14px}.piece-caption{position:absolute;top:86px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#fff5db;text-shadow:0 2px 4px #182220;font-size:12px;line-height:1.2;letter-spacing:.03em}.piece-caption small{display:block;font-size:10px;letter-spacing:0;color:#e8dbc0;margin-top:3px}.waiting .piece-ident{border-style:dashed}.waiting .piece-caption small{color:#efc790}.contact-marker{position:absolute;transform:translate(-50%,-50%);z-index:4;width:110px;height:90px;background:none;border:0;padding:0}.contact-marker:hover{background:none;border:0;filter:brightness(1.2)}.contact-area{position:absolute;inset:0;border:1px dashed #ffbea49c;border-radius:50%;background:radial-gradient(ellipse,#974a3033,#8d3d2210 60%,transparent)}.contact-diamond{display:grid;place-items:center;position:absolute;width:26px;height:26px;top:19px;left:41px;transform:rotate(45deg);background:linear-gradient(135deg,#875b48,#533528);border:1px solid #f5b898;box-shadow:0 2px 5px #0004}.contact-diamond b{transform:rotate(-45deg);font:600 16px 'Barlow Condensed',sans-serif;color:#ffe6d2}.contact-label{position:absolute;top:53px;left:50%;transform:translateX(-50%);font:600 14px 'Barlow Condensed',sans-serif;letter-spacing:.14em;color:#ffe8d3;text-shadow:0 1px 4px #000;white-space:nowrap}.contact-label small{display:block;font:10px 'IBM Plex Sans',Arial,sans-serif;letter-spacing:0;margin-top:2px}.secondary-contact{scale:.9}.popup{left:23px;top:140px;width:318px;border:1px solid #93a09a77;background:linear-gradient(140deg,#26373ef7,#17272df7);box-shadow:0 18px 40px #0005;border-radius:4px;padding:22px;z-index:12}.popup h3{font-size:28px}.unit-portrait{height:112px;position:relative;background:radial-gradient(ellipse at 50% 66%,#96a88d33,transparent 70%);margin:-6px 0 6px}.unit-portrait img{width:100%;height:125px;object-fit:contain;filter:drop-shadow(0 8px 5px #0004)}.availability{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #52656b;border-bottom:1px solid #52656b;padding:11px 0;margin:14px 0 10px;font-size:12px;color:#b9c6c9}.availability strong{color:var(--gold);font:24px 'Barlow Condensed',sans-serif}.choice-stack{display:grid;gap:7px;margin-top:12px}.choice-stack button{font-size:13px;text-align:left;background:#29404b;border-color:#597783}.choice-stack button:hover{border-color:var(--gold);background:#344b52}.contact-popup .notice{border-color:#d69b7d}.brief-title{font-size:39px;line-height:1.05;margin:8px 0 17px}.brief-role{font-size:16px;color:#d6dfe1;line-height:1.55;margin-bottom:20px}.brief-objective{display:grid;grid-template-columns:26px 1fr;gap:12px;margin:18px 0}.brief-index{font:22px 'Barlow Condensed',sans-serif;color:#b6a173;line-height:1.15}.brief-objective h4{font-size:14px;font-weight:500;color:#f3ebd6;margin-bottom:5px}.brief-objective p{font-size:14px;line-height:1.55;color:#b8c6cb}.brief-actions{display:grid;gap:8px;margin:22px 0}.original-order{border-top:1px solid #4a5a61;margin-top:24px;padding-top:16px}.original-order summary{font-size:13px;color:#b6c6cd;cursor:pointer;line-height:1.5}.original-order>div{margin-top:22px}.term-row{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 0}.term-button{padding:5px 8px;font-size:12px;color:#c0d4de;border-color:#506873;background:#1a303c8c;border-radius:3px}.term-button span{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid #7f9aa6;font-size:9px;line-height:10px;color:#c9dfe7;margin-left:4px}.term-explanation{max-width:650px}.term-explanation p{font-size:19px;line-height:1.6;margin:15px 0 25px}.learning-note{margin:-2px 0 24px;padding:0 0 22px;border-bottom:1px solid #4b5d65}.learning-note .eyebrow{font-size:10px;color:#ccb988}.learning-note h3{font-size:26px;line-height:1.1;margin:7px 0 11px}.learning-note p{font-size:14px;color:#c2cfd3;line-height:1.55}.worked-example{display:flex;align-items:center;text-align:left;gap:12px;width:100%;margin-bottom:24px;padding:14px;background:#2b4149;border-color:#80948d}.example-icon{font:25px 'Barlow Condensed',sans-serif;color:var(--gold);padding-right:12px;border-right:1px solid #667c80}.worked-example strong{font-size:13px;font-weight:500;display:block}.worked-example small{font-size:12px;color:#bcccd0;display:block;margin-top:5px;line-height:1.4}.first-action{margin-bottom:24px;padding-bottom:23px;border-bottom:1px solid var(--line)}.first-action h3{font-size:27px;margin:7px 0 12px}.first-action p{font-size:14px;color:#b8c9d0}.zone-choices{display:grid;gap:7px;margin-top:16px}.zone-choices button{text-align:left;font-size:13px;padding:12px;background:#243c49;border-color:#496676}.zone-choices button span{font:20px 'Barlow Condensed',sans-serif;color:var(--gold);margin-right:12px}.decision-lesson{max-width:660px;margin:auto;padding:7px 0 15px}.lesson-kicker{font-size:12px;color:var(--gold);letter-spacing:.08em;text-transform:uppercase}.decision-lesson h3{font-size:35px;margin:15px 0}.decision-lesson h4{margin:20px 0 10px}.decision-lesson .primary{margin-top:24px}.guide{bottom:69px;background:linear-gradient(110deg,#152830f2,#14222af2);border:1px solid #929e895e;border-left:3px solid var(--gold);border-radius:4px;box-shadow:0 12px 30px #0004;right:74px}.guide .eyebrow{font-size:10px;letter-spacing:.16em}.guide h3{font-size:24px}.guide p{font-size:12px;color:#a8bdc4}.guide-number{font-size:42px;color:#d9bd85;border-right-color:#64796f66}.primary{box-shadow:inset 0 1px 0 #f4e1b850,0 3px 6px #0002;background:linear-gradient(#e1c994,#c8ad74);border:1px solid #e0c697;color:#1e2b30}.primary:hover{background:linear-gradient(#efdcaf,#dcc18b)}button{border-radius:3px}textarea,input,select{background:#101f27;border-color:#506672}.footer{background:#111d24}.welcome-modal{width:1000px;max-width:94vw}.welcome-modal .modal-head{padding:18px 25px}.welcome-modal .modal-head h2{font-size:22px}.welcome-modal .modal-content{padding:0;max-height:80dvh}.welcome-layout{display:grid;grid-template-columns:1fr 1fr;min-height:510px}.welcome-scene{position:relative;min-height:420px;overflow:hidden}.welcome-scene>img{width:100%;height:100%;object-fit:cover;position:absolute;filter:saturate(.78) brightness(.78)}.welcome-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,#102029dc)}.welcome-scene-caption{position:absolute;left:30px;right:30px;bottom:34px;z-index:1}.welcome-scene-caption span{font-size:10px;letter-spacing:.22em;color:#ddcda9}.welcome-scene-caption strong{display:block;font:500 45px/1.04 'Barlow Condensed','Arial Narrow',sans-serif;color:#fff0ce;margin-top:13px}.welcome-copy{padding:37px 34px;background:linear-gradient(120deg,#27353c,#172830)}.welcome-copy h3{font-size:38px;margin:12px 0 23px}.welcome-copy p{font-size:15px;color:#c1cdd1;margin:0 0 14px;line-height:1.65}.welcome-task{border-top:1px solid #52626a;padding-top:18px;margin:23px 0}.welcome-task b{display:block;font-size:13px;color:#e9d4a7;font-weight:500}.welcome-task span{display:block;font-size:14px;color:#c4cfd1;margin-top:6px;line-height:1.5}.welcome-copy>small{font-size:11px;color:#93a8b1;display:block;text-align:center;margin-top:8px}.welcome-copy>.quiet{font-size:12px;margin-top:8px}.briefing-link{color:#c7bc9d}.clock{cursor:pointer}.clock:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.panel-body>.section>p{color:#c6d1d5}
@media(min-width:1600px){.unit-piece{scale:1.1}.unit-piece:hover,.unit-piece.selected{scale:1.18}.guide{max-width:760px}}@media(max-width:1100px){.unit-piece{scale:.88}.unit-piece:hover,.unit-piece.selected{scale:.95}.guide h3{font-size:20px}.guide-number{font-size:31px}.map-coordinates{display:none}.popup{width:290px}.piece-caption{font-size:11px}}@media(max-width:780px){.unit-piece{scale:.8}.unit-piece:hover,.unit-piece.selected{scale:.88}.contact-marker{scale:.8}.secondary-contact{scale:.7}.map-heading h1{font-size:40px}.map-heading p{font-size:10px}.guide{bottom:43px;right:16px;left:16px;padding:11px}.guide h3{font-size:18px}.guide-number{font-size:29px}.guide .eyebrow{font-size:9px}.popup{top:105px;left:12px;width:min(300px,calc(100vw - 65px));max-height:calc(50dvh - 120px);overflow:auto;padding:18px}.unit-portrait{height:85px}.unit-portrait img{height:98px}.unit-popup p{font-size:13px}.map-caption{bottom:12px}.legend-items{gap:12px}.legend-items button{font-size:10px}.legend-items small{display:none}.welcome-layout{grid-template-columns:1fr;min-height:0}.welcome-scene{min-height:180px;max-height:180px}.welcome-scene-caption{bottom:20px;left:24px}.welcome-scene-caption strong{font-size:31px;margin-top:8px}.welcome-scene-caption strong br{display:none}.welcome-scene-caption strong br:after{content:' '}.welcome-copy{padding:24px}.welcome-copy h3{font-size:30px;margin:8px 0 17px}.welcome-copy p{font-size:14px}.welcome-modal .modal-content{max-height:80dvh}.briefing-link{display:none}.brief-title{font-size:34px}.subnav button{font-size:12px}.learning-note h3{font-size:25px}}
.business-deadline{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #5a695f;border-bottom:1px solid #5a695f;padding:15px 0;margin:24px 0}.business-deadline span{font-size:13px;color:#b8c8cd}.business-deadline strong{font:32px 'Barlow Condensed',sans-serif;color:var(--gold)}.method-origin{border-top:1px solid #41545e;margin-top:26px;padding-top:17px}.method-origin button{width:100%;border:0;text-align:left;font-size:12px;padding:0;color:#b3c9d2}.method-origin span{float:right;color:var(--gold)}.parallel-intro h3{font-size:32px;margin-bottom:24px}.parallel-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.parallel-columns section{border-top:1px solid #5f7279;padding-top:16px}.parallel-columns p{margin-top:17px;line-height:1.7}.intro-missions{display:grid;gap:13px;margin:22px 0}.intro-missions>div{display:grid;grid-template-columns:112px 1fr;gap:10px}.intro-missions b{font:20px 'Barlow Condensed',sans-serif;letter-spacing:.04em;color:var(--gold);font-weight:500}.intro-missions span{font-size:13px;line-height:1.5;color:#b6c9ce}.history-year{font-size:120px!important;letter-spacing:-.03em}.history-layout .welcome-copy{padding:30px}.history-layout .welcome-copy h3{font-size:31px}.history-layout .welcome-copy p{font-size:14px;line-height:1.65}.brand{min-width:188px}.brand small{font-size:8px;letter-spacing:.15em}.legend-appui{height:10px;width:14px;border:1px solid var(--gold);margin-left:10px}.legend-items{color:#e2e4d6;font-size:12px;align-items:center}.piece-ident strong{font-size:16px}.support-piece .piece-ident strong{font-size:14px}.clock{cursor:default}.welcome-modal{max-width:1000px}.welcome-layout{min-height:530px}.subnav{scrollbar-width:thin}.subnav button{font-size:12px}.sequence-row{grid-template-columns:66px 1fr}.trace-row .gold{white-space:nowrap;font-size:12px}.brand-mark{border-radius:2px}.business-note{font-size:14px}@media(max-width:1100px){.brand{min-width:137px}.brand small{font-size:7px}.topnav .nav-button{padding:0 8px}}@media(max-width:780px){.brand{min-width:145px}.parallel-columns{grid-template-columns:1fr;gap:20px}.welcome-layout{min-height:0}.history-year{font-size:66px!important}.intro-missions>div{grid-template-columns:96px 1fr}.history-layout .welcome-copy{padding:24px}.history-layout .welcome-copy h3{font-size:29px}.sequence-row{grid-template-columns:70px 1fr}.welcome-modal{max-width:94vw}.method-origin button{font-size:13px}}
/* Decision choices: compact editorial hierarchy, explicit consequences. */
.decision-heading{margin:0 0 22px}.decision-heading h3{font-size:25px;line-height:1.14;margin-top:8px}.decision-heading p{margin-top:12px;font-size:14px;line-height:1.55;color:#b8c3c8}
.decision-card{display:flex;align-items:flex-start;gap:13px;width:100%;padding:18px 15px;margin:10px 0;text-align:left;border:1px solid #435057;background:linear-gradient(120deg,#26343b,#1d292e);border-radius:7px;transition:border-color .16s,background .16s,transform .16s;white-space:normal}
.decision-card:hover{border-color:#d5be8b;transform:translateY(-1px)}.decision-card.chosen{border-color:#d5be8b;background:linear-gradient(120deg,#3b3d32,#27332f);box-shadow:inset 3px 0 #d5be8b}.choice-check{font-size:20px;line-height:1.2;color:#d5be8b}.decision-card>span:last-child{min-width:0;flex:1}.decision-card strong{display:block;font-size:16px;line-height:1.35;color:#f0eee6;font-weight:600}.decision-card small{display:block;color:#b9c5ca;font-size:13px;line-height:1.5;margin-top:7px}.decision-card em{font-style:normal;display:block;color:#d8c49d;font-size:12px;line-height:1.5;margin-top:10px;padding-top:8px;border-top:1px solid #ffffff18}
.mandate-card{padding:21px;background:#111f26;border-left:3px solid #c9ad73;margin-bottom:20px}.mandate-card>span,.decision-context>span{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#9faeb5;margin-bottom:9px}.mandate-card h4{font-size:18px;line-height:1.4}.mandate-card p{margin:12px 0 18px;font-size:13px;line-height:1.6}.mandate-card>b{color:#dcc595;font-size:15px}
.next-decision{margin-top:22px;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:12px}.decision-context{border-left:2px solid #a79167;padding:8px 0 8px 13px;margin:0 0 20px;color:#c3cdd0;font-size:13px;line-height:1.5}.decision-context strong{display:block;color:#e4e8e6;font-weight:500}.decision-detail{margin:20px 0;color:#bfc8cc;font-size:13px}.decision-detail summary{cursor:pointer;padding:12px 0}.decision-detail p{margin:10px 0;line-height:1.5}
.plan-switch{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px}.plan-switch button{font-size:12px;padding:8px 10px}.plan-switch .active{background:#ccb581;color:#142127}.decision-steps{display:flex;border-bottom:1px solid #47535a;margin:0 0 22px;gap:4px}.decision-steps button{flex:1;padding:10px 3px;font-size:12px;border:0;border-bottom:2px solid transparent;background:transparent;border-radius:0;white-space:normal}.decision-steps button.active{color:#dbc594;border-bottom-color:#dbc594}
.consequence-panel{padding:17px;background:#13232b;border:1px solid #384951;border-radius:6px;margin:18px 0}.consequence-panel .eyebrow{font-size:10px}.consequence-line{padding-top:13px}.consequence-line+.consequence-line{margin-top:12px;border-top:1px solid #384951}.consequence-line span{font-size:12px;color:#aab9bf;display:block}.consequence-line strong{display:block;font-size:14px;line-height:1.5;margin:4px 0;font-weight:500}.consequence-line small{font-size:12px;line-height:1.5;display:block}.outcome-good{color:#9bd0bd!important}.outcome-warn{color:#e2b58a!important}.consequence-panel>p{font-size:12px;line-height:1.5;margin-top:12px}
.decision-task{padding:15px 0;border-bottom:1px solid #39464e}.decision-task>div{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#d7bd88;margin-bottom:8px}.decision-task h4{font-size:15px}.decision-task p{font-size:13px;color:#bcc6cc;margin-top:4px}.decision-task small{display:block;font-size:12px;color:#9bacb5;margin-top:7px}.task-conflict{border-left:2px solid #d4a17d;padding-left:12px}.effect-verdict{padding:15px;margin-top:18px;border-left:3px solid #cb9e74;background:#352f29}.effect-verdict.achieved{border-color:#85b7a4;background:#21352f}.effect-verdict span{display:block;font-size:11px;color:#bdc9c6;text-transform:uppercase;letter-spacing:1px}.effect-verdict b{display:block;font-size:15px;margin-top:6px;font-weight:500}.comparison-choice{border-top:1px solid #465057;padding:20px 0}.comparison-choice h4{font-size:18px;line-height:1.4}.topnav{gap:0}.topnav .nav-button{padding-left:12px;padding-right:12px}
@media(max-width:1200px){.topnav .nav-button{padding-left:7px;padding-right:7px;font-size:12px}.brand{min-width:160px}}@media(max-width:760px){.topnav{overflow-x:auto;max-width:100%}.decision-card{padding:15px 12px}.decision-steps button{font-size:11px}}
/* Decision-led execution and terrain feedback. */
.inference-block{padding:20px 0;border-top:1px solid #44545c}.inference-block h4{margin:8px 0 15px;font-size:17px;line-height:1.45}.inference-retained{color:#a9c8bb;font-size:12px;margin:12px 0}.risk-check{display:flex;gap:12px;align-items:flex-start;margin:22px 0;padding:16px;background:#14242c;border:1px solid #596669;border-radius:4px;font-size:13px;line-height:1.55}.risk-check input{width:18px;height:18px;flex:0 0 18px;margin-top:2px;accent-color:#ddc18b}.runtime-event{max-height:calc(100% - 215px);overflow:auto;width:min(540px,calc(100% - 48px));right:auto;left:24px;top:120px;background:linear-gradient(135deg,#182f39fa,#13232bfa);border:1px solid #bda97b;box-shadow:0 18px 60px #0009;padding:24px}.runtime-event h3{font-size:29px}.runtime-event>p{font-size:14px;line-height:1.55;margin-top:10px}.event-options{display:grid;gap:8px;margin-top:18px}.event-options button{text-align:left;background:#2b3b42;padding:13px 16px;border-color:#60716f}.event-options button:hover{border-color:#e1c995;background:#394b50}.event-options strong{display:block;font-size:14px;font-weight:500}.event-options small{display:block;font-size:12px;line-height:1.5;color:#bdcbd0;margin-top:6px}.event-options button:disabled{opacity:.48}.runtime-timeline{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 22px}.runtime-timeline>div{display:grid;grid-template-columns:auto auto;gap:4px 20px}.runtime-timeline .eyebrow{grid-column:1/-1;font-size:10px}.runtime-timeline strong{font:29px 'Barlow Condensed',sans-serif;color:#e9d2a1}.runtime-timeline small{font-size:12px;color:#bcc9ce;align-self:center}.runtime-timeline button{font-size:13px}.runtime-route{fill:none;stroke:#edc57d;stroke-width:.3;stroke-dasharray:1.2 .6;opacity:.8}.runtime-route.alternate{stroke:#9bccd2;stroke-dasharray:2 1}.runtime-route.moving{stroke:#f7ecd3;stroke-width:.5;animation:route-flow 2.5s linear infinite}@keyframes route-flow{to{stroke-dashoffset:-8}}.route-explanation{display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #43565e}.route-explanation p{font-size:13px}.route-swatch{width:28px;border-top:2px dashed #dfbe83;flex-shrink:0}.route-swatch.alternate{border-color:#9bccd2}.execution-summary{display:grid;grid-template-columns:1fr auto;gap:12px;padding:18px 0;margin:10px 0 20px;border-top:1px solid #43565e;border-bottom:1px solid #43565e;font-size:13px}.execution-summary b{font-weight:500;color:#dec593}.cause-card{margin:12px 0;padding:16px;background:#172e36;border-left:2px solid #bfa56e;font-size:14px;line-height:1.6}.cause-card p{font-size:13px;margin-top:8px}.cause-card small{display:block;color:#ddc594;font-size:12px;margin-top:9px}.counterfactual{padding:18px 0;border-bottom:1px solid #41535c}.counterfactual h4{font-size:17px}.counterfactual p{font-size:13px;margin:10px 0}.counterfactual small{font-size:12px;color:#b7c6ce}.piece-ident{justify-content:center}.terrain{object-fit:fill}.metric-grid .metric b{overflow-wrap:anywhere;font-size:26px}.metric-grid .metric span{line-height:1.4}.completion{font-size:30px;line-height:1.2}
@media(max-width:780px){.runtime-event{top:85px;left:12px;width:calc(100% - 24px);max-height:calc(100% - 100px);padding:16px}.runtime-event h3{font-size:24px}.runtime-timeline{padding:10px 12px;gap:8px}.runtime-timeline strong{font-size:23px}.runtime-timeline small{font-size:10px}.runtime-timeline button{font-size:11px;padding:10px}.runtime-event~.runtime-timeline{display:none}.event-options button{padding:10px}.event-options strong{font-size:12px}.event-options small{font-size:11px}}
/* Full-screen onboarding, shown before the mission. */
body.howto-pending #app{visibility:hidden}#howto{width:100vw;max-width:none;height:100dvh;max-height:none;inset:0;margin:0;padding:0;border:0;border-radius:0;background:#12212a;color:#e9ece8;overflow:hidden}#howto::backdrop{background:#12212a}.howto-shell{height:100%;display:grid;grid-template-rows:76px minmax(0,1fr) 82px}.howto-header{display:flex;justify-content:space-between;align-items:center;padding:0 4vw;border-bottom:1px solid #65747940;background:#15242d}.howto-brand{display:flex;align-items:center;gap:13px}.howto-brand>span{font:32px 'Barlow Condensed',Arial,sans-serif;border:1px solid #c3a66e;color:#d9bf86;width:40px;height:44px;display:grid;place-items:center}.howto-brand>b{font:26px 'Barlow Condensed',Arial,sans-serif;letter-spacing:.15em}.howto-brand small{display:block;font:9px 'IBM Plex Sans',Arial,sans-serif;letter-spacing:.17em;color:#9badb4;margin-top:2px}.howto-position{font:27px 'Barlow Condensed',Arial,sans-serif;color:#e6cf9e}.howto-position i{font-style:normal;color:#80939d;font-size:18px}.howto-layout{display:grid;grid-template-columns:43% 57%;min-height:0}.howto-hero{position:relative;overflow:hidden}.howto-hero>img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) brightness(.84)}.howto-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#08202b08 10%,#0a1b2380 55%,#0c1c26f5)}.howto-hero-copy{position:absolute;bottom:9%;left:9%;right:8%}.howto-hero-copy>span{font-size:10px;letter-spacing:.14em;color:#e1cfaa}.howto-hero-copy strong{display:block;font:500 clamp(34px,4.7vw,72px)/1.02 'Barlow Condensed',Arial,sans-serif;color:#f4ead4;margin:20px 0 25px}.howto-hero-copy small{font-size:10px;letter-spacing:.14em;color:#b7c5c6}.howto-copy{overflow:auto;padding:clamp(24px,3.7vw,58px) clamp(26px,5vw,78px);background:radial-gradient(ellipse at top right,#29404b,#162832 65%);scrollbar-width:thin}.howto-kicker{font-size:10px;letter-spacing:.16em;color:#d4bb85;margin-bottom:15px}.howto-copy h1{font:500 clamp(30px,3.1vw,48px)/1.08 'Barlow Condensed',Arial,sans-serif;margin:0 0 22px;letter-spacing:.005em}.howto-copy>p{font-size:15px;line-height:1.7;color:#c0ccd0;max-width:650px}.howto-copy p b{color:#f0e1c0;font-weight:500}.howto-points{margin:24px 0;display:grid;gap:17px}.howto-points>div{padding-left:16px;border-left:2px solid #b39966}.howto-points b{display:block;color:#ebdfc3;font-size:14px;font-weight:500;margin-bottom:5px}.howto-points span{display:block;font-size:13px;line-height:1.6;color:#b5c5cc}.howto-note{font-size:12px!important;color:#a7babf!important;line-height:1.6!important;margin-top:20px!important}.howto-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:16px 4vw;border-top:1px solid #65747940;background:#102029}.howto-footer button{min-height:44px;min-width:130px;font-size:13px}.howto-footer .primary{min-width:190px}.howto-progress{display:flex;gap:7px;max-width:300px;flex:1}.howto-progress>span{height:3px;background:#41525c;flex:1}.howto-progress>span.done{background:#d9bd85}.howto-definitions{display:grid;gap:13px;margin:22px 0}.howto-definitions>div{padding:15px 17px;background:#10212a;border:1px solid #52606970;border-left:2px solid #bda470}.howto-definitions b{display:block;font-size:15px;font-weight:500;color:#ecd9af}.howto-definitions span{display:block;font-size:13px;line-height:1.55;color:#c1cfd2;margin-top:7px}.howto-definitions small{display:block;font-size:12px;line-height:1.5;margin-top:8px;color:#93afb9}.howto-history summary{font-size:12px;color:#cbb98f;cursor:pointer;padding:12px 0}.howto-history p{font-size:13px;color:#acbdc5;line-height:1.65;padding-bottom:15px}.howto-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:22px 0 14px}.howto-tabs button{font-size:14px;padding:12px 8px;background:#142731;text-align:left;border-color:#485e68;white-space:normal}.howto-tabs button small{display:block;color:#a7b8be;font-size:10px;margin-bottom:5px}.howto-tabs button.active{border-color:#d8bb80;background:#39453e;color:#efdfb9}.howto-tab-panel{padding:23px;background:#10212a;border:1px solid #52626a;min-height:225px}.howto-tab-panel>span{font-size:10px;letter-spacing:.16em;color:#d2b980;text-transform:uppercase}.howto-tab-panel h2{font-size:29px;margin:10px 0 14px}.howto-tab-panel p{font-size:14px;color:#c1ced1;line-height:1.65}.howto-tab-panel>div{border-top:1px solid #4b5a5e;padding-top:13px;margin-top:17px;font-size:13px;line-height:1.5;color:#decaa3}.howto-map{position:relative;aspect-ratio:3/2;margin:20px 0 0;overflow:hidden;border:1px solid #65777d}.howto-map>img{width:100%;height:100%;object-fit:fill}.howto-map>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.howto-map path{fill:none;stroke:#f4d28b;stroke-width:.6;stroke-dasharray:2 1;filter:drop-shadow(0 1px 1px #000)}.howto-hotspot{position:absolute;transform:translate(-50%,-50%);font-size:11px;background:#142832ed;border:1px solid #e0c595;color:#f2e6cc;padding:9px;white-space:nowrap;box-shadow:0 4px 18px #0005}.howto-hotspot b{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#d9c08c;color:#172932;margin-right:5px}.howto-hotspot.seen{border-color:#aed7c0;box-shadow:0 0 0 3px #86c1a744}.howto-hotspot.team{border:0;background:transparent;display:grid;justify-items:center;padding:0}.howto-hotspot.team>img{height:75px;max-width:100px;object-fit:contain;filter:drop-shadow(0 4px 4px #0008)}.howto-hotspot.team>span:not(.capability-art){padding:5px;background:#142832ed;border:1px solid #e0c595}.howto-map-info{background:#10232c;border:1px solid #52656c;border-top:0;padding:17px;min-height:135px}.howto-map-info h4{font-size:16px;line-height:1.4}.howto-map-info p{font-size:13px;margin:7px 0;color:#b6c8cd;line-height:1.6}.howto-map-info small{font-size:11px;color:#d5c093}.howto-demo-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.howto-demo-choices button{text-align:left;background:#18313d;border-color:#607580;padding:15px;white-space:normal}.howto-demo-choices button b{display:block;font-size:15px;font-weight:500;line-height:1.4}.howto-demo-choices button span{display:block;font-size:12px;line-height:1.55;color:#b6c7ce;margin-top:8px}.howto-demo-choices button.chosen{border-color:#dfc38d;background:#3a463e;box-shadow:inset 3px 0 #d3b77d}.howto-demo-result{padding:19px;background:#10212b;border:1px solid #4c626c;min-height:210px}.howto-demo-result h2{font-size:26px}.howto-demo-result>p{font-size:13px;line-height:1.65;color:#bdcacf;margin-top:15px}.howto-result-head span{display:block;font-size:11px;color:#adbec4}.howto-result-head strong{display:block;font:28px 'Barlow Condensed',Arial,sans-serif;color:#ead4a6;margin-top:5px}.howto-gantt{margin:17px 0}.howto-gantt-times{display:flex;justify-content:space-between;font-size:10px;color:#b2c0c5;padding-left:28px;margin-bottom:10px}.howto-gantt-row{display:flex;align-items:center;gap:10px;margin:9px 0}.howto-gantt-row>b{font-size:11px;width:18px;color:#d6c192}.howto-gantt-row>div{height:21px;flex:1;position:relative;background:#2e424c}.howto-gantt-row span{position:absolute;top:2px;bottom:2px;background:#b8ced2;border-right:1px solid #132731}.howto-gantt-row span.control{background:#d8bc7e}.howto-gantt-row small{font-size:10px;color:#a9cdb9;padding-left:7px;line-height:21px}.howto-gantt>p{font-size:10px;color:#afbdc4;margin-top:11px;line-height:1.5}.howto-gantt i{display:inline-block;width:10px;height:7px;background:#b8ced2}.howto-gantt i.control{background:#d8bc7e}.howto-event{padding:19px;background:#12212b;border-left:3px solid #d7b679;margin-top:23px}.howto-event>span{font-size:10px;letter-spacing:.12em;color:#e4c692}.howto-event h2{font-size:28px;margin:11px 0}.howto-event p{font-size:13px;color:#bbcbce;line-height:1.6}.howto-event .howto-demo-choices{margin-bottom:0}.howto-feedback{margin-top:15px;min-height:78px}.howto-feedback>b{font:25px 'Barlow Condensed',Arial,sans-serif;color:#e2c791}.howto-feedback p{font-size:13px;color:#b9cbce;margin-top:8px;line-height:1.6}.howto-missions{display:grid;gap:10px;margin:22px 0}.howto-missions button{display:grid;grid-template-columns:100px 1fr;gap:17px;padding:0;overflow:hidden;text-align:left;background:#132934;border-color:#4d6570;white-space:normal}.howto-missions button>img{width:100%;height:100%;min-height:96px;object-fit:cover}.howto-missions button>span{padding:13px 15px 13px 0}.howto-missions small{font-size:9px;letter-spacing:.1em;color:#a7bcc3;display:block}.howto-missions b{font:25px 'Barlow Condensed',Arial,sans-serif;display:block;color:#eed9b0;margin:4px 0}.howto-missions em{display:block;font-style:normal;font-size:12px;color:#bed0d5;line-height:1.4}.howto-missions button.chosen{border-color:#d7bd88;background:#33433e}.howto-start-task{border-left:2px solid #d0b57e;padding-left:15px;margin-top:22px}.howto-start-task b{font-size:14px;font-weight:500;color:#e7d4b0}.howto-start-task p{font-size:13px;color:#bdcdd1;line-height:1.6;margin-top:7px}.howto-help{display:flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap}.howto-help>b{border:1px solid #9baead;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;font-size:12px}.howto-help>span{display:inline!important}
@media(min-width:1600px){.howto-copy{padding-top:65px}.howto-copy>p{font-size:17px}.howto-definitions span,.howto-points span{font-size:15px}.howto-tab-panel p{font-size:16px}.howto-map{max-height:370px;aspect-ratio:3/2}.howto-hotspot{font-size:13px}}@media(max-width:1000px){.howto-layout{grid-template-columns:35% 65%}.howto-copy{padding:28px}.howto-hero-copy strong{font-size:42px}.howto-copy h1{font-size:34px}.howto-copy>p{font-size:14px}.howto-shell{grid-template-rows:62px minmax(0,1fr) 72px}.howto-help>span{max-width:58px;white-space:normal;text-align:left;line-height:1.2}}@media(max-width:680px){.howto-layout{grid-template-columns:1fr;position:relative}.howto-hero{display:none}.howto-copy{padding:25px 20px;background:radial-gradient(ellipse at top right,#29404b,#142832 75%)}.howto-shell{grid-template-rows:59px minmax(0,1fr) 70px}.howto-header{padding:0 20px}.howto-brand>span{height:33px;width:31px;font-size:25px}.howto-brand>b{font-size:20px}.howto-position{font-size:23px}.howto-footer{padding:12px 16px;gap:10px}.howto-footer button{min-width:94px;font-size:12px;padding:10px}.howto-footer .primary{min-width:130px}.howto-progress{gap:3px}.howto-copy h1{font-size:34px}.howto-demo-choices{gap:7px}.howto-demo-choices button{padding:12px}.howto-demo-choices button b{font-size:13px}.howto-hotspot{font-size:9px;padding:5px}.howto-hotspot b{width:15px;height:15px;font-size:9px}.howto-hotspot.team>img{height:55px}.howto-tab-panel{min-height:225px}.howto-missions button{grid-template-columns:87px 1fr}.howto-help{padding:5px;font-size:10px}.howto-definitions{gap:10px}.howto-definitions>div{padding:12px 14px}}

/* Recognisable industrial capabilities, shared between map, roster and lesson. */
.capability-art{display:block;width:106px;height:106px;background-image:url('assets/capabilities.png');background-size:300% 200%;background-position:var(--sprite-x) var(--sprite-y);background-repeat:no-repeat;filter:drop-shadow(0 8px 7px #0008);flex-shrink:0;pointer-events:none}
.unit-piece .capability-art{position:absolute;width:116px;height:116px;left:50%;bottom:5px;transform:translateX(-50%);transition:filter .18s}
.unit-piece:hover .capability-art,.unit-piece:focus-visible .capability-art{filter:drop-shadow(0 0 8px #d6be8899)}
.unit-piece .piece-ident{font-size:12px;letter-spacing:.04em;min-width:64px;padding:4px 8px;background:#152126ed;border:1px solid #d6be88a0;bottom:3px}
.unit-piece .piece-caption{min-width:155px;max-width:190px;font-size:13px;white-space:normal;line-height:1.25}
.capability-roster{display:grid;gap:10px}.capability-card{display:flex;text-align:left;gap:12px;align-items:center;border:1px solid #ffffff20;background:#1d292de0;padding:10px;border-radius:8px;width:100%;color:inherit}.capability-card:hover{border-color:#d6be88}.capability-card>span:last-child{min-width:0}.capability-card small{display:block;color:#d6be88;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.capability-card strong{display:block;font-size:16px;margin:5px 0}.capability-card em{display:block;font-style:normal;font-size:14px;color:#b1c7cd}.capability-card p{font-size:14px;line-height:1.5;margin:7px 0 0}.capability-popup{max-height:calc(100% - 30px);overflow:auto}.capability-popup>.capability-art{width:160px;height:160px;margin:0 auto}.capability-popup dl{font-size:14px;line-height:1.5}.capability-popup dt{color:#d6be88;margin-top:12px;font-weight:600}.capability-popup dd{margin:4px 0 0}.brief-builder,.reasoning-review{border-top:1px solid #ffffff24;margin-top:22px;padding-top:18px}.reasoning-review p{font-size:15px;line-height:1.6}.howto-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.howto-capabilities button{min-width:0;display:flex;flex-direction:column;align-items:center;padding:10px 8px;border:1px solid #ffffff25;background:#142227;color:inherit;border-radius:8px}.howto-capabilities button.chosen{border-color:#d6be88;background:#283334}.howto-capabilities strong{font-size:14px}.howto-capabilities small{font-size:13px;line-height:1.4;margin-top:5px}.howto-capabilities .capability-art{width:90px;height:90px}.howto-capacity-explanation{background:#132329;padding:18px;border-left:3px solid #d6be88;line-height:1.55}.howto-capacity-explanation p{font-size:15px}
@media(max-width:650px){.capability-card .capability-art{width:76px;height:76px}.unit-piece .capability-art{width:92px;height:92px}.howto-capabilities{gap:6px}.howto-capabilities .capability-art{width:65px;height:65px}.capability-popup>.capability-art{width:115px;height:115px}}
.unit-piece .piece-caption{opacity:0;visibility:hidden;transform:translateY(3px);transition:opacity .15s,transform .15s;background:#111d24f2;padding:7px 10px;border:1px solid #d6be8866;border-radius:5px}.unit-piece:hover,.unit-piece:focus-visible,.unit-piece.selected{z-index:12}.unit-piece:hover .piece-caption,.unit-piece:focus-visible .piece-caption,.unit-piece.selected .piece-caption{opacity:1;visibility:visible;transform:translateY(0)}
.financial-scope{display:block;margin-top:7px;font-size:13px;line-height:1.5;color:#bdc9cc}.prepared-response{border-left:2px solid #d6be88;padding:10px 12px;margin:14px 0;background:#142329}.prepared-response b,.prepared-response span,.prepared-response small{display:block}.prepared-response span{margin:5px 0;font-size:15px}.prepared-response small{font-size:13px;color:#c1ccce}
/* Pieces sit on the ground and execute the scenario clock continuously. */
.live-piece{width:76px;height:80px;scale:1!important;transition:filter .18s!important;z-index:5}.live-piece .capability-art{width:95px;height:95px;bottom:0;filter:drop-shadow(0 5px 4px #0009);z-index:2}.live-piece .piece-ground{left:7px;top:47px;width:64px;height:24px;background:#182a32aa;border:1px solid #a2bac377;z-index:1}.live-piece .piece-ident{left:0;right:0;bottom:-9px;height:20px;font-size:11px;padding:0 3px;min-width:0;border-color:#77949f;background:#122229ed}.live-piece .live-status{position:absolute;left:50%;top:93px;transform:translateX(-50%);white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis;font-size:11px;line-height:1.4;color:#dce9e9;text-shadow:0 1px 3px #000;background:#122128ce;border-radius:3px;padding:2px 5px;pointer-events:none}.live-piece .piece-caption{left:50%;top:114px;transform:translate(-50%,3px);font-size:13px;pointer-events:none}.live-piece:hover .piece-caption,.live-piece:focus-visible .piece-caption{transform:translate(-50%,0)}.live-piece.working .piece-ground{background:conic-gradient(#cfb776 var(--activity),#19334299 0);border-color:#e4cc97;box-shadow:0 0 14px #d6be8855}.live-piece.moving .piece-ground{border-color:#87d0e4;box-shadow:0 0 12px #82c9e17a}.live-piece.moving .capability-art{animation:vehicle-roll .5s linear infinite}.live-piece.moving .live-status{color:#aee7f4}.live-piece.reserve .piece-ident{border-color:#99c7af;background:#143b31}.live-piece.unavailable{opacity:.4;filter:grayscale(1)}.live-piece.idle .live-status{opacity:.65}.live-piece:hover,.live-piece:focus-visible{z-index:15}.movement-routes{z-index:2;pointer-events:none}.live-route{fill:none;stroke:#e2ce9e88;stroke-width:.34;stroke-dasharray:1.1 .9;vector-effect:non-scaling-stroke}.live-route.active{stroke:#b1e2eb;stroke-width:2.5;stroke-dasharray:7 5;animation:route-flow .8s linear infinite;filter:drop-shadow(0 0 3px #5cdbf1)}.map-live-key{position:absolute;left:22px;top:118px;padding:6px 9px;background:#102029bd;color:#dae6e5;font-size:11px;letter-spacing:.08em;pointer-events:none;border-left:2px solid #ccba8d}.map-live-key small{display:block;font-size:12px;letter-spacing:0;color:#b8c9ce;margin-top:4px}.live-timeline{display:flex!important;flex-wrap:wrap;gap:8px 18px;align-items:center;padding:12px 16px;z-index:16;background:#102027f2;border-color:#657b80}.live-time{display:grid;grid-template-columns:auto auto;gap:0 10px;align-items:center;min-width:190px}.live-time strong{font-size:24px;font-variant-numeric:tabular-nums;grid-row:span 2}.live-time span{font-size:13px}.live-time small{font-size:12px;color:#9db5bd}.live-play-controls{display:flex;gap:7px;align-items:center;margin-left:auto}.live-play-controls button{font-size:13px;padding:7px 10px}.speed-controls{display:flex}.speed-controls button{border-radius:0;padding:7px}.speed-controls .active{background:#385059;border-color:#c2b38e}.live-time-track{width:100%;height:3px;background:#ffffff20}.live-time-track span{display:block;height:100%;background:#d6be88}.live-time-scale{width:100%;font-size:11px;color:#a8b9bf}.live-piece .piece-caption small{display:block}.place-point{z-index:3}.place-point .point-label{pointer-events:none}
@keyframes vehicle-roll{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-.6px)}}@keyframes route-flow{to{stroke-dashoffset:-24}}
@media(max-width:760px){.live-piece{width:56px;height:59px}.live-piece .capability-art{width:72px;height:72px}.live-piece .piece-ground{top:35px;width:46px;height:18px;left:5px}.live-piece .piece-ident{font-size:10px;height:17px}.live-piece .live-status{top:71px;font-size:10px;max-width:110px}.live-piece .piece-caption{top:93px}.map-live-key{top:95px;left:12px}.map-live-key small{display:none}.live-timeline{bottom:10px!important;left:10px!important;right:10px!important;padding:8px;gap:5px}.live-time{min-width:150px}.live-time strong{font-size:20px}.live-play-controls{gap:4px}.live-play-controls button{padding:5px 7px;font-size:12px}.live-time-scale{display:none}}
@media(prefers-reduced-motion:reduce){.live-piece.moving .capability-art,.live-route.active{animation:none}}
.live-piece .piece-ident{border-top:3px solid var(--role-color,#d6be88)}.live-route{stroke-width:1.2}.live-route.active{stroke-width:2.5}
/* Ground contact is the anchor; labels no longer displace the vehicle. */
.map{background:radial-gradient(ellipse at center,#26383d,#111b21 80%)}.map-world{inset:auto;overflow:visible;aspect-ratio:3/2;box-shadow:0 15px 45px #0006;--piece-size:38px}.terrain{display:block;object-fit:contain;aspect-ratio:3/2}.map-world:after{background:linear-gradient(180deg,#14232800 70%,#14232822);z-index:0}.map-heading{left:18px;top:12px;max-width:calc(100% - 185px)}.map-heading h1{font-size:28px;line-height:1.1;letter-spacing:.07em}.map-heading p{font-size:11px;margin-top:3px;letter-spacing:.025em}.map-heading .caps{display:none}.map-top-actions{top:14px}.map-live-key{display:none}.ground-roster{position:absolute;left:18px;right:18px;top:49px;display:flex;align-items:center;gap:7px;height:30px;z-index:17}.ground-roster>span{font-size:12px;color:#b7c5c8;margin-right:4px;white-space:nowrap}.ground-roster button{display:flex;align-items:center;gap:3px;min-width:42px;height:30px;padding:0 5px;background:#1e3038;border:1px solid #536a72}.ground-roster button:hover{border-color:#d6be88;background:#34474b}.ground-roster .capability-art{height:29px;width:29px;filter:none}.ground-roster b{font-size:11px}.ground-roster .ground-all{margin-left:auto;font-size:12px;padding:0 9px;white-space:nowrap}.live-piece{width:var(--piece-size)!important;height:var(--piece-size)!important;transform:translate(-50%,-86%);scale:1!important;overflow:visible}.live-piece .capability-art{width:100%!important;height:100%!important;left:0;top:0;bottom:auto;transform:none!important;filter:drop-shadow(0 2px 2px #0008)}.live-piece .piece-ground{left:22%;top:80%;width:56%;height:15%;border-width:1px;box-shadow:none;z-index:1}.live-piece .piece-ident{left:50%;right:auto;top:100%;bottom:auto;transform:translateX(-50%);height:16px;min-width:25px;width:auto;padding:0 3px;font-size:10px;border-top-width:2px;background:#10242ce8}.live-piece .live-status{top:calc(100% + 19px);font-size:11px;opacity:0;visibility:hidden}.live-piece:hover .live-status,.live-piece:focus-visible .live-status,.live-piece.selected .live-status{opacity:1;visibility:visible}.live-piece .piece-caption{top:calc(100% + 42px);min-width:155px;z-index:30}.live-piece.moving .capability-art{animation:none}.live-piece.working .piece-ground{box-shadow:0 0 7px #d6be8866}.live-piece.unavailable{opacity:.65}.live-piece::after{content:'';position:absolute;inset:-5px;pointer-events:none}.live-piece.selected .piece-ground{border:2px solid #f5d58d;box-shadow:0 0 12px #f2d397}.place-point{transform:translate(-50%,-50%)}.place-point .point-label{font-size:11px;background:#14272dcc;padding:3px 5px;border-radius:2px;transform:translateY(-23px)}.location-dot{opacity:.25}.guide{bottom:7px!important;max-height:105px;overflow:auto;padding:10px!important}.guide h3{font-size:17px}.guide p{font-size:13px;line-height:1.4}.map-caption{bottom:8px}.live-timeline{bottom:0!important;left:0!important;right:0!important}.compass{top:90px;right:10px}.map-controls{right:9px;bottom:134px}
@media(max-width:760px){.map{height:66dvh;min-height:470px;max-height:720px}.map-heading h1{font-size:25px}.map-heading p{display:none}.ground-roster{left:10px;right:10px;gap:4px}.ground-roster>span{font-size:11px}.ground-roster button{min-width:32px;padding:0 3px}.ground-roster .capability-art{width:21px;height:21px}.ground-roster .ground-all{font-size:10px;padding:0 4px}.map-heading{left:12px}.ground-roster b{font-size:10px}.live-piece .piece-ident{font-size:9px;min-width:22px}.place-point .point-label{font-size:9px;max-width:130px;white-space:normal}.map-controls{bottom:132px}.live-timeline{min-height:112px;align-content:center}.live-time-scale{display:none}}
@media(max-width:420px){.ground-roster>span{display:none}.ground-roster{gap:3px}.ground-roster .ground-all{font-size:10px}.ground-roster button{flex-shrink:0}.live-play-controls{flex-wrap:wrap}.live-time{min-width:135px}}