:root{--gold:#f4c65d;--cyan:#62c5e8;--ice:#d9e8ef;--deep:#030a0f;--panel:#0a151d;--panel2:#0e202c;--edge:#294657}html{background:#03090d}body{background:linear-gradient(180deg,rgba(2,8,12,.74),#03090d 720px),url('/images/greybridge-command-map-v1.png') center top/cover fixed no-repeat;color:var(--ice);font-family:"Segoe UI Variable","Bahnschrift",system-ui,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(80,160,190,.018) 4px),radial-gradient(circle at 50% -10%,transparent 0 36%,rgba(1,5,8,.72) 78%);z-index:-1}.topbar{min-height:94px;background:linear-gradient(180deg,rgba(3,12,18,.97),rgba(4,15,22,.9));border-bottom:1px solid #315467;box-shadow:0 10px 35px #000b,0 1px 0 rgba(98,197,232,.15);padding:0 clamp(1rem,3vw,3.5rem)}.topbar:after{content:"";position:absolute;left:0;bottom:-2px;width:28%;height:2px;background:linear-gradient(90deg,#cc3838,var(--gold),var(--cyan));box-shadow:0 0 12px var(--cyan)}.brand{min-width:max-content}.shield{width:48px;height:55px;background:linear-gradient(145deg,#ffe08b,#c48b22);filter:drop-shadow(0 0 12px rgba(244,198,93,.25));position:relative}.shield:after{content:"";position:absolute;inset:4px;clip-path:inherit;border:1px solid #241909}.shield i{font-style:normal;z-index:1}.brand>span:last-child{font-family:Bahnschrift,"Arial Narrow",sans-serif;font-size:1.1rem}.brand small{font-family:ui-monospace,monospace;letter-spacing:.2em}nav{gap:clamp(.5rem,1.2vw,1.1rem);overflow-x:auto;padding:.8rem 0}nav a,nav button{white-space:nowrap;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font:700 .68rem ui-monospace,monospace;color:#a9bcc8}nav a:hover,nav a:focus{color:var(--gold);text-shadow:0 0 10px rgba(244,198,93,.35)}main{width:min(1440px,94%);padding:clamp(1.5rem,4vw,4rem) 0}.panel,.dispatch,.grid article,.incident-list article,.campaign-operation,.case-tile{background:linear-gradient(145deg,rgba(14,32,44,.96),rgba(5,14,20,.97));border:1px solid var(--edge);box-shadow:0 18px 50px #0009,inset 0 1px rgba(255,255,255,.035);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.panel:before,.campaign-operation:before,.case-tile:before{content:"";position:absolute;inset:0 auto auto 0;width:70px;height:2px;background:var(--gold);box-shadow:0 0 12px rgba(244,198,93,.5)}.btn{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));background:linear-gradient(180deg,#183242,#0c1c26);border-color:#426275;box-shadow:inset 0 1px rgba(255,255,255,.08);font:800 .72rem ui-monospace,monospace}.btn:hover{border-color:var(--gold);transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#ffd875,#c58e29);box-shadow:0 0 22px rgba(244,198,93,.16);color:#071018}.command{background:linear-gradient(90deg,rgba(6,18,26,.94),rgba(6,18,26,.55),transparent);padding:1.5rem;border-left:3px solid var(--gold)}.command h1,.campaign-hero h1{font-family:Bahnschrift,"Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:-.02em;text-shadow:0 4px 25px #000}.eyebrow,.tag,.operation-code{font-family:ui-monospace,monospace}.campaign-hero{min-height:360px;display:grid;grid-template-columns:1fr 210px;align-items:end;padding:clamp(2rem,6vw,6rem);margin:-4rem calc(50% - 50vw) 1rem;background:linear-gradient(90deg,#020a10 0,rgba(3,12,18,.82) 42%,rgba(3,12,18,.15)),url('/images/greybridge-command-map-v1.png') center 47%/cover;border-bottom:1px solid #476575;box-shadow:inset 0 -80px 90px #03090d}.campaign-hero>div:first-child{max-width:820px}.campaign-hero h1{font-size:clamp(3rem,7vw,7rem);line-height:.88;margin:.15em 0}.campaign-hero p:not(.eyebrow){max-width:700px;color:#b7cad5;font-size:1.1rem}.hero-readout{display:grid;text-align:right;border-right:3px solid var(--gold);padding-right:1rem}.hero-readout span,.hero-readout small{font:800 .68rem ui-monospace,monospace;color:#9db2bf}.hero-readout strong{font:900 4.5rem Bahnschrift;color:var(--gold);line-height:1}.campaign-filter{display:flex;justify-content:center;gap:.35rem;margin:0 0 1.5rem;padding:.55rem;background:#061018;border:1px solid #233c4b;position:sticky;top:94px;z-index:4}.campaign-filter a{padding:.65rem 1rem;border-right:1px solid #29404e}.campaign-stack{display:grid;gap:1.25rem}.campaign-operation{padding:0;position:relative;overflow:hidden}.campaign-operation>header{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:1.5rem 1.8rem;border-bottom:1px solid #294657;background:linear-gradient(90deg,rgba(23,50,65,.72),transparent)}.campaign-operation h2{font:800 clamp(1.6rem,3vw,2.5rem) Bahnschrift;margin:.2rem 0;text-transform:uppercase}.campaign-operation header p{margin:0;color:#aebfca;max-width:800px}.mission-progress{display:grid;grid-template-columns:auto auto;align-items:start;min-width:90px;text-align:right}.mission-progress b{font:900 3.4rem Bahnschrift;color:var(--gold);line-height:.85}.mission-progress span{color:#78909e}.mission-progress small{grid-column:1/3;font:700 .62rem ui-monospace,monospace}.operation-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr)}.mission-dossier,.decision-console{padding:1.8rem}.mission-dossier{background:radial-gradient(circle at 0 0,rgba(63,121,151,.13),transparent 44%)}.mission-dossier h3{font:800 2rem Bahnschrift;margin:.4rem 0}.scene-copy{font-size:1.08rem;color:#d4e0e6}.mission-dossier dl{display:grid;gap:.7rem}.mission-dossier dl div{display:grid;grid-template-columns:100px 1fr;border-top:1px solid #273f4e;padding-top:.65rem}.mission-dossier dt{font:800 .65rem ui-monospace,monospace;color:var(--gold)}.mission-dossier dd{margin:0;color:#9fb2be}.decision-console{border-left:1px solid #2d4a5b;background:rgba(2,9,13,.46);display:grid;gap:.65rem}.decision-option{display:grid!important;grid-template-columns:22px 34px 1fr!important;gap:.65rem!important;align-items:start;border:1px solid #294657;padding:.85rem;background:#07131a;cursor:pointer;color:inherit!important}.decision-option:hover,.decision-option:has(input:checked){border-color:var(--gold);background:linear-gradient(90deg,rgba(244,198,93,.1),#07131a)}.decision-option input[type=radio]{appearance:none!important;-webkit-appearance:none!important;width:18px!important;height:18px!important;min-width:18px!important;margin:3px 0 0!important;padding:0!important;border:1px solid #6a8290!important;border-radius:50%!important;background:#030a0f!important}.decision-option input[type=radio]:checked{border:5px solid var(--gold)!important;box-shadow:0 0 12px rgba(244,198,93,.45)!important}.decision-index{font:900 1.2rem Bahnschrift;color:var(--cyan)}.decision-option b{display:block;color:#e5edf1}.decision-option small{display:block;color:#91a6b3;margin-top:.2rem}.prior-outcome{display:grid;grid-template-columns:150px 1fr;gap:1rem;padding:.75rem 1.8rem;background:rgba(74,111,63,.15);border-bottom:1px solid #35513b}.prior-outcome b{font:800 .65rem ui-monospace,monospace;color:#8bd094}.case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1rem}.case-tile{display:block;position:relative;padding:1.35rem;text-decoration:none}.case-tile>span{font:700 .65rem ui-monospace,monospace;color:var(--gold)}.case-tile h2{font-family:Bahnschrift;text-transform:uppercase}.case-tile>div{display:flex;gap:.7rem;flex-wrap:wrap}.case-tile b{font:700 .62rem ui-monospace,monospace;color:#9fc0d2}.investigation-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.intel-card{border-left:2px solid var(--cyan);background:#07141c;padding:.8rem;margin:.6rem 0}.intel-card span{display:block;font:700 .62rem ui-monospace,monospace;color:#8fa9b8}.investigation-board form{border-top:1px solid #2b4453;margin-top:1rem;padding-top:1rem}.campaign-complete{display:grid;place-items:center;text-align:center;padding:3rem;color:var(--gold)}@media(max-width:900px){.operation-body,.investigation-board{grid-template-columns:1fr}.decision-console{border-left:0;border-top:1px solid #2d4a5b}.campaign-hero{grid-template-columns:1fr;margin-top:-1.5rem}.hero-readout{display:none}.campaign-filter{top:92px;justify-content:flex-start;overflow:auto}}@media(max-width:600px){.campaign-operation>header{grid-template-columns:1fr}.mission-progress{display:none}.mission-dossier dl div,.prior-outcome{grid-template-columns:1fr}.campaign-hero{min-height:300px;padding:2rem 1.3rem}.campaign-hero h1{font-size:3.2rem}.decision-option{grid-template-columns:18px 28px 1fr!important}}