:root{--bg-color:#0c0c0c;--panel-bg:#141414;--text-color:#e2e2e2;--text-muted:#8c8c8c;--border-color:#e2e2e2;--accent-color:#fff;--red-color:#ff3b30;--red-muted:#801d18;--font-typewriter:"Special Elite", "Courier New", Courier, monospace;--font-content:"Courier Prime", "Courier New", Courier, monospace;--shadow-noir:4px 4px 0px #e2e2e2;--shadow-red:4px 4px 0px #ff3b30}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;margin:0;padding:0}input,textarea{-webkit-user-select:text;user-select:text}html,body{color:var(--text-color);font-family:var(--font-content);overscroll-behavior:none;background-color:#050505;width:100%;height:100%;font-size:14px;line-height:1.5;overflow:hidden}.grain{opacity:.85;pointer-events:none;z-index:9999;will-change:transform;backface-visibility:hidden;perspective:1000px;background:url("data:image/svg+xml,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"noiseFilter\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.8\" numOctaves=\"3\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%\" height=\"100%\" filter=\"url(%23noiseFilter)\" opacity=\"0.07\"/%3E%3C/svg%3E");width:200%;height:200%;animation:.3s steps(4,end) infinite noise;position:fixed;inset:-50%;transform:translate(0,0)}@keyframes noise{0%{transform:translate(0)}10%{transform:translate(-1%,-1%)}20%{transform:translate(1%,2%)}30%{transform:translate(-2%,-2%)}40%{transform:translate(1%,3%)}50%{transform:translate(-1%,1%)}60%{transform:translate(2%,-1%)}70%{transform:translate(-2%,1%)}80%{transform:translate(1%,-2%)}90%{transform:translate(-1%,3%)}to{transform:translate(0)}}#app{background-color:var(--bg-color);flex-direction:column;max-width:100%;height:100dvh;margin:0 auto;display:flex;position:relative}#gameplay-wrapper{flex-direction:column;flex-grow:1;width:100%;min-height:0;display:flex;overflow:hidden}.game-header{border-bottom:2px solid var(--border-color);z-index:10;background-color:#000;flex-shrink:0;padding:10px 15px}.header-main{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.logo-area{flex-direction:column;display:flex}.logo-tag{color:var(--text-muted);letter-spacing:1px;font-size:.75rem;font-weight:700}.case-number{font-family:var(--font-typewriter);text-transform:uppercase;font-size:1.15rem;font-weight:400}.status-clock{border:1px solid var(--border-color);text-align:center;background-color:var(--panel-bg);box-shadow:2px 2px 0px var(--border-color);padding:4px 10px}.clock-label{color:var(--text-muted);letter-spacing:1px;margin-bottom:2px;font-size:.65rem;line-height:1;display:block}.clock-value{font-family:var(--font-typewriter);font-size:1.1rem;font-weight:700}.header-details{color:var(--text-muted);border-top:1px dashed #333;justify-content:space-between;padding-top:4px;font-size:.75rem;display:flex}.badge-item .badge-val{color:var(--text-color);font-weight:700}.game-viewport{scrollbar-width:thin;scrollbar-color:var(--border-color) #000;background-color:#0a0a0a;flex-grow:1;padding:15px;position:relative;overflow:hidden auto}.game-viewport::-webkit-scrollbar{width:6px}.game-viewport::-webkit-scrollbar-track{background:#000}.game-viewport::-webkit-scrollbar-thumb{background:var(--border-color)}.game-screen{will-change:transform, opacity;animation:.15s ease-out forwards fadeIn}.hidden{display:none!important}.game-viewport.nav-next .game-screen:not(.hidden){animation:.22s cubic-bezier(.1,.9,.2,1) forwards slideInFromRight}.game-viewport.nav-prev .game-screen:not(.hidden){animation:.22s cubic-bezier(.1,.9,.2,1) forwards slideInFromLeft}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0,0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0,0)}}.dossier-folder{margin-bottom:20px}.folder-tab{font-family:var(--font-typewriter);background-color:var(--panel-bg);border:2px solid var(--border-color);z-index:2;text-transform:uppercase;border-bottom:none;padding:6px 15px;font-size:.85rem;font-weight:700;display:inline-block;position:relative;top:2px}.folder-tab.red-tab{border-color:var(--red-color);color:var(--red-color)}.folder-body{background-color:var(--panel-bg);border:2px solid var(--border-color);box-shadow:var(--shadow-noir);z-index:1;padding:18px;position:relative}.dossier-folder:has(.red-tab) .folder-body{border-color:var(--red-color);box-shadow:var(--shadow-red)}.ascii-art{white-space:pre;color:var(--text-muted);text-align:center;margin:10px 0 20px;font-family:monospace;font-size:.7rem;line-height:1.1;overflow-x:auto}.ascii-art.red-text{color:var(--red-color)}.case-title{font-family:var(--font-typewriter);text-align:center;text-transform:uppercase;border-bottom:2px solid var(--border-color);margin-bottom:12px;padding-bottom:8px;font-size:1.4rem;line-height:1.2}.meta-grid{border-left:3px solid var(--border-color);grid-template-columns:1fr;gap:6px;margin-bottom:15px;padding-left:10px;font-size:.85rem;display:grid}.typewriter-hr{border:none;border-top:1px dashed var(--border-color);margin:15px 0}.case-description{white-space:pre-wrap;text-align:justify;font-size:.9rem}.section-instruction{color:var(--text-muted);margin-bottom:15px;font-size:.75rem;font-style:italic}.cost-high{color:var(--red-color);font-weight:700}.cost-medium{color:#fff;font-weight:700;text-decoration:underline}.evidence-card{border:1px solid var(--border-color);box-shadow:2px 2px 0px var(--border-color);background-color:#0f0f0f;margin-bottom:15px;transition:all .2s}.evidence-card.locked{opacity:.75;border-style:dashed}.evidence-header{border-bottom:1px solid var(--border-color);background-color:#1a1a1a;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.evidence-title{font-family:var(--font-typewriter);font-size:.9rem;font-weight:700}.evidence-cost-btn{background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color);font-family:var(--font-typewriter);cursor:pointer;padding:2px 8px;font-size:.75rem}.evidence-cost-btn:hover{background-color:var(--text-color);color:var(--bg-color)}.evidence-body{padding:12px;font-size:.85rem}.locked-overlay{text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:20px 10px;display:flex}.locked-icon{margin-bottom:5px;font-size:1.5rem}.suspect-card{border:1px solid var(--border-color);box-shadow:2px 2px 0px var(--border-color);background-color:#0f0f0f;margin-bottom:15px}.suspect-card.locked{opacity:.75;border-style:dashed}.suspect-header{border-bottom:1px solid var(--border-color);background-color:#1a1a1a;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.suspect-name{font-family:var(--font-typewriter);font-size:.9rem;font-weight:700}.suspect-role{color:var(--text-muted);font-size:.75rem}.suspect-body{padding:12px;font-size:.85rem}.bio-section,.statement-section{margin-bottom:10px}.bio-section strong,.statement-section strong{color:var(--text-muted);text-transform:uppercase;margin-bottom:2px;font-size:.75rem;display:block}.statement-section blockquote{border-left:2px solid var(--border-color);color:#d2d2d2;padding-left:8px;font-style:italic}.interrogate-btn-container{text-align:right;border-top:1px dashed #333;padding-top:8px}.form-group{margin-bottom:15px}.form-group label{font-family:var(--font-typewriter);color:var(--text-color);margin-bottom:5px;font-size:.8rem;display:block}.noir-select{width:100%;color:var(--text-color);border:1px solid var(--border-color);font-family:var(--font-content);background-color:#050505;outline:none;padding:8px 10px}.noir-select option{color:var(--text-color);background-color:#050505}textarea{width:100%;color:var(--text-color);border:1px solid var(--border-color);font-family:var(--font-content);resize:none;background-color:#050505;outline:none;padding:10px}textarea:focus,.noir-select:focus{border-color:var(--accent-color);box-shadow:0 0 4px #fff3}.noir-btn{color:var(--text-color);border:2px solid var(--border-color);font-family:var(--font-typewriter);cursor:pointer;box-shadow:2px 2px 0px var(--border-color);background-color:#000;outline:none;padding:8px 15px;font-size:.9rem;display:inline-block}.noir-btn:active{box-shadow:1px 1px 0px var(--border-color);transform:translate(1px,1px)}.noir-btn.alert-btn{color:var(--red-color);border-color:var(--red-color);box-shadow:2px 2px 0px var(--red-color);letter-spacing:1px;background-color:#1a0807;width:100%;margin-top:10px;font-weight:700}.noir-btn.alert-btn:active{box-shadow:1px 1px 0px var(--red-color);transform:translate(1px,1px)}.terminal-container{border:1px solid var(--border-color);background-color:#080808;flex-direction:column;height:100%;display:flex}.terminal-header{border-bottom:1px solid var(--border-color);background-color:#000;align-items:center;padding:6px 12px;display:flex}.terminal-dot{background-color:var(--text-color);border-radius:50%;width:6px;height:6px;margin-right:8px}.terminal-title{font-family:var(--font-typewriter);font-size:.75rem}.interrogate-selector{border-bottom:1px dashed #333;align-items:center;gap:8px;padding:8px 12px;display:flex}.interrogate-selector label{font-family:var(--font-typewriter);font-size:.75rem}.chat-history{background-color:#060606;flex-direction:column;flex-grow:1;gap:12px;padding:12px;display:flex;overflow-y:auto}.chat-bubble{border-left:2px solid var(--border-color);word-break:break-word;max-width:100%;padding-left:10px;font-size:.85rem}.chat-bubble .sender{font-family:var(--font-typewriter);margin-bottom:2px;font-size:.75rem;font-weight:700;display:block}.chat-bubble.player-msg{border-left:2px solid var(--text-muted)}.chat-bubble.player-msg .sender{color:var(--text-muted)}.chat-bubble.suspect-msg{border-left:2px solid #fff}.chat-bubble.system-msg{border-left:2px dashed var(--text-muted)}.chat-input-area{border-top:1px solid var(--border-color);background-color:#000;align-items:flex-end;gap:8px;padding:8px;display:flex}.chat-input-area textarea{background-color:#0a0a0a;border:1px solid #333;flex-grow:1;max-height:80px;padding:6px 10px;font-size:.85rem}.chat-input-area .noir-btn{flex-shrink:0;height:38px;padding:0 15px}.clues-inventory{border-top:2px solid var(--border-color);background-color:#141414;flex-shrink:0}.inventory-toggle{width:100%;color:var(--text-color);font-family:var(--font-typewriter);cursor:pointer;letter-spacing:1px;background-color:#000;border:none;justify-content:space-between;padding:8px 15px;font-size:.75rem;display:flex}.inventory-tray{background-color:#080808;border-top:1px dashed #333;max-height:120px;padding:10px;overflow-y:auto}.empty-inventory-msg{color:var(--text-muted);text-align:center;padding:10px 0;font-size:.75rem;font-style:italic}.clue-cards-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.clue-card{border:1px solid var(--border-color);box-shadow:1px 1px 0 var(--border-color);background-color:#111;padding:6px 8px;font-size:.75rem}.clue-card strong{font-family:var(--font-typewriter);border-bottom:1px solid #333;margin-bottom:3px;padding-bottom:2px;display:block}.game-nav-bar{border-top:2px solid var(--border-color);background-color:#000;flex-shrink:0;height:60px;display:flex}.nav-tab{color:var(--text-muted);font-family:var(--font-typewriter);cursor:pointer;background:0 0;border:none;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;font-size:.65rem;display:flex}.nav-tab .tab-icon{filter:grayscale();opacity:.6;margin-bottom:2px;font-size:1.15rem}.nav-tab:hover,.nav-tab.active{color:var(--text-color);background-color:#0d0d0d}.nav-tab.active .tab-icon{filter:none;opacity:1}.nav-tab:not(:last-child){border-right:1px solid #222}.nav-tab.red-tab-nav{color:#ff3b3099}.nav-tab.red-tab-nav.active{color:var(--red-color);background-color:#1f0c0b}.nav-tab.red-tab-nav.active .tab-icon{filter:drop-shadow(0 0 2px var(--red-color))}.warning-text{color:var(--red-color);border:1px solid var(--red-color);white-space:pre-wrap;background-color:#1f0b0a;margin-bottom:15px;padding:8px;font-size:.8rem}.red-text{color:var(--red-color)}.overlay-screen{z-index:1000;background-color:#050505f2;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.overlay-content{border:2px solid var(--border-color);text-align:center;max-width:90%;max-height:90vh;box-shadow:var(--shadow-noir);background-color:#0d0d0d;padding:25px;animation:.25s cubic-bezier(.175,.885,.32,1.275) forwards scaleUp;overflow-y:auto}.overlay-content:has(.red-text){border-color:var(--red-color);box-shadow:var(--shadow-red)}@keyframes scaleUp{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.overlay-content h1{font-family:var(--font-typewriter);margin-bottom:15px;font-size:1.7rem}.overlay-content p{white-space:pre-wrap;margin-bottom:20px;font-size:.95rem;line-height:1.4}.overlay-content button{width:100%}.lobby-screen{flex-direction:column;flex-grow:1;min-height:0;padding:15px;animation:.15s ease-out forwards fadeIn;display:flex;overflow:hidden}.lobby-screen .dossier-folder{flex-direction:column;flex-grow:1;min-height:0;margin-bottom:0;display:flex}.lobby-screen .folder-body{flex-direction:column;flex-grow:1;min-height:0;padding:15px;display:flex;overflow:hidden}.lobby-tab-content{scrollbar-width:thin;scrollbar-color:var(--border-color) #000;flex-grow:1;min-height:0;padding-right:4px;overflow-y:auto}.lobby-tab-content::-webkit-scrollbar{width:6px}.lobby-tab-content::-webkit-scrollbar-track{background:#000}.lobby-tab-content::-webkit-scrollbar-thumb{background:var(--border-color)}.lobby-header-row{text-align:center;margin-top:5px;margin-bottom:5px}.lobby-title{font-family:var(--font-typewriter);margin-top:5px;margin-bottom:2px;font-size:1.6rem;font-weight:400}.lobby-subtitle{color:var(--text-muted);letter-spacing:.5px;font-size:.75rem}.lobby-cases-list{flex-direction:column;gap:15px;margin:15px 0;display:flex}.lobby-case-card{border:1px solid var(--border-color);background-color:var(--panel-bg);box-shadow:2px 2px 0px var(--border-color);padding:12px 15px;transition:all .15s}.lobby-case-card.available:hover{box-shadow:3px 3px 0px var(--border-color);cursor:pointer;background-color:#1e1e1e;transform:translate(-1px,-1px)}.lobby-case-card.solved{border:2px double var(--border-color);background-color:#121212}.lobby-case-card.solved:hover{cursor:pointer;background-color:#1c1c1c}.lobby-case-card.locked{opacity:.45;cursor:not-allowed;box-shadow:none;border-style:dashed}.case-card-header{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.case-card-title{font-family:var(--font-typewriter);font-size:.95rem;font-weight:700}.case-card-status{font-family:var(--font-typewriter);font-size:.7rem;font-weight:700}.lobby-case-card.solved .case-card-status{color:var(--text-color);border:1px solid var(--border-color);padding:1px 4px}.lobby-case-card.locked .case-card-status{color:var(--text-muted)}.lobby-case-card.available .case-card-status{color:#fff;text-decoration:underline}.case-card-meta{color:var(--text-muted);font-size:.75rem;line-height:1.3}.lobby-import-area{border:1px dashed var(--border-color);background-color:#0c0c0c;padding:12px}.noir-btn.back-btn{width:fit-content;box-shadow:1px 1px 0px var(--border-color);border-width:1px;margin-bottom:6px;padding:4px 8px;font-size:.7rem;display:inline-block}.noir-btn.back-btn:active{box-shadow:none;transform:translate(1px,1px)}@media (width>=768px){#app{border-left:2px solid var(--border-color);border-right:2px solid var(--border-color);max-width:768px}.lobby-cases-list,.evidence-list,.suspects-list{grid-template-columns:1fr 1fr;gap:15px;margin:15px 0;display:grid}.clue-cards-grid{grid-template-columns:repeat(3,1fr)}.meta-grid{grid-template-columns:repeat(3,1fr);gap:15px}}@media (width>=1024px){#app{max-width:1000px}.clue-cards-grid{grid-template-columns:repeat(4,1fr)}}.highlighted-keyword{text-shadow:0 0 4px #ffb70040;cursor:help;border-bottom:1px dotted #ffb70066;font-weight:600;transition:all .2s;color:#ffb700!important}.highlighted-keyword:hover{text-shadow:0 0 8px #ffffff80;background-color:#ffb70026;border-bottom-style:solid;color:#fff!important}