@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{font-family:'IBM Plex Mono',monospace;color:#e8eddf;background:#080c0b;color-scheme:dark;--lime:#d4ed9a;--muted:#869589}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer;background:#131c16;border:1px solid #344633;padding:12px 17px;font-size:11px}button:hover{border-color:var(--lime);color:var(--lime)}:focus-visible{outline:2px solid #ff865d;outline-offset:4px}header{height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #263228;background:#0b100e}.brand{font-weight:600;letter-spacing:1px;font-size:20px}.brand span,.back{font-size:10px;color:var(--muted)}.brand span{margin-left:20px}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:20;background:#080c0b;padding:20px}.stage{position:relative;height:min(820px,calc(100svh - 76px));min-height:640px;overflow:hidden;background:radial-gradient(ellipse at 53% 55%,#142c22 0%,#0a120f 43%,#080c0b 75%)}#network{position:absolute;width:100%;height:100%;inset:0;touch-action:pan-y;cursor:grab}.stage-title{position:absolute;top:48px;left:4vw;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--lime)}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px;box-shadow:0 0 12px #d4ed9a}h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(70px,9.4vw,156px);font-weight:800;line-height:.82;letter-spacing:-2px;margin:28px 0}h1 em{font-style:normal;color:var(--lime)}.stage-title p{font-size:11px;color:#8f9e90;line-height:1.8}.stage-top{position:absolute;top:24px;right:4vw;display:flex;gap:24px;font-size:10px;color:#8fa390}.stage-top span:first-child{color:var(--lime)}.stage-bottom{position:absolute;bottom:24px;left:4vw;right:4vw;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#85958b;pointer-events:none}.legend{display:flex;align-items:center;gap:10px}.legend b{width:5px;height:5px;border-radius:50%;background:#91ad97}.legend b:nth-of-type(2){background:#d4ed9a}.legend b:nth-of-type(3){background:#ff875c}.inspector{position:absolute;right:4vw;top:92px;width:238px;padding:24px;background:#0b130fd9;border:1px solid #3a51423d;backdrop-filter:blur(15px);box-shadow:0 16px 60px #0003}.inspector h2{font-family:'Barlow Condensed',sans-serif;font-size:32px;margin:14px 0}.state-badge{font-size:10px;color:var(--lime);border:1px solid #405137;padding:5px 9px}.sensor{margin-top:30px}.sensor>span{font-size:9px;color:var(--muted)}.sensor strong{display:block;font-size:30px;font-weight:400;margin:8px 0}.meter{height:3px;background:#25362b}.meter i{display:block;height:100%;background:var(--lime);width:0;transition:width .15s}dl{font-size:9px;margin:24px 0}dl div{display:flex;justify-content:space-between;border-bottom:1px solid #243329;padding:12px 0}dt{color:var(--muted)}dd{margin:0}.fly-nav{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:var(--muted)}.fly-nav button{padding:8px 12px}.cue{width:100%;margin-top:14px;background:var(--lime);color:#0d180e;border-color:var(--lime);font-weight:600}.cue:hover{background:#ecffc5;color:#0d180e}.inspector p{font-size:9px;line-height:1.7;color:var(--muted);margin-bottom:0}.command{border-block:1px solid #2d3b2c;display:flex;align-items:center;justify-content:space-between;padding:28px 4vw;gap:24px;background:#0e1510}.metric span{display:block;font-size:9px;letter-spacing:1px;color:var(--muted)}.metric strong{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:40px;color:var(--lime);margin-top:5px}.buttons{display:flex;align-items:flex-end;gap:10px}.buttons label{font-size:8px;letter-spacing:1px;color:var(--muted)}select{display:block;margin-top:7px;background:#131c16;border:1px solid #344633;padding:10px;font-size:12px;width:90px}.under{padding:40px 4vw 60px;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.distribution{display:flex;height:8px;gap:3px;margin:24px 0 12px}.distribution i{background:#91ad97;transition:width .2s}.distribution i:nth-child(2){background:#d4ed9a}.distribution i:nth-child(3){background:#ff875c}.activity>p{font-size:10px;color:var(--muted)}.leader-control{margin-top:28px;border-top:1px solid #26382b;padding-top:20px}.leader-control label{font-size:11px;display:flex;align-items:center;gap:10px}.leader-control input{accent-color:var(--lime)}.leader-control p,.notes p{color:var(--muted);font-size:11px;line-height:1.9}.notes strong{color:#bac9b8;font-weight:400}.notes a{display:inline-block;color:var(--lime);font-size:10px;margin-top:10px}.announcement{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);background:#203022;color:var(--lime);padding:12px 20px;font-size:11px;pointer-events:none;z-index:10}.announcement:empty{display:none}@media(max-width:1050px){.stage-title h1{font-size:90px}.stage-title{top:70px}.stage-title .eyebrow{max-width:180px;line-height:1.8}.command{flex-wrap:wrap}.buttons{margin-left:auto}.inspector{width:210px;padding:18px}.stage-bottom{flex-direction:column}}@media(max-width:700px){header{height:62px}.brand{font-size:16px}.brand span{display:none}.back{font-size:8px}.stage{height:auto;min-height:0;padding-top:540px;overflow:visible}#network{height:540px}.stage-title{top:40px}.stage-title h1{font-size:66px;margin:18px 0}.stage-title p{font-size:9px}.stage-title .eyebrow{font-size:8px;max-width:150px}.stage-top{top:16px;gap:12px;font-size:8px}.stage-bottom{top:490px;bottom:auto;font-size:8px}.inspector{position:relative;top:auto;right:auto;width:auto;margin:0 4vw 24px;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.inspector h2{margin:0}.inspector>.eyebrow{grid-column:1/-1}.sensor{margin:0;grid-row:3/5;grid-column:2}.inspector dl{margin:0;grid-column:1/-1}.inspector .state-badge{justify-self:start;align-self:start}.inspector p{grid-column:1/-1}.cue{margin:0}.command{gap:20px}.metric{width:calc(50% - 20px)}.metric strong{font-size:34px}.buttons{margin:0;width:100%}.under{grid-template-columns:1fr;gap:32px}.legend{gap:7px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.interventions{padding:32px 4vw;border-bottom:1px solid #2d3b2c;display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#101a12}.interventions h2{font-family:'Barlow Condensed',sans-serif;font-size:32px;line-height:1.1;color:var(--lime)}.interventions p{font-size:11px;line-height:1.8;color:var(--muted);max-width:600px}.intervention-buttons{display:flex;flex-wrap:wrap;align-content:center;gap:12px}.intervention-buttons button{min-height:46px}@media(max-width:700px){.interventions{grid-template-columns:1fr;gap:16px}}
.mission-panel{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:36px 4vw;background:linear-gradient(120deg,#22341a,#111a12);border-bottom:1px solid #557342}.mission-panel h2{font-family:'Barlow Condensed',sans-serif;font-size:40px;line-height:1;margin:20px 0;color:var(--lime)}.mission-panel p{font-size:11px;line-height:1.8;color:#a9b9a2}.mission-panel label{font-size:10px;color:var(--lime)}.mission-panel select{width:100%;margin-bottom:14px}.mission-actions{display:flex;gap:10px;flex-wrap:wrap}.mission-panel button:disabled{opacity:.4;cursor:default}.mission-panel progress{width:100%;height:12px;accent-color:var(--lime)}@media(max-width:700px){.mission-panel{grid-template-columns:1fr;gap:20px}}
.arena-panel{padding:40px 4vw;background:radial-gradient(ellipse at top right,#334a253d,transparent),#0d170f;border-bottom:1px solid #557342}.arena-panel h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(36px,5vw,60px);line-height:1;color:var(--lime);margin:22px 0}.arena-panel p{max-width:1000px;font-size:11px;line-height:1.8;color:#a9b9a2}.arena-panel button:disabled{opacity:.4}.arena-panel a,.arena-panel summary{color:var(--lime);font-size:11px;cursor:pointer}.arena-table{overflow:auto;margin:24px 0}.arena-table table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.arena-table th,.arena-table td{padding:16px;border-bottom:1px solid #344633}.arena-table caption{text-align:left;margin-bottom:12px;color:var(--muted)}.arena-replay-controls{display:flex;align-items:center;gap:16px;margin-top:24px;flex-wrap:wrap;font-size:10px}.arena-replay-controls select{margin:0}

@media(min-width:1200px){body>header,body>main{max-width:1560px;margin-inline:auto}header{padding-inline:48px}.stage-title{left:48px}.stage-title h1{font-size:112px}.stage{max-height:760px}.inspector{right:48px}.command,.under,.interventions,.mission-panel,.arena-panel{padding-left:48px;padding-right:48px}.command .metric strong{font-size:34px}.arena-panel h2{font-size:50px}.mission-panel h2{font-size:36px}}