:root{--bg-void: #08090a;--bg-base: #0e1113;--bg-panel: #14181b;--bg-raised: #1b2125;--bg-inset: #0a0c0e;--bg-hover: #222a2f;--line: #262e33;--line-soft: #1c2327;--line-strong: #3a464d;--text: #d6dde1;--text-dim: #8a979e;--text-faint: #5b686f;--text-bright: #f2f6f8;--amber: #ff9d2e;--amber-dim: #b86e1c;--amber-glow: rgba(255, 157, 46, .16);--good: #5fbf7f;--warn: #e0b341;--bad: #e05a4a;--info: #5aa9d6;--chronos: #8fc6c8;--chronos-dim: #4f7779;--chronos-glow: rgba(143, 198, 200, .12);--olive: #6f7a52;--gunmetal: #4a565c;--f-north: #7fb8d4;--f-redtech: #d9484f;--f-gauntlet: #c8973f;--f-conclave: #7b7fd4;--f-valk: #b34a6a;--f-dynasty: #d98c3f;--f-federation: #6fae86;--font-mono: "IBM Plex Mono", "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--font-ui: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-stencil: var(--font-mono);--r-sm: 2px;--r: 3px;--r-lg: 5px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--nav-h: 58px;--header-h: 52px;--max-w: 900px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-base);color:var(--text);font-family:var(--font-ui);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.012) 0px,rgba(255,255,255,.012) 1px,transparent 1px,transparent 3px)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.stencil{font-family:var(--font-stencil);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint)}.panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--r)}.panel-inset{background:var(--bg-inset);border:1px solid var(--line-soft);border-radius:var(--r)}.notched{clip-path:polygon(0 8px,8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}button{font-family:var(--font-ui);font-size:13px;color:var(--text);background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--r);padding:8px 14px;cursor:pointer;transition:background .12s,border-color .12s,color .12s}button.chronos-action{color:var(--chronos);border-color:var(--chronos-dim);background:var(--chronos-glow);letter-spacing:.04em}button.chronos-action:hover:not(:disabled){border-color:var(--chronos);background:color-mix(in srgb,var(--chronos) 18%,transparent)}button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-faint)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--amber-glow);border-color:var(--amber-dim);color:var(--amber);font-weight:600;letter-spacing:.04em}button.primary:hover:not(:disabled){background:#ff9d2e42;border-color:var(--amber)}button.danger{color:var(--bad);border-color:#e05a4a66}input,select,textarea{font-family:var(--font-ui);font-size:13px;background:var(--bg-inset);color:var(--text);border:1px solid var(--line);border-radius:var(--r);padding:7px 10px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--amber-dim)}.bar{height:4px;background:var(--bg-inset);border-radius:2px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--amber);transition:width .25s}.tag{display:inline-block;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--text-dim)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-inset)}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}@keyframes sheet-in{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse-amber{0%,to{opacity:1}50%{opacity:.45}}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--amber);animation:pulse-amber 1.6s ease-in-out infinite}@keyframes tick-in{0%{transform:translate(-6px);opacity:0}to{transform:translate(0);opacity:1}}.event-line{animation:tick-in .12s ease-out}.screen{max-width:var(--max-w);margin:0 auto;padding:var(--sp-3) var(--sp-3) calc(var(--nav-h) + var(--sp-5))}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-2)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2)}@media (max-width: 420px){.grid-4{grid-template-columns:repeat(2,1fr)}}.clickable{cursor:pointer;transition:border-color .12s,background .12s}.clickable:hover{border-color:var(--line-strong);background:var(--bg-raised)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.npc-transmission{display:grid;grid-template-columns:118px minmax(0,1fr);overflow:hidden;background:linear-gradient(115deg,var(--bg-raised),var(--bg-panel))}.npc-portrait-wrap{position:relative;min-height:145px;overflow:hidden;border-right:1px solid var(--line)}.npc-portrait{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 27%;filter:saturate(.82) contrast(1.05)}.npc-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.16) 4px);mix-blend-mode:multiply}.npc-message{min-width:0;padding:13px 14px;display:flex;flex-direction:column;justify-content:center}.npc-dialogue{margin-top:8px;color:var(--text);font-size:13px;line-height:1.55}.npc-choices{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.npc-choices button{padding:5px 8px;font-size:9px}.npc-transmission.compact{grid-template-columns:92px minmax(0,1fr)}.npc-transmission.compact .npc-portrait-wrap{min-height:118px}@media (max-width: 440px){.npc-transmission{grid-template-columns:92px minmax(0,1fr)}.npc-portrait-wrap{min-height:142px}.npc-message{padding:11px}.npc-dialogue{font-size:12px}}