| |
| body[data-mode^="sotc"] { |
| --bg:#120909; --panel:#211012; --line:#5a2926; --text:#f4ded4; --muted:#b4847d; |
| --accent:#f0b27d; --red:#f05c45; --code:#e6a36c; |
| background:radial-gradient(ellipse at 50% 0,#4b1715 0,transparent 62%),var(--bg); |
| } |
| body[data-mode^="sotc"] #console { max-width:1380px; } |
| body[data-mode^="sotc"] header { border-bottom:1px solid var(--line); padding-bottom:16px; } |
| body[data-mode^="sotc"] .eyebrow, |
| body[data-mode^="sotc"] .section-title { color:#e6a36c; } |
| body[data-mode^="sotc"] .status i { background:#f05c45; } |
| body[data-mode^="sotc"] .toolbar button { background:#321719; border-color:#74312d; } |
| body[data-mode^="sotc"] .toolbar button:hover { background:#51201e; } |
| body[data-mode^="sotc"] .mode-label { color:#e6a36c; font:10px Consolas,monospace; letter-spacing:1px; margin:0 8px; } |
| body[data-mode^="sotc"] .monitor-top, |
| body[data-mode^="sotc"] .monitor-bottom { background:#2c1113; border-color:var(--line); } |
| body[data-mode^="sotc"] #screen { border-color:var(--line); box-shadow:0 0 34px #7e221d33; } |
| body[data-mode^="sotc"] #overlay { background:radial-gradient(ellipse,#52201d99,transparent),#17090bed; } |
| body[data-mode^="sotc"] aside { background:#1b0d0f; border-color:var(--line); } |
| body[data-mode^="sotc"] .camera { background:#2a1113; border-color:#5a2926; } |
| body[data-mode^="sotc"] .camera.selected { border-color:#f0b27d; box-shadow:0 0 0 1px #f0b27d; } |
| body[data-mode^="sotc"] #mainStatus, |
| body[data-mode^="sotc"] #securityPanel, |
| body[data-mode^="sotc"] #trapPanel, |
| body[data-mode^="sotc"] #controlsPanel { display:none; } |
| body[data-mode^="sotc"] #sotcControls { display:block; grid-column:1/-1; border-top:1px solid var(--line); padding-top:18px; } |
| body[data-mode^="sotc"] #sotcControls .suspects { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } |
| body[data-mode^="sotc"] #sotcControls .suspects button { background:#321719; border-color:#74312d; } |
| body[data-mode^="sotc"] #sotcControls .suspects button.selected { background:#f0b27d; color:#25100d; border-color:#f0b27d; } |
| body[data-mode^="sotc"] #sotcControls .primary { background:#f0b27d; color:#25100d; } |
| body[data-mode^="sotc"] #survivorControls { display:none; } |
| body[data-mode^="sotc"] #cameraSectionLabel::after { content:' · EVIDENCE FEED'; } |
| body[data-mode^="sotc"] #lab { border-color:var(--line); background:#1b0d0f; } |
|
|
| body[data-mode="night"] #brandLogo { filter:drop-shadow(0 0 8px #e22a1c33); } |
| body[data-mode="night"] #screen::after { |
| content:'SCAT // LIVE'; position:absolute; right:13px; top:12px; z-index:5; |
| color:#b9eeaa; font:10px Consolas,monospace; letter-spacing:1px; opacity:.7; |
| } |
| @media(max-width:850px){body[data-mode^="sotc"] #sotcControls{grid-column:auto}} |
|
|
