.game-screen { padding: 0; background: #071115; }
.mission-bar { display: grid; min-height: 72px; padding: 10px clamp(12px, 2.4vw, 32px); grid-template-columns: minmax(230px, 1fr) minmax(250px, .8fr) minmax(290px, 1fr); align-items: center; gap: 26px; border-bottom: 1px solid var(--line); background: #091519; }
.mission-name { display: flex; align-items: center; gap: 11px; }.mission-name small, .mission-name strong { display: block; }.mission-name small { color: var(--mint); font: 700 .51rem/1.2 var(--mono); letter-spacing: .12em; }.mission-name strong { margin-top: 3px; font-size: .72rem; letter-spacing: .05em; }
.back-button { flex: 0 0 auto; }.mission-progress { display: grid; grid-template-columns: 52px minmax(0,1fr); align-items: center; gap: 11px; }.mission-progress small, .mission-progress strong { display: block; }.mission-progress small { color: var(--muted); font: .48rem/1 var(--mono); }.mission-progress strong { margin-top: 4px; font: 700 .65rem/1 var(--mono); }.progress-track { height: 5px; overflow: hidden; border-radius: 999px; background: var(--surface-3); }.progress-track i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--mint),var(--blue)); transition: width .35s ease; }
.mission-stats { display: grid; grid-template-columns: repeat(3,1fr); }.mission-stats > span { padding: 0 15px; border-left: 1px solid var(--line); }.mission-stats small, .mission-stats strong { display: block; }.mission-stats small { color: var(--muted); font: .47rem/1 var(--mono); }.mission-stats strong { margin-top: 5px; font: 800 .73rem/1 var(--mono); }.mission-stats span:nth-child(2) strong { color: var(--amber); }.mission-stats span:last-child strong { color: var(--mint); }
.investigation-grid { display: grid; min-height: calc(100vh - 142px); grid-template-columns: minmax(220px, .7fr) minmax(430px, 1.55fr) minmax(270px, .85fr); }
.panel { min-width: 0; border-right: 1px solid var(--line); background: #0a1519; }.panel:last-child { border-right: 0; }.panel-title { display: flex; min-height: 43px; padding: 10px 13px; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); color: #b4c2c6; background: rgba(255,255,255,.018); font: 700 .52rem/1 var(--mono); letter-spacing: .09em; }.panel-title small { color: var(--dim); font: .48rem/1 var(--mono); }
.case-sidebar { display: flex; flex-direction: column; }.suspect-card { padding: clamp(13px, 2vw, 20px); border-bottom: 1px solid var(--line); }.suspect-photo { position: relative; overflow: hidden; border: 1px solid var(--line-bright); background: var(--surface-2); }.suspect-photo::after { position: absolute; inset: 0; background: repeating-linear-gradient(transparent 0 3px,rgba(3,10,12,.15) 4px); content: ""; }.suspect-photo img { width: 100%; max-height: 250px; object-fit: cover; object-position: center 32%; filter: saturate(.7) contrast(1.05); }.suspect-photo span { position: absolute; z-index: 1; right: 7px; bottom: 7px; padding: 5px 6px; border: 1px solid var(--mint); color: var(--mint); background: rgba(4,12,15,.8); font: 700 .47rem/1 var(--mono); }.suspect-copy { padding: 14px 0 11px; }.suspect-copy small { color: var(--red); font: 700 .48rem/1 var(--mono); letter-spacing: .1em; }.suspect-copy h3 { margin: 6px 0 3px; font-size: 1rem; }.suspect-copy p { margin: 0; color: var(--muted); font: .55rem/1.4 var(--mono); }.suspicion { padding-top: 10px; border-top: 1px solid var(--line); }.suspicion > span { display: block; color: var(--muted); font: .46rem/1 var(--mono); }.suspicion div { display: flex; margin: 8px 0 6px; gap: 4px; }.suspicion i { width: 18%; height: 4px; background: var(--line); }.suspicion i:nth-child(-n+3) { background: var(--amber); }.suspicion b { color: var(--amber); font: 700 .49rem/1 var(--mono); }
.suspect-board { display: grid; padding: 11px; gap: 7px; border-bottom: 1px solid var(--line); }.suspect-file { display: grid; min-height: 78px; padding: 7px; grid-template-columns: 58px minmax(0,1fr); gap: 9px; border: 1px solid var(--line); color:inherit;background: rgba(255,255,255,.018);text-align:left;cursor:pointer;transition:border-color .18s,background .18s,transform .18s; }.suspect-file:hover,.suspect-file:focus-visible{border-color:var(--mint);background:var(--mint-soft);transform:translateX(2px)}.suspect-file img { width: 58px; height: 62px; object-fit: cover; object-position: center 24%; filter: saturate(.55); }.suspect-file.is-primary { border-color: rgba(239,111,108,.38); }.suspect-file-copy small,.suspect-file-copy strong,.suspect-file-copy span { display:block; }.suspect-file-copy small { color:var(--muted);font:.41rem/1.2 var(--mono); }.suspect-file-copy strong { margin-top:4px;font-size:.63rem; }.suspect-file-copy span { margin-top:3px;color:var(--muted);font:.45rem/1.2 var(--mono); }.suspicion-meter { height:3px;margin-top:8px;background:var(--line); }.suspicion-meter i { display:block;height:100%;background:var(--amber);transition:width .35s; }.suspect-file.is-primary .suspicion-meter i { background:var(--red); }.suspect-score { margin-top:4px!important;color:var(--amber)!important; }.suspect-open-label{margin-top:6px!important;color:var(--mint)!important;font-size:.38rem!important;letter-spacing:.07em}
.suspect-map { margin:11px;padding:10px;border:1px solid var(--line);background:#071216; }.suspect-map>header { display:flex;margin-bottom:8px;align-items:flex-end;justify-content:space-between;gap:8px; }.suspect-map>header small { color:var(--mint);font:700 .39rem/1 var(--mono);letter-spacing:.08em; }.suspect-map>header h3 { margin:4px 0 0;font-size:.62rem; }.suspect-map>header time { color:var(--amber);font:800 .68rem/1 var(--mono); }.map-canvas { overflow:hidden;border:1px solid var(--line);background:linear-gradient(rgba(115,242,180,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(115,242,180,.018) 1px,transparent 1px),#081418;background-size:18px 18px; }.map-canvas svg { display:block;width:100%;height:auto; }.map-rooms rect { fill:rgba(16,31,36,.7);stroke:#38515a;stroke-width:1; }.map-labels { fill:#6e838a;font:600 7px var(--mono);letter-spacing:.04em; }.map-route path { fill:none;stroke:rgba(244,201,107,.25);stroke-width:2;stroke-dasharray:5 5; }.suspect-marker circle { stroke:#061014;stroke-width:3; }.suspect-marker text { fill:#061014;font:900 8px var(--mono);text-anchor:middle;dominant-baseline:central; }.suspect-marker.marker-beatriz circle { fill:var(--mint); }.suspect-marker.marker-marcos circle { fill:var(--amber); }.suspect-marker.marker-davi circle { fill:var(--red); }.suspect-marker .marker-pulse { fill:none;stroke-width:1;opacity:.55; }.suspect-marker.marker-beatriz .marker-pulse{stroke:var(--mint)}.suspect-marker.marker-marcos .marker-pulse{stroke:var(--amber)}.suspect-marker.marker-davi .marker-pulse{stroke:var(--red)}.map-legend { display:flex;margin-top:8px;justify-content:space-between;gap:5px;color:var(--muted);font:.4rem/1 var(--mono); }.map-legend span { display:flex;align-items:center;gap:4px; }.map-legend i { display:grid;width:14px;height:14px;place-items:center;border-radius:50%;color:#071014;font:900 .38rem/1 var(--mono);font-style:normal; }.marker-b{background:var(--mint)}.marker-m{background:var(--amber)}.marker-d{background:var(--red)}.suspect-map>p { margin:8px 0 0;padding-top:8px;border-top:1px solid var(--line);color:var(--muted);font:.43rem/1.45 var(--mono); }
.story-notes { margin: 0 11px 11px; padding: 12px; border: 1px solid rgba(244,201,107,.24); background: var(--amber-soft); }.story-notes small { color:var(--amber);font:700 .43rem/1 var(--mono);letter-spacing:.08em; }.story-notes h3 { margin:6px 0;font-size:.68rem; }.story-notes p { margin:0;color:#b8aa86;font-size:.55rem;line-height:1.55; }
.connection-list { padding: 16px; }.connection-list h3 { margin-bottom: 11px; color: var(--muted); font: 700 .5rem/1 var(--mono); letter-spacing: .08em; }.connection-list > div { position: relative; display: grid; min-height: 51px; padding: 8px 0; grid-template-columns: 31px minmax(0,1fr); align-items: center; gap: 9px; border-bottom: 1px solid rgba(36,58,66,.68); }.connection-list > div:not(:last-child)::after { position: absolute; bottom: -13px; left: 14px; width: 1px; height: 18px; background: var(--line-bright); content: ""; }.connection-icon { display: grid; width: 28px; height: 28px; place-items: center; border: 1px solid var(--line-bright); color: var(--mint); font-size: .7rem; }.connection-list p, .connection-list strong, .connection-list small { display: block; margin: 0; }.connection-list strong { font-size: .66rem; }.connection-list small { margin-top: 3px; color: var(--muted); font: .49rem/1.3 var(--mono); }.connection-list .is-unknown { opacity: .48; }.connection-list .is-revealed { opacity: 1; }.connection-list .is-revealed .connection-icon { border-color: var(--amber); color: var(--amber); }
.hint-button { display: flex; width: calc(100% - 28px); min-height: 56px; margin: auto 14px 14px; padding: 9px 12px; align-items: center; gap: 10px; border: 1px solid rgba(244,201,107,.25); color: var(--amber); background: var(--amber-soft); text-align: left; }.hint-button > span:first-child { font-size: 1.2rem; }.hint-button strong, .hint-button small { display: block; }.hint-button strong { font-size: .59rem; }.hint-button small { margin-top: 4px; color: #aa9365; font: .47rem/1 var(--mono); }
.evidence-workbench { padding-bottom: 16px; background: radial-gradient(circle at 50% 32%,rgba(35,103,80,.11),transparent 33%),#081317; }.objective-card { display: grid; min-height: 72px; margin: 13px 13px 0; padding: 11px 13px; grid-template-columns: 39px minmax(0,1fr) auto; align-items: center; gap: 11px; border: 1px solid rgba(115,242,180,.24); background: rgba(115,242,180,.055); }.objective-number { display: grid; width: 35px; height: 35px; place-items: center; border: 1px solid var(--mint); color: var(--mint); font: 700 .58rem/1 var(--mono); }.objective-card small { color: var(--mint); font: 700 .46rem/1 var(--mono); letter-spacing: .08em; }.objective-card p { margin: 4px 0 0; color: #ccd7d9; font-size: .68rem; line-height: 1.4; }.objective-status { padding: 5px 7px; border: 1px solid var(--line-bright); color: var(--muted); font: .45rem/1 var(--mono); }
.stack-area { width: min(600px,calc(100% - 28px)); margin: 15px auto 10px; }.source-stack-tabs { display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:11px; }.source-stack-tab { min-height:46px;padding:7px;border:1px solid var(--line);color:var(--muted);background:transparent;text-align:left; }.source-stack-tab strong,.source-stack-tab small { display:block; }.source-stack-tab strong { font-size:.55rem; }.source-stack-tab small { margin-top:4px;font:.43rem/1 var(--mono); }.source-stack-tab.is-active { border-color:var(--mint);color:var(--text);background:var(--mint-soft); }.source-stack-tab.is-empty { opacity:.45; }.stack-heading { display: flex; margin-bottom: 9px; justify-content: space-between; color: var(--muted); font: .49rem/1 var(--mono); }.stack-heading strong { color: var(--amber); }.capacity-label strong { color: var(--mint); }.stack-shell { position: relative; padding-top: 20px; }.top-indicator { position: absolute; z-index: 3; top: -4px; right: 13px; display: flex; align-items: center; gap: 6px; color: var(--amber); font: 700 .47rem/1 var(--mono); }.top-indicator i { font-style: normal; font-size: 1rem; }.stack-visual { display: flex; min-height: 202px; padding: 11px 14px 0; flex-direction: column-reverse; justify-content: flex-start; gap: 6px; border: 1px solid var(--line-bright); border-top-color: transparent; background: linear-gradient(90deg,rgba(115,242,180,.03),transparent 15% 85%,rgba(115,242,180,.03)); }.stack-item { display: grid; min-height: 55px; padding: 7px 12px; grid-template-columns: 36px minmax(0,1fr) auto; align-items: center; gap: 10px; border: 1px solid #31505a; color: var(--text); background: linear-gradient(90deg,#12282e,#0d1d22); text-align: left; transition: transform .16s,border-color .16s,background .16s; }.stack-item:not(.is-top) { opacity:.48;filter:saturate(.4); }.stack-item:not(.is-top) .evidence-symbol { color:var(--dim); }.stack-item:hover { border-color: var(--line-bright); transform: translateX(2px); }.stack-item[aria-selected="true"] { border-color: var(--amber); background: linear-gradient(90deg,rgba(244,201,107,.17),#102126); box-shadow: inset 3px 0 var(--amber); }.stack-item.is-top { border-color: rgba(115,242,180,.54); }.stack-item.is-top::after { padding: 4px 6px; border: 1px solid rgba(115,242,180,.35); color: var(--mint); content: "TOP"; font: 700 .43rem/1 var(--mono); }.stack-item.is-revealed::after { content:"LIDA";color:var(--amber);border-color:rgba(244,201,107,.4); }.stack-empty { display:grid;min-height:170px;place-items:center;color:var(--dim);font:.55rem/1.4 var(--mono);text-align:center; }.evidence-symbol { display: grid; width: 31px; height: 31px; place-items: center; border: 1px solid var(--line-bright); color: var(--mint); font: .72rem/1 var(--mono); }.stack-item strong, .stack-item small { display: block; }.stack-item strong { font: 700 .62rem/1.3 var(--mono); }.stack-item small { margin-top: 3px; overflow: hidden; color: var(--muted); font: .49rem/1.2 var(--mono); text-overflow: ellipsis; white-space: nowrap; }.stack-base { height: 12px; border: 1px solid var(--line-bright); border-top-width: 3px; background: var(--surface-3); text-align: center; }.stack-base span { position: relative; top: 8px; padding: 0 8px; color: var(--dim); background: #081317; font: .42rem/1 var(--mono); letter-spacing: .06em; }
.incoming-evidence { position: relative; display: grid; width: min(510px,calc(100% - 28px)); min-height: 60px; margin: 17px auto 10px; padding: 10px 11px 10px 51px; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 10px; border: 1px dashed var(--amber); background: var(--amber-soft); }.incoming-evidence[hidden] { display: none; }.pulse-ring { position: absolute; left: 17px; width: 19px; height: 19px; border: 1px solid var(--amber); border-radius: 50%; }.incoming-evidence small, .incoming-evidence strong, .incoming-evidence p { display: block; margin: 0; }.incoming-evidence small { color: var(--amber); font: 700 .44rem/1 var(--mono); }.incoming-evidence strong { margin-top: 4px; font: 800 .61rem/1 var(--mono); }.incoming-evidence p { margin-top: 2px; color: var(--muted); font-size: .55rem; }.incoming-tag { color: var(--amber); font: 700 .46rem/1 var(--mono); }
.analysis-tray { position:relative;display:grid;width:min(600px,calc(100% - 28px));min-height:57px;margin:16px auto 10px;padding:9px 11px;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px dashed var(--line-bright);background:rgba(255,255,255,.018); }.analysis-tray.has-item { border-color:var(--amber);background:var(--amber-soft); }.tray-icon { display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--line);color:var(--muted); }.has-item .tray-icon { border-color:var(--amber);color:var(--amber); }.analysis-tray small,.analysis-tray strong,.analysis-tray p { display:block;margin:0; }.analysis-tray small { color:var(--muted);font:700 .42rem/1 var(--mono); }.analysis-tray strong { margin-top:4px;font:.58rem/1.2 var(--mono); }.analysis-tray p { margin-top:3px;color:var(--muted);font-size:.49rem; }.incoming-tag { color: var(--amber); font: 700 .46rem/1 var(--mono); }
.operation-console { display: grid; width: min(650px,calc(100% - 28px)); margin: 14px auto 0; grid-template-columns: repeat(4,1fr); gap: 7px; }.operation-button { display: grid; min-height: 60px; padding: 8px 9px; grid-template-columns: 24px minmax(0,1fr) auto; align-items: center; gap: 6px; border: 1px solid var(--line); background: var(--surface-2); text-align: left; }.operation-button:hover { border-color: var(--mint); background: var(--mint-soft); }.operation-button strong,.operation-button small { display: block; }.operation-button strong { font: 800 .54rem/1.15 var(--mono); }.operation-button small { margin-top: 4px; color: var(--muted); font: .41rem/1.2 var(--mono); }.op-symbol { color: var(--mint); font-size: 1.05rem; }.operation-button.back .op-symbol { color:var(--amber); }.operation-button kbd,.keyboard-note kbd { padding: 2px 4px; border: 1px solid var(--line-bright); border-bottom-width: 2px; color: var(--muted); background: #091216; font: .45rem/1 var(--mono); }.keyboard-note { margin: 9px 15px 0; color: var(--dim); font: .45rem/1.4 var(--mono); text-align: center; }
.timeline-board { width:calc(100% - 26px);margin:15px 13px 0;padding:12px;overflow:hidden;border:1px solid var(--line);background:#071115; }.timeline-board>header { display:flex;margin-bottom:10px;align-items:flex-end;justify-content:space-between; }.timeline-board small { color:var(--mint);font:700 .41rem/1 var(--mono);letter-spacing:.08em; }.timeline-board h3 { margin:3px 0 0;font-size:.78rem; }.timeline-board>header>span { color:var(--muted);font:.44rem/1 var(--mono); }.timeline-track { position:relative;display:grid;width:100%;min-width:0;padding:8px 0 3px;grid-template-columns:repeat(9,minmax(72px,1fr));gap:5px;overflow-x:auto; }.timeline-track::before { position:absolute;top:23px;right:0;left:0;height:1px;background:var(--line-bright);content:""; }.timeline-slot { position:relative;z-index:1;min-height:83px;padding:6px;border:1px dashed var(--line);color:var(--dim);background:#081317;text-align:left; }.timeline-slot.is-filled { border-style:solid;border-color:rgba(115,242,180,.38);color:var(--text); }.timeline-slot time,.timeline-slot strong,.timeline-slot small { display:block; }.timeline-slot time { width:38px;padding:3px;border:1px solid var(--line);color:var(--mint);background:#071115;font:700 .42rem/1 var(--mono); }.timeline-slot strong { margin-top:8px;font-size:.48rem;line-height:1.25; }.timeline-slot small { margin-top:4px;color:var(--muted);font:.39rem/1.2 var(--mono); }.timeline-slot:not(.is-filled) { display:grid;place-items:center;font:.42rem/1 var(--mono); }
.accusation-panel { width:calc(100% - 26px);margin:15px 13px 0;padding:18px;border:1px solid rgba(239,111,108,.35);background:var(--red-soft); }.accusation-panel[hidden]{display:none}.accusation-panel h3{margin:0 0 5px;font-size:1.1rem}.accusation-panel>p:not(.eyebrow){color:#c9b4b3;font-size:.62rem}.accusation-panel>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.accuse-button{padding:9px;border:1px solid var(--line-bright);background:#0a171b;font-size:.57rem}.accuse-button:hover{border-color:var(--red)}.accusation-panel>small{display:block;margin-top:9px;color:var(--muted);font:.45rem/1 var(--mono)}.accusation-panel code{color:var(--red)}
.forensic-sidebar { display: flex; min-height: 0; flex-direction: column; background: #071216; }.live-label { color: var(--mint)!important; }.live-label i { display: inline-block; width: 5px; height: 5px; margin-right: 4px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 8px var(--mint); }.terminal { height: 160px; padding: 13px; overflow-y: auto; border-bottom: 1px solid var(--line); background: #03090b; scrollbar-color: var(--line-bright) transparent; }.terminal p { margin: 0 0 7px; color: #92a7ad; font: .52rem/1.35 var(--mono); }.terminal p span { color: var(--mint); }.terminal .terminal-ok { color: var(--mint); }.terminal .terminal-error { color: var(--red); }.terminal .terminal-command { color: var(--amber); }
.command-line { padding: 11px 12px 5px; border-bottom: 0; background: #061014; }.command-line > label { display: block; margin-bottom: 6px; color: var(--muted); font: 700 .44rem/1 var(--mono); letter-spacing: .08em; }.command-line > div { display: grid; min-height: 36px; grid-template-columns: 22px minmax(0,1fr) auto; align-items: center; border: 1px solid rgba(115,242,180,.4); background: #020708; }.command-line > div > span { color: var(--mint); font: 700 .65rem/1 var(--mono); text-align: center; }.command-line input { width: 100%; min-width: 0; height: 34px; padding: 0 5px; border: 0; outline: 0; color: var(--mint); background: transparent; font: .58rem/1 var(--mono); }.command-line input::placeholder { color: #47605e; }.command-line button { align-self: stretch; padding: 0 8px; border: 0; border-left: 1px solid rgba(115,242,180,.28); color: #06110c; background: var(--mint); font: 800 .45rem/1 var(--mono); }.command-line small { display: block; margin-top: 5px; color: var(--dim); font: .43rem/1.3 var(--mono); }.command-suggestions { display: flex; padding: 0 12px 10px; gap: 5px; border-bottom: 1px solid var(--line); background: #061014; }.command-suggestions button { padding: 4px 7px; border: 1px solid var(--line); color: var(--muted); background: transparent; font: .45rem/1 var(--mono); }.command-suggestions button:hover { border-color: var(--mint); color: var(--mint); }
.evidence-detail { min-height: 130px; padding: 13px; border-bottom: 1px solid var(--line); }.detail-placeholder { display: grid; min-height: 102px; place-items: center; align-content: center; color: var(--dim); text-align: center; }.detail-placeholder span { font-size: 1.2rem; }.detail-placeholder p { max-width: 210px; margin: 8px 0 0; font-size: .58rem; line-height: 1.5; }.detail-card small { color: var(--mint); font: 700 .46rem/1 var(--mono); }.detail-card h3 { margin: 5px 0 9px; font: 800 .71rem/1.2 var(--mono); }.detail-card dl { display: grid; margin: 0; grid-template-columns: 1fr 1fr; gap: 7px; }.detail-card dl div { padding: 7px; border: 1px solid var(--line); }.detail-card dt { color: var(--dim); font: .42rem/1 var(--mono); }.detail-card dd { margin: 4px 0 0; color: #b9c7ca; font: .48rem/1.3 var(--mono); }
.operation-log { min-height: 0; padding: 13px; flex: 1; overflow-y: auto; }.log-head { display: flex; margin-bottom: 8px; align-items: center; justify-content: space-between; }.log-head h3 { margin: 0; color: var(--muted); font: 700 .48rem/1 var(--mono); }.log-head span { color: var(--dim); font: .43rem/1 var(--mono); }.operation-log ol { margin: 0; padding: 0; list-style: none; }.operation-log li { display: grid; padding: 7px 2px; grid-template-columns: 38px minmax(0,1fr); gap: 6px; border-bottom: 1px solid rgba(36,58,66,.55); color: var(--muted); font: .46rem/1.4 var(--mono); }.operation-log li time { color: var(--dim); }.operation-log li strong { color: var(--mint); }.operation-log li.is-error strong { color: var(--red); }.operation-log li.empty-log { display: block; color: var(--dim); }
@media(max-width:1100px){.investigation-grid{grid-template-columns:220px minmax(430px,1fr)}.forensic-sidebar{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto}.forensic-sidebar>.panel-title{grid-column:1/-1}.terminal{height:190px;grid-row:2/span 3}.command-line{grid-column:2}.command-suggestions{grid-column:2}.evidence-detail{grid-column:3;grid-row:2/span 2}.operation-log{grid-column:2/4;grid-row:4;max-height:190px}}
@media(max-width:780px){.mission-bar{grid-template-columns:1fr auto;gap:12px}.mission-progress{display:none}.mission-stats{grid-column:1/-1}.mission-stats>span:first-child{border-left:0}.investigation-grid{grid-template-columns:1fr}.case-sidebar{display:grid;grid-template-columns:150px 1fr}.case-sidebar>.panel-title{grid-column:1/-1}.suspect-card{border-right:1px solid var(--line)}.hint-button{margin:10px 14px;align-self:end}.forensic-sidebar{grid-column:auto;grid-template-columns:1fr}.terminal,.command-line,.command-suggestions,.evidence-detail,.operation-log{grid-column:1;grid-row:auto}.terminal{height:190px}.operation-log{max-height:220px}.panel{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:520px){.case-sidebar{grid-template-columns:1fr}.suspect-photo img{max-height:190px}.operation-console{grid-template-columns:1fr 1fr}.operation-button{min-height:54px}.objective-card{grid-template-columns:35px 1fr}.objective-status{display:none}.stack-visual{min-height:202px}.forensic-sidebar{display:flex}.keyboard-note{display:none}.source-stack-tab small{display:none}.accusation-panel>div{grid-template-columns:1fr}}