:root{--bg: #0d0d1a;--panel: #12121f;--paper: #d8d0b8;--paper-ink: #25221d;--border: #2a2a42;--text: #e2e2f0;--dim: #8888aa;--accent: #4fc3d9;--stamp: #4fc3d9;--archive: #c49a45;--safe: #44bb66;--danger: #ee4444}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;overflow-x:hidden;background:var(--bg);color:var(--text);font:13px/1.55 JetBrains Mono,monospace}button{font:inherit}#app{min-height:100vh;max-width:1280px;margin:auto;border-inline:1px solid var(--border);position:relative}#header{min-height:62px;padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:baseline;justify-content:space-between;gap:18px;background:#0d0d1af0}.brand{color:var(--stamp);font-size:22px;font-weight:700;letter-spacing:5px;text-shadow:0 0 18px rgba(79,195,217,.35)}.brand-sub{margin-left:18px;color:var(--dim);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.text-button{border:0;background:none;color:var(--dim);cursor:pointer;font-size:10px;text-transform:uppercase}.text-button:hover{color:var(--text)}.panel{padding:16px;overflow-y:auto;background:var(--panel)}.panel-title{color:var(--dim);border-bottom:1px solid var(--border);padding-bottom:6px;margin-bottom:12px;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.desk{display:grid;grid-template-columns:275px minmax(360px,1fr) 275px;min-height:calc(100vh - 62px)}.status-panel{border-right:1px solid var(--border)}.route-panel{border-left:1px solid var(--border)}.day-number{color:var(--accent);font-size:48px;line-height:1;font-weight:700}.stat-row{display:flex;justify-content:space-between;align-items:center;margin:4px 0}.stat-label{color:var(--dim);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.dots{display:flex;gap:4px}.dot{width:9px;height:9px;border-radius:50%;border:1px solid var(--border)}.dot.filled-trust{background:var(--safe);border-color:var(--safe)}.dot.filled-insight{background:var(--danger);border-color:var(--danger)}.briefing{color:var(--dim);font-size:11px;font-style:italic;margin:10px 0 16px}.incidents-title{margin-top:18px}.incident-log{list-style:none;padding:0;margin:0;display:grid;gap:8px}.incident-log li{font-size:10.5px;padding:8px;border-left:2px solid var(--border);background:#ffffff05}.incident-log li b{display:block;color:var(--accent);margin-bottom:2px}.incident-log li.ok{border-left-color:var(--safe)}.incident-log li.bad{border-left-color:var(--danger)}.regulations{display:grid;gap:10px}.reg{font-size:11px}.reg .num{color:var(--accent);font-weight:700;margin-right:6px}.reg .note{display:block;color:var(--dim);font-size:10px;margin-top:2px}.work-area{padding:30px;display:grid;place-items:center;min-height:calc(100vh - 62px)}.report{width:100%;max-width:640px;background:var(--paper);color:var(--paper-ink);padding:30px 34px;border-radius:2px;box-shadow:0 10px 40px #00000080;position:relative;min-height:420px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;font-size:11px;margin-bottom:14px;border-bottom:1px dashed rgba(37,34,29,.3);padding-bottom:14px}.report-grid .field-label{text-transform:uppercase;font-size:9px;opacity:.6;display:block}.report-grid .full{grid-column:1 / -1}.report-marks{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.mark{border:1px solid rgba(37,34,29,.4);padding:2px 8px;font-size:9px;letter-spacing:.06em;text-transform:uppercase}.report-body{font-size:14px;line-height:1.6;white-space:pre-wrap}.result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d0d1af0;color:var(--text);display:grid;place-items:center;text-align:center;padding:30px}.result-title{font-size:32px;font-weight:700;letter-spacing:.08em;margin-bottom:14px}.result-title.correct{color:var(--safe)}.result-title.wrong{color:var(--danger)}.consequence{border:1px solid var(--border);padding:14px 18px;margin:14px 0;font-size:12px;color:var(--dim);max-width:480px}.consequence span{display:block;color:var(--accent);font-size:9px;letter-spacing:.1em;margin-bottom:6px}.routes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.route-button{text-align:left;background:var(--panel);border:1px solid var(--border);color:var(--text);padding:12px;cursor:pointer}.route-button b{display:block;color:var(--accent);font-size:11px;letter-spacing:.05em;margin-bottom:3px}.route-button span:not(.key){display:block;color:var(--dim);font-size:10px}.route-button.selected{border-color:var(--accent);background:#4fc3d914}.route-button .key{float:right;color:var(--dim);font-size:9px}.stamp-button{margin-top:14px;width:100%;padding:12px;background:var(--accent);color:var(--bg);border:0;font-weight:700;letter-spacing:.1em;cursor:pointer}.stamp-button:disabled{opacity:.3;cursor:not-allowed}.primary{background:var(--accent);color:var(--bg);border:1px solid var(--accent);padding:12px 20px;font-weight:700;letter-spacing:.1em;cursor:pointer}.shift-end-screen,.intro-screen,.end-screen{min-height:calc(100vh - 62px);display:grid;place-items:center;padding:30px;background:radial-gradient(circle,#17222a 0,var(--bg) 66%)}.intro-screen{grid-template-columns:auto minmax(280px,540px);gap:clamp(30px,7vw,90px);background:linear-gradient(#0d0d1a99,#0d0d1ae0),url(/intro.webp) center / cover no-repeat}.end-screen.victory{background:linear-gradient(#0d0d1a8c,#0d0d1ad9),url(/survived.webp) center / cover no-repeat}.end-screen.failure{background:linear-gradient(#0d0d1a8c,#0d0d1ad9),url(/gameover.webp) center / cover no-repeat}.seal{width:clamp(160px,25vw,260px);aspect-ratio:1;display:grid;place-items:center;border:8px double var(--stamp);border-radius:50%;color:var(--stamp);font:700 clamp(70px,12vw,120px)/1 "Special Elite";transform:rotate(-8deg);opacity:.85;box-shadow:0 0 60px #4fc3d940;background:#0d0d1a59;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);text-align:center}.intro-copy h1{margin:0;color:var(--stamp);font-size:clamp(44px,8vw,76px);letter-spacing:.12em;line-height:1}.intro-sub{color:var(--dim);font-size:10px;letter-spacing:.15em;text-transform:uppercase}.intro-copy>p:not(.intro-sub){color:#b0b0c4}.shift-end-card,.end-card{width:min(620px,100%);padding:clamp(24px,5vw,50px);border:1px solid var(--border);background:#12121fd1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;position:relative}.end-card h1{color:var(--text)}.end-card>p,.shift-end-card>p{color:var(--dim)}.audit-stamp{display:inline-block;padding:8px 16px;border:3px solid var(--safe);color:var(--safe);font-size:18px;font-weight:700;letter-spacing:.12em;transform:rotate(-4deg);background:#0d0d1a4d}.failure .audit-stamp{border-color:var(--danger);color:var(--danger)}.final-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.final-stats div{padding:12px;border:1px solid var(--border)}.final-stats dt{color:var(--dim);font-size:9px;text-transform:uppercase}.final-stats dd{margin:4px 0 0;font-size:20px}.help-dialog{background:var(--panel);color:var(--text);border:1px solid var(--border);max-width:520px;padding:24px}.help-dialog::backdrop{background:#0009}.dialog-close{float:right;background:none;border:0;color:var(--dim);cursor:pointer}@media(max-width:700px){#app{border:0}.brand-sub{display:block;margin:2px 0 0}.desk{display:block}.status-panel{border-right:0;border-bottom:1px solid var(--border)}.regulations{max-height:180px;overflow-y:auto}.work-area{min-height:560px;padding:18px 12px}.report{min-height:500px;padding:24px 18px}.report-grid{grid-template-columns:1fr}.routes{grid-template-columns:1fr 1fr}.intro-screen{grid-template-columns:1fr;text-align:center}.seal{width:130px;margin:auto}.final-stats{grid-template-columns:1fr}}
