:root{--bg: #0a0a0a;--surface: #111111;--surface-2: #1a1a1a;--surface-3: #222222;--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .15);--text: #fafafa;--text-muted: rgba(255, 255, 255, .55);--text-dim: rgba(255, 255, 255, .35);--accent: #00ff88;--accent-dim: rgba(0, 255, 136, .15);--danger: #ff3366;--danger-dim: rgba(255, 51, 102, .15);--warning: #ffaa00;--ghost: #9933ff;--ghost-dim: rgba(153, 51, 255, .15);--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius: 12px;--radius-sm: 8px;--radius-xs: 6px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.screen-title{font-size:1.5rem;font-weight:700;letter-spacing:-.03em;margin-bottom:1.5rem}.home-screen{gap:0}.home-content{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:2rem}.logo-section{text-align:center}.logo-icon{font-size:4rem;line-height:1;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.logo-title{font-family:var(--font-mono);font-size:2.5rem;font-weight:800;letter-spacing:-.05em;background:linear-gradient(135deg,var(--accent),var(--ghost));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:.5rem}.logo-sub{color:var(--text-muted);font-size:.9rem;margin-top:.25rem}.home-card{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.home-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.home-footer{color:var(--text-dim);font-size:.8rem;font-family:var(--font-mono)}.input-group{display:flex;flex-direction:column;gap:.375rem}.input-label{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.input-field{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:.75rem 1rem;color:var(--text);font-size:1rem;font-family:var(--font-sans);outline:none;transition:border-color .2s,box-shadow .2s;width:100%}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.input-field::placeholder{color:var(--text-dim)}.input-code{font-family:var(--font-mono);font-size:1.25rem;text-align:center;letter-spacing:.2em;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all .2s ease;outline:none;position:relative;overflow:hidden}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover:not(:disabled){background:#3fa;transform:translateY(-1px);box-shadow:0 4px 20px var(--accent-dim)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border-light)}.btn-secondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-light)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--surface)}.btn-lg{padding:1rem 2rem;font-size:1.1rem;width:100%}.lobby-screen{gap:0}.lobby-content{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.room-code-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 2rem;text-align:center;cursor:pointer;transition:border-color .2s;width:100%}.room-code-section:hover{border-color:var(--accent)}.room-code-label{display:block;font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:.5rem}.room-code-value{display:block;font-family:var(--font-mono);font-size:2rem;font-weight:800;letter-spacing:.25em;color:var(--accent)}.room-code-hint{display:block;font-size:.7rem;color:var(--text-dim);margin-top:.375rem}.player-list{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.player-list-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.player-count{color:var(--accent);font-weight:700}.player-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.player-row:last-child{border-bottom:none}.player-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;animation:pulse 2s ease-in-out infinite}.player-dot-empty{background:var(--text-dim);animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.player-name{font-weight:500}.player-name-empty{color:var(--text-dim);font-style:italic}.host-badge{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;background:var(--accent-dim);color:var(--accent);padding:.2rem .5rem;border-radius:var(--radius-xs);margin-left:auto}.lobby-hint{color:var(--warning);font-size:.85rem;text-align:center}.lobby-waiting{color:var(--text-muted);text-align:center;font-size:.9rem}.lobby-actions{width:100%;display:flex;flex-direction:column;gap:.75rem}.role-reveal-screen{text-align:center}.role-ghost{background:radial-gradient(ellipse at center,var(--ghost-dim) 0%,var(--bg) 70%)}.role-dev{background:radial-gradient(ellipse at center,var(--accent-dim) 0%,var(--bg) 70%)}.role-reveal-content{max-width:400px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.role-reveal-icon{font-size:5rem;animation:rolePop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes rolePop{0%{transform:scale(0) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.role-reveal-title{font-size:1.75rem;font-weight:800;letter-spacing:-.03em}.role-reveal-desc{color:var(--text-muted);font-size:1rem}.role-reveal-tip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem;font-size:.85rem;color:var(--text-muted);line-height:1.6}.scenario-screen{text-align:center}.scenario-content{max-width:480px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.round-badge{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);padding:.375rem 1rem;border-radius:100px}.scenario-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;width:100%;animation:cardSlide .5s ease}@keyframes cardSlide{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.scenario-emoji{font-size:3rem;display:block;margin-bottom:1rem}.scenario-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.75rem}.scenario-desc{color:var(--text-muted);font-size:.95rem;line-height:1.6}.action-screen{gap:0}.action-content{max-width:500px;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.action-header{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.action-scenario-ref{color:var(--text-muted);font-size:.9rem}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%}.action-btn{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:1.25rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;color:var(--text);font-family:var(--font-sans);outline:none}.action-btn:hover:not(:disabled){border-color:var(--accent);background:var(--surface-2);transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.action-btn:active:not(:disabled){transform:translateY(0)}.action-btn-selected{border-color:var(--accent);background:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-dim)}.action-btn-disabled{opacity:.3}.action-icon{font-size:1.75rem}.action-label{font-weight:700;font-size:.95rem}.action-desc{font-size:.7rem;color:var(--text-muted);text-align:center;line-height:1.3}.action-waiting{color:var(--text-muted);font-size:.9rem;animation:pulse 2s ease-in-out infinite}.commit-input-section{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.commit-prompt{font-size:.9rem;color:var(--text-muted)}.commit-field{font-family:var(--font-mono);font-size:.9rem}.commit-actions{display:flex;gap:.75rem}.commit-actions .btn{flex:1}.reveal-screen{gap:0}.reveal-content{max-width:480px;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.reveal-header{font-size:1.5rem;font-weight:700}.reveal-list{width:100%;display:flex;flex-direction:column;gap:.5rem}.reveal-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);animation:slideIn .3s ease backwards}.reveal-row:nth-child(1){animation-delay:.05s}.reveal-row:nth-child(2){animation-delay:.1s}.reveal-row:nth-child(3){animation-delay:.15s}.reveal-row:nth-child(4){animation-delay:.2s}.reveal-row:nth-child(5){animation-delay:.25s}.reveal-row:nth-child(6){animation-delay:.3s}.reveal-row:nth-child(7){animation-delay:.35s}.reveal-row:nth-child(8){animation-delay:.4s}.reveal-row:nth-child(9){animation-delay:.45s}.reveal-row:nth-child(10){animation-delay:.5s}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.reveal-name{font-weight:600;min-width:80px}.reveal-action{font-family:var(--font-mono);font-size:.85rem;color:var(--accent)}.reveal-no-action{color:var(--text-dim)}.reveal-commit{width:100%;display:flex;align-items:center;gap:.5rem;padding-top:.375rem}.commit-icon{font-size:.9rem}.commit-msg{font-family:var(--font-mono);font-size:.8rem;color:var(--warning);background:var(--bg);padding:.25rem .5rem;border-radius:var(--radius-xs)}.results-screen{gap:0}.results-content{max-width:420px;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.results-header{font-size:1.5rem;font-weight:700}.results-voted-out{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem 2rem;width:100%}.results-label{color:var(--text-muted);font-size:.85rem;margin-bottom:.5rem}.results-name{font-size:1.5rem;font-weight:700}.results-role{margin-top:.5rem;font-size:1rem;font-weight:600}.role-is-ghost{color:var(--danger)}.role-is-dev{color:var(--accent)}.results-tie{color:var(--warning);font-size:1.1rem;font-weight:600}.results-scores{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.results-scores h3{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.75rem}.score-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border)}.score-row:last-child{border-bottom:none}.score-name{font-weight:500}.score-value{font-family:var(--font-mono);font-weight:700;color:var(--accent)}.voting-screen{gap:0}.voting-content{max-width:500px;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.voting-header{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.voting-sub{color:var(--text-muted);font-size:.9rem;text-align:center}.vote-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%}.vote-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;color:var(--text);font-family:var(--font-sans);outline:none;position:relative}.vote-card:hover:not(:disabled){border-color:var(--danger);transform:translateY(-2px);box-shadow:0 4px 20px #ff33661a}.vote-card-selected{border-color:var(--danger)!important;background:var(--danger-dim);box-shadow:0 0 0 3px var(--danger-dim)}.vote-card-self{opacity:.4;cursor:not-allowed}.vote-card-disabled{opacity:.5}.vote-avatar{width:48px;height:48px;border-radius:50%;background:var(--surface-3);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;font-family:var(--font-mono);color:var(--text-muted)}.vote-name{font-weight:600;font-size:.95rem}.vote-you{font-size:.7rem;color:var(--text-dim)}.vote-count{position:absolute;top:.5rem;right:.5rem;background:var(--danger);color:#fff;font-size:.7rem;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.voting-waiting{color:var(--text-muted);font-size:.9rem;animation:pulse 2s ease-in-out infinite}.timer{width:100%;max-width:200px;display:flex;flex-direction:column;align-items:center;gap:.5rem}.timer-bar{width:100%;height:4px;background:var(--surface-3);border-radius:100px;overflow:hidden}.timer-fill{height:100%;background:var(--accent);border-radius:100px;transition:width .1s linear,background-color .3s}.timer-low .timer-fill{background:var(--warning)}.timer-critical .timer-fill{background:var(--danger)}.timer-text{font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:var(--text-muted)}.timer-low .timer-text{color:var(--warning)}.timer-critical .timer-text{color:var(--danger);animation:pulse .5s ease-in-out infinite}.report-screen{gap:0;padding-bottom:3rem}.report-content{max-width:480px;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.report-header{text-align:center}.report-icon{font-size:3rem;display:block;margin-bottom:.5rem}.report-title{font-size:1.5rem;font-weight:800;letter-spacing:-.03em}.report-card-body{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.report-stat{display:flex;justify-content:space-between;align-items:center}.report-stat-main{padding-bottom:1rem;border-bottom:1px solid var(--border)}.stat-label{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.stat-value{font-weight:700;font-family:var(--font-mono)}.stat-chaos{font-size:2rem;background:linear-gradient(135deg,var(--accent),var(--danger));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.report-winner{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--accent-dim);border:1px solid rgba(0,255,136,.2);border-radius:var(--radius-sm)}.winner-crown{font-size:1.5rem}.winner-name{font-weight:700;font-size:1.1rem;flex:1}.winner-score{font-family:var(--font-mono);font-weight:700;color:var(--accent)}.report-stats-grid{display:flex;flex-direction:column;gap:.75rem}.report-stats-grid .report-stat{padding:.5rem 0;border-bottom:1px solid var(--border)}.report-stats-grid .report-stat:last-child{border-bottom:none}.report-commits{border-top:1px solid var(--border);padding-top:1rem}.report-commits h3{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.75rem}.report-commit-row{display:flex;flex-direction:column;gap:.25rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.report-commit-row:last-child{border-bottom:none}.report-commit-msg{font-family:var(--font-mono);font-size:.8rem;color:var(--warning)}.report-commit-author{font-size:.75rem;color:var(--text-dim)}.report-leaderboard{border-top:1px solid var(--border);padding-top:1rem}.report-leaderboard h3{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.75rem}.lb-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.lb-row:last-child{border-bottom:none}.lb-rank{font-family:var(--font-mono);font-size:.8rem;color:var(--text-dim);width:2rem}.lb-name{flex:1;font-weight:600}.lb-role{font-size:1rem}.lb-score{font-family:var(--font-mono);font-weight:700;color:var(--accent)}.report-actions{width:100%;display:flex;flex-direction:column;gap:.75rem}.error-text{color:var(--danger);font-size:.85rem;text-align:center;margin-top:.75rem;padding:.75rem;background:var(--danger-dim);border-radius:var(--radius-sm);border:1px solid rgba(255,51,102,.2)}@media(min-width:640px){.action-grid,.vote-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:380px){.action-grid,.vote-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.action-btn,.vote-card{padding:1rem .5rem}.logo-title{font-size:2rem}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}::selection{background:var(--accent-dim);color:var(--text)}