/* The original Archer poster stays untouched. CRT styling surrounds real SVG data. */
:root{--bg:#07110e;--panel:#0c1b15;--line:#315344;--text:#e4f5df;--muted:#a7bcb0;--mint:#aaff91;--gold:#ffc370;--red:#ff997f;--blue:#83d9dc}
body{font:16px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;background:radial-gradient(ellipse at top,#182c20 0,transparent 65%),var(--bg)}
a{color:var(--gold)}button,input,select{border-radius:3px}button{background:#14271e;font-size:14px;transition:border-color .15s,background .15s}button:hover{background:#243d2b;border-color:var(--mint)}button.primary{background:var(--mint);box-shadow:0 0 20px #aaff911a;color:#102110}button.primary:hover{background:#d4ffc7}
.arcade-return{display:block;padding:10px 26px;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:1.5px;text-decoration:none;background:#0b1710}
header{background:#0b1710}.brand{font-family:ui-monospace,monospace;font-weight:900;letter-spacing:5px;color:var(--gold);text-shadow:2px 2px #51432d}.brand small{font-size:11px;letter-spacing:2px}.header-title,.header-title b{font-family:ui-monospace,monospace}.topline{background:#14251b;font-size:12px}.topline span b{color:var(--mint);font-size:14px}
h1,h2{font-family:ui-monospace,monospace;font-weight:800;letter-spacing:-1px}h1{font-size:32px;line-height:1.14}h2{font-size:25px}.micro{font-size:12px;color:var(--gold)}.brief{font-size:15px}.fact{font-size:13px}.crew{font:italic 14px/1.6 ui-monospace,monospace}.progress{gap:4px}.progress i{height:7px;border-radius:1px}.progress i.current{box-shadow:0 0 10px #ffc37055}
aside{background:linear-gradient(100deg,#102017aa,transparent)}.workspace{background:radial-gradient(ellipse at center,#172c22,#08140f);border:1px solid #42694d;border-radius:12px;box-shadow:inset 0 0 35px #0008,0 0 0 5px #102018,0 9px 30px #0004;overflow:hidden}.workspace:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#00000015 3px,#00000015 4px);pointer-events:none;z-index:1}.workspace svg{position:relative;z-index:2}.workspace svg text{fill:#bdcfc0}.plot-title{padding-top:18px;font-size:12px}.plot-title b{color:var(--gold)}.plot-foot{font-size:12px}.readout{font-size:13px;background:#0b1d14}.tabs button{font-size:14px;min-height:44px}.tabs button.active{background:#172e20;color:var(--mint);border-color:var(--mint)}.control-row{font-size:13px}.field label{font-size:14px;color:var(--text)}.field .help,.units,.status,summary{font-size:13px}.method,.method p{font-size:14px}.feedback{background:#183322}.feedback p{font-size:15px}.decision-header h2{font:700 19px ui-monospace,monospace}.data-table{font-size:13px}.data-table th{background:#153020}.toast{font-size:14px}.number-row input,select{background:#09170f;color:var(--mint);border-color:#54725b}.result-grid strong{font-family:ui-monospace,monospace}.report,.end-note{font-size:15px}dialog{background:#0d1c13;border-color:#71916b;border-radius:8px}dialog p,dialog li{font-size:15px}.calc-grid label{font-size:14px}.calc-out{background:#173220}
.welcome{background:radial-gradient(ellipse at 25% 30%,#20462be8,transparent 75%),#07110e;padding:clamp(24px,5vw,80px)}.welcome-inner{max-width:1350px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);column-gap:6vw;align-items:start}.welcome-inner>*{grid-column:1}.welcome-inner:after{content:'';grid-column:2;grid-row:1 / 9;align-self:center;width:100%;aspect-ratio:2/3;background:url('/assets/outsteer-archer-poster.webp') center/contain no-repeat;filter:drop-shadow(0 20px 40px #0008)}.welcome h1{font-size:clamp(42px,5.8vw,84px);line-height:1.02;letter-spacing:-3px;color:#e8f6dc;text-shadow:3px 3px #29492b}.welcome .tagline{font-size:13px;letter-spacing:1px}.welcome .intro{font-size:17px}.welcome-foot{font-size:13px}.stage-ribbon{font-size:13px;gap:16px}.welcome-actions button{min-height:52px;padding:13px 22px}.welcome-back{font-size:13px;margin-top:16px}
@media(min-width:1100px){.layout{grid-template-columns:330px minmax(0,1fr)}main{padding:26px 30px}}
@media(max-width:700px){.welcome-inner{display:block}.welcome-inner:after{display:none}.welcome{background:linear-gradient(90deg,#07110eee,#07110ebf),url('/assets/outsteer-archer-poster.webp') center/cover fixed}.welcome h1{font-size:48px;letter-spacing:-2px}.welcome .intro{font-size:16px}.welcome .brand{font-size:27px}.welcome-foot{font-size:12px}.arcade-return{padding:10px 14px}.brand small{font-size:9px}.brand{font-size:23px}.header-actions button{font-size:12px}.topline{font-size:12px}.topline span b{font-size:13px}.brief{font-size:15px}.micro{font-size:12px}.fact,.fact b{font-size:13px}.tabs{justify-content:flex-start;gap:4px}.tabs button{font-size:13px;padding:8px 10px}.decision-fields{grid-template-columns:1fr}.plot-title{font-size:12px}.plot-foot{font-size:12px;flex-wrap:wrap}.readout{font-size:13px}.control-row{font-size:13px}.field label{font-size:14px}.units{font-size:13px}.status{font-size:12px}.decision-header{align-items:flex-start;flex-direction:column}input[type=number]{width:130px;font-size:16px}.calc-grid{grid-template-columns:1fr}.workspace{overflow-x:auto}.workspace svg{min-width:580px}.workspace:after{display:none}.table-wrap{max-height:400px}.result-grid{grid-template-columns:1fr}.result-grid small{font-size:13px}.welcome-actions{flex-direction:column}.welcome-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}