.home-container{min-height:80vh;display:flex;align-items:center;justify-content:center}.home-content{text-align:center;max-width:600px;width:100%}.home-header{margin-bottom:48px}.home-title{font-size:72px;font-weight:800;margin-bottom:16px;line-height:1.1}.impostor-text{background:linear-gradient(135deg,var(--accent-danger) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.game-text{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.home-subtitle{font-size:18px;color:var(--text-secondary);max-width:500px;margin:0 auto;line-height:1.6}.home-actions{display:flex;flex-direction:column;gap:16px;margin-bottom:48px}.btn-large{padding:18px 40px;font-size:18px;border-radius:16px}.home-footer{padding-top:32px;border-top:1px solid var(--border-color)}.feature-list{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}.feature-item{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px;font-weight:600}.feature-icon{font-size:32px}.home-form-container{max-width:500px;margin:0 auto;position:relative}.back-button{position:absolute;top:32px;left:32px;background:none;border:none;color:var(--text-secondary);font-size:16px;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .3s ease;font-family:inherit;font-weight:600}.back-button:hover{background:var(--bg-card-hover);color:var(--text-primary)}.form-title{font-size:32px;font-weight:700;margin-bottom:32px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-block{width:100%}@media (max-width: 768px){.home-title{font-size:48px}.home-subtitle{font-size:16px}.feature-list{gap:24px}}.player-list{display:flex;flex-direction:column;gap:12px}.player-card{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;transition:all .3s ease}.player-card:hover{background:var(--bg-card-hover);border-color:var(--accent-primary)}.player-card.current-player{border-color:var(--accent-primary);background:#8b5cf61a}.player-card.eliminated{opacity:.6}.player-card.eliminated:hover{opacity:.8}.player-info{display:flex;flex-direction:column;gap:8px;flex:1}.player-name{font-size:16px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.you-badge{font-size:12px;font-weight:700;color:var(--accent-primary);background:#8b5cf633;padding:2px 8px;border-radius:4px}.player-badges{display:flex;gap:8px;flex-wrap:wrap}.player-score{font-size:18px;font-weight:700;color:var(--accent-primary)}.empty-state{text-align:center;padding:32px;color:var(--text-muted);font-size:14px}.lobby-container{width:100%;max-width:1200px;margin:0 auto}.lobby-header{margin-bottom:24px;text-align:center;padding:48px 32px}.room-code-section{display:flex;flex-direction:column;align-items:center;gap:8px}.room-code-label{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.room-code{font-size:64px;font-weight:800;letter-spacing:8px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.room-code-hint{font-size:14px;color:var(--text-muted)}.lobby-content{display:grid;grid-template-columns:1fr 400px;gap:24px}.lobby-main{display:flex;flex-direction:column;gap:24px}.section-header{padding-bottom:16px;border-bottom:2px solid var(--border-color)}.section-header h2{font-size:24px;font-weight:700;color:var(--text-primary)}.info-message{background:#8b5cf61a;border:1px solid var(--accent-primary);color:var(--accent-primary);padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;text-align:center}.lobby-actions{display:flex;gap:12px;margin-top:auto}.lobby-actions .btn{flex:1}.lobby-settings{display:flex;flex-direction:column;gap:24px}.lobby-settings h2{font-size:24px;font-weight:700;padding-bottom:16px;border-bottom:2px solid var(--border-color)}.setting-group{display:flex;flex-direction:column;gap:8px}.setting-hint{font-size:13px;color:var(--text-muted);margin-bottom:8px}.impostor-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.impostor-btn{padding:12px;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-card);color:var(--text-primary);font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:inherit}.impostor-btn:hover{border-color:var(--accent-primary);background:var(--bg-card-hover)}.impostor-btn.active{border-color:var(--accent-danger);background:#ef44441a;color:var(--accent-danger)}.api-key-input{display:flex;flex-direction:column;gap:8px}.api-key-actions{display:flex;gap:8px}.api-key-actions .btn{flex:1}.btn-small{padding:8px 16px;font-size:14px}.host-panel{border-top:1px solid var(--border-color);padding-top:12px;gap:12px}.host-panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.host-code-row{display:flex;gap:8px;align-items:center}.host-code-input{max-width:180px}.host-unlocked-badge{background:#10b98126;color:var(--accent-success);border:1px solid rgba(16,185,129,.3);padding:6px 12px;border-radius:12px;font-weight:700}.impostor-manual-group{gap:12px}.setting-subheader{display:flex;justify-content:space-between;align-items:center;gap:12px}.impostor-cap-badge{background:#ef44441a;color:var(--accent-danger);padding:6px 12px;border-radius:999px;font-weight:700;font-size:12px;border:1px solid rgba(239,68,68,.25)}.impostor-manual-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.impostor-pick-btn{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-card);color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .2s ease}.impostor-pick-btn:hover{border-color:var(--accent-primary)}.impostor-pick-btn.selected{border-color:var(--accent-primary);background:#8b5cf61f;box-shadow:0 0 0 1px #8b5cf640}.impostor-pick-name{text-align:left}.check-mark{color:var(--accent-primary);font-weight:700}.selected-impostors{font-size:13px;color:var(--text-secondary)}.host-panel-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}@media (max-width: 968px){.lobby-content{grid-template-columns:1fr}.room-code{font-size:48px;letter-spacing:4px}}.game-container{width:100%;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.game-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;flex-wrap:wrap;gap:16px}.game-info{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.room-code-small{font-size:14px;font-weight:600;color:var(--text-secondary);background:var(--bg-card);padding:6px 12px;border-radius:6px;border:1px solid var(--border-color)}.round-info{font-size:16px;font-weight:700;color:var(--accent-primary)}.phase-info{font-size:14px;font-weight:600;color:var(--text-secondary)}.alive-counts{display:flex;gap:16px}.count-badge{display:flex;flex-direction:column;align-items:center;padding:12px 20px;border-radius:12px;min-width:120px}.count-badge.impostor{background:#ef44441a;border:2px solid var(--accent-danger)}.count-badge.real{background:#10b9811a;border:2px solid var(--accent-success)}.count-label{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);margin-bottom:4px}.count-value{font-size:32px;font-weight:800}.count-badge.impostor .count-value{color:var(--accent-danger)}.count-badge.real .count-value{color:var(--accent-success)}.game-content{display:grid;grid-template-columns:1fr 350px;gap:24px}.game-main{display:flex;flex-direction:column;gap:24px}.role-card{padding:32px;text-align:center;position:relative}.role-card.impostor-role{border:2px solid var(--accent-danger);background:#ef44440d}.role-card.real-role{border:2px solid var(--accent-success);background:#10b9810d}.role-header{position:relative;display:flex;justify-content:center;align-items:center;gap:16px}.role-header h2{font-size:28px;font-weight:800;margin-bottom:16px}.role-card.impostor-role h2{color:var(--accent-danger)}.role-card.real-role h2{color:var(--accent-success)}.btn-icon-toggle{position:absolute;right:0;top:0;background:transparent;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;transition:transform .2s ease}.btn-icon-toggle:hover{transform:scale(1.1)}.role-hidden{filter:blur(12px);opacity:.3;transition:all .3s ease;-webkit-user-select:none;user-select:none;pointer-events:none}.role-hidden:hover{filter:blur(8px);opacity:.5}.secret-word-section{display:flex;flex-direction:column;gap:8px;margin-top:16px}.secret-label{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.secret-word{font-size:48px;font-weight:800;color:var(--accent-success);letter-spacing:2px;text-transform:uppercase}.impostor-hint{margin-top:16px}.hint-text{font-size:14px;color:var(--text-secondary);margin-bottom:12px}.hint-word{font-size:24px;font-weight:700;color:var(--accent-warning);background:#f59e0b1a;padding:8px 24px;border-radius:8px;display:inline-block}.clue-section,.voting-section,.results-section{padding:24px 32px}.section-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:2px solid var(--border-color);margin-bottom:24px}.section-header h3{font-size:24px;font-weight:700}.section-header h4{font-size:18px;font-weight:700;margin-bottom:16px;color:var(--text-secondary)}.current-turn{font-size:14px;font-weight:600;padding:6px 14px;border-radius:6px;background:var(--bg-card);border:1px solid var(--border-color)}.current-turn.my-turn{background:#8b5cf61a;border-color:var(--accent-primary);color:var(--accent-primary);animation:pulse 2s ease-in-out infinite}.clue-form{display:flex;gap:12px;margin-bottom:24px}.clue-form .input{flex:1}.clues-list{display:flex;flex-direction:column;gap:12px}.clue-item{padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:12px}.clue-author{font-weight:700;color:var(--accent-primary);min-width:120px}.clue-text{color:var(--text-primary);font-size:16px}.voting-hint{font-size:14px;color:var(--text-secondary);margin-top:4px}.clues-review,.vote-list{margin-bottom:24px}.vote-count-indicator{text-align:center;font-size:14px;font-weight:600;color:var(--accent-primary);margin-bottom:16px;padding:8px;background:#8b5cf61a;border-radius:8px}.vote-option{width:100%;padding:16px 20px;margin-bottom:12px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;display:flex;justify-content:space-between;align-items:center}.vote-option:hover:not(:disabled){border-color:var(--accent-primary);background:var(--bg-card-hover)}.vote-option.selected{border-color:var(--accent-primary);background:#8b5cf61a}.vote-option:disabled{opacity:.5;cursor:not-allowed}.check-mark{font-size:20px;color:var(--accent-primary)}.voting-actions{display:flex;gap:12px}.voting-actions .btn{flex:1}.elimination-result{text-align:center;padding:32px;margin-bottom:24px;border-radius:16px}.impostor-eliminated{background:#10b9811a;border:2px solid var(--accent-success)}.real-eliminated{background:#ef44441a;border:2px solid var(--accent-danger)}.elimination-icon{font-size:64px;margin-bottom:16px}.elimination-result h4{font-size:24px;font-weight:700;margin-bottom:8px}.elimination-reveal{font-size:18px;font-weight:600}.impostor-eliminated .elimination-reveal{color:var(--accent-success)}.real-eliminated .elimination-reveal{color:var(--accent-danger)}.no-elimination{text-align:center;padding:24px;background:#8b5cf61a;border-radius:12px;margin-bottom:24px}.vote-summary{margin-bottom:24px}.vote-counts{display:flex;flex-direction:column;gap:8px}.vote-count-item{display:flex;justify-content:space-between;padding:12px 16px;background:var(--bg-card);border-radius:8px}.vote-count{font-weight:700;color:var(--accent-primary)}.alive-status{text-align:center;padding:16px;background:#8b5cf61a;border-radius:12px;margin-bottom:24px}.alive-status p{font-size:16px;color:var(--text-secondary)}.alive-status strong{color:var(--accent-primary);font-size:20px}.game-sidebar{display:flex;flex-direction:column}.sidebar-title{font-size:20px;font-weight:700;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--border-color)}@media (max-width: 1024px){.game-content{grid-template-columns:1fr}.game-header{flex-direction:column;align-items:flex-start}.secret-word{font-size:36px}}.privacy-control{display:flex;justify-content:flex-end;margin-bottom:8px}.btn-privacy{background:#8b5cf626;border:2px solid var(--accent-primary);border-radius:8px;font-size:.95rem;cursor:pointer;padding:8px 16px;transition:all .2s ease;font-weight:600;color:var(--accent-primary);display:flex;align-items:center;gap:8px}.btn-privacy:hover{background:#8b5cf640;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}.btn-privacy.hidden-mode{background:var(--accent-primary);color:#fff;box-shadow:0 4px 12px #8b5cf666}.spectator-card{padding:32px;text-align:center;border:2px solid rgba(139,92,246,.5);background:linear-gradient(135deg,#8b5cf60d,#6366f10d)}.spectator-header{margin-bottom:32px}.spectator-header h2{font-size:32px;font-weight:800;color:var(--accent-primary);margin-bottom:8px;text-transform:uppercase;letter-spacing:2px}.spectator-subtitle{font-size:16px;color:var(--text-secondary);font-weight:600}.spectator-secret{display:flex;flex-direction:column;gap:12px;padding:24px;background:#10b9811a;border:2px solid var(--accent-success);border-radius:12px;margin-bottom:24px}.spectator-secret .secret-label{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.spectator-secret .secret-word{font-size:42px;font-weight:800;color:var(--accent-success);letter-spacing:4px;text-transform:uppercase}.spectator-hint{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f59e0b1a;border:2px solid var(--accent-warning);border-radius:12px;margin-bottom:24px}.spectator-hint .hint-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.spectator-hint .hint-word{font-size:20px;font-weight:700;color:var(--accent-warning)}.spectator-impostors{padding:24px;background:#ef44440d;border:2px solid var(--accent-danger);border-radius:12px}.spectator-impostors h3{font-size:20px;font-weight:700;color:var(--accent-danger);margin-bottom:16px;text-align:center}.impostor-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.impostor-tag{padding:10px 20px;background:#ef44441a;border:2px solid var(--accent-danger);border-radius:8px;font-weight:700;color:var(--accent-danger);font-size:16px}.clue-section.spectator-view{@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}}.clue-section.spectator-view .vote-count{font-weight:700;color:var(--accent-primary)}.clue-section.spectator-view .alive-status{text-align:center;padding:16px;background:#8b5cf61a;border-radius:12px;margin-bottom:24px}.clue-section.spectator-view .alive-status p{font-size:16px;color:var(--text-secondary)}.clue-section.spectator-view .alive-status strong{color:var(--accent-primary);font-size:20px}.clue-section.spectator-view .game-sidebar{display:flex;flex-direction:column}.clue-section.spectator-view .sidebar-title{font-size:20px;font-weight:700;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--border-color)}@media (max-width: 1024px){.clue-section.spectator-view .game-content{grid-template-columns:1fr}.clue-section.spectator-view .game-header{flex-direction:column;align-items:flex-start}.clue-section.spectator-view .secret-word{font-size:36px}}.clue-section.spectator-view .privacy-control{display:flex;justify-content:flex-end;margin-bottom:8px}.clue-section.spectator-view .btn-privacy{background:#8b5cf626;border:2px solid var(--accent-primary);border-radius:8px;font-size:.95rem;cursor:pointer;padding:8px 16px;transition:all .2s ease;font-weight:600;color:var(--accent-primary);display:flex;align-items:center;gap:8px}.clue-section.spectator-view .btn-privacy:hover{background:#8b5cf640;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}.clue-section.spectator-view .btn-privacy.hidden-mode{background:var(--accent-primary);color:#fff;box-shadow:0 4px 12px #8b5cf666}.clue-section.spectator-view .spectator-card{padding:32px;text-align:center;border:2px solid rgba(139,92,246,.5);background:linear-gradient(135deg,#8b5cf60d,#6366f10d)}.clue-section.spectator-view .spectator-header{margin-bottom:32px}.clue-section.spectator-view .spectator-header h2{font-size:32px;font-weight:800;color:var(--accent-primary);margin-bottom:8px;text-transform:uppercase;letter-spacing:2px}.clue-section.spectator-view .spectator-subtitle{font-size:16px;color:var(--text-secondary);font-weight:600}.clue-section.spectator-view .spectator-secret{display:flex;flex-direction:column;gap:12px;padding:24px;background:#10b9811a;border:2px solid var(--accent-success);border-radius:12px;margin-bottom:24px}.clue-section.spectator-view .spectator-secret .secret-label{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.clue-section.spectator-view .spectator-secret .secret-word{font-size:42px;font-weight:800;color:var(--accent-success);letter-spacing:4px;text-transform:uppercase}.clue-section.spectator-view .spectator-hint{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f59e0b1a;border:2px solid var(--accent-warning);border-radius:12px;margin-bottom:24px}.clue-section.spectator-view .spectator-hint .hint-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.clue-section.spectator-view .spectator-hint .hint-word{font-size:20px;font-weight:700;color:var(--accent-warning)}.clue-section.spectator-view .spectator-impostors{padding:24px;background:#ef44440d;border:2px solid var(--accent-danger);border-radius:12px}.clue-section.spectator-view .spectator-impostors h3{font-size:20px;font-weight:700;color:var(--accent-danger);margin-bottom:16px;text-align:center}.clue-section.spectator-view .impostor-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.clue-section.spectator-view .impostor-tag{padding:10px 20px;background:#ef44441a;border:2px solid var(--accent-danger);border-radius:8px;font-weight:700;color:var(--accent-danger);font-size:16px}.clue-section.spectator-view .clue-section.spectator-view{border:2px dashed rgba(139,92,246,.3);background:#8b5cf608;opacity:.9}.clue-section.spectator-view .empty-state{text-align:center;padding:24px;color:var(--text-secondary);font-style:italic}.clue-section.spectator-view .spectator-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;width:100%}.clue-section.spectator-view .btn-reveal{background:#8b5cf633;border:2px solid var(--accent-primary);border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;color:var(--accent-primary);cursor:pointer;transition:all .2s ease}.clue-section.spectator-view .btn-reveal:hover{background:#8b5cf64d;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.clue-section.spectator-view .secret-word-hidden,.clue-section.spectator-view .impostors-hidden{font-size:48px;font-weight:800;color:var(--text-secondary);letter-spacing:8px;text-align:center;padding:20px;opacity:.3;-webkit-user-select:none;user-select:none}.clue-section.spectator-view .impostors-hidden{font-size:32px}.clue-section.spectator-view .scoreboard-container{width:100%;max-width:1000px;margin:0 auto;min-height:80vh;display:flex;align-items:center}.clue-section.spectator-view .scoreboard-content{width:100%;padding:48px}.clue-section.spectator-view .winner-banner{text-align:center;padding:48px 32px;border-radius:24px;margin-bottom:48px}.clue-section.spectator-view .winner-banner.impostor-win{background:linear-gradient(135deg,#ef444433,#ec489933);border:3px solid var(--accent-danger)}.clue-section.spectator-view .winner-banner.real-win{background:linear-gradient(135deg,#10b98133,#8b5cf633);border:3px solid var(--accent-success)}.clue-section.spectator-view .winner-icon{font-size:96px;margin-bottom:16px;animation:pulse 2s ease-in-out infinite}.clue-section.spectator-view .winner-title{font-size:56px;font-weight:900;margin-bottom:16px;letter-spacing:2px}.clue-section.spectator-view .impostor-win .winner-title{background:linear-gradient(135deg,var(--accent-danger),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.clue-section.spectator-view .real-win .winner-title{background:linear-gradient(135deg,var(--accent-success),var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.clue-section.spectator-view .winner-subtitle{font-size:16px;color:var(--text-secondary);max-width:600px;margin:0 auto}.clue-section.spectator-view .standings-section{margin-bottom:48px}.clue-section.spectator-view .section-title{font-size:32px;font-weight:700;margin-bottom:24px;text-align:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.clue-section.spectator-view .scoreboard-table{width:100%}.clue-section.spectator-view .table-header,.clue-section.spectator-view .table-row{display:grid;grid-template-columns:80px 1fr 140px 140px 100px;gap:16px;padding:16px 20px;align-items:center}.clue-section.spectator-view .table-header{background:var(--bg-card);border-radius:12px 12px 0 0;font-size:14px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.clue-section.spectator-view .table-row{background:var(--bg-card);border-bottom:1px solid var(--border-color);transition:all .3s ease}.clue-section.spectator-view .table-row:last-child{border-radius:0 0 12px 12px}.clue-section.spectator-view .table-row:hover{background:var(--bg-card-hover)}.clue-section.spectator-view .table-row.current-player{background:#8b5cf61a;border-left:4px solid var(--accent-primary)}.clue-section.spectator-view .rank-col{text-align:center;font-size:24px}.clue-section.spectator-view .trophy{font-size:32px}.clue-section.spectator-view .rank-number{font-size:18px;font-weight:700;color:var(--text-muted)}.clue-section.spectator-view .player-col{display:flex;align-items:center;gap:12px}.clue-section.spectator-view .player-name{font-size:18px;font-weight:700;color:var(--text-primary)}.clue-section.spectator-view .role-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:700}.clue-section.spectator-view .role-badge.impostor{background:#ef444433;color:var(--accent-danger);border:1px solid var(--accent-danger)}.clue-section.spectator-view .role-badge.real{background:#10b98133;color:var(--accent-success);border:1px solid var(--accent-success)}.clue-section.spectator-view .status-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:600}.clue-section.spectator-view .status-badge.alive{background:#10b9811a;color:var(--accent-success)}.clue-section.spectator-view .status-badge.eliminated{background:#64748b33;color:var(--text-muted)}.clue-section.spectator-view .score-col{text-align:right;font-size:16px;color:var(--text-secondary)}.clue-section.spectator-view .score-value{font-size:24px;font-weight:800;color:var(--accent-primary)}.clue-section.spectator-view .stats-section{margin-bottom:48px;text-align:center}.clue-section.spectator-view .stats-section h3{font-size:24px;font-weight:700;margin-bottom:24px;color:var(--text-secondary)}.clue-section.spectator-view .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.clue-section.spectator-view .stat-card{padding:24px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:16px;transition:all .3s ease}.clue-section.spectator-view .stat-card:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.clue-section.spectator-view .stat-value{font-size:48px;font-weight:800;color:var(--accent-primary);margin-bottom:8px}.clue-section.spectator-view .stat-label{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.clue-section.spectator-view .scoreboard-actions{text-align:center}.clue-section.spectator-view .scoreboard-actions .btn-large{margin-bottom:16px}.clue-section.spectator-view .host-hint{font-size:14px;color:var(--text-muted)}.clue-section.spectator-view .wait-message{font-size:16px;color:var(--text-secondary);padding:20px;background:#8b5cf61a;border-radius:12px}@media (max-width: 768px){.clue-section.spectator-view .scoreboard-content{padding:24px}.clue-section.spectator-view .winner-title{font-size:36px}.clue-section.spectator-view .winner-icon{font-size:64px}.clue-section.spectator-view .table-header,.clue-section.spectator-view .table-row{grid-template-columns:60px 1fr 100px;gap:12px;padding:12px 16px}.clue-section.spectator-view .role-col,.clue-section.spectator-view .status-col{display:none}.clue-section.spectator-view .stats-grid{grid-template-columns:repeat(2,1fr)}}.clue-section.spectator-view *{margin:0;padding:0;box-sizing:border-box}.clue-section.spectator-view :root{--bg-dark: #0a0e1a;--bg-card: #151a2d;--bg-card-hover: #1a2038;--accent-primary: #8b5cf6;--accent-secondary: #ec4899;--accent-success: #10b981;--accent-danger: #ef4444;--accent-warning: #f59e0b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: #1e293b;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1)}.clue-section.spectator-view body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#0a0e1a,#1a1a2e);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.clue-section.spectator-view #root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.clue-section.spectator-view .app-container{width:100%;max-width:1400px;margin:0 auto}.clue-section.spectator-view .glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:32px;box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.clue-section.spectator-view .glass-card:hover{border-color:var(--accent-primary);box-shadow:0 12px 48px #8b5cf633}.clue-section.spectator-view .btn{padding:12px 28px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.clue-section.spectator-view .btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.clue-section.spectator-view .btn:hover:before{width:300px;height:300px}.clue-section.spectator-view .btn span{position:relative;z-index:1}.clue-section.spectator-view .btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff}.clue-section.spectator-view .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.clue-section.spectator-view .btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.clue-section.spectator-view .btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--accent-primary)}.clue-section.spectator-view .btn-success{background:var(--accent-success);color:#fff}.clue-section.spectator-view .btn-danger{background:var(--accent-danger);color:#fff}.clue-section.spectator-view .btn-warning{background:var(--accent-warning);color:#fff}.clue-section.spectator-view .btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.clue-section.spectator-view .input{width:100%;padding:14px 18px;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-card);color:var(--text-primary);font-size:16px;font-family:inherit;transition:all .3s ease}.clue-section.spectator-view .input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #8b5cf61a}.clue-section.spectator-view .input::placeholder{color:var(--text-muted)}.clue-section.spectator-view .select{width:100%;padding:14px 18px;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-card);color:var(--text-primary);font-size:16px;font-family:inherit;cursor:pointer;transition:all .3s ease}.clue-section.spectator-view .select:focus{outline:none;border-color:var(--accent-primary)}.clue-section.spectator-view .label{display:block;font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.clue-section.spectator-view .form-group{margin-bottom:24px}.clue-section.spectator-view .error-message{background:#ef44441a;border:1px solid var(--accent-danger);color:var(--accent-danger);padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px;font-weight:500}.clue-section.spectator-view .success-message{background:#10b9811a;border:1px solid var(--accent-success);color:var(--accent-success);padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px;font-weight:500}.clue-section.spectator-view .badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.clue-section.spectator-view .badge-primary{background:var(--accent-primary);color:#fff}.clue-section.spectator-view .badge-danger{background:var(--accent-danger);color:#fff}.clue-section.spectator-view .badge-success{background:var(--accent-success);color:#fff}.clue-section.spectator-view .badge-warning{background:var(--accent-warning);color:#fff}.clue-section.spectator-view .animate-fade-in{animation:fadeIn .5s ease-out}.clue-section.spectator-view .animate-slide-in{animation:slideIn .5s ease-out}.clue-section.spectator-view .animate-pulse{animation:pulse 2s ease-in-out infinite}.clue-section.spectator-view ::-webkit-scrollbar{width:10px}.clue-section.spectator-view ::-webkit-scrollbar-track{background:var(--bg-dark)}.clue-section.spectator-view ::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:5px}.clue-section.spectator-view ::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.clue-section.spectator-view .text-center{text-align:center}.clue-section.spectator-view .mt-1{margin-top:8px}.clue-section.spectator-view .mt-2{margin-top:16px}.clue-section.spectator-view .mt-3{margin-top:24px}.clue-section.spectator-view .mt-4{margin-top:32px}.clue-section.spectator-view .mb-1{margin-bottom:8px}.clue-section.spectator-view .mb-2{margin-bottom:16px}.clue-section.spectator-view .mb-3{margin-bottom:24px}.clue-section.spectator-view .mb-4{margin-bottom:32px}.clue-section.spectator-view .flex{display:flex}.clue-section.spectator-view .flex-col{flex-direction:column}.clue-section.spectator-view .items-center{align-items:center}.clue-section.spectator-view .justify-center{justify-content:center}.clue-section.spectator-view .justify-between{justify-content:space-between}.clue-section.spectator-view .gap-1{gap:8px}.clue-section.spectator-view .gap-2{gap:16px}.clue-section.spectator-view .gap-3{gap:24px}.clue-section.spectator-view .gap-4{gap:32px}@media (max-width: 768px){.clue-section.spectator-view .glass-card{padding:20px;border-radius:16px}.clue-section.spectator-view .btn{padding:10px 20px;font-size:14px}}