:root{--bg:#06111f;--bg2:#081827;--panel:rgba(12,29,48,.86);--panel2:rgba(16,39,63,.9);--line:rgba(116,160,198,.22);--line2:rgba(116,160,198,.42);--text:#f4f8fc;--muted:#91a8bb;--cyan:#3cc8ff;--blue:#3d7ee8;--yellow:#e9bf46;--green:#3bd58a;--red:#ff6170;--orange:#f8a55f;--shadow:0 24px 70px rgba(0,0,0,.35);--r:22px;--r2:14px}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}body{overflow:hidden}button{font:inherit;cursor:pointer}svg{display:block}.sprite{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;top:-50px;left:12px;z-index:999;background:#fff;color:#000;padding:10px 12px;border-radius:10px}.skip:focus{top:12px}
.screen{display:none;position:fixed;inset:0;overflow:auto;background:radial-gradient(circle at 15% 0,rgba(39,111,177,.22),transparent 28%),linear-gradient(180deg,#071522,#050d15)}.screen.active{display:block}.glass{background:linear-gradient(180deg,rgba(15,34,55,.88),rgba(8,21,36,.92));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(14px)}.kicker{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#87a0b5;font-weight:800}.btn{min-height:48px;border-radius:13px;padding:0 17px;border:1px solid transparent;color:var(--text);font-weight:800;transition:.15s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(180deg,#f4d260,#d9ad35);color:#171202;box-shadow:0 8px 24px rgba(233,191,70,.16)}.btn.secondary{background:#11263c;border-color:var(--line2)}.btn.ghost{background:transparent;border-color:var(--line2)}.btn svg{width:17px;height:17px;display:inline-block;vertical-align:middle;margin-right:6px;fill:none;stroke:currentColor;stroke-width:1.8}
.ambient{position:absolute;inset:0;overflow:hidden}.grid{position:absolute;inset:0;background-image:linear-gradient(rgba(84,132,166,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(84,132,166,.04) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#000,transparent 86%)}.radar{position:absolute;border:1px solid rgba(60,200,255,.12);border-radius:50%}.radar:before,.radar:after{content:"";position:absolute;inset:20%;border:1px solid rgba(60,200,255,.08);border-radius:50%}.radar:after{inset:40%}.r1{width:420px;height:420px;right:7%;top:8%}.r2{width:220px;height:220px;left:8%;bottom:10%}.terrain{position:absolute;left:-3%;right:-3%;bottom:-1px;height:24vh;background:#081522;clip-path:polygon(0 100%,0 72%,8% 58%,17% 69%,26% 38%,35% 58%,45% 28%,55% 55%,65% 36%,74% 61%,84% 35%,92% 52%,100% 65%,100% 100%);opacity:.75}.brandbar{position:relative;z-index:2;display:flex;align-items:center;gap:12px;padding:22px clamp(18px,4vw,62px)}.brandmark{width:52px;height:52px;border-radius:14px;background:linear-gradient(180deg,#2867cf,#1d4f9f);display:grid;place-items:center;font-weight:900}.brandbar strong{display:block;font-size:14px;text-transform:uppercase;letter-spacing:.12em}.brandbar span{display:block;font-size:11px;color:var(--muted);margin-top:3px}.home-layout{position:relative;z-index:2;min-height:calc(100vh - 96px);display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);gap:44px;align-items:center;padding:14px clamp(18px,5vw,76px) 64px}.hero-copy h1{font-size:clamp(58px,7vw,100px);line-height:.9;letter-spacing:-.055em;margin:10px 0 18px}.hero-copy>p{font-size:clamp(18px,2vw,26px);line-height:1.4;color:#cbd7e1;max-width:760px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.profile-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:26px}.profile-strip div,.setup-summary div{border:1px solid var(--line);background:rgba(7,20,33,.64);border-radius:13px;padding:12px 13px}.profile-strip span,.setup-summary span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:800}.profile-strip b,.setup-summary b{display:block;margin-top:5px;font-size:14px}.setup{border-radius:var(--r);padding:20px;max-height:78vh;overflow:auto}.section-title,.card-head,.rail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.section-title h2,.card-head h2{margin:4px 0 0;font-size:24px}.online{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(59,213,138,.12)}.setup label{display:block;font-size:11px;color:#aebdca;font-weight:700;margin:17px 0 8px}.incident-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.picker,.role-choice,.difficulty-choice{border:1px solid var(--line);background:#0b2034;color:var(--text);border-radius:12px;text-align:left;padding:10px 11px;transition:.15s}.picker:hover,.role-choice:hover,.difficulty-choice:hover{border-color:#3f6f96;transform:translateY(-1px)}.picker.active,.role-choice.active,.difficulty-choice.active{border-color:var(--yellow);box-shadow:inset 0 0 0 1px rgba(233,191,70,.15)}.picker b,.role-choice b,.difficulty-choice b{display:block;font-size:12px}.picker span,.role-choice span,.difficulty-choice span{display:block;font-size:10px;color:var(--muted);margin-top:3px;line-height:1.25}.role-picker,.difficulty-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.locked{opacity:.45;cursor:not-allowed}.setup-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
.center-screen{place-items:center;padding:20px}.center-screen.active{display:grid}.brief,.review{width:min(820px,95vw);border-radius:var(--r);padding:26px}.brief-head,.brief-foot{display:flex;align-items:center;justify-content:space-between}.brief h1{font-size:clamp(40px,5vw,64px);line-height:1;margin:60px 0 16px}.brief p{font-size:18px;line-height:1.55;color:#c5d2dd;max-width:650px}.brief-foot{margin-top:40px}.brief-foot>div:last-child{display:flex;gap:8px}.dots{display:flex;gap:7px}.dots i{width:8px;height:8px;border-radius:50%;background:#29445c}.dots i.active{width:28px;border-radius:8px;background:var(--yellow)}
.game-screen{overflow:hidden}.shell{height:100dvh;max-width:1640px;margin:0 auto;padding:10px;display:grid;grid-template-rows:66px minmax(0,1fr);gap:10px}.top{border-radius:17px;display:flex;align-items:center;gap:12px;padding:8px 10px}.icon-btn,.tool{border:1px solid var(--line2);background:#0a2034;color:var(--text);border-radius:12px;min-height:44px;padding:0 11px;display:flex;align-items:center;gap:7px;font-weight:800}.icon-btn svg,.tool svg,.mobile-nav svg,.clock svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.incident-heading{min-width:0;margin-right:auto}.incident-heading span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);font-weight:800}.incident-heading b{display:block;font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-strip{display:flex;gap:5px}.op-chip{font-size:10px;padding:7px 9px;border-radius:9px;border:1px solid var(--line);color:#8198aa;background:#091c2e;font-weight:800}.op-chip.active{background:var(--yellow);color:#171202;border-color:var(--yellow)}.op-chip.done{background:var(--green);color:#09251a;border-color:var(--green)}.clock{display:flex;align-items:center;gap:6px}.game-grid{min-height:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) 330px;gap:10px}.ops,.decision,.rail-card{border-radius:var(--r);min-height:0}.ops{padding:15px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px}.weather,.tag{font-size:9px;text-transform:uppercase;letter-spacing:.11em;border:1px solid var(--line2);border-radius:9px;padding:6px 8px;color:#b6c4cf}.map{position:relative;overflow:hidden;border:1px solid rgba(97,145,183,.18);border-radius:16px;background:linear-gradient(180deg,#0a2741,#071827)}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(84,132,166,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(84,132,166,.07) 1px,transparent 1px);background-size:34px 34px}.scan{position:absolute;inset:-20%;background:linear-gradient(100deg,transparent 42%,rgba(60,200,255,.05) 50%,transparent 58%);animation:scan 8s linear infinite}@keyframes scan{to{transform:translateX(35%)}}.contour{position:absolute;border:1px solid rgba(69,160,215,.14);border-radius:45%}.c1{width:60%;height:55%;left:-8%;top:12%}.c2{width:52%;height:46%;right:-5%;bottom:5%}.zone{position:absolute;font-size:9px;letter-spacing:.12em;color:#698399;font-weight:800}.z1{left:8%;top:15%}.z2{right:8%;top:18%}.z3{right:12%;bottom:15%}.z4{left:10%;bottom:13%}.resource-token{position:absolute;width:34px;height:34px;border-radius:9px;background:#102e4b;border:1px solid #2e628c;display:grid;place-items:center;color:#b9cede;transition:.35s}.resource-token svg{width:20px;height:15px;fill:currentColor}.resource-token.committed{border-color:var(--yellow);color:#ffe387}.resource-token.deployed{border-color:var(--green);color:#a1efc6}.resource-token.delayed{border-color:var(--red);color:#ff9ba6}.impact-marker{position:absolute;transform:translate(-50%,-50%);background:#391821;border:1px solid rgba(255,97,112,.5);color:#ffd1d6;border-radius:9px;padding:6px 8px;font-size:10px;font-weight:800;animation:fade 4s forwards}@keyframes fade{0%,70%{opacity:1}100%{opacity:0}}.ops-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ops-metrics div{padding:9px 10px;border-radius:11px;border:1px solid var(--line);background:#091c2e}.ops-metrics span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800}.ops-metrics b{display:block;margin-top:4px;font-size:16px}
.decision{padding:15px;display:flex;flex-direction:column;overflow:hidden}.work-meta{font-size:11px;color:#8fa6b8;margin-top:6px}.prompt{font-size:clamp(24px,2.4vw,36px);line-height:1.08;font-weight:800;letter-spacing:-.035em;margin:17px 0 10px}.feedback{min-height:20px;font-size:11px;font-weight:800;color:#90a6b7}.feedback.good{color:#9deac3}.feedback.bad{color:#ff9ca7}.choices{display:grid;gap:8px}.choice{min-height:62px;border-radius:13px;border:1px solid var(--line2);background:#0c2237;color:var(--text);padding:10px 12px;display:grid;grid-template-columns:32px 1fr;gap:10px;text-align:left;align-items:center}.choice:hover{border-color:#4c7c9f}.choice .key{width:32px;height:32px;border-radius:9px;background:#153857;display:grid;place-items:center;font-weight:800}.choice .txt{font-size:13px;line-height:1.3;font-weight:700}.choice.good{border-color:var(--green);background:#0d3329}.choice.bad{border-color:var(--red);background:#321820}.tools{display:flex;gap:8px;margin-top:auto;padding-top:10px}.tool{flex:1;justify-content:center}.rail{display:grid;grid-template-rows:minmax(0,1.05fr) minmax(0,1fr) auto;gap:10px;min-height:0}.rail-card{padding:13px;overflow:hidden}.rail-head{align-items:center}.rail-head b{font-size:18px}.queue,.inventory{display:grid;gap:6px;overflow:auto;max-height:100%;margin-top:9px}.queue-item{border:1px solid var(--line);background:#091c2f;color:var(--text);border-radius:11px;padding:9px;text-align:left}.queue-item.active{border-color:var(--cyan)}.queue-item strong{display:block;font-size:11px}.queue-item span{display:block;font-size:9px;color:var(--muted);margin-top:3px}.inv{display:grid;grid-template-columns:1fr auto;gap:6px;border:1px solid var(--line);background:#091c2f;border-radius:10px;padding:8px}.inv strong{font-size:10px}.inv span{font-size:9px;color:var(--muted)}.dashboard{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:9px}.dashboard div{padding:8px;border-radius:9px;background:#091c2f;border:1px solid var(--line)}.dashboard span{display:block;font-size:8px;text-transform:uppercase;color:var(--muted)}.dashboard b{display:block;font-size:15px;margin-top:3px}.mobile-nav{display:none}
.review h1{font-size:clamp(42px,6vw,68px);margin:8px 0 10px}.review>p{color:#bccbd7;font-size:17px}.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.score-grid div{border:1px solid var(--line);border-radius:12px;background:#091d30;padding:11px}.score-grid span{display:block;font-size:8px;text-transform:uppercase;color:var(--muted)}.score-grid b{font-size:21px}.impact-list{display:grid;gap:7px;margin-bottom:18px}.impact-list div{border:1px solid rgba(255,97,112,.22);background:rgba(255,97,112,.05);border-radius:10px;padding:9px;font-size:11px;color:#d9b7bd}.results-screen.active{display:block}.results-wrap{width:min(1160px,96vw);margin:0 auto;padding:24px;display:grid;gap:12px}.result-hero{text-align:center;border-radius:var(--r);padding:28px}.result-hero h1{font-size:clamp(34px,5vw,58px);margin:7px 0 16px}.ier{width:145px;height:145px;margin:auto;border-radius:50%;border:11px solid #183751;background:radial-gradient(circle,#0e2d48,#071827);display:grid;place-items:center;align-content:center}.ier b{font-size:48px}.ier span{font-size:9px;color:var(--muted)}.final-grade{font-size:20px;font-weight:800;color:var(--yellow);margin-top:12px}.result-hero h2{font-size:19px;color:var(--yellow)}.result-hero p{color:#aebfcb}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.result-card{padding:16px;border-radius:var(--r)}.metric-row{display:grid;grid-template-columns:140px 1fr 34px;gap:8px;align-items:center;margin-top:10px}.metric-row span{font-size:11px;color:#a6b7c4}.metric-row i{height:7px;border-radius:999px;background:#10273d;overflow:hidden}.metric-row i b{display:block;height:100%;background:linear-gradient(90deg,#2d78d4,var(--cyan))}.metric-row>b{text-align:right;font-size:11px}.result-list{display:grid;gap:7px;margin-top:10px}.result-list div{padding:9px;border-radius:10px;border:1px solid var(--line);background:#091c2f;font-size:11px;line-height:1.4}.result-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.modal-back{display:none;position:fixed;inset:0;z-index:100;background:rgba(2,8,14,.72);backdrop-filter:blur(10px);place-items:center;padding:18px}.modal-back.open{display:grid}.modal{width:min(700px,96vw);max-height:86vh;overflow:auto;border-radius:var(--r);padding:22px}.modal h2{font-size:34px;margin:6px 0 10px}.modal p{color:#bbc9d5;line-height:1.5}.modal-list{display:grid;gap:7px;margin-top:12px}.modal-list div{border:1px solid var(--line);background:#091c2f;border-radius:10px;padding:9px;font-size:11px;line-height:1.4}.modal-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:18px}.leader-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.leader-tab{border:1px solid var(--line);background:#091c2f;color:var(--text);padding:7px 9px;border-radius:9px}.leader-tab.active{border-color:var(--yellow)}.mini-download{margin-top:6px;background:#10283f;color:#fff;border:1px solid var(--line2);border-radius:8px;padding:6px 8px}
@media(max-width:1180px){.game-grid{grid-template-columns:minmax(0,1fr) minmax(0,.95fr)}.rail{display:none}.shell{grid-template-rows:64px minmax(0,1fr) 68px}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;border-radius:16px;padding:6px}.mobile-nav button{border:0;background:transparent;color:#d7e0e8;display:flex;align-items:center;justify-content:center;gap:4px;flex-direction:column;font-size:9px;font-weight:800;position:relative}.mobile-nav svg{width:18px;height:18px}.mobile-nav b{position:absolute;right:12%;top:2px;background:#153655;border-radius:7px;padding:2px 4px;font-size:8px}}
@media(max-width:760px){body{overflow:hidden}.screen{overflow:auto}.home-layout{grid-template-columns:1fr;gap:18px;min-height:auto;padding:12px 14px 34px}.brandbar{padding:14px}.brandmark{width:44px;height:44px}.hero-copy h1{font-size:56px}.hero-copy>p{font-size:16px}.profile-strip{grid-template-columns:repeat(2,1fr)}.setup{max-height:none;padding:15px}.incident-picker,.role-picker,.difficulty-picker{grid-template-columns:1fr 1fr}.picker span,.role-choice span,.difficulty-choice span{display:none}.setup-summary{grid-template-columns:repeat(3,1fr)}.brief,.review{padding:18px}.brief h1{font-size:40px;margin:40px 0 12px}.brief p{font-size:15px}.game-screen{overflow:hidden}.shell{height:100dvh;padding:7px;grid-template-rows:54px minmax(0,1fr) 61px;gap:7px}.top{padding:5px 6px}.incident-heading span{display:none}.incident-heading b{font-size:15px}.op-chip{font-size:7px;padding:5px 4px}.clock{display:none}.game-grid{grid-template-columns:1fr;grid-template-rows:40% minmax(0,1fr);gap:7px}.ops{padding:9px;border-radius:17px}.card-head h2{font-size:16px}.weather{font-size:8px}.ops-metrics{grid-template-columns:repeat(4,1fr);gap:5px}.ops-metrics div{padding:6px}.ops-metrics span{font-size:6px}.ops-metrics b{font-size:13px}.decision{padding:10px;border-radius:17px}.decision .card-head h2{font-size:16px}.work-meta{font-size:9px}.prompt{font-size:20px;margin:9px 0 6px}.feedback{min-height:16px;font-size:9px}.choices{gap:5px}.choice{min-height:47px;padding:7px 8px;grid-template-columns:28px 1fr}.choice .key{width:28px;height:28px;font-size:12px}.choice .txt{font-size:11px}.tools{padding-top:6px}.tool{min-height:36px;font-size:10px}.map .zone{font-size:7px}.resource-token{width:27px;height:27px}.mobile-nav{padding:4px}.mobile-nav button{font-size:7px}.mobile-nav svg{width:17px;height:17px}.score-grid{grid-template-columns:repeat(2,1fr)}.result-grid{grid-template-columns:1fr}.results-wrap{padding:10px}.result-actions .btn{width:100%}.modal{padding:18px}.modal-actions .btn{width:100%}}
@media(max-width:430px) and (max-height:760px){.shell{grid-template-rows:50px minmax(0,1fr) 58px}.game-grid{grid-template-rows:36% minmax(0,1fr)}.prompt{font-size:18px}.choice{min-height:43px}.ops-metrics span{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}:focus-visible{outline:3px solid #8ad9ff;outline-offset:3px}