@import"https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap";:root{--bg-primary: #101217;--bg-secondary: #161b22;--bg-card: #161b22;--bg-card-hover: #21262d;--text-primary: #ffffff;--text-secondary: #8b949e;--text-muted: #484f58;--innocent-bg: #161b22;--innocent-border: #30363d;--innocent-text: #ffffff;--criminal-bg: #161b22;--criminal-border: #30363d;--criminal-text: #ffffff;--accent: #ffffff;--accent-hover: #f0f0f0;--border-radius: 6px;--shadow: none;--transition: all .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-touch-callout:none}html,body{width:100%;min-height:100%;overflow-x:hidden;overscroll-behavior:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}body{font-family:Comic Neue,Segoe UI,cursive,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:2rem}body.modal-open{overflow:hidden;height:100vh}.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;animation:fadeIn .4s ease}.start-screen.hidden{display:none}.game-title{font-size:3rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary);white-space:nowrap}.title-emoji,.header-emoji{margin:0 .5rem}.game-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem}.start-buttons{display:flex;flex-direction:column;gap:.75rem}.btn{padding:.75rem 2rem;font-size:1rem;font-weight:400;border:1px solid var(--text-muted);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);background:var(--bg-secondary);color:var(--text-primary)}.btn:hover{background:var(--bg-card-hover);border-color:var(--text-secondary)}.btn-primary{border-color:var(--text-secondary)}.btn-secondary,.btn-leaderboard{border-color:var(--text-muted)}.btn-innocent{background:var(--bg-card);color:#4ade80;border:1px solid #4ade80}.btn-innocent:hover{background:#4ade801a}.btn-criminal{background:var(--bg-card);color:#f87171;border:1px solid #f87171}.btn-criminal:hover{background:#f871711a}.btn-close{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--text-muted)}.btn-ok,.btn-play-again{background:var(--text-primary);color:var(--bg-primary);border:1px solid var(--text-primary);font-weight:700}.hidden{display:none!important}.game-screen{width:100%;max-width:600px;padding:0 1rem;display:flex;flex-direction:column;align-items:center;margin-top:-.5rem}.game-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:2rem;margin-bottom:0}.game-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.timer-container{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.timer{font-size:1.2rem;font-weight:700}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,145px);gap:.5rem;width:100%;grid-auto-flow:column}.cell{background:var(--bg-card);border:1px solid var(--text-muted);border-radius:var(--border-radius);padding:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;min-height:auto;height:100%;transition:var(--transition);overflow:hidden}.cell.pop-highlight .cell-name{animation:pop .4s ease-out;color:#fbbf24}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.cell.revealed{justify-content:flex-start;padding:0}.cell.dimmed .cell-emoji,.cell.dimmed .cell-name,.cell.dimmed .cell-role,.cell.dimmed .cell-clue{opacity:.35;color:var(--text-muted)}.cell.revealed .cell-emoji{font-size:1.2rem;margin-top:.4rem;margin-bottom:.1rem}.cell.revealed .cell-name{margin-top:0}.cell.clickable{cursor:pointer}.cell.clickable:hover{background:var(--bg-card-hover);border-color:var(--text-secondary)}.cell.revealed.innocent{background:#22c55e40;border:1px solid rgba(34,197,94,.8)}.cell.revealed.criminal{background:#ef444440;border:1px solid rgba(239,68,68,.8)}.cell-id{position:absolute;top:.25rem;left:.4rem;font-size:.7rem;color:var(--text-secondary);font-weight:400}.cell-emoji{font-size:1.8rem;margin-bottom:.2rem;transition:font-size .2s ease}.cell-name{font-size:.9rem;font-weight:700;color:var(--text-primary);width:100%}.cell.revealed .cell-name{background:#ffffff1a;padding:.1rem 0}.cell.revealed.innocent .cell-name{background:#22c55e66}.cell.revealed.criminal .cell-name{background:#ef444466}.cell-role{font-size:.75rem;color:var(--text-secondary);width:100%}.cell.revealed .cell-role{background:#ffffff0d;margin-bottom:0;padding-bottom:.2rem}.cell-clue{margin-top:.2rem;padding:.3rem .4rem;font-size:.7rem;color:var(--text-primary);line-height:1.25;width:100%;text-align:center}.cell-tag{position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 20px 20px 0;border-color:transparent transparent transparent transparent;cursor:pointer;z-index:10}.cell-tag.tag-yellow{border-color:transparent #fbbf24 transparent transparent}.cell-tag.tag-red{border-color:transparent #ef4444 transparent transparent}.cell-tag.tag-green{border-color:transparent #22c55e transparent transparent}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000000d9;display:none;justify-content:center;align-items:center;z-index:1000}.modal-overlay.active{display:flex}.modal-content{background:var(--bg-secondary);border-radius:8px;padding:2rem;max-width:350px;width:90%;border:1px solid var(--text-muted);animation:slideUp .3s ease;position:relative;text-align:center}.evidence-modal{display:flex;flex-direction:column;align-items:center;gap:.5rem}.evidence-warning,.evidence-text,.evidence-penalty,.evidence-subtext{margin-bottom:1rem}.selection-modal{display:flex;flex-direction:column;align-items:center;text-align:center}.modal-character{margin-bottom:1.5rem}.modal-emoji{font-size:4rem;display:block;margin-bottom:.5rem}.modal-name{font-size:1.8rem;font-weight:700}.modal-role{font-size:1.1rem;color:var(--text-secondary)}.modal-buttons{display:flex;flex-direction:row;justify-content:center;gap:1rem;margin-bottom:1.5rem}.win-modal{text-align:center}.win-title{font-size:1.8rem;font-weight:700;margin-bottom:1rem}.performance-grid{display:flex;flex-direction:column;align-items:center;gap:4px;margin:1.5rem 0;padding:1rem;background:#ffffff0d;border-radius:4px}.performance-row{display:flex;gap:4px}.performance-cell{font-size:1.5rem}.win-time{margin:1.5rem 0}.time-label{color:var(--text-secondary);font-size:.9rem}.time-value{font-size:2.5rem;font-weight:700;color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.game-grid{gap:.4rem}.cell{min-height:100px;padding:.4rem}.cell-emoji{font-size:1.5rem}.cell-name{font-size:.8rem}.cell-role,.cell-clue{font-size:.65rem}.game-title{font-size:2rem}}.game-footer{margin-top:2rem;text-align:center;width:100%}.admin-trigger{color:var(--text-muted);font-size:.8rem;cursor:pointer}.name-modal{text-align:center}.name-input{width:100%;padding:.75rem;font-size:1.2rem;border:1px solid var(--text-muted);border-radius:var(--border-radius);background:var(--bg-card);color:var(--text-primary);text-align:center;margin:1rem 0;font-family:inherit}.name-input:focus{outline:none;border-color:var(--text-secondary)}.warning-modal{text-align:center}.warning-header{margin-bottom:1.5rem}.warning-emphasis{margin-bottom:1.5rem;line-height:1.4}.warning-buttons{display:flex;flex-direction:column;gap:.75rem;width:100%}.warning-buttons .btn{color:#fff}.btn-resume{background:var(--bg-card);border:1px solid #4ade80;color:#4ade80!important}.btn-resume:hover{background:#4ade801a}.btn-danger{background:var(--bg-card);border:1px solid #f87171;color:#f87171!important}.btn-danger:hover{background:#f871711a}.leaderboard-modal{text-align:center;max-height:70vh;overflow-y:auto}.leaderboard-title{font-size:1.6rem;margin-bottom:1rem;color:var(--text-primary)}.leaderboard-table{width:100%;border-collapse:collapse;margin-bottom:1rem;font-size:.9rem}.leaderboard-table th,.leaderboard-table td{padding:.6rem .4rem;border-bottom:1px solid var(--text-muted)}.leaderboard-table th{color:var(--text-secondary);font-weight:600;text-align:left}.leaderboard-table td{text-align:left}.leaderboard-table .top-three{background:#ffffff0d}.no-entries{color:var(--text-secondary);font-style:italic;padding:2rem 0}.loading-text{color:var(--text-secondary);padding:2rem 0}.admin-modal{text-align:center}.admin-title{font-size:1.5rem;margin-bottom:.5rem}.admin-subtitle{color:var(--text-secondary);margin-bottom:1rem}.admin-code-input{width:120px;padding:.75rem;font-size:1.5rem;letter-spacing:.5rem;text-align:center;border:1px solid var(--text-muted);border-radius:var(--border-radius);background:var(--bg-card);color:var(--text-primary);margin-bottom:1rem}.admin-code-input:focus{outline:none;border-color:var(--text-secondary)}.admin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;max-width:200px;margin:0 auto 1rem}.keypad-btn{padding:.75rem;font-size:1.2rem;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--text-muted);border-radius:4px;cursor:pointer;transition:all .2s ease}.keypad-btn:hover{background:var(--bg-card-hover);border-color:var(--text-secondary)}.keypad-clear{color:#f87171;border-color:#f87171}.admin-submit-btn{margin-bottom:.5rem}.admin-result{margin-top:1rem}.admin-success{color:#4ade80;margin-bottom:1rem}.admin-error{color:#f87171}.win-penalty{font-size:.9rem;color:#fbbf24;margin-bottom:1rem}.win-time-text{margin-top:1.5rem;margin-bottom:.5rem}.win-congrats{margin:1.5rem 0;font-style:italic}.win-buttons{display:flex;flex-direction:column;gap:.75rem}.game-header h1{cursor:pointer}.modal-content{box-sizing:border-box;max-width:90vw;width:500px;margin:0 auto}@media(max-width:480px){.modal-content{width:95vw;padding:1rem;max-height:90vh;overflow-y:auto}}.instructions-container{width:100%;max-width:800px;margin:2rem auto;padding:0 1.5rem 6rem;text-align:left;color:var(--text-secondary);line-height:1.6}.disclaimer-box{background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:3rem;color:var(--text-primary)}.instructions-content h2{font-size:2rem;color:var(--text-primary);margin-bottom:1.5rem}.instructions-content h3{font-size:1.4rem;color:var(--text-primary);margin:2.5rem 0 1rem}.instructions-content p{margin-bottom:1rem}#game-screen:not(.hidden)~.instructions-container .disclaimer-box{display:none}.details-content{max-width:100%}.details-content p{margin-bottom:.5rem}