:root{--bg: #0d0d0d;--bg-card: #1a1a1a;--bg-panel: #141414;--border: rgba(255, 255, 255, .08);--text: #e8e8e8;--text-dim: rgba(255, 255, 255, .5);--accent: #c49a2a;--accent-dim: rgba(196, 154, 42, .2);--red: #c0392b;--green: #27ae60;--blue: #2980b9;font-family:Georgia,Times New Roman,serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.app{min-height:100vh;display:flex;flex-direction:column}.intro-screen{min-height:100vh;display:grid;place-items:center;padding:2rem;background:radial-gradient(ellipse at 50% 30%,rgba(196,154,42,.06),transparent 60%),var(--bg)}.case-file{max-width:560px;width:100%;background:var(--bg-card);border:1px solid var(--border);border-top:3px solid var(--accent);padding:2.5rem;position:relative}.case-stamp{position:absolute;top:1.5rem;right:1.5rem;font-family:ui-monospace,monospace;font-size:.65rem;letter-spacing:.3em;color:var(--red);border:2px solid var(--red);padding:.2rem .6rem;transform:rotate(3deg);opacity:.8}.case-file h1{font-size:1.8rem;letter-spacing:.08em;color:var(--accent);margin-bottom:1rem}.divider{height:1px;background:var(--border);margin:1.25rem 0}.case-details p{font-size:.9rem;color:var(--text-dim);margin-bottom:.4rem}.case-details strong{color:var(--text)}.case-summary{font-size:.95rem;color:var(--text-dim);font-style:italic;line-height:1.7}.detective-name{color:var(--accent);font-weight:600;font-style:normal}.start-btn{display:block;width:100%;margin-top:2rem;padding:.9rem;background:var(--accent);color:#000;border:none;font-family:inherit;font-size:.85rem;font-weight:700;letter-spacing:.2em;cursor:pointer;transition:all .2s}.start-btn:hover{background:#d4aa3a;transform:translateY(-1px)}.header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:var(--bg-panel);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.5rem}.header-left{display:flex;align-items:center;gap:1rem}.header h1{font-size:.9rem;letter-spacing:.1em;color:var(--accent)}.badge{font-family:ui-monospace,monospace;font-size:.6rem;letter-spacing:.15em;color:var(--red);border:1px solid var(--red);padding:.15rem .5rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.header-right{display:flex;align-items:center;gap:1rem}.progress-bar{width:120px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .4s ease}.progress-text{font-family:ui-monospace,monospace;font-size:.7rem;color:var(--text-dim)}.accuse-btn{padding:.5rem 1.2rem;background:var(--red);color:#fff;border:none;font-family:inherit;font-size:.75rem;font-weight:700;letter-spacing:.1em;cursor:pointer;animation:pulse 1.5s infinite}.accuse-btn:hover{background:#e74c3c}.main-layout{flex:1;display:grid;grid-template-columns:220px 1fr 280px;min-height:calc(100vh - 50px)}.sidebar{background:var(--bg-panel);border-right:1px solid var(--border);padding:1rem;overflow-y:auto}.sidebar h3{font-size:.65rem;letter-spacing:.2em;color:var(--text-dim);margin-bottom:.75rem}.location-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.55rem .7rem;background:none;border:1px solid transparent;color:var(--text-dim);font-family:inherit;font-size:.78rem;cursor:pointer;text-align:left;margin-bottom:.25rem;transition:all .15s}.location-btn:hover{background:#ffffff08;color:var(--text)}.location-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.loc-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:.5rem}.loc-count{font-family:ui-monospace,monospace;font-size:.65rem;opacity:.6}.suspect-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .7rem;background:none;border:1px solid transparent;color:var(--text-dim);font-family:inherit;font-size:.78rem;cursor:pointer;text-align:left;margin-bottom:.25rem;transition:all .15s}.suspect-btn:hover{background:#ffffff08;color:var(--text)}.suspect-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.suspect-icon{font-size:1.1rem}.suspicion-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.main-panel{padding:1.5rem;overflow-y:auto}.location-view h2{font-size:1.3rem;color:var(--accent);margin-bottom:.3rem}.location-hint{color:var(--text-dim);font-size:.85rem;margin-bottom:1.5rem}.clue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.clue-card{background:var(--bg-card);border:1px solid var(--border);padding:1.25rem;cursor:pointer;text-align:left;font-family:inherit;color:var(--text);transition:all .2s}.clue-card:hover{border-color:#fff3;transform:translateY(-2px)}.clue-card.found{border-left:3px solid var(--accent)}.clue-card.unfound{opacity:.7;border-style:dashed}.clue-card.unfound:hover{opacity:1}.clue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.clue-cat-icon{font-size:1.3rem}.search-hint{font-size:.6rem;color:var(--text-dim);font-style:italic}.importance-tag{font-family:ui-monospace,monospace;font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;padding:.15rem .4rem;color:#fff}.clue-card h3{font-size:.95rem;margin-bottom:.5rem}.clue-preview{font-size:.8rem;color:var(--text-dim)}.no-clues{grid-column:1 / -1;text-align:center;padding:2rem;color:var(--text-dim)}.back-btn{background:none;border:none;color:var(--text-dim);font-family:inherit;font-size:.85rem;cursor:pointer;margin-bottom:1rem;padding:.25rem 0}.back-btn:hover{color:var(--accent)}.clue-detail-card{background:var(--bg-card);border:1px solid var(--border);border-top:3px solid var(--accent);padding:2rem}.clue-detail-header{display:flex;gap:.75rem;margin-bottom:1rem}.clue-cat-badge{font-size:.7rem;padding:.2rem .6rem;color:#fff}.clue-detail-card h2{font-size:1.4rem;color:var(--accent);margin-bottom:.5rem}.clue-location{font-size:.8rem;color:var(--text-dim)}.clue-full-desc{font-size:1rem;line-height:1.8;color:var(--text)}.add-note-btn{margin-top:1.5rem;padding:.6rem 1.2rem;background:var(--accent-dim);border:1px solid var(--accent);color:var(--accent);font-family:inherit;font-size:.8rem;cursor:pointer;transition:all .15s}.add-note-btn:hover{background:var(--accent);color:#000}.suspect-detail-card{background:var(--bg-card);border:1px solid var(--border);padding:2rem;text-align:center}.suspect-avatar{font-size:3rem;margin-bottom:.5rem}.suspect-detail-card h2{font-size:1.3rem;color:var(--accent)}.suspect-occ{font-size:.85rem;color:var(--text-dim);font-style:italic}.suspect-age{font-size:.8rem;color:var(--text-dim);margin-top:.25rem}.suspect-info{text-align:left}.info-block{margin-bottom:1.25rem}.info-block h4{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:.4rem}.info-block p{font-size:.9rem;color:var(--text-dim);line-height:1.6}.suspicion-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin:.5rem 0 .25rem}.suspicion-fill{height:100%;transition:width .5s ease}.suspicion-pct{font-family:ui-monospace,monospace;font-size:.7rem;color:var(--text-dim)}.notebook{background:var(--bg-panel);border-left:1px solid var(--border);padding:1rem;display:flex;flex-direction:column}.notebook h3{font-size:.65rem;letter-spacing:.2em;color:var(--text-dim);margin-bottom:.75rem}.notes-list{flex:1;overflow-y:auto;margin-bottom:.75rem}.no-notes{font-size:.8rem;color:var(--text-dim);font-style:italic}.note-item{display:flex;gap:.5rem;padding:.6rem;border-bottom:1px solid var(--border);position:relative}.note-num{font-family:ui-monospace,monospace;font-size:.65rem;color:var(--accent);flex-shrink:0}.note-item p{font-size:.78rem;color:var(--text-dim);line-height:1.5;flex:1}.remove-note{background:none;border:none;color:var(--text-dim);font-size:1rem;cursor:pointer;opacity:0;transition:opacity .15s;flex-shrink:0}.note-item:hover .remove-note{opacity:1}.remove-note:hover{color:var(--red)}.note-input{display:flex;gap:.5rem}.note-input input{flex:1;padding:.5rem .7rem;background:#ffffff0a;border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:.8rem;outline:none}.note-input input:focus{border-color:var(--accent)}.note-input button{padding:.5rem .75rem;background:var(--accent);color:#000;border:none;font-size:1rem;font-weight:700;cursor:pointer}.accusation-screen{min-height:calc(100vh - 50px);display:grid;place-items:center;padding:2rem}.accusation-card{max-width:600px;width:100%;background:var(--bg-card);border:1px solid var(--border);border-top:3px solid var(--red);padding:2.5rem;text-align:center}.accusation-card h2{color:var(--red);font-size:1.4rem;letter-spacing:.08em;margin-bottom:.5rem}.accusation-card p{color:var(--text-dim);font-size:.9rem;margin-bottom:2rem}.suspect-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.accuse-suspect{background:var(--bg-panel);border:1px solid var(--border);padding:1.5rem;cursor:pointer;font-family:inherit;color:var(--text);transition:all .2s;text-align:center}.accuse-suspect:hover{border-color:var(--red);transform:translateY(-2px)}.accuse-suspect .avatar{font-size:2rem;margin-bottom:.5rem}.accuse-suspect h3{font-size:1rem;margin-bottom:.25rem}.accuse-suspect p{font-size:.75rem;color:var(--text-dim);margin:0}.cancel-btn{background:none;border:1px solid var(--border);color:var(--text-dim);padding:.6rem 1.5rem;font-family:inherit;font-size:.8rem;cursor:pointer}.cancel-btn:hover{border-color:var(--text-dim)}.result-screen{min-height:100vh;display:grid;place-items:center;padding:2rem}.result-card{max-width:600px;width:100%;background:var(--bg-card);border:1px solid var(--border);padding:2.5rem;text-align:center}.result-card.correct{border-top:3px solid var(--green)}.result-card.correct h1{color:var(--green)}.result-card.wrong{border-top:3px solid var(--red)}.result-card.wrong h1{color:var(--red)}.result-card h1{font-size:1.6rem;letter-spacing:.1em;margin-bottom:1rem}.result-text{font-size:.95rem;line-height:1.7;color:var(--text-dim);margin-bottom:1.5rem}.result-text strong{color:var(--text)}.solution-breakdown{text-align:left;background:#ffffff05;border:1px solid var(--border);padding:1.5rem;margin-bottom:1.5rem}.solution-breakdown h3{color:var(--accent);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.75rem}.solution-breakdown p{font-size:.88rem;line-height:1.7;color:var(--text-dim)}.stats{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.stat{display:flex;flex-direction:column}.stat-num{font-family:ui-monospace,monospace;font-size:1.5rem;font-weight:700;color:var(--accent)}.stat-label{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}@media(max-width:900px){.main-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.sidebar{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;border-right:none;border-bottom:1px solid var(--border)}.sidebar h3{width:100%;margin-bottom:.25rem;margin-top:.5rem}.location-btn,.suspect-btn{flex:0 0 auto;width:auto}.notebook{border-left:none;border-top:1px solid var(--border);max-height:250px}}