:root{--bg-primary: #0a0a0f;--bg-secondary: #0f1018;--bg-card: rgba(15, 15, 30, .8);--bg-glass: rgba(20, 20, 45, .6);--border-glass: rgba(100, 200, 255, .1);--neon-cyan: #00e5ff;--neon-cyan-dim: rgba(0, 229, 255, .3);--neon-blue: #1e88e5;--crimson: #dc143c;--crimson-dim: rgba(220, 20, 60, .3);--gold: #ffd700;--text-primary: #e8e8f0;--text-secondary: rgba(200, 200, 220, .7);--text-dim: rgba(180, 180, 200, .4);--shadow-neon: 0 0 20px rgba(0, 229, 255, .15);--shadow-crimson: 0 0 20px rgba(220, 20, 60, .15);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.5;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.rain-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;overflow:hidden}.rain-drop{position:absolute;width:1px;background:linear-gradient(transparent,rgba(150,200,255,.3),transparent);animation:rain-fall linear infinite}@keyframes rain-fall{0%{transform:translateY(-100vh)}to{transform:translateY(100vh)}}.app-layout{display:flex;min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,#0a0a1a 50%,#0f0a1a 100%)}.sidebar{width:240px;min-height:100vh;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border-glass);display:flex;flex-direction:column;padding:0;position:fixed;left:0;top:0;bottom:0;z-index:100;transition:transform .3s ease}.sidebar-header{padding:1.5rem 1.25rem;border-bottom:1px solid var(--border-glass);text-align:center}.sidebar-header h2{font-family:Orbitron,monospace;font-size:.85rem;font-weight:700;color:var(--neon-cyan);text-transform:uppercase;letter-spacing:.15em;text-shadow:0 0 10px var(--neon-cyan-dim)}.sidebar-header .subtitle{font-size:.65rem;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;margin-top:.25rem}.sidebar-nav{flex:1;padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.7rem .85rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:.82rem;font-family:inherit;text-align:left;width:100%}.nav-item:hover{background:#00e5ff0d;border-color:var(--border-glass);color:var(--text-primary)}.nav-item.active{background:#00e5ff1a;border-color:var(--neon-cyan-dim);color:var(--neon-cyan);box-shadow:var(--shadow-neon)}.nav-item .icon{font-size:1.1rem;width:1.5rem;text-align:center}.sidebar-footer{padding:1rem 1.25rem;border-top:1px solid var(--border-glass);font-size:.65rem;color:var(--text-dim);text-align:center;letter-spacing:.05em}.main-content{flex:1;margin-left:240px;padding:1.5rem;min-height:100vh;position:relative}.section-header{margin-bottom:1.5rem}.section-header h1{font-family:Orbitron,monospace;font-size:1.4rem;font-weight:700;color:var(--text-primary);letter-spacing:.05em}.section-header .section-desc{color:var(--text-secondary);font-size:.85rem;margin-top:.25rem}.card{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:.75rem;padding:1.25rem;transition:all .3s ease}.card:hover{border-color:#00e5ff33;box-shadow:var(--shadow-neon)}.card-title{font-family:Orbitron,monospace;font-size:.7rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.5rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:.75rem;padding:1.25rem;position:relative;overflow:hidden;transition:all .3s ease}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);opacity:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-neon)}.stat-card .stat-icon{font-size:1.5rem;margin-bottom:.5rem}.stat-card .stat-value{font-family:Orbitron,monospace;font-size:1.8rem;font-weight:700;color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan-dim)}.stat-card .stat-label{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-top:.25rem}.ai-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--neon-cyan-dim);border-radius:.75rem;padding:1.25rem;margin-bottom:1.5rem;position:relative;overflow:hidden}.ai-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-blue),var(--crimson))}.ai-panel .ai-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-family:Orbitron,monospace;font-size:.7rem;color:var(--neon-cyan);text-transform:uppercase;letter-spacing:.1em}.ai-panel .ai-header .pulse{width:8px;height:8px;border-radius:50%;background:var(--neon-cyan);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 5px var(--neon-cyan)}50%{opacity:.5;box-shadow:0 0 15px var(--neon-cyan)}}.ai-messages{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem}.ai-messages::-webkit-scrollbar{width:4px}.ai-messages::-webkit-scrollbar-track{background:transparent}.ai-messages::-webkit-scrollbar-thumb{background:var(--neon-cyan-dim);border-radius:2px}.ai-msg{font-size:.82rem;color:var(--text-secondary);border-left:2px solid var(--neon-cyan-dim);padding:.3rem 0 .3rem .75rem;animation:fadeSlideIn .4s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.progress-bar{width:100%;height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden;margin-top:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-blue));border-radius:3px;transition:width .5s ease;box-shadow:0 0 10px var(--neon-cyan-dim)}.crime-scene-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.evidence-spot{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:.75rem;padding:1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.evidence-spot:hover{transform:translateY(-3px);border-color:var(--neon-cyan-dim);box-shadow:var(--shadow-neon)}.evidence-spot.found{border-color:#00ff644d;box-shadow:0 0 15px #00ff641a}.evidence-spot.found:after{content:"✓";position:absolute;top:.5rem;right:.5rem;color:#00ff64;font-size:.9rem;font-weight:700}.evidence-spot .ev-icon{font-size:2rem;margin-bottom:.5rem;transition:transform .3s ease}.evidence-spot:hover .ev-icon{transform:scale(1.15)}.evidence-spot .ev-name{font-size:.8rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.evidence-spot .ev-status{font-size:.7rem;color:var(--text-dim)}.evidence-spot.found .ev-status{color:#00ff6499}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-secondary);border:1px solid var(--neon-cyan-dim);border-radius:1rem;padding:2rem;max-width:500px;width:90%;position:relative;animation:slideUp .3s ease;box-shadow:0 0 40px #00e5ff1a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content .close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-dim);font-size:1.2rem;cursor:pointer;transition:color .2s}.modal-content .close-btn:hover{color:var(--crimson)}.modal-content h3{font-family:Orbitron,monospace;font-size:1rem;color:var(--neon-cyan);margin-bottom:.5rem}.modal-content p{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:.75rem}.modal-content .significance{background:#00e5ff0d;border-left:3px solid var(--neon-cyan);padding:.75rem;border-radius:0 .5rem .5rem 0;font-size:.82rem;color:var(--neon-cyan)}.suspects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.suspect-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:.75rem;padding:1.25rem;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.suspect-card:hover{transform:translateY(-3px);border-color:var(--neon-cyan-dim);box-shadow:var(--shadow-neon)}.suspect-card .suspect-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.suspect-card .suspect-portrait{font-size:2.5rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#00e5ff0d;border-radius:.5rem;border:1px solid var(--border-glass)}.suspect-card .suspect-info h3{font-family:Orbitron,monospace;font-size:.85rem;color:var(--text-primary)}.suspect-card .suspect-info .occupation{font-size:.72rem;color:var(--text-dim)}.suspect-card .suspect-detail{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.03);font-size:.78rem}.suspect-card .suspect-detail .label{color:var(--text-dim)}.suspect-card .suspect-detail .value{color:var(--text-secondary)}.suspicion-meter{width:100%;height:4px;background:#ffffff0d;border-radius:2px;margin-top:.75rem;overflow:hidden}.suspicion-fill{height:100%;border-radius:2px;transition:width .5s ease}.suspicion-fill.low{background:var(--neon-cyan)}.suspicion-fill.medium{background:var(--gold)}.suspicion-fill.high{background:var(--crimson)}.stress-badge{display:inline-block;padding:.15rem .5rem;border-radius:1rem;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stress-badge.calm{background:#00e5ff26;color:var(--neon-cyan)}.stress-badge.nervous{background:#ffd70026;color:var(--gold)}.stress-badge.aggressive{background:var(--crimson-dim);color:var(--crimson)}.stress-badge.defensive{background:#ffa50026;color:orange}.stress-badge.manipulative{background:#9333ea26;color:#9333ea}.interrogation-layout{display:grid;grid-template-columns:1fr;gap:1rem}.suspect-selector{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.suspect-tab{padding:.5rem 1rem;border-radius:.5rem;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-family:inherit;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.suspect-tab:hover{border-color:var(--neon-cyan-dim);color:var(--text-primary)}.suspect-tab.active{border-color:var(--neon-cyan);color:var(--neon-cyan);background:#00e5ff1a}.chat-container{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:.75rem;display:flex;flex-direction:column;height:500px}.chat-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-glass);display:flex;align-items:center;justify-content:space-between}.chat-header .chat-title{display:flex;align-items:center;gap:.5rem}.chat-header .chat-title h3{font-family:Orbitron,monospace;font-size:.82rem;color:var(--text-primary)}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--neon-cyan-dim);border-radius:2px}.chat-msg{max-width:80%;padding:.75rem 1rem;border-radius:.75rem;font-size:.85rem;line-height:1.5;animation:fadeSlideIn .3s ease}.chat-msg.detective{align-self:flex-end;background:#00e5ff1a;border:1px solid var(--neon-cyan-dim);color:var(--text-primary);border-bottom-right-radius:.25rem}.chat-msg.suspect{align-self:flex-start;background:var(--bg-card);border:1px solid var(--border-glass);color:var(--text-secondary);border-bottom-left-radius:.25rem}.chat-msg .msg-emotion{font-size:.65rem;color:var(--text-dim);margin-top:.25rem;font-style:italic}.chat-input-area{padding:1rem;border-top:1px solid var(--border-glass);display:flex;flex-direction:column;gap:.5rem}.quick-questions{display:flex;gap:.4rem;flex-wrap:wrap}.quick-q-btn{padding:.35rem .65rem;border-radius:.4rem;border:1px solid var(--border-glass);background:transparent;color:var(--text-dim);font-size:.7rem;font-family:inherit;cursor:pointer;transition:all .2s ease;white-space:nowrap}.quick-q-btn:hover{border-color:var(--neon-cyan-dim);color:var(--neon-cyan);background:#00e5ff0d}.chat-input-row{display:flex;gap:.5rem}.chat-input{flex:1;padding:.65rem 1rem;border-radius:.5rem;border:1px solid var(--border-glass);background:#0000004d;color:var(--text-primary);font-size:.85rem;font-family:inherit;outline:none;transition:border-color .2s ease}.chat-input:focus{border-color:var(--neon-cyan-dim)}.chat-input::placeholder{color:var(--text-dim)}.send-btn,.pressure-btn,.show-evidence-btn{padding:.65rem 1rem;border-radius:.5rem;border:1px solid;font-size:.8rem;font-family:Orbitron,monospace;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.send-btn{background:#00e5ff1a;border-color:var(--neon-cyan-dim);color:var(--neon-cyan)}.send-btn:hover{background:#00e5ff33;box-shadow:var(--shadow-neon)}.pressure-btn{background:var(--crimson-dim);border-color:#dc143c66;color:var(--crimson)}.pressure-btn:hover{background:#dc143c4d;box-shadow:var(--shadow-crimson)}.show-evidence-btn{background:#ffd7001a;border-color:#ffd7004d;color:var(--gold)}.show-evidence-btn:hover{background:#ffd70033}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.evidence-board-container{position:relative;width:100%;height:600px;background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:.75rem;overflow:hidden}.board-canvas{width:100%;height:100%;position:relative}.board-item{position:absolute;width:120px;padding:.75rem;background:#1e1e32e6;border:1px solid var(--border-glass);border-radius:.5rem;cursor:grab;transition:box-shadow .2s ease;text-align:center;-webkit-user-select:none;user-select:none;z-index:2}.board-item:hover{box-shadow:var(--shadow-neon);border-color:var(--neon-cyan-dim);z-index:3}.board-item.dragging{cursor:grabbing;box-shadow:0 0 30px #00e5ff4d;z-index:10}.board-item .board-icon{font-size:1.5rem;margin-bottom:.25rem}.board-item .board-name{font-size:.65rem;color:var(--text-primary);font-weight:500}.board-svg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.board-svg line{stroke:var(--crimson);stroke-width:1.5;stroke-dasharray:6 3;opacity:.6}.board-instructions{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);font-size:.7rem;color:var(--text-dim);background:#00000080;padding:.4rem .8rem;border-radius:.4rem;z-index:5}.accusation-container{max-width:700px;margin:0 auto}.accusation-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:.75rem;padding:2rem;text-align:center}.accusation-card h2{font-family:Orbitron,monospace;font-size:1.2rem;color:var(--crimson);margin-bottom:1rem;text-shadow:0 0 10px var(--crimson-dim)}.accusation-card p{color:var(--text-secondary);font-size:.85rem;margin-bottom:1.5rem;line-height:1.6}.accusation-select{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.accusation-option{padding:1rem;border:1px solid var(--border-glass);border-radius:.5rem;background:var(--bg-glass);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.75rem;text-align:left;font-family:inherit;color:var(--text-primary);font-size:.85rem}.accusation-option:hover{border-color:var(--crimson);box-shadow:var(--shadow-crimson)}.accusation-option.selected{border-color:var(--crimson);background:var(--crimson-dim)}.accusation-option .opt-portrait{font-size:1.5rem}.accusation-option .opt-info h4{font-size:.85rem;color:var(--text-primary)}.accusation-option .opt-info p{font-size:.72rem;color:var(--text-dim);margin:0}.accuse-btn{padding:.75rem 2rem;border-radius:.5rem;border:2px solid var(--crimson);background:var(--crimson-dim);color:var(--crimson);font-family:Orbitron,monospace;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.1em}.accuse-btn:hover{background:#dc143c4d;box-shadow:var(--shadow-crimson);transform:scale(1.02)}.accuse-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.ending-screen{display:flex;align-items:center;justify-content:center;min-height:80vh;text-align:center}.ending-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:1rem;padding:3rem;max-width:600px;width:90%;animation:slideUp .5s ease}.ending-card .ending-icon{font-size:4rem;margin-bottom:1rem}.ending-card h2{font-family:Orbitron,monospace;font-size:1.3rem;margin-bottom:.5rem}.ending-card .ending-type{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1.5rem}.ending-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.7;margin-bottom:1rem}.ending-card .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0;padding:1rem;background:#0000004d;border-radius:.5rem}.ending-card .stat{text-align:center}.ending-card .stat .val{font-family:Orbitron,monospace;font-size:1.3rem;color:var(--neon-cyan)}.ending-card .stat .lbl{font-size:.65rem;color:var(--text-dim);text-transform:uppercase}.play-again-btn{padding:.75rem 2rem;border-radius:.5rem;border:1px solid var(--neon-cyan-dim);background:#00e5ff1a;color:var(--neon-cyan);font-family:Orbitron,monospace;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:1rem}.play-again-btn:hover{background:#00e5ff33;box-shadow:var(--shadow-neon)}.case-file{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.case-file h3{font-family:Orbitron,monospace;font-size:.9rem;color:var(--neon-cyan);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-glass)}.case-detail{display:grid;grid-template-columns:120px 1fr;gap:.5rem;font-size:.82rem;margin-bottom:.5rem}.case-detail .label{color:var(--text-dim)}.case-detail .value{color:var(--text-secondary)}.typing-indicator{display:flex;gap:4px;padding:.5rem}.typing-dot{width:6px;height:6px;border-radius:50%;background:var(--neon-cyan);animation:typingBounce 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.3}30%{transform:translateY(-6px);opacity:1}}.voice-wave{display:flex;align-items:center;gap:2px;height:20px}.voice-wave .bar{width:3px;background:var(--neon-cyan);border-radius:2px;animation:waveBar 1s ease-in-out infinite}.voice-wave .bar:nth-child(1){animation-delay:0s;height:8px}.voice-wave .bar:nth-child(2){animation-delay:.1s;height:14px}.voice-wave .bar:nth-child(3){animation-delay:.2s;height:10px}.voice-wave .bar:nth-child(4){animation-delay:.3s;height:16px}.voice-wave .bar:nth-child(5){animation-delay:.4s;height:8px}@keyframes waveBar{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.2)}}.mobile-menu-btn{display:none;position:fixed;top:1rem;left:1rem;z-index:200;width:40px;height:40px;border-radius:.5rem;border:1px solid var(--border-glass);background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--neon-cyan);font-size:1.2rem;cursor:pointer;align-items:center;justify-content:center}@media(max-width:768px){.mobile-menu-btn{display:flex}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:3.5rem 1rem 1rem}.dashboard-grid,.crime-scene-grid{grid-template-columns:repeat(2,1fr)}.suspects-grid{grid-template-columns:1fr}.evidence-board-container{height:400px}.ending-card .stats{grid-template-columns:1fr}}@media(max-width:480px){.dashboard-grid,.crime-scene-grid{grid-template-columns:1fr}}