:root{--bg:#091018;--panel:#111b26;--text:#f3f6f8;--muted:#8da0af;--line:#253340;--mint:#72e6c2;--red:#ef5964;--amber:#dcae56;--wrap:min(1180px,calc(100% - 36px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 10%,rgba(69,101,135,.11),transparent 26%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit}button,a{font:inherit}
.grain{pointer-events:none;position:fixed;inset:0;z-index:100;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}
.wrap,.topbar{width:var(--wrap);margin-inline:auto}.topbar{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;position:relative;z-index:30;border-bottom:1px solid rgba(255,255,255,.055)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:900;letter-spacing:-.02em}.brand-mark{width:38px;height:38px;border:1px solid rgba(114,230,194,.34);border-radius:11px;display:grid;place-items:center;color:var(--mint);background:rgba(114,230,194,.035);font:900 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.global-status{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.02);font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.status-dot{width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 5px rgba(114,230,194,.07)}.global-status.degraded .status-dot{background:var(--amber)}.global-status.major .status-dot{background:var(--red);animation:pulse 1s ease-in-out infinite}
.top-actions{justify-self:end;display:flex;align-items:center;gap:10px}.ticket-link{text-decoration:none;color:#cbd5dc;font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}.lang-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}.lang{border:0;background:transparent;color:var(--muted);padding:7px 9px;border-radius:7px;cursor:pointer;font-weight:900;font-size:11px}.lang.active{background:#18232d;color:#fff}
.hero{min-height:690px;display:grid;grid-template-columns:.94fr 1.06fr;gap:50px;align-items:center;padding:64px 0 82px}.eyebrow,.label{color:var(--muted);font:900 11px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:23px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 6px rgba(239,89,100,.08);animation:pulse 1.5s ease-in-out infinite}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(58px,7.6vw,104px);line-height:.86;letter-spacing:-.07em;margin-bottom:28px}h1 span{display:block}h1 .accent{color:var(--mint)}.lead{font-size:19px;line-height:1.65;color:#bcc8d1;max-width:650px}.hero-actions,.closing-actions{display:flex;gap:11px;flex-wrap:wrap;margin:30px 0 16px}.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 17px;border-radius:11px;text-decoration:none;font-weight:900;font-size:13px;cursor:pointer}.btn.primary{background:var(--mint);color:#07110e;border:1px solid var(--mint)}.btn.secondary{background:#111a23;color:#e6edf1;border:1px solid var(--line)}.micro{font-size:13px;color:#718494}
.hero-scene{height:580px;position:relative;overflow:hidden;border:1px solid #253542;border-radius:27px;box-shadow:0 34px 90px rgba(0,0,0,.4);isolation:isolate}.hero-scene img{width:100%;height:100%;object-fit:cover;object-position:63% center;display:block}.scene-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,10,15,.4),transparent 44%),linear-gradient(90deg,rgba(6,10,15,.16),transparent 50%);z-index:1}
.float-ticket{width:200px;padding:13px;border-radius:14px;position:absolute;z-index:3;background:rgba(12,18,26,.92);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 45px rgba(0,0,0,.32);backdrop-filter:blur(8px)}.float-ticket>div{display:flex;align-items:center;justify-content:space-between}.float-ticket strong,.float-ticket>span{display:block}.float-ticket strong{font-size:12px;margin:9px 0 5px}.float-ticket>span,.float-ticket small{font-size:9px;color:#93a5b4}.priority{font:900 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;padding:5px 6px;border-radius:7px}.p1{color:#ffb8be;background:rgba(239,89,100,.12);border:1px solid rgba(239,89,100,.22)}.p2{color:#efd09b;background:rgba(220,174,86,.12);border:1px solid rgba(220,174,86,.2)}.p3{color:#bfd6f5;background:rgba(111,167,232,.12);border:1px solid rgba(111,167,232,.18)}
.float-ticket.one{left:18px;top:26px;animation:float1 6s ease-in-out infinite}.float-ticket.two{right:18px;top:104px;animation:float2 6.7s ease-in-out infinite}.float-ticket.three{left:34px;bottom:36px;animation:float2 7.2s .3s ease-in-out infinite}.scene-status{position:absolute;z-index:3;right:20px;bottom:20px;padding:11px 13px;border-radius:11px;background:rgba(7,12,18,.82);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px)}.scene-status span,.scene-status strong{display:block}.scene-status span{font:800 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#7f919f;letter-spacing:.09em}.scene-status strong{font:900 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--amber);margin-top:6px}
.ticker{overflow:hidden;border-top:1px solid #17232d;border-bottom:1px solid #17232d;background:#0a1118;padding:13px 0}.ticker-track{display:inline-flex;gap:46px;min-width:max-content;white-space:nowrap;animation:ticker 38s linear infinite;color:#718595;font:900 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.ticker-track span:nth-child(4n+1){color:#a8bbc8}
.incident-section,.scale-section{padding:104px 0}.section-head{display:grid;grid-template-columns:62px 1fr;gap:18px;align-items:start;margin-bottom:42px}.section-num{color:#526472;font:900 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;padding-top:6px}.label{margin-bottom:13px}h2{font-size:clamp(38px,5vw,66px);line-height:.98;letter-spacing:-.055em;margin-bottom:0;max-width:880px}
.incident-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:12px}.incident-panel,.result-panel{border:1px solid var(--line);border-radius:21px;background:linear-gradient(180deg,#111a23,#0c131b);padding:23px}.incident-meta{display:flex;align-items:center;justify-content:space-between;color:#7890a1;font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.live-label{color:#e5ba72}.incident-body{margin:22px 0}.incident-line{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start;padding:14px 0;border-bottom:1px solid #1d2933}.incident-line strong,.incident-line small{display:block}.incident-line strong{font-size:14px}.incident-line small{font-size:11px;color:#8799a8;margin-top:4px}.choice-title{font-size:13px;font-weight:900;margin:21px 0 10px}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choice{min-height:72px;border:1px solid #2a3945;border-radius:11px;background:#121d27;color:#cbd5dc;padding:10px;cursor:pointer;font-weight:800;font-size:11px}.choice:hover,.choice.selected{border-color:rgba(114,230,194,.44);background:rgba(114,230,194,.06);color:#eef9f6}
.result-panel h3{font-size:26px;letter-spacing:-.04em;margin:16px 0 10px;line-height:1.1}.result-panel>p:not(.label){color:#95a6b4;line-height:1.62;font-size:14px}.ops-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:28px 0}.ops-stats div{padding:14px;border:1px solid #22303b;border-radius:12px;background:#0c141b}.ops-stats small,.ops-stats strong{display:block}.ops-stats small{font:800 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#718391;letter-spacing:.07em}.ops-stats strong{font-size:18px;margin-top:8px}.dry-note{border-top:1px solid #22303b;padding-top:17px;color:#768a99;font-size:11px;line-height:1.5}
.scale-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.scale-grid article{padding:27px;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.02);min-height:260px}.small-tag{display:inline-block;padding:6px 7px;border:1px solid #31414e;border-radius:7px;color:#7890a0;font:900 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;margin-bottom:58px}.scale-grid h3{font-size:20px;letter-spacing:-.025em;margin-bottom:10px}.scale-grid p{color:#8ea1af;line-height:1.6;font-size:14px}.module-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.module-strip span{padding:9px 11px;border:1px solid #293744;border-radius:999px;color:#708391;font:900 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em}.module-strip span.active{color:var(--mint);border-color:rgba(114,230,194,.35);background:rgba(114,230,194,.04)}
.serious-section{padding:108px 0;background:#0b131b;border-top:1px solid #18242e;border-bottom:1px solid #18242e}.serious-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:90px;align-items:start}.serious-copy>p{font-size:16px;line-height:1.75;color:#98a9b6}.audience-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.audience-row>div{padding:17px;border:1px solid #253340;border-radius:13px;background:#0d161e}.audience-row strong,.audience-row span{display:block}.audience-row strong{font:900 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#b5c6d1;letter-spacing:.07em}.audience-row span{font-size:12px;color:#758998;margin-top:7px;line-height:1.45}
.career-tease{padding:100px 0}.career-card{display:grid;grid-template-columns:1fr .82fr;gap:70px;align-items:center;border:1px solid var(--line);border-radius:22px;padding:36px;background:linear-gradient(180deg,#101a23,#0b1219)}.career-card>div:first-child>p:last-child{color:#90a2b0;line-height:1.65;max-width:650px;margin:20px 0 0}.training-widget{border:1px solid #293846;border-radius:17px;padding:20px;background:#0b141b}.training-top,.training-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.training-top span,.training-foot{color:#788c9b;font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.training-top strong{font:900 16px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.training-name{font-size:17px;font-weight:900;margin:26px 0 12px}.training-bar{height:9px;background:#18252e;border-radius:999px;overflow:hidden}.training-bar span{display:block;width:62%;height:100%;background:var(--mint);border-radius:inherit}.training-foot{margin-top:12px}
.closing{text-align:center;padding:95px 16px;border-top:1px solid #18242e}.closing h2{margin:13px auto 18px}.closing>p:not(.label){color:#879aa8;font-size:16px;max-width:730px;margin-inline:auto}.closing-actions{justify-content:center}.status-message{min-height:23px;color:#8da0af;font:800 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:9px}.footer{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#637584;font-size:11px}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}@keyframes float1{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-13px) rotate(1deg)}}@keyframes float2{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-10px) rotate(-1deg)}}@keyframes ticker{to{transform:translateX(-50%)}}
@media(max-width:980px){.topbar{grid-template-columns:1fr auto}.global-status{display:none}.hero{grid-template-columns:1fr}.incident-grid,.serious-grid,.career-card{grid-template-columns:1fr;gap:36px}.scale-grid{grid-template-columns:1fr}.scale-grid article{min-height:0}.small-tag{margin-bottom:34px}}
@media(max-width:680px){.topbar{height:70px}.ticket-link{display:none}.brand{font-size:15px}.hero{padding-top:38px}.hero-scene{height:470px}h1{font-size:clamp(54px,19vw,82px)}.lead{font-size:17px}.hero-actions .btn{width:100%}.float-ticket{width:155px;padding:10px}.float-ticket strong{font-size:10px}.float-ticket.one{left:9px;top:12px}.float-ticket.two{right:9px;top:94px}.float-ticket.three{left:12px;bottom:24px}.section-head{grid-template-columns:38px 1fr;gap:8px}.choice-row,.ops-stats,.audience-row{grid-template-columns:1fr}.career-card{padding:24px}.footer{flex-direction:column;align-items:flex-start;padding:24px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}