:root{--bg-deep:#060910;--bg-surface:#0c1220;--bg-card:#101828bf;--bg-glass:#121c3099;--bg-glass-elevated:#182640d9;--border-subtle:#ffffff14;--border-active:#10b98166;--border-glow:#06b6d480;--accent-cyan:#06b6d4;--accent-emerald:#10b981;--accent-crimson:#f43f5e;--accent-amber:#f59e0b;--accent-purple:#a855f7;--accent-ghost:#cbd5e1;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--font-sans:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-glow-cyan:0 0 25px #06b6d440;--shadow-glow-emerald:0 0 25px #10b98140;--shadow-glow-crimson:0 0 25px #f43f5e40}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-deep);color:var(--text-main);background-image:radial-gradient(circle at 50% 0,#06b6d41f 0%,#0000 60%),radial-gradient(circle at 80% 80%,#10b98114 0%,#0000 50%),radial-gradient(circle at 10% 90%,#f43f5e0f 0%,#0000 40%);background-attachment:fixed;flex-direction:column;min-height:100dvh;display:flex;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-size:36px 36px;position:fixed;inset:0}#app{z-index:1;flex-direction:column;width:100%;max-width:540px;min-height:100dvh;margin:0 auto;padding:1rem 1rem 2rem;display:flex;position:relative}.app-header{justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem .5rem;display:flex}.brand-badge{align-items:center;gap:.6rem;text-decoration:none;display:flex}.brand-icon{border-radius:var(--radius-sm);border:1px solid var(--border-glow);width:36px;height:36px;box-shadow:var(--shadow-glow-cyan);background:linear-gradient(135deg,#06b6d433,#10b98133);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.brand-text{flex-direction:column;display:flex}.brand-title{letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(90deg,#38bdf8,#34d399);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.15rem;font-weight:800}.brand-tag{font-family:var(--font-mono);letter-spacing:.15em;color:var(--text-dim);text-transform:uppercase;font-size:.65rem}.header-controls{align-items:center;gap:.5rem;display:flex}.icon-btn{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;font-size:1.1rem;transition:all .2s;display:flex}.icon-btn:hover,.icon-btn:active{color:var(--text-main);border-color:var(--border-active);background:var(--bg-glass-elevated);transform:translateY(-1px)}.card-box{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:1rem;padding:1.25rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006}.card-box:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:1px;position:absolute;top:0;left:0;right:0}.section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-cyan);align-items:center;gap:.5rem;margin-bottom:.85rem;font-size:.85rem;font-weight:700;display:flex}.section-title .badge{border-radius:var(--radius-full);color:var(--accent-cyan);font-size:.7rem;font-family:var(--font-mono);background:#06b6d426;border:1px solid #06b6d44d;padding:2px 6px}.btn{font-family:var(--font-sans);letter-spacing:.05em;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.9rem 1.4rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#059669,#0284c7);box-shadow:0 4px 20px #05966959}.btn-primary:hover,.btn-primary:active{background:linear-gradient(135deg,#10b981,#0ea5e9);transform:translateY(-2px);box-shadow:0 6px 24px #10b98180}.btn-danger{color:#fff;background:linear-gradient(135deg,#be123c,#e11d48);box-shadow:0 4px 20px #e11d484d}.btn-danger:hover,.btn-danger:active{background:linear-gradient(135deg,#e11d48,#f43f5e);transform:translateY(-2px);box-shadow:0 6px 24px #f43f5e73}.btn-secondary{background:var(--bg-glass);color:var(--text-main);border:1px solid var(--border-subtle)}.btn-secondary:hover,.btn-secondary:active{background:var(--bg-glass-elevated);border-color:var(--border-active);transform:translateY(-1px)}.player-list{flex-direction:column;gap:.5rem;max-height:240px;padding-right:4px;display:flex;overflow-y:auto}.player-list::-webkit-scrollbar{width:4px}.player-list::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.player-item{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#0f172a99;justify-content:space-between;align-items:center;padding:.5rem .75rem;transition:all .2s;display:flex}.player-item:hover{background:#0f172ad9;border-color:#ffffff26}.player-info{flex:1;align-items:center;gap:.65rem;display:flex}.player-avatar-btn{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:2px;font-size:1.3rem;transition:transform .15s}.player-avatar-btn:hover{transform:scale(1.15)}.player-name-input{color:var(--text-main);font-family:var(--font-sans);background:0 0;border:none;outline:none;width:100%;font-size:.95rem;font-weight:600}.player-score-tag{font-family:var(--font-mono);color:var(--accent-amber);border-radius:var(--radius-full);background:#f59e0b1a;margin-right:.5rem;padding:2px 8px;font-size:.75rem}.remove-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:1.1rem;transition:all .15s}.remove-btn:hover{color:var(--accent-crimson);background:#f43f5e1a}.add-player-row{gap:.5rem;margin-top:.75rem;display:flex}.input-field{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-sans);background:#0f172acc;outline:none;flex:1;padding:.65rem .85rem;font-size:.9rem;transition:border-color .2s}.input-field:focus{border-color:var(--accent-cyan)}.btn-small{width:auto;padding:.65rem 1rem;font-size:.85rem}.role-config-grid{grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:.5rem;display:grid}.role-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;background:#0f172aa6;flex-direction:column;justify-content:space-between;padding:.75rem .5rem;display:flex;position:relative}.role-card.civilian{border-color:#10b9814d}.role-card.undercover{border-color:#f43f5e4d}.role-card.mrwhite{border-color:#cbd5e14d}.role-card-header{text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem;font-weight:700}.role-card.civilian .role-card-header{color:var(--accent-emerald)}.role-card.undercover .role-card-header{color:var(--accent-crimson)}.role-card.mrwhite .role-card-header{color:var(--accent-ghost)}.role-count-val{font-family:var(--font-mono);color:var(--text-main);margin:.3rem 0;font-size:1.5rem;font-weight:800}.stepper-row{justify-content:center;align-items:center;gap:.5rem;display:flex}.step-btn{border-radius:var(--radius-full);background:var(--bg-glass-elevated);border:1px solid var(--border-subtle);width:28px;height:28px;color:var(--text-main);cursor:pointer;justify-content:center;align-items:center;font-size:1rem;font-weight:700;transition:all .15s;display:flex}.step-btn:hover:not(:disabled){border-color:var(--accent-cyan);background:var(--bg-surface)}.step-btn:disabled{opacity:.3;cursor:not-allowed}.chip-grid{flex-wrap:wrap;gap:.45rem;margin-top:.5rem;display:flex}.deck-chip{border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;background:#0f172ab3;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.deck-chip.active{border-color:var(--accent-cyan);color:var(--text-main);background:#06b6d426;box-shadow:0 0 12px #06b6d433}.reveal-container{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.turn-banner{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#0f172acc;width:100%;margin-bottom:1.5rem;padding:.75rem 1.25rem}.turn-subtitle{text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim);font-size:.75rem}.turn-player-name{color:var(--text-main);justify-content:center;align-items:center;gap:.5rem;margin-top:.25rem;font-size:1.6rem;font-weight:800;display:flex}.secret-card-container{perspective:1000px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;max-width:360px;height:380px;margin-bottom:1.5rem}.classified-scanner-box{border-radius:var(--radius-lg);cursor:pointer;background:radial-gradient(circle,#0f172af2,#060910);border:2px dashed #06b6d44d;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000c,0 10px 30px #00000080}.classified-scanner-box.scanning{border-color:var(--accent-cyan);border-style:solid;box-shadow:0 0 35px #06b6d466,inset 0 0 40px #06b6d426}.scanner-radar{border-radius:var(--radius-full);border:2px solid #06b6d466;justify-content:center;align-items:center;width:110px;height:110px;margin-bottom:1.25rem;transition:transform .2s;display:flex;position:relative}.scanner-radar:before,.scanner-radar:after{content:"";border-radius:var(--radius-full);border:1px dashed #06b6d433;animation:12s linear infinite radarSpin;position:absolute;inset:-8px}.scanner-radar:after{border-style:dotted;animation-duration:20s;animation-direction:reverse;inset:-18px}@keyframes radarSpin{to{transform:rotate(360deg)}}.fingerprint-icon{color:var(--accent-cyan);filter:drop-shadow(0 0 10px #06b6d480);font-size:3.2rem}.hold-instructions{text-transform:uppercase;letter-spacing:.1em;color:var(--text-main);margin-bottom:.35rem;font-size:.95rem;font-weight:700}.hold-subtext{color:var(--text-dim);max-width:200px;font-size:.75rem}.dossier-card{border-radius:var(--radius-lg);opacity:0;pointer-events:none;z-index:5;flex-direction:column;justify-content:space-between;align-items:center;padding:1.5rem;transition:opacity .2s,transform .2s;display:flex;position:absolute;inset:0;transform:scale(.95)}.classified-scanner-box.revealed .dossier-card{opacity:1;pointer-events:auto;transform:scale(1)}.classified-scanner-box.revealed .scanner-default{opacity:0}.dossier-card.civilian{border:2px solid var(--accent-emerald);box-shadow:var(--shadow-glow-emerald);background:radial-gradient(circle at 50% 30%,#064e3b,#041f17)}.dossier-card.undercover{border:2px solid var(--accent-crimson);box-shadow:var(--shadow-glow-crimson);background:radial-gradient(circle at 50% 30%,#881337,#2c0410)}.dossier-card.mrwhite{border:2px solid var(--accent-ghost);background:radial-gradient(circle at 50% 30%,#334155,#0f172a);box-shadow:0 0 30px #cbd5e14d}.dossier-stamp{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;border-radius:var(--radius-full);background:#0006;border:1px solid #fff3;padding:4px 12px;font-size:.75rem;font-weight:800}.dossier-role-icon{margin-top:.5rem;font-size:2.5rem}.dossier-secret-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);background:#00000080;border:1px solid #ffffff1a;width:100%;padding:1rem 1.5rem}.dossier-secret-label{text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim);margin-bottom:.25rem;font-size:.7rem}.dossier-secret-word{letter-spacing:.05em;color:#fff;text-shadow:0 0 15px #ffffff80;font-size:1.85rem;font-weight:800}.dossier-role-name{text-transform:uppercase;letter-spacing:.1em;margin-top:.25rem;font-size:1.15rem;font-weight:800}.dossier-card.civilian .dossier-role-name{color:#34d399}.dossier-card.undercover .dossier-role-name{color:#fb7185}.dossier-card.mrwhite .dossier-role-name{color:#f1f5f9}.dossier-tip{color:var(--text-muted);max-width:280px;font-size:.8rem;line-height:1.4}.discussion-header{text-align:center;margin-bottom:1rem}.round-tag{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-cyan);border-radius:var(--radius-full);background:#06b6d41a;border:1px solid #06b6d440;margin-bottom:.5rem;padding:4px 12px;font-size:.75rem;display:inline-block}.discussion-title{font-size:1.35rem;font-weight:800}.timer-container{flex-direction:column;justify-content:center;align-items:center;margin:1.25rem 0;display:flex}.timer-circle{justify-content:center;align-items:center;width:130px;height:130px;display:flex;position:relative}.timer-svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-bg-path{fill:none;stroke:#ffffff14;stroke-width:8px}.timer-bar-path{fill:none;stroke:var(--accent-cyan);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .3s}.timer-circle.urgent .timer-bar-path{stroke:var(--accent-crimson)}.timer-display{flex-direction:column;align-items:center;display:flex;position:absolute}.timer-digits{font-family:var(--font-mono);color:var(--text-main);font-size:2rem;font-weight:800}.timer-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-size:.65rem}.timer-actions{gap:.5rem;margin-top:.75rem;display:flex}.speaker-roster{flex-direction:column;gap:.5rem;margin:1rem 0;display:flex}.speaker-card{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#0f172a99;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:all .2s;display:flex}.speaker-card.is-first{border-color:var(--accent-cyan);background:#06b6d41f;box-shadow:0 0 15px #06b6d426}.speaker-left{align-items:center;gap:.75rem;display:flex}.speaker-order-badge{font-family:var(--font-mono);border-radius:var(--radius-full);width:24px;height:24px;color:var(--text-muted);background:#ffffff14;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.speaker-card.is-first .speaker-order-badge{background:var(--accent-cyan);color:#000}.speaker-name{font-size:.95rem;font-weight:700}.first-speaker-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--accent-cyan);border-radius:var(--radius-full);background:#06b6d433;padding:2px 8px;font-size:.65rem}.voting-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin:1rem 0;display:grid}.voting-candidate-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;cursor:pointer;background:#0f172ab3;flex-direction:column;align-items:center;padding:1rem;transition:all .2s;display:flex;position:relative}.voting-candidate-card:hover,.voting-candidate-card:active{border-color:var(--accent-crimson);background:#f43f5e1f;transform:translateY(-2px)}.voting-candidate-avatar{margin-bottom:.35rem;font-size:2rem}.voting-candidate-name{color:var(--text-main);font-size:.95rem;font-weight:700}.voting-candidate-action{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--accent-crimson);margin-top:.5rem;font-size:.7rem}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:100;opacity:1;background:#000000d9;justify-content:center;align-items:center;padding:1rem;transition:opacity .25s;display:flex;position:fixed;inset:0}.modal-backdrop[hidden]{opacity:0;display:none}@starting-style{.modal-backdrop{opacity:0}}.modal-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:440px;padding:1.5rem;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:relative;transform:scale(1);box-shadow:0 20px 50px #000c}@starting-style{.modal-panel{transform:scale(.92)}}.modal-title{margin-bottom:.5rem;font-size:1.35rem;font-weight:800}.modal-body{color:var(--text-muted);margin-bottom:1.25rem;font-size:.9rem;line-height:1.5}.modal-actions{gap:.5rem;display:flex}.elimination-card{border-radius:var(--radius-md);flex-direction:column;align-items:center;margin:1rem 0;padding:1.25rem;display:flex}.elimination-card.civilian{border:1px solid var(--accent-emerald);background:#10b9811f}.elimination-card.undercover{border:1px solid var(--accent-crimson);background:#f43f5e1f}.elimination-card.mrwhite{border:1px solid var(--accent-ghost);background:#cbd5e11f}.victory-banner{text-align:center;margin-bottom:1rem;padding:1.5rem 1rem}.victory-trophy{margin-bottom:.5rem;font-size:3.5rem;animation:2s ease-in-out infinite pulseTrophy}@keyframes pulseTrophy{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.victory-headline{text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:1.85rem;font-weight:900}.victory-headline.civilians{background:linear-gradient(90deg,#34d399,#10b981);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.victory-headline.undercover{background:linear-gradient(90deg,#fb7185,#f43f5e);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.victory-headline.mrwhite{background:linear-gradient(90deg,#f8fafc,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.intel-reveal-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0;display:grid}.intel-box{border-radius:var(--radius-md);text-align:center;border:1px solid var(--border-subtle);background:#0f172ab3;padding:.85rem}.intel-box.civ{border-color:#10b98166}.intel-box.uc{border-color:#f43f5e66}.intel-label{text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim);font-size:.65rem}.intel-word{margin-top:.25rem;font-size:1.25rem;font-weight:800}.intel-box.civ .intel-word{color:var(--accent-emerald)}.intel-box.uc .intel-word{color:var(--accent-crimson)}.final-roster-item{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#0f172a99;justify-content:space-between;align-items:center;margin-bottom:.4rem;padding:.6rem .85rem;display:flex}.final-roster-item.civilian{border-left:3px solid var(--accent-emerald)}.final-roster-item.undercover{border-left:3px solid var(--accent-crimson)}.final-roster-item.mrwhite{border-left:3px solid var(--accent-ghost)}.rules-step{text-align:left;align-items:flex-start;gap:.75rem;margin-bottom:.85rem;display:flex}.rules-step-num{font-family:var(--font-mono);border-radius:var(--radius-full);border:1px solid var(--accent-cyan);width:24px;height:24px;color:var(--accent-cyan);background:#06b6d426;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex}.rules-step-content h4{color:var(--text-main);margin-bottom:.15rem;font-size:.85rem}.rules-step-content p{color:var(--text-muted);font-size:.75rem}