html,body,#root{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#1a1a1a;color:#f0f0f0}:root{--primary-color: #f000ff;--secondary-color: #00f0ff;--background-darkest: #0a041a;--background-dark: #130f28;--background-light: #1f1a3f;--text-primary: #e0e0ff;--text-secondary: #a0a0d0;--text-muted: #6a6a8a;--border-color: #38325c;--success-color: #50ffab;--warning-color: #ffdc00}*{-webkit-tap-highlight-color:transparent}*:focus{outline:none}*:focus-visible{outline:2px solid var(--secondary-color);outline-offset:2px;border-radius:4px;box-shadow:0 0 10px var(--secondary-color)}body{font-family:Roboto Mono,Consolas,Menlo,monospace;color:var(--text-primary);background-color:var(--background-darkest);margin:0;background-image:linear-gradient(rgba(0,240,255,.05) 1px,transparent 1px),linear-gradient(to right,rgba(0,240,255,.05) 1px,transparent 1px);background-size:40px 40px;background-attachment:fixed;overscroll-behavior-y:contain}.App{display:flex;flex-direction:column;min-height:100dvh}main{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.main-game-screen{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.content-area{flex-grow:1;padding:20px;box-sizing:border-box;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start}.app-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;height:60px;padding:0 20px;background-color:var(--background-darkest);border-bottom:1px solid var(--border-color);box-sizing:border-box}.app-header h1{margin:0;font-size:1.5rem;color:var(--primary-color);font-weight:700;text-shadow:0 0 5px var(--primary-color)}.user-info{display:flex;align-items:center;gap:15px}.user-info span{font-weight:700}.user-info button{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 12px;border-radius:4px;cursor:pointer;transition:all .2s;margin:0}.user-info button:hover{background-color:var(--background-light);color:var(--secondary-color);border-color:var(--secondary-color)}.game-nav{flex-shrink:0;display:flex;justify-content:space-around;background-color:var(--background-darkest);border-top:1px solid var(--border-color)}.game-nav button{flex:1 1 0;text-align:center;background:none;border:none;color:var(--text-muted);padding:15px 5px;font-size:1rem;cursor:pointer;transition:color .2s,border-bottom-color .2s,text-shadow .2s;border-bottom:3px solid transparent;margin:0;white-space:nowrap}.game-nav button.active{color:var(--secondary-color);border-bottom-color:var(--secondary-color);text-shadow:0 0 8px var(--secondary-color)}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;box-sizing:border-box}.login-form-card{background-color:var(--background-dark);padding:40px;border-radius:8px;border:1px solid var(--border-color);box-shadow:0 4px 20px #0006;width:100%;max-width:400px;text-align:center}.login-form-card h2{margin:0 0 24px;color:#fff}.login-form-card input{width:100%;padding:12px;margin-bottom:16px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--background-darkest);color:#fff;font-size:1rem;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.login-form-card input:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 8px var(--secondary-color)}.button-primary{width:100%;padding:12px;border:none;border-radius:4px;background-color:var(--primary-color);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s,box-shadow .2s}.button-primary:hover{background-color:#ff4dff;box-shadow:0 0 12px var(--primary-color)}.button-secondary{width:100%;padding:12px;margin-top:16px;background:none;border:1px solid var(--primary-color);color:var(--primary-color);border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s}.button-secondary:hover{background-color:var(--primary-color);color:#fff;box-shadow:0 0 12px var(--primary-color)}.error-message{color:var(--warning-color);margin-top:16px}.briefing,.finished-game-view{text-align:center;background-color:var(--background-dark);padding:30px 40px;border-radius:8px;max-width:500px;width:100%;border:1px solid var(--border-color)}.hunting-view{display:flex;flex-direction:column;align-items:center;gap:25px;width:100%;max-width:650px}button{background-color:var(--primary-color);color:#fff;border:none;padding:12px 24px;font-size:1em;border-radius:5px;cursor:pointer;margin-top:20px;transition:background-color .2s,box-shadow .2s}button:hover{background-color:#ff4dff;box-shadow:0 0 12px var(--primary-color);color:#e6e5af}.clue-container{background-color:var(--background-dark);padding:25px;border-radius:8px;width:100%;box-sizing:border-box;border:1px solid var(--border-color)}.lead-text{font-style:italic;color:var(--text-secondary)}.task-locked{text-align:center;color:var(--warning-color);font-weight:700}.task-area input{width:100%;box-sizing:border-box;padding:12px;margin-bottom:10px;border-radius:5px;border:1px solid var(--border-color);background-color:var(--background-darkest);color:#fff;font-size:1em}.live-timer{width:100%;text-align:center;background-color:var(--background-dark);padding:25px;border-radius:8px;box-sizing:border-box;border:1px solid var(--border-color)}.timer-label{color:var(--text-muted);font-size:1rem;display:block;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.timer-digits{font-family:Orbitron,Courier New,monospace;font-size:2.5rem;font-weight:700;color:var(--primary-color);letter-spacing:3px;text-shadow:0 0 8px var(--primary-color)}.evidence-log-page{width:100%;max-width:900px}.no-evidence-text{text-align:center;color:var(--text-muted);font-style:italic;padding:40px;border:2px dashed var(--border-color);border-radius:8px;margin-top:30px}.suspect-grid{display:grid;grid-template-columns:1fr;gap:15px;margin-top:30px}@media (min-width: 768px){.suspect-grid{grid-template-columns:repeat(2,1fr)}}.suspect-tile{background-color:var(--background-light);border-radius:8px;border-left:5px solid #4a6572;padding:15px 20px;cursor:pointer;transition:background-color .3s ease,border-left-color .3s ease}.suspect-tile:hover{border-left-color:var(--primary-color)}.suspect-tile.expanded{background-color:var(--background-dark);border-left-color:var(--primary-color)}.suspect-header{display:flex;justify-content:space-between;align-items:center}.suspect-header h3{margin:0;color:var(--secondary-color)}.expand-icon{font-size:2rem;font-weight:300;color:var(--text-muted);transition:transform .4s cubic-bezier(.25,1,.5,1)}.suspect-tile.expanded .expand-icon{transform:rotate(45deg);color:var(--secondary-color)}.expanded-content-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.25,1,.5,1)}.suspect-tile.expanded .expanded-content-wrapper{grid-template-rows:1fr}.expanded-content{overflow:hidden;opacity:0;transition:opacity .3s ease .2s}.suspect-tile.expanded .expanded-content{opacity:1}.internal-nav{margin:15px 0;border-top:1px solid var(--border-color);padding-top:15px;display:flex;gap:10px}.internal-nav button{flex-grow:1;background-color:var(--background-darkest);color:var(--text-secondary);border:1px solid var(--border-color);margin:0;padding:10px;font-size:.9rem}.internal-nav button.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.tab-content{display:grid}.clue-list,.suspect-profile{grid-area:1 / 1;transition:opacity .3s ease,visibility .3s ease;opacity:1;visibility:visible}.tab-content[data-active-tab=evidence] .suspect-profile,.tab-content[data-active-tab=profile] .clue-list{opacity:0;visibility:hidden}.clue-list-item{background-color:#0003;padding:15px;border-radius:4px;margin-bottom:10px;border-left:2px solid var(--secondary-color)}.clue-list-item p{margin:0 0 5px;line-height:1.5}.suspect-profile p{line-height:1.6;font-style:italic;color:var(--text-primary)}.clue-list-item.decrypting{color:var(--text-muted);font-style:bold;position:relative;overflow:hidden}.decrypting-label{position:absolute;top:5px;right:5px;background-color:var(--warning-color);color:var(--background-darkest);font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase}.clue-list-item.revealed{animation:flash-reveal .7s ease-out}@keyframes flash-reveal{0%{background-color:#00f0ff33}to{background-color:#0003}}.leaderboard{width:100%;max-width:800px;background-color:var(--background-dark);padding:20px 30px;border-radius:8px;border:1px solid var(--border-color)}.leaderboard h2{text-align:center;margin:0 0 25px}.leaderboard ol{list-style:none;padding:0;margin:0}.leaderboard li{display:flex;justify-content:space-between;align-items:center;padding:12px 10px;border-bottom:1px solid var(--border-color);gap:15px}.player-name{flex:1;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-status{flex:2;display:flex;align-items:center;width:100%}.player-name.current-user{color:var(--primary-color);font-weight:900;text-shadow:0 0 5px var(--primary-color)}.player-details{flex-basis:40%;flex-shrink:0;display:flex;align-items:center;padding-right:20px;box-sizing:border-box}.player-rank{font-size:1.1em;font-weight:700;color:var(--text-muted);margin-right:15px}.progress-bar-container{width:100%;height:20px;background-color:var(--background-darkest);border-radius:10px;overflow:hidden;margin-right:15px;border:1px solid var(--border-color)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#f000ff,#00f0ff);border-radius:10px;transition:width .5s ease-in-out}.progress-text{font-size:1em;font-weight:700;color:var(--text-secondary);white-space:nowrap}.finish-time{font-weight:700;font-size:1.1em;color:var(--success-color);width:100%;text-align:right}.leaderboard-empty-message{text-align:center;font-style:italic;color:var(--text-muted);padding:40px 20px;border-top:1px solid var(--border-color)}.map-view-page{display:flex;flex-direction:column;height:100%;width:100%;max-width:1200px}.map-view-page h2,.map-view-page p{flex-shrink:0}.map-transform-wrapper{flex-grow:1;width:100%;overflow:hidden;border:2px solid var(--border-color);border-radius:8px;cursor:grab}.map-transform-wrapper:active{cursor:grabbing}.map-transform-content{width:100%;height:100%}.map-container{position:relative;width:100%;height:100%}.map-image{width:100%;height:100%;object-fit:contain}.map-marker{position:absolute;width:24px;height:24px;transform:translate(-50%,-50%);cursor:default}.map-marker-glow{position:absolute;top:50%;left:50%;width:8px;height:8px;background-color:var(--primary-color);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 5px var(--primary-color),0 0 10px var(--primary-color),0 0 15px var(--primary-color)}.map-marker-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid var(--primary-color);border-radius:50%;animation:marker-ping 1.5s cubic-bezier(0,0,.2,1) infinite}@keyframes marker-ping{75%,to{transform:scale(2);opacity:0}}.toast-container{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background-color:var(--success-color);color:var(--background-darkest);padding:15px 25px;border-radius:8px;box-shadow:0 4px 15px #0000004d,0 0 10px var(--success-color);display:flex;align-items:center;gap:15px;z-index:1000;animation:slideInUp .5s cubic-bezier(.25,1,.5,1) forwards}.toast-message{font-weight:700}.toast-close{background:none;border:none;color:var(--background-darkest);font-size:1.5rem;font-weight:300;line-height:1;padding:0 5px;margin:0;cursor:pointer;opacity:.7}.toast-close:hover{opacity:1}@keyframes slideInUp{0%{transform:translate(-50%,50px);opacity:0}to{transform:translate(-50%);opacity:1}}.hint-container{width:100%;box-sizing:border-box;padding:15px;border-radius:8px;background-color:#50ffab1a;border:1px solid var(--success-color);text-align:center}.hint-text{margin:0;font-style:italic;color:var(--success-color)}.hint-text strong{font-style:normal;color:#e0e0ff}.admin-dashboard{flex-grow:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:25px}.dashboard-header h2{color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:10px;margin-top:0}.stat-cards-container{display:flex;gap:20px;justify-content:space-around;flex-wrap:wrap}.stat-card{background-color:var(--background-dark);border-radius:8px;padding:20px;flex-grow:1;border:1px solid var(--border-color);min-width:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.stat-card h3{margin:0;font-size:1.2em;color:var(--text-secondary)}.stat-card p{margin:0;font-size:2.5em;font-weight:700;color:var(--primary-color);text-shadow:0 0 8px var(--primary-color)}.dashboard-main-content{display:flex;gap:20px;align-items:flex-start}.chart-container,.table-container{background-color:var(--background-dark);padding:20px;border-radius:8px;border:1px solid var(--border-color)}.chart-container{flex:1;min-width:350px}.table-container{flex:2;overflow:hidden}.chart-container h3,.table-container h3{margin-top:0;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding-bottom:10px}.table-scroll-wrapper{max-height:450px;overflow-y:auto}.admin-dashboard table{width:100%;border-collapse:collapse}.admin-dashboard th,.admin-dashboard td{border-bottom:1px solid var(--border-color);padding:12px 15px;text-align:left}.admin-dashboard th{background-color:var(--background-light);color:var(--text-secondary);position:sticky;top:0;z-index:1}.admin-dashboard tbody tr:hover{background-color:var(--background-light)}.recharts-text,.recharts-legend-item-text{fill:var(--text-primary)!important}.recharts-tooltip-wrapper .recharts-tooltip-label{color:var(--text-primary)!important}.recharts-tooltip-wrapper{background-color:var(--background-darkest)!important;border:1px solid var(--border-color)!important}@media (max-width: 1200px){.dashboard-main-content{flex-direction:column;align-items:stretch}.chart-container{min-width:unset}}.modal-overlay{position:fixed;inset:0;background-color:#0a041acc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;animation:fadeIn .3s forwards}.modal{background-color:var(--background-dark);padding:30px;border-radius:8px;border:1px solid var(--border-color);box-shadow:0 5px 30px #00000080;width:90%;max-width:500px;animation:slideIn .4s cubic-bezier(.25,1,.5,1) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(20px)}to{transform:translateY(0)}}.modal h2{margin-top:0;color:var(--secondary-color)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--text-secondary);font-weight:700}.form-group input[type=text]{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--background-darkest);color:var(--text-primary);font-size:1rem;box-sizing:border-box}.clue-selection-list{max-height:200px;overflow-y:auto;border:1px solid var(--border-color);border-radius:4px;padding:10px;background-color:var(--background-darkest)}.clue-checkbox-item{display:flex;align-items:center;padding:8px;border-radius:4px;cursor:pointer}.clue-checkbox-item:hover{background-color:var(--background-light)}.clue-checkbox-item input{margin-right:12px;width:18px;height:18px}.modal-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.modal-actions button{margin-top:0}.btn-secondary{background:none;border:1px solid var(--border-color);color:var(--text-secondary)}.btn-secondary:hover{background-color:var(--background-light);border-color:var(--text-secondary);color:var(--text-primary)}.admin-dashboard td .btn-edit,.admin-dashboard td .btn-reset{padding:6px 12px;font-size:.9em;margin:0 5px 0 0}.btn-edit{background-color:var(--secondary-color);color:var(--background-darkest)}.btn-edit:hover{box-shadow:0 0 12px var(--secondary-color)}.btn-reset{background-color:#ff8042;color:var(--background-darkest)}.btn-reset:hover{box-shadow:0 0 12px #ff8042}.expanded-row-content{background-color:var(--background-light);padding:20px}.expanded-row-content h4{margin:0 0 10px;color:var(--secondary-color)}.expanded-row-content ul{margin:0;padding-left:20px}.expanded-row-content li{padding:4px 0}.no-clues-message{font-style:italic;color:var(--text-muted)}.btn-timer-reset{background-color:var(--success-color);color:var(--background-darkest);padding:6px 12px;font-size:.9em;margin:0 5px 0 0}.btn-timer-reset:hover{box-shadow:0 0 12px var(--success-color)}.admin-dashboard td:last-child{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding-top:8px;padding-bottom:8px}.admin-dashboard td .btn-edit,.admin-dashboard td .btn-reset,.admin-dashboard td .btn-timer-reset{margin:0;padding:8px 12px;font-size:.9em;font-weight:700;text-align:center;border-radius:4px}.btn-edit{background-color:var(--secondary-color);color:var(--background-darkest);border:1px solid var(--secondary-color)}.btn-edit:hover{box-shadow:0 0 10px var(--secondary-color)}.btn-reset{background-color:var(--warning-color);color:var(--background-darkest);border:1px solid var(--warning-color)}.btn-reset:hover{box-shadow:0 0 10px var(--warning-color)}.btn-timer-reset{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-timer-reset:hover{background-color:var(--background-light);border-color:var(--text-secondary);color:var(--text-primary)}