@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8e7e1;--lime:#c7ff4a;--orange:#ff5d31;--panel:#101617;--line:#283233;--muted:#8f9998;background:#080c0d;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 0,#152122 0,#080c0d 38%);min-width:320px;min-height:100vh;margin:0}button{font:inherit}.shell{min-height:100vh;padding:0 4vw 3rem}.topbar{border-bottom:1px solid var(--line);letter-spacing:.12em;color:#aab2b1;justify-content:space-between;align-items:center;height:76px;font:500 11px IBM Plex Mono,monospace;display:flex}.brand{color:#f3f1eb;align-items:center;gap:12px;font-weight:600;display:flex}.brand-mark{align-items:flex-end;gap:3px;height:18px;display:flex}.brand-mark i{background:var(--lime);width:3px;display:block}.brand-mark i:first-child{height:8px}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:12px}.eyebrow{letter-spacing:.16em;color:var(--lime);font:600 10px IBM Plex Mono,monospace}.operator{color:var(--lime)}.catalog-intro{max-width:720px;padding:6vh 0 4vh}h1{letter-spacing:-.055em;margin:.6rem 0 1rem;font-size:clamp(2.6rem,6vw,5.8rem);font-weight:500;line-height:.96}.catalog-intro>p:last-child{max-width:600px;color:var(--muted);font-size:15px;line-height:1.7}.scenario-grid{border:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.scenario-card{text-align:left;border:0;border-right:1px solid var(--line);min-height:300px;color:inherit;cursor:pointer;background:#0f1516e0;flex-direction:column;padding:20px;transition:background .2s,transform .2s;display:flex}.scenario-card:last-child{border-right:0}.scenario-card:hover{background:#182021;transform:translateY(-4px)}.card-num{color:#56605f;margin-bottom:34px;font:11px IBM Plex Mono,monospace}.card-tags{flex-wrap:wrap;gap:6px;display:flex}.card-tags span{color:var(--lime);text-transform:uppercase;border:1px solid #425035;padding:5px 7px;font:500 9px IBM Plex Mono,monospace}.scenario-card h2{margin:16px 0 10px;font-size:23px;font-weight:500}.scenario-card p{color:#aab2b1;font-size:13px;line-height:1.55}.scenario-card footer{color:#7e8988;gap:14px;margin-top:auto;padding-top:22px;font:9px IBM Plex Mono,monospace;display:grid}.scenario-card footer b{color:#e8e7e1}.prototype-note{text-align:center;color:#56605f;letter-spacing:.14em;margin-top:22px;font:9px IBM Plex Mono,monospace}.center-screen{grid-template-rows:76px 1fr;display:grid}.warning-panel{background:var(--panel);border:1px solid var(--line);place-self:center;width:min(620px,100%);padding:48px}.warning-panel h1{font-size:clamp(2.4rem,5vw,4.4rem)}.warning-panel>p{color:#c7ccca;line-height:1.65}.muted{font-size:13px;color:var(--muted)!important}.loading-panel{text-align:center;place-self:center;width:min(760px,100%);padding:40px}.loading-panel h1{font-size:clamp(2.8rem,6vw,5rem)}.loading-panel>p:last-child{max-width:640px;color:var(--muted);margin:0 auto;line-height:1.7}.loader{border:2px solid #33403f;border-top-color:var(--lime);border-radius:50%;width:34px;height:34px;margin-bottom:22px;animation:.9s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.catalog-loading,.error-panel{border:1px solid var(--line);text-align:center;min-height:240px;color:var(--muted);place-content:center;justify-items:center;padding:30px;display:grid}.error-panel p{max-width:620px;line-height:1.6}.inline-error{margin:14px 0;font-size:12px;line-height:1.5;color:#ff8b6d!important}.actions{gap:10px;margin-top:32px;display:flex}.primary,.secondary{cursor:pointer;letter-spacing:.08em;text-transform:uppercase;border:0;padding:14px 20px;font:600 11px IBM Plex Mono,monospace}.primary{background:var(--lime);color:#0a0e0e}.secondary{color:#dfe2df;background:0 0;border:1px solid #465050}.live,.channel b,.safe{color:var(--lime)}.channel{gap:22px;display:flex}.game-layout{border:1px solid var(--line);border-top:0;grid-template-columns:31% 1fr;min-height:calc(100vh - 110px);display:grid}.contact-panel{border-right:1px solid var(--line);padding:24px}.portrait{aspect-ratio:4/3;background:linear-gradient(145deg,#293233,#111718);place-items:center;display:grid;position:relative;overflow:hidden}.portrait:after{content:"";background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff06 4px);position:absolute;inset:0}.portrait span{color:#677272;font:500 clamp(3rem,7vw,7rem) IBM Plex Mono,monospace}.portrait.has-image{aspect-ratio:auto;background:#0b1011;height:clamp(250px,38vh,390px)}.portrait img{object-fit:contain;object-position:center;filter:saturate(.72)contrast(1.04);width:100%;height:100%;display:block;position:absolute;inset:0}.portrait em{color:#9ba4a3;letter-spacing:.12em;z-index:2;font:8px IBM Plex Mono,monospace;position:absolute;bottom:10px;left:12px}.source{color:var(--lime);letter-spacing:.09em;font:9px IBM Plex Mono,monospace}.contact-panel .source{color:#a8c967;margin:12px 0 0;font-size:11px;line-height:1.5}.contact-panel h2{margin:18px 0 5px;font-size:30px}.contact-panel>p:not(.source){color:#aeb6b4;font-size:14px}.contact-panel dl{border-top:1px solid var(--line);margin-top:18px;padding-top:2px}.contact-panel dt{color:#788381;letter-spacing:.05em;margin-top:14px;font:10px IBM Plex Mono,monospace}.contact-panel dd{color:#c8cecc;margin:6px 0 0;font-size:15px;line-height:1.6}.contact-panel .immediate-threat{color:#ff9a7f}.dialogue-panel{padding:24px 3vw 34px}.threat-top{color:#9da6a4;justify-content:space-between;align-items:flex-end;font:10px IBM Plex Mono,monospace;display:flex}.threat-top strong{color:var(--orange);font-size:36px;line-height:1}.threat-top small{color:#64706f;font-size:12px}.segments{grid-template-columns:repeat(10,1fr);gap:4px;margin-top:10px;display:grid}.segments i{background:#242d2e;height:7px}.segments i.on{background:linear-gradient(90deg, #adc83b, var(--orange))}.threat-scale{color:#596463;justify-content:space-between;margin-top:6px;font:8px IBM Plex Mono,monospace;display:flex}.scene{background:#0d1314;border-left:2px solid #62706d;margin:28px 0 20px;padding:14px 18px}.scene p:last-child{color:#aeb5b4;margin-bottom:0;font-size:13px;line-height:1.55}.danger-signal{background:#181210;border:1px solid #633b31;margin:24px 0 0;padding:13px 16px}.danger-signal span{letter-spacing:.12em;color:var(--orange);font:600 9px IBM Plex Mono,monospace}.danger-signal p{color:#e0c5bd;margin:6px 0 0;font-size:14px;line-height:1.5}blockquote{letter-spacing:-.025em;max-width:900px;margin:0 0 26px;padding:0;font-size:clamp(1.35rem,2.4vw,2.35rem);line-height:1.25}blockquote span{color:var(--lime);letter-spacing:.12em;margin-bottom:10px;font:9px IBM Plex Mono,monospace;display:block}.choice-heading{color:#687372;justify-content:space-between;margin-bottom:7px;font:9px IBM Plex Mono,monospace;display:flex}.choices>button:not(.send){text-align:left;color:#d6d8d4;cursor:pointer;background:#101718;border:1px solid #293334;border-bottom:0;grid-template-columns:34px 1fr 20px;align-items:center;gap:12px;width:100%;padding:12px 14px;display:grid}.choices>button:not(.send):hover,.choices>button.selected{background:#192223;border-color:#607337}.choices button span{color:#687472;font:10px IBM Plex Mono,monospace}.choices button p{margin:0;font-size:13px;line-height:1.4}.choices button b{color:var(--lime)}.send{background:var(--lime);color:#0a0d0e;letter-spacing:.1em;cursor:pointer;border:0;width:100%;margin-top:12px;padding:13px;font:600 10px IBM Plex Mono,monospace}.send:disabled{opacity:.25;cursor:not-allowed}.reaction{border:1px solid var(--line);border-left:3px solid var(--lime);background:#101617;padding:24px}.reaction h3{margin:10px 0;font-size:25px}.reaction>p:not(.eyebrow){color:#c1c7c5;line-height:1.75}.reaction .delta{margin:22px 0;font:600 12px IBM Plex Mono,monospace;color:#f0f0e9!important}.consequence{border:1px solid var(--line);background:#0b1112;margin:22px 0;padding:16px}.consequence span{color:#788482;letter-spacing:.12em;font:9px IBM Plex Mono,monospace}.consequence p{color:#aeb6b4;margin-bottom:0;font-size:13px;line-height:1.6}.result-hero{border-bottom:1px solid var(--line);padding:8vh 0 5vh}.result-hero h1{max-width:980px}.result-hero>p:last-child{color:#9fa8a6;font:13px IBM Plex Mono,monospace}.result-hero strong{color:var(--orange);font-size:20px}.danger,.bad-text,.bad{color:var(--orange)}.good-text,.good{color:var(--lime)}.debrief-grid{border:1px solid var(--line);border-top:0;grid-template-columns:1fr 1fr;display:grid}.debrief-grid article{min-height:190px;padding:30px}.debrief-grid article+article{border-left:1px solid var(--line)}.metric{font:500 46px IBM Plex Mono,monospace}.debrief-grid h2{font-size:21px}.debrief-grid p{color:#9fa8a6;font-size:13px;line-height:1.6}.terminal-narrative{max-width:900px;color:#bcc4c2!important;font:15px/1.7 Manrope,sans-serif!important}.debrief-summary,.takeaway{color:#bcc4c2;max-width:980px;padding:30px 0;line-height:1.75}.takeaway{border-top:1px solid var(--line)}.timeline{max-width:980px;padding:38px 0}.timeline>div{border-bottom:1px solid var(--line);grid-template-columns:80px 1fr 70px;align-items:center;gap:20px;display:grid}.timeline div span,.timeline div b{font:10px IBM Plex Mono,monospace}.timeline div p{color:#aeb5b3;font-size:13px;line-height:1.45}.restart{margin-bottom:30px}@media (width>=721px){.scene{padding:18px 22px}.scene p:last-child{font-size:16px;line-height:1.65}.choices>button:not(.send){grid-template-columns:38px 1fr 24px;gap:16px;padding:16px 18px}.choices button p{font-size:16px;line-height:1.5}}@media (width<=1050px){.scenario-grid{grid-template-columns:repeat(2,1fr)}.scenario-card{border-bottom:1px solid var(--line)}.game-layout{grid-template-columns:36% 1fr}}@media (width<=720px){.shell{padding:0 16px 24px}.topbar{height:62px}.operator,.game-top>span:last-child{display:none}.catalog-intro{padding-top:50px}.scenario-grid{grid-template-columns:1fr}.scenario-card{border-right:0;min-height:230px}.card-num{margin-bottom:20px}.game-layout{border:0;display:block}.contact-panel{border:1px solid var(--line);padding:14px}.portrait,.portrait.has-image{aspect-ratio:16/8;height:auto}.contact-panel dl{display:none}.contact-panel h2{margin-top:15px}.dialogue-panel{padding:24px 0}.channel span,.choice-heading span:last-child{display:none}.warning-panel{padding:28px 22px}.debrief-grid{grid-template-columns:1fr}.debrief-grid article+article{border-left:0;border-top:1px solid var(--line)}.timeline>div{grid-template-columns:60px 1fr 45px;gap:10px}}
