/* Incremental visual pass: a clinical incident-file UI, not a generic game overlay. */
:root{--mint:#a7bca5;--amber:#d4a56a;--cream:#ece8d9;--line:rgba(204,211,189,.17);--panel:rgba(14,22,23,.84)}
.app{background:radial-gradient(ellipse at 52% -12%,#293735 0,#121c1e 48%,#0b1113 100%)}
.topbar{background:linear-gradient(90deg,rgba(9,16,18,.54),transparent 70%);border-bottom-color:rgba(205,214,195,.13)}
.brand-mark{transform:rotate(45deg);border-radius:1px;border-color:#91a896}.brand-mark span{background:#d7af77}.brand-sub{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}
.sound-toggle{border-radius:2px;background:rgba(206,217,194,.035)}.sound-toggle:hover{border-color:#c49b67;color:#e9d4ae}
.viewport{border-color:rgba(198,213,192,.16);background:#101819}.viewport:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.11;background-image:repeating-linear-gradient(0deg,transparent 0 31px,rgba(188,200,183,.12) 32px,transparent 33px);mask-image:linear-gradient(transparent,#000 20%,#000 78%,transparent)}
.mission-card{border-radius:2px;background:linear-gradient(112deg,rgba(14,23,24,.93),rgba(16,24,24,.75));border:1px solid rgba(197,211,188,.18);border-left:2px solid #a9be9c;backdrop-filter:blur(9px)}
.card-kicker{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.objective-text{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:16px;letter-spacing:.01em}.mission-progress{margin-top:11px;padding:8px 0 1px;border-top:1px solid rgba(200,210,188,.12)}.progress-meta{display:flex;justify-content:space-between;color:#77877d;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.progress-meta span:last-child{color:#d3b37c}.progress-track{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:7px}.progress-track i{height:2px;background:rgba(180,193,176,.2);transition:background .25s,box-shadow .25s}.progress-track i.done{background:#8aa18d}.progress-track i.current{background:#d5ae72;box-shadow:0 0 8px rgba(213,174,114,.52)}
.map-card{border-radius:2px;background:rgba(13,21,22,.86);border-color:rgba(191,207,188,.2);box-shadow:0 12px 40px #0004}.map-head{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.map-key{background:#d5ae72;box-shadow:0 0 8px #d5ae72}.room-tag{border-radius:2px;background:rgba(13,20,21,.78);font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}.interact-prompt{border-radius:2px;border-color:rgba(211,177,125,.35);background:rgba(13,20,21,.94)}.keycap{border-radius:1px;background:#d7c7a1}.status-pill{border-radius:2px;background:rgba(14,22,22,.8)}
.intro{background:linear-gradient(90deg,rgba(7,13,15,.82),rgba(7,13,15,.45) 53%,rgba(7,13,15,.73));backdrop-filter:saturate(.75)}.intro-panel{border-radius:1px;background:linear-gradient(135deg,rgba(17,28,29,.96),rgba(10,17,19,.93));border-color:rgba(190,209,189,.23);border-left:2px solid #a5bc9e;box-shadow:0 28px 110px #000b}.intro-panel:before{content:"КЛИНИЧЕСКИЙ АРХИВ · ФОРМА 01-Б";position:absolute;right:18px;top:16px;color:rgba(190,203,183,.42);font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.intro-panel:after{width:54px;height:54px;right:0;top:0;border-color:rgba(194,209,185,.32)}.eyebrow{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.intro h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:.035em}.intro h1 span{font-family:var(--sans);font-weight:650}.intro p{max-width:410px;color:#b4bdb2}.start-button,.restart-button{border-radius:1px;background:rgba(143,166,136,.12);border-color:rgba(196,178,133,.58)}.start-button:hover,.restart-button:hover{background:rgba(143,166,136,.22);border-color:#dbc18d}.intro-footer{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.controls-note{color:#829087}.mobile-note{display:none}.ending-panel{border-radius:1px;background:linear-gradient(145deg,rgba(17,28,29,.97),rgba(10,17,19,.96))}
.footer{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;border-top:1px solid rgba(197,210,192,.08)}
button{transition:background-color .18s,border-color .18s,color .18s,transform .18s}button:focus-visible{outline:2px solid #e0bf81;outline-offset:3px}.graphics-warning:not(.hidden){display:block;margin:0 0 18px;padding:10px 12px;border-left:2px solid #d58a72;background:rgba(145,66,54,.13);color:#edb9a4;font-size:12px;line-height:1.5}.start-button:disabled{opacity:.4;cursor:not-allowed;transform:none}
@media(max-width:760px){.mission-card{width:min(320px,calc(100% - 139px))}.objective-text{font-size:13px}.mission-progress{margin-top:7px;padding-top:6px}.progress-meta{font-size:6px}.progress-track{margin-top:5px}.intro-panel:before{font-size:6px;right:11px;top:12px}.intro h1{font-size:clamp(27px,8vw,43px)}.map-card{background:rgba(13,21,22,.92)}.desktop-note{display:none}.mobile-note{display:block;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.progress-track i,button{transition:none!important}}