:root{--color-bg-primary: #0f0f14;--color-bg-secondary: #1a1a24;--color-bg-tertiary: #24243a;--color-bg-card: #1e1e2e;--color-bg-overlay: rgba(0, 0, 0, .6);--color-text-primary: #e4e4ef;--color-text-secondary: #9595a8;--color-text-muted: #5a5a6e;--color-accent: #7c5cfc;--color-accent-hover: #9478ff;--color-accent-muted: rgba(124, 92, 252, .15);--color-danger: #e05252;--color-danger-hover: #f06060;--color-success: #4caf7c;--color-warning: #e0a040;--color-border: #2a2a3e;--color-border-hover: #3a3a54;--color-mafia: #e05252;--color-town: #4ca0ef;--color-don: #d4a020;--color-sheriff: #4caf7c;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--transition-fast: .15s ease;--transition-normal: .25s ease;--header-height: 60px;--max-content-width: 1200px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text-primary);background-color:var(--color-bg-primary);line-height:1.6;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}button{cursor:pointer;font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background-color:var(--color-accent-muted)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl);width:100%;max-width:420px;text-align:center}.login-card h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-sm)}.login-subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.btn{display:block;width:100%;padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:background-color var(--transition-fast)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-google{background:#4285f4;color:#fff}.btn-google:hover:not(:disabled){background:#3367d6}.btn-test{background:var(--color-accent);color:#fff}.btn-test:hover:not(:disabled){background:var(--color-accent-hover)}.test-login-section{margin-top:var(--space-md)}.divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-md) 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.input{display:block;width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);margin-bottom:var(--space-sm);transition:border-color var(--transition-fast)}.input:focus{border-color:var(--color-accent);outline:none}.input::placeholder{color:var(--color-text-muted)}.login-error{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--space-md)}@media(max-width:768px){.login-page{padding:var(--space-md)}.login-card{padding:var(--space-lg);max-width:none;border-radius:var(--radius-md)}.login-card h1{font-size:var(--font-size-xl)}.btn,.input{min-height:44px}}.lobbies-page{padding:var(--space-lg) var(--space-md);max-width:var(--max-content-width);margin:0 auto;width:100%}.lobbies-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);gap:var(--space-md);flex-wrap:wrap}.lobbies-header h1{font-size:var(--font-size-xl);margin:0}.lobbies-header-actions{display:flex;gap:var(--space-sm)}.btn-create{padding:var(--space-sm) var(--space-lg);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background-color var(--transition-fast);white-space:nowrap}.btn-create:hover:not(:disabled){background:var(--color-accent-hover)}.btn-quickplay{padding:var(--space-sm) var(--space-lg);background:var(--color-success);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background-color var(--transition-fast);white-space:nowrap}.btn-quickplay:hover:not(:disabled){background:#3d9e6d}.btn-quickplay:disabled,.btn-create:disabled{opacity:.6;cursor:not-allowed}.btn-logout{padding:var(--space-sm) var(--space-lg);background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.btn-logout:hover:not(:disabled){border-color:var(--color-border-hover);color:var(--color-text-primary)}.btn-logout:disabled{opacity:.6;cursor:not-allowed}.lobbies-toolbar{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.lobbies-search{flex:1;min-width:200px;padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast)}.lobbies-search:focus{border-color:var(--color-accent);outline:none}.lobbies-search::placeholder{color:var(--color-text-muted)}.btn-sort{padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.btn-sort:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.btn-sort.active{border-color:var(--color-accent);color:var(--color-accent)}.lobbies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.lobby-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.lobby-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.lobby-card.full{opacity:.6}.lobby-card.in-game{opacity:.5;border-color:var(--color-warning)}.lobby-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm);gap:var(--space-sm)}.lobby-card-name{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-card-lock{color:var(--color-warning);font-size:var(--font-size-sm);flex-shrink:0}.lobby-card-info{display:flex;align-items:center;justify-content:space-between;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.lobby-card-players{display:flex;align-items:center;gap:var(--space-xs)}.lobby-card-players.almost-full{color:var(--color-warning)}.lobby-card-players.full{color:var(--color-danger)}.lobby-card-host{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.lobby-card-status{margin-top:var(--space-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.lobby-card-status.in-game{color:var(--color-warning)}.lobbies-empty{text-align:center;padding:var(--space-2xl);color:var(--color-text-secondary)}.lobbies-empty p{margin-bottom:var(--space-md)}.lobbies-error{text-align:center;padding:var(--space-xl);color:var(--color-danger)}.lobbies-loading{text-align:center;padding:var(--space-2xl);color:var(--color-text-secondary)}.lobbies-status-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm);font-size:var(--font-size-xs);color:var(--color-text-muted)}.lobbies-status-dot{display:inline-block;width:6px;height:6px;border-radius:var(--radius-full);margin-right:var(--space-xs)}.lobbies-status-dot.connected{background:var(--color-success)}.lobbies-status-dot.polling{background:var(--color-warning);animation:pulse 1.5s ease-in-out infinite}.modal-overlay{position:fixed;inset:0;background:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:100}.modal-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);width:100%;max-width:380px}.modal-card h2{font-size:var(--font-size-lg);margin-bottom:var(--space-md)}.modal-input{display:block;width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);margin-bottom:var(--space-sm);transition:border-color var(--transition-fast)}.modal-input:focus{border-color:var(--color-accent);outline:none}.modal-input::placeholder{color:var(--color-text-muted)}.modal-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.modal-actions .btn-join{flex:1;padding:var(--space-sm) var(--space-md);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background-color var(--transition-fast)}.modal-actions .btn-join:hover:not(:disabled){background:var(--color-accent-hover)}.modal-actions .btn-join:disabled{opacity:.6;cursor:not-allowed}.modal-actions .btn-cancel{padding:var(--space-sm) var(--space-md);background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.modal-actions .btn-cancel:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.modal-error{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--space-sm)}.create-lobby-form label{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.create-lobby-form .field{margin-bottom:var(--space-md)}.create-lobby-form .field-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-xs)}@media(max-width:768px){.lobbies-page{padding:var(--space-md) var(--space-sm)}.lobbies-header{flex-direction:column;align-items:stretch}.lobbies-header h1{text-align:center}.lobbies-header-actions{justify-content:center}.btn-create,.btn-quickplay{min-height:44px;padding:var(--space-sm) var(--space-lg);flex:1}.lobbies-toolbar{flex-direction:column;align-items:stretch}.lobbies-search{min-width:unset;min-height:44px}.btn-sort{min-height:44px}.lobbies-grid{grid-template-columns:1fr}.lobby-card{padding:var(--space-md)}.modal-card{margin:0 var(--space-sm);max-width:none}.modal-input,.modal-actions .btn-join,.modal-actions .btn-cancel{min-height:44px}}.lobby-room-page{padding:var(--space-lg) var(--space-md);max-width:var(--max-content-width);margin:0 auto;width:100%;display:flex;flex-direction:column;min-height:calc(100vh - var(--space-lg) * 2)}.lobby-room-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);gap:var(--space-md)}.lobby-room-header-center{text-align:center;flex:1}.lobby-room-header-center h1{font-size:var(--font-size-xl);margin:0}.lobby-room-count{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.lobby-room-header-left,.lobby-room-header-right{display:flex;align-items:center;min-width:100px}.lobby-room-header-right{justify-content:flex-end}.lobby-room-ws-status{display:inline-block;width:8px;height:8px;border-radius:var(--radius-full)}.lobby-room-ws-status.connected{background:var(--color-success)}.lobby-room-ws-status.connecting{background:var(--color-warning);animation:pulse 1.5s ease-in-out infinite}.lobby-room-ws-status.disconnected{background:var(--color-danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.btn-back{padding:var(--space-sm) var(--space-md);background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.btn-back:hover:not(:disabled){border-color:var(--color-border-hover);color:var(--color-text-primary)}.btn-back:disabled{opacity:.6;cursor:not-allowed}.lobby-room-players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.player-tile{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);position:relative}.player-tile.host{border-color:var(--color-accent);box-shadow:0 0 8px var(--color-accent-muted)}.player-tile.current-user{border-color:var(--color-success)}.player-tile.empty{opacity:.4;border-style:dashed}.player-tile-video-container{width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;position:relative}.player-tile-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.player-tile-avatar{width:64px;height:64px;border-radius:var(--radius-full);overflow:hidden;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.player-tile-avatar img{width:100%;height:100%;object-fit:cover}.player-tile-avatar.empty-avatar{background:var(--color-bg-secondary)}.avatar-placeholder{font-size:var(--font-size-xl);color:var(--color-text-muted);font-weight:600}.player-tile-name{font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.player-tile.empty .player-tile-name{color:var(--color-text-muted);font-style:italic}.player-tile-badge{font-size:var(--font-size-xs);padding:2px var(--space-sm);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.host-badge{background:var(--color-accent-muted);color:var(--color-accent)}.creator-badge,.you-badge{background:#4caf7c26;color:var(--color-success)}.lobby-room-host-panel{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.lobby-room-host-panel h3{font-size:var(--font-size-md);margin:0 0 var(--space-md) 0;color:var(--color-text-primary)}.host-panel-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.btn-start-game{padding:var(--space-sm) var(--space-xl);background:var(--color-success);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast)}.btn-start-game:hover:not(:disabled){background:#3d9e6d}.btn-start-game:disabled{opacity:.5;cursor:not-allowed}.btn-change-host{padding:var(--space-sm) var(--space-lg);background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.btn-change-host:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.host-panel-hint{margin:var(--space-sm) 0 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.lobby-room-media-controls{display:flex;justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-md) 0}.btn-media{padding:var(--space-sm) var(--space-lg);background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.btn-media:hover:not(:disabled){border-color:var(--color-border-hover);color:var(--color-text-primary);background:var(--color-bg-tertiary)}.btn-media:disabled{opacity:.5;cursor:not-allowed}.btn-media--active{background:var(--color-success);color:#fff;border-color:var(--color-success)}.btn-media--active:hover:not(:disabled){background:#3d9e6d;border-color:#3d9e6d}.lk-status-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.lobby-room-loading{text-align:center;padding:var(--space-2xl);color:var(--color-text-secondary)}.lobby-room-error{text-align:center;padding:var(--space-2xl);color:var(--color-danger)}.lobby-room-error .btn-back{margin-top:var(--space-md)}.lobby-room-error-bar{text-align:center;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);background:#e052521a;border:1px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--font-size-sm)}.modal-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}.change-host-list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:300px;overflow-y:auto}.change-host-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);text-align:left;width:100%}.change-host-option:hover{border-color:var(--color-accent);background:var(--color-bg-tertiary)}.change-host-avatar{width:32px;height:32px;border-radius:var(--radius-full);overflow:hidden;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.change-host-avatar img{width:100%;height:100%;object-fit:cover}.change-host-avatar .avatar-placeholder{font-size:var(--font-size-sm)}@media(max-width:768px){.lobby-room-page{padding:var(--space-md) var(--space-sm)}.lobby-room-header{flex-wrap:wrap;gap:var(--space-sm)}.lobby-room-header-left,.lobby-room-header-right{min-width:auto}.lobby-room-header-center h1{font-size:var(--font-size-lg)}.lobby-room-players-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-sm)}.btn-back,.btn-start-game,.btn-change-host,.btn-media{min-height:44px}.btn-start-game{width:100%}.host-panel-actions{flex-direction:column}.lobby-room-media-controls{flex-wrap:wrap}.change-host-option{min-height:44px}.modal-card{margin:0 var(--space-sm);max-width:none}}@media(max-width:768px)and (orientation:landscape){.lobby-room-players-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.hcp-toggle-btn{position:fixed;right:12px;top:50%;transform:translateY(-50%);z-index:101;padding:8px 14px;background:var(--color-bg-secondary, #1a1a2e);border:1px solid var(--color-accent, #6c63ff);border-radius:var(--radius-md, 8px);color:var(--color-accent, #6c63ff);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:background var(--transition-fast, .15s)}.hcp-toggle-btn:hover{background:#6c63ff26}.hcp{position:fixed;right:12px;top:50%;transform:translateY(-50%);background:var(--color-bg-secondary, #1a1a2e);border:1px solid var(--color-border, #333);border-radius:var(--radius-lg, 12px);padding:10px;z-index:100;max-height:85vh;overflow-y:auto;width:280px}.hcp__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.hcp__title{color:var(--color-text-primary, #eee);font-size:var(--font-size-sm, .875rem);margin:0;text-transform:uppercase;letter-spacing:.5px}.hcp__close{background:none;border:none;color:var(--color-text-secondary, #999);font-size:1.2rem;cursor:pointer;padding:0 4px;line-height:1}.hcp__close:hover{color:var(--color-text-primary, #eee)}.hcp__phase-info{display:flex;align-items:center;gap:8px;padding:4px 8px;margin-bottom:6px;border-radius:var(--radius-sm, 6px);background:#ffffff0a}.hcp__phase-name{color:var(--color-text-primary, #eee);font-size:.75rem;font-weight:600}.hcp__round{color:var(--color-text-secondary, #999);font-size:.7rem;margin-left:auto}.hcp__actions{display:flex;gap:4px;margin-bottom:8px}.hcp__action-btn{flex:1;padding:5px 4px;font-size:.7rem;font-weight:600;text-transform:uppercase;border:1px solid var(--color-border, #444);border-radius:var(--radius-sm, 6px);background:transparent;color:var(--color-text-primary, #eee);cursor:pointer;transition:background var(--transition-fast, .15s),border-color var(--transition-fast, .15s)}.hcp__action-btn:hover{background:#ffffff14}.hcp__action-btn--pause{border-color:var(--color-warning, #f39c12);color:var(--color-warning, #f39c12)}.hcp__action-btn--pause.hcp__action-btn--active{background:var(--color-success, #4caf7c);border-color:var(--color-success, #4caf7c);color:#000}.hcp__action-btn--roles{border-color:var(--color-accent, #6c63ff);color:var(--color-accent, #6c63ff)}.hcp__action-btn--roles.hcp__action-btn--active{background:var(--color-accent, #6c63ff);border-color:var(--color-accent, #6c63ff);color:#fff}.hcp__action-btn--skip{border-color:var(--color-accent, #6c63ff);color:var(--color-accent, #6c63ff)}.hcp__action-btn--skip:hover{background:#6c63ff26}.hcp__action-btn--end{border-color:var(--color-error, #e74c3c);color:var(--color-error, #e74c3c)}.hcp__action-btn--end:hover{background:#e74c3c26}.hcp__nominations{margin-bottom:8px;padding:6px;border-radius:var(--radius-sm, 6px);background:#ffffff08}.hcp__section-title{color:var(--color-text-secondary, #999);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px}.hcp__nominations-empty{color:var(--color-text-secondary, #666);font-size:.7rem;margin:0;font-style:italic}.hcp__nomination-row{display:flex;align-items:center;justify-content:space-between;padding:3px 4px;border-radius:3px;background:#6c63ff14;margin-bottom:2px}.hcp__nomination-text{color:var(--color-text-primary, #eee);font-size:.7rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hcp__nomination-remove{background:none;border:none;color:var(--color-error, #e74c3c);cursor:pointer;font-size:1rem;padding:0 4px;line-height:1;flex-shrink:0}.hcp__nomination-remove:hover{color:#ff6b6b}.hcp__add-nomination{display:flex;align-items:center;gap:3px;margin-top:4px}.hcp__nom-select{flex:1;padding:3px 4px;font-size:.65rem;background:var(--color-bg-primary, #0d0d1a);color:var(--color-text-primary, #eee);border:1px solid var(--color-border, #444);border-radius:3px;min-width:0}.hcp__nom-arrow{color:var(--color-text-secondary, #999);font-size:.75rem;flex-shrink:0}.hcp__nom-add-btn{padding:3px 8px;font-size:.65rem;font-weight:600;background:var(--color-accent, #6c63ff);color:#fff;border:none;border-radius:3px;cursor:pointer;flex-shrink:0;transition:filter var(--transition-fast, .15s)}.hcp__nom-add-btn:hover:not(:disabled){filter:brightness(1.15)}.hcp__nom-add-btn:disabled{opacity:.4;cursor:not-allowed}.hcp__players{display:flex;flex-direction:column;gap:3px}.hcp__player{padding:4px 6px;border-radius:var(--radius-sm, 6px);background:#ffffff08}.hcp__player--eliminated{opacity:.35}.hcp__player-info{display:flex;align-items:center;gap:4px;margin-bottom:3px}.hcp__seat{color:var(--color-text-secondary, #999);font-size:.7rem;min-width:20px}.hcp__name{color:var(--color-text-primary, #eee);font-size:.75rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hcp__role-badge{font-size:.65rem;font-weight:700;padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.3px}.hcp-role--civilian{background:#4ca0ef33;color:#4ca0ef}.hcp-role--mafia{background:#e0525233;color:#e05252}.hcp-role--don{background:#a855f733;color:#a855f7}.hcp-role--sheriff{background:#4caf7c33;color:#4caf7c}.hcp__player-controls{display:flex;align-items:center;gap:3px}.hcp__ctrl-btn{padding:2px 6px;font-size:.65rem;font-weight:600;border-radius:3px;border:1px solid var(--color-border, #444);background:transparent;cursor:pointer;transition:background var(--transition-fast, .15s),opacity var(--transition-fast, .15s)}.hcp__ctrl-btn--on{color:var(--color-success, #4caf7c);border-color:var(--color-success, #4caf7c)}.hcp__ctrl-btn--off{color:var(--color-error, #e74c3c);border-color:var(--color-error, #e74c3c);background:#e74c3c1a}.hcp__ctrl-btn:hover:not(:disabled){background:#ffffff14}.hcp__ctrl-btn:disabled{opacity:.3;cursor:not-allowed}.hcp__foul-count{color:var(--color-error, #e74c3c);font-weight:700;font-size:.8rem;min-width:14px;text-align:center;margin-left:auto}.hcp__foul-btn{width:22px;height:22px;border-radius:3px;border:1px solid var(--color-border, #444);background:transparent;color:var(--color-text-primary, #eee);cursor:pointer;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0;transition:background var(--transition-fast, .15s)}.hcp__foul-btn:hover:not(:disabled){background:#ffffff1a}.hcp__foul-btn:disabled{opacity:.3;cursor:not-allowed}.hcp__foul-btn--plus{color:var(--color-error, #e74c3c);border-color:var(--color-error, #e74c3c)}.hcp__foul-btn--minus{color:var(--color-success, #4caf7c);border-color:var(--color-success, #4caf7c)}.hcp-dialog-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200}.hcp-dialog{background:var(--color-bg-secondary, #1a1a2e);border:1px solid var(--color-border, #444);border-radius:var(--radius-lg, 12px);padding:20px 24px;max-width:380px;width:90%}.hcp-dialog__title{color:var(--color-text-primary, #eee);font-size:1rem;margin:0 0 10px}.hcp-dialog__text{color:var(--color-text-secondary, #bbb);font-size:.85rem;margin:0 0 16px;line-height:1.5}.hcp-dialog__team-select{display:flex;gap:8px;margin-bottom:18px}.hcp-dialog__team-option{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 8px;border:2px solid var(--color-border, #444);border-radius:var(--radius-md, 8px);cursor:pointer;transition:border-color var(--transition-fast, .15s),background var(--transition-fast, .15s)}.hcp-dialog__team-option input[type=radio]{display:none}.hcp-dialog__team-option--selected{border-color:var(--color-accent, #6c63ff);background:#6c63ff1a}.hcp-dialog__team-label{font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.hcp-dialog__team-label--town{color:#4ca0ef}.hcp-dialog__team-label--mafia{color:#e05252}.hcp-dialog__team-label--draw{color:#999}.hcp-dialog__buttons{display:flex;gap:10px;justify-content:flex-end}.hcp-dialog__btn{padding:7px 16px;font-size:.8rem;font-weight:600;border-radius:var(--radius-sm, 6px);border:1px solid var(--color-border, #444);cursor:pointer;transition:background var(--transition-fast, .15s),filter var(--transition-fast, .15s)}.hcp-dialog__btn--cancel{background:transparent;color:var(--color-text-secondary, #bbb)}.hcp-dialog__btn--cancel:hover{background:#ffffff0d}.hcp-dialog__btn--confirm{background:var(--color-accent, #6c63ff);color:#fff;border-color:var(--color-accent, #6c63ff)}.hcp-dialog__btn--confirm:hover{filter:brightness(1.15)}.hcp-dialog__btn--danger{background:var(--color-error, #e74c3c);border-color:var(--color-error, #e74c3c)}@media(max-width:768px){.hcp-toggle-btn{inset:auto auto 60px 50%;transform:translate(-50%);padding:10px 20px;font-size:.75rem;min-height:44px}.hcp{position:fixed;inset:auto 0 52px;transform:none;width:100%;max-height:60vh;border-radius:var(--radius-lg, 12px) var(--radius-lg, 12px) 0 0;border-bottom:none;z-index:110}.hcp__action-btn{min-height:44px;font-size:.75rem}.hcp__ctrl-btn{min-height:32px;min-width:32px;padding:4px 8px;font-size:.7rem}.hcp__foul-btn{width:32px;height:32px;font-size:.85rem}.hcp-dialog{max-width:90vw}.hcp-dialog__btn{min-height:44px;padding:10px 20px}.hcp-dialog__team-option{min-height:44px}}.game-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;transition:background-color var(--transition-normal);overflow-x:hidden}.game-page--night{background-color:#0a0a12}.game-page--day{background-color:var(--color-bg-primary)}.game-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.game-header__phase{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.game-header__info{display:flex;align-items:center;gap:var(--space-md)}.game-header__round{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--space-xs) var(--space-sm);background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.phase-indicator{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.phase-indicator--night{background-color:#6366f1;box-shadow:0 0 6px #6366f180}.phase-indicator--day{background-color:#f59e0b;box-shadow:0 0 6px #f59e0b80}.game-header__sound-toggle{background:none;border:none;cursor:pointer;font-size:1.1rem;line-height:1;padding:2px 4px;border-radius:var(--radius-sm);opacity:.85;transition:opacity var(--transition-fast)}.game-header__sound-toggle:hover{opacity:1}.game-header__sound-toggle--off{opacity:.45}.game-header__ws-status{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.game-header__ws-status--connected{background-color:var(--color-success)}.game-header__ws-status--connecting{background-color:var(--color-warning);animation:pulse-dot 1.5s ease-in-out infinite}.game-header__ws-status--disconnected{background-color:var(--color-danger)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.game-timer{margin-top:var(--space-sm);text-align:center}.game-timer__value{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums;letter-spacing:2px}.game-timer--low .game-timer__value{color:var(--color-danger);animation:timer-pulse 1s ease-in-out infinite}@keyframes timer-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.game-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--space-md) var(--space-xl);width:100%;max-width:var(--max-content-width);overflow-y:auto}.game-phase-message{text-align:center;max-width:600px}.phase-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-md)}.phase-title--mafia{color:var(--color-mafia)}.phase-title--town{color:var(--color-town)}.phase-subtitle{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.6}.game-role-badge{position:fixed;bottom:var(--space-xl);left:var(--space-xl);display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);background-color:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.game-role-badge__label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.game-role-badge__name{font-size:var(--font-size-lg);font-weight:700}.game-role-badge__seat{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.game-role-badge.role-civilian .game-role-badge__name{color:var(--color-town)}.game-role-badge.role-mafia .game-role-badge__name{color:var(--color-mafia)}.game-role-badge.role-don .game-role-badge__name{color:var(--color-don)}.game-role-badge.role-sheriff .game-role-badge__name{color:var(--color-sheriff)}.game-role-badge.role-don{border-color:var(--color-don);box-shadow:0 0 8px #d4a02026}.game-role-badge.role-sheriff{border-color:var(--color-sheriff);box-shadow:0 0 8px #4caf7c26}.game-role-badge.role-mafia{border-color:var(--color-mafia);box-shadow:0 0 8px #e0525226}.speaker-highlight{color:var(--color-accent);font-weight:600;font-size:var(--font-size-lg)}.btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);border:none;font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.btn:hover{transform:translateY(-1px)}.btn--accent{background-color:var(--color-accent);color:#fff}.btn--accent:hover{background-color:var(--color-accent-hover)}.btn--skip-speech{margin-top:var(--space-md);padding:var(--space-sm) var(--space-xl);background-color:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast)}.btn--skip-speech:hover{background-color:var(--color-accent-hover)}.nomination-panel{margin-top:var(--space-lg);padding:var(--space-md);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.nomination-panel__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.nomination-panel__buttons{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:center}.btn--nomination{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.btn--nomination:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}.nominations-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);margin-top:var(--space-md);justify-content:center}.nominations-list__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600}.nominations-list__badge{display:inline-block;padding:2px var(--space-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--color-warning);background-color:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-sm)}.voting-panel{margin-top:var(--space-lg);text-align:center}.voting-panel__label{font-size:var(--font-size-lg);color:var(--color-text-primary);margin-bottom:var(--space-md)}.voting-panel__count{color:var(--color-text-secondary);font-weight:400}.btn--vote{padding:var(--space-sm) var(--space-xl);background-color:var(--color-error);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast)}.btn--vote:hover{background-color:#dc2626}.voting-panel__voted{color:var(--color-text-secondary);font-style:italic;margin-top:var(--space-sm)}.vote-results{margin-top:var(--space-xl);text-align:left;max-width:400px;margin-left:auto;margin-right:auto}.vote-results__title{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-sm)}.vote-results__item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background-color:var(--color-bg-secondary);border-radius:var(--radius-sm);margin-bottom:var(--space-xs)}.vote-results__candidate{font-weight:600;color:var(--color-text-primary);min-width:80px}.vote-results__count{color:var(--color-accent);font-weight:600}.vote-results__voters{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.mafia-kill-panel{margin-top:var(--space-lg);padding:var(--space-md);background-color:var(--color-bg-card);border:1px solid rgba(224,82,82,.3);border-radius:var(--radius-md)}.mafia-kill-panel__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.mafia-kill-panel__buttons{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:center;margin-bottom:var(--space-md)}.btn--mafia-kill{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid rgba(224,82,82,.3);background-color:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.btn--mafia-kill:hover{background-color:var(--color-mafia);border-color:var(--color-mafia);color:#fff}.btn--dont-shoot{padding:var(--space-sm) var(--space-xl);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.btn--dont-shoot:hover{background-color:var(--color-bg-secondary);border-color:var(--color-text-secondary)}.phase-title--don{color:var(--color-don, #a855f7)}.don-check-panel{margin-top:var(--space-lg);padding:var(--space-md);background-color:var(--color-bg-card);border:1px solid rgba(168,85,247,.3);border-radius:var(--radius-md)}.don-check-panel__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.don-check-panel__buttons{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:center;margin-bottom:var(--space-md)}.btn--don-check{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid rgba(168,85,247,.3);background-color:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.btn--don-check:hover{background-color:var(--color-don, #a855f7);border-color:var(--color-don, #a855f7);color:#fff}.btn--skip-check{padding:var(--space-sm) var(--space-xl);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.btn--skip-check:hover{background-color:var(--color-bg-secondary);border-color:var(--color-text-secondary)}.don-check-result{margin-top:var(--space-lg);padding:var(--space-md) var(--space-xl);background-color:var(--color-bg-card);border:1px solid rgba(168,85,247,.4);border-radius:var(--radius-md);text-align:center}.don-check-result__text{font-size:var(--font-size-lg);color:var(--color-text-primary)}.don-check-result--sheriff{color:var(--color-sheriff, #3b82f6)}.don-check-result--not-sheriff{color:var(--color-text-secondary)}.sheriff-check-panel{margin-top:var(--space-lg);padding:var(--space-md);background-color:var(--color-bg-card);border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-md)}.sheriff-check-panel__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.sheriff-check-panel__buttons{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:center;margin-bottom:var(--space-md)}.btn--sheriff-check{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid rgba(59,130,246,.3);background-color:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.btn--sheriff-check:hover{background-color:var(--color-sheriff, #3b82f6);border-color:var(--color-sheriff, #3b82f6);color:#fff}.sheriff-check-result{margin-top:var(--space-lg);padding:var(--space-md) var(--space-xl);background-color:var(--color-bg-card);border:1px solid rgba(59,130,246,.4);border-radius:var(--radius-md);text-align:center}.sheriff-check-result__text{font-size:var(--font-size-lg);color:var(--color-text-primary)}.sheriff-check-result--mafia{color:var(--color-mafia, #ef4444)}.sheriff-check-result--not-mafia{color:var(--color-text-secondary)}.phase-title--sheriff{color:var(--color-sheriff, #3b82f6)}.phase-title--farewell{color:#f59e0b}.farewell-your-turn{margin-top:var(--space-md);padding:var(--space-md) var(--space-xl);background-color:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);color:#f59e0b;font-size:var(--font-size-lg);font-weight:600;text-align:center}.farewell-counter{margin-top:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-muted)}.spectator-overlay{position:fixed;top:var(--space-xl);right:var(--space-xl);display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);background-color:#000000b3;border:1px solid rgba(239,68,68,.4);box-shadow:var(--shadow-md);z-index:10}.spectator-overlay__label{font-size:var(--font-size-sm);color:var(--color-danger, #ef4444);font-weight:600;text-transform:uppercase;letter-spacing:1px}.spectator-overlay__sub{font-size:var(--font-size-xs);color:var(--color-text-muted)}.game-role-badge--eliminated{border-color:var(--color-danger, #ef4444);opacity:.7}.game-role-badge--eliminated .game-role-badge__label{color:var(--color-danger, #ef4444)}@keyframes game-end-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes game-end-title-scale{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes game-end-table-slide{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.game-end{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);max-width:600px;width:100%;animation:game-end-fade-in .5s ease-out both}.game-end__title{font-size:2rem;font-weight:700;text-align:center;animation:game-end-title-scale .6s ease-out .2s both}.game-end--town .game-end__title{color:var(--color-town, #4ca0ef)}.game-end--mafia .game-end__title{color:var(--color-mafia, #e05252)}.game-end--draw .game-end__title{color:var(--color-text-muted, #9ca3af)}.game-end__reason{font-size:var(--font-size-md);color:var(--color-text-secondary, #d1d5db);text-align:center;animation:game-end-fade-in .4s ease-out .4s both}.game-end__duration{font-size:var(--font-size-sm);color:var(--color-text-muted, #9ca3af);animation:game-end-fade-in .4s ease-out .5s both}.game-end__players{width:100%;margin-top:var(--spacing-md);animation:game-end-table-slide .5s ease-out .6s both}.game-end__players-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);text-align:center}.game-end__table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.game-end__table th,.game-end__table td{padding:var(--spacing-xs) var(--spacing-sm);text-align:left;border-bottom:1px solid var(--color-border, #374151)}.game-end__table th{color:var(--color-text-muted, #9ca3af);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}.game-end__row--eliminated td{opacity:.5;text-decoration:line-through}.game-end__table .role-civilian{color:var(--color-town, #4ca0ef)}.game-end__table .role-mafia{color:var(--color-mafia, #e05252)}.game-end__table .role-don{color:var(--color-don, #d4a020);font-weight:600}.game-end__table .role-sheriff{color:var(--color-sheriff, #4caf7c);font-weight:600}.game-end__back{margin-top:var(--spacing-lg);animation:game-end-fade-in .4s ease-out .8s both}.tiebreak-candidates{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;margin-top:var(--spacing-sm)}.tiebreak-candidates__label{color:var(--color-text-muted, #9ca3af);font-size:var(--font-size-sm)}.tiebreak-candidates__badge{background-color:var(--color-bg-tertiary, #2a2a3e);border:1px solid var(--color-border, #3a3a5e);border-radius:var(--radius-sm);padding:2px 10px;font-size:var(--font-size-sm);color:var(--color-text-primary)}.tiebreak-candidates__badge--speaking{border-color:var(--color-accent, #6d5dfc);background-color:#6d5dfc26;color:var(--color-accent, #6d5dfc);font-weight:600}.majority-vote-panel{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md);justify-content:center}.btn--majority-yes{background-color:var(--color-role-mafia, #e74c3c);color:#fff;border:none;padding:10px 24px;border-radius:var(--radius-md);font-size:var(--font-size-md);cursor:pointer;transition:background-color var(--transition-fast)}.btn--majority-yes:hover{background-color:#c0392b}.btn--majority-no{background-color:var(--color-bg-tertiary, #2a2a3e);color:var(--color-text-primary);border:1px solid var(--color-border, #3a3a5e);padding:10px 24px;border-radius:var(--radius-md);font-size:var(--font-size-md);cursor:pointer;transition:background-color var(--transition-fast)}.btn--majority-no:hover{background-color:var(--color-bg-secondary, #1e1e2e)}.game-video-circle{position:relative;width:min(680px,90vw);height:min(680px,90vw);margin:var(--space-md) auto;flex-shrink:0}.game-video-circle__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.game-video-circle__slot{position:absolute;--tile-w: 130px;--tile-h: 124px;--radius: min(290px, 40vw);width:var(--tile-w);height:var(--tile-h)}.game-video-circle__slot--1{--angle: 0deg}.game-video-circle__slot--2{--angle: 36deg}.game-video-circle__slot--3{--angle: 72deg}.game-video-circle__slot--4{--angle: 108deg}.game-video-circle__slot--5{--angle: 144deg}.game-video-circle__slot--6{--angle: 180deg}.game-video-circle__slot--7{--angle: 216deg}.game-video-circle__slot--8{--angle: 252deg}.game-video-circle__slot--9{--angle: 288deg}.game-video-circle__slot--10{--angle: 324deg}.game-video-circle__slot{left:calc(50% + var(--radius) * sin(var(--angle)) - var(--tile-w) / 2);top:calc(50% - var(--radius) * cos(var(--angle)) - var(--tile-h) / 2)}.game-video-tile{position:relative;width:130px;display:flex;flex-direction:column;align-items:center;border:2px solid var(--color-border, #3a3a5e);border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-bg-card, #1a1a2e);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.game-video-tile--speaker{border-color:var(--color-accent, #6d5dfc);box-shadow:0 0 12px #6d5dfc80}.game-video-tile--nominated{border-color:#f59e0b;box-shadow:0 0 8px #f59e0b4d}.game-video-tile--eliminated{border-color:var(--color-danger, #ef4444)}.game-video-tile--eliminated .game-video-tile__video,.game-video-tile--eliminated .game-video-tile__placeholder{filter:brightness(.3) grayscale(.8)}.game-video-tile--local{border-color:var(--color-success, #4caf7c)}.game-video-tile--host{border-color:var(--color-accent, #6d5dfc);box-shadow:0 0 10px #7c5cfc40}.game-video-tile__seat-badge{position:absolute;top:4px;left:4px;z-index:3;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background-color:#000000b3;color:var(--color-text-primary, #e4e4ef);font-size:11px;font-weight:700;line-height:1;padding:0 4px}.game-video-tile__seat-badge--host{background-color:#7c5cfccc}.game-video-tile__video{width:130px;height:98px;object-fit:cover;background:#000;transform:scaleX(-1)}.game-video-tile__placeholder{width:130px;height:98px;display:flex;align-items:center;justify-content:center;background-color:#131320}.game-video-tile__initial{font-size:var(--font-size-xl);color:var(--color-text-muted, #6b7280);font-weight:600}.game-video-tile__label{font-size:11px;color:var(--color-text-secondary, #d1d5db);padding:2px var(--space-xs);text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#0006}.game-video-tile__eliminated-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}.game-video-tile__eliminated-x{font-size:2.5rem;color:var(--color-danger, #ef4444);font-weight:700;text-shadow:0 0 8px rgba(224,82,82,.6)}.game-video-tile__nominated-badge{position:absolute;top:4px;right:4px;z-index:3;padding:1px 5px;border-radius:var(--radius-sm);background-color:#f59e0bd9;color:#000;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.game-video-tile__foul-badge{position:absolute;bottom:22px;left:4px;z-index:3;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background-color:#e05252e6;color:#fff;font-size:11px;font-weight:700;line-height:1;padding:0 4px;box-shadow:0 0 4px #e0525280}.game-media-controls{display:flex;justify-content:center;gap:var(--space-md);padding:var(--space-sm) 0 var(--space-md) 0}.game-media-controls .btn-media{padding:var(--space-xs) var(--space-md);background:var(--color-bg-secondary, #1e1e2e);color:var(--color-text-secondary);border:1px solid var(--color-border, #3a3a5e);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.game-media-controls .btn-media:hover:not(:disabled){border-color:var(--color-border-hover);color:var(--color-text-primary)}.game-media-controls .btn-media:disabled{opacity:.5;cursor:not-allowed}.game-media-controls .btn-media--active{background:var(--color-success, #4caf7c);color:#fff;border-color:var(--color-success, #4caf7c)}.game-media-controls .btn-media--active:hover:not(:disabled){background:#3d9e6d;border-color:#3d9e6d}.game-pause-overlay{position:fixed;inset:0;z-index:1000;background:#000000d9;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game-pause-overlay__content{text-align:center;color:var(--color-text, #e0e0e0);max-width:400px;padding:2rem}.game-pause-overlay__icon{font-size:4rem;margin-bottom:1rem;animation:pulse-pause 1.5s ease-in-out infinite}.game-pause-overlay__title{font-size:1.8rem;font-weight:700;margin:0 0 .75rem;color:var(--color-warning, #f39c12)}.game-pause-overlay__reason{font-size:1.1rem;margin:0 0 1.5rem;opacity:.9}.game-pause-overlay__timer{font-size:1.4rem;font-weight:600;color:var(--color-error, #e74c3c);font-variant-numeric:tabular-nums}.game-pause-overlay__resume{margin-top:1.5rem;padding:10px 24px;font-size:1rem}@keyframes pulse-pause{0%,to{opacity:1}50%{opacity:.4}}.game-hud{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-xl);z-index:50;border-top:1px solid var(--color-border, #3a3a5e);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color var(--transition-normal)}.game-hud--night{background-color:#0a0a12eb}.game-hud--day{background-color:#1a1a2eeb}.game-hud__phase{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.game-hud__phase-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.game-hud__phase-dot--night{background-color:#6366f1;box-shadow:0 0 6px #6366f180}.game-hud__phase-dot--day{background-color:#f59e0b;box-shadow:0 0 6px #f59e0b80}.game-hud__phase-name{white-space:nowrap}.game-hud__timer{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums;letter-spacing:1px;min-width:60px;text-align:center}.game-hud__timer--low{color:var(--color-danger, #ef4444);animation:timer-pulse 1s ease-in-out infinite}.game-hud__stats{display:flex;align-items:center;gap:var(--space-md);font-size:var(--font-size-sm)}.game-hud__round{color:var(--color-text-secondary);padding:2px var(--space-sm);background-color:#ffffff0f;border-radius:var(--radius-sm)}.game-hud__alive{color:var(--color-success, #4caf7c);font-weight:600}.game-video-tile--muted{border-color:#f59e0b}.game-video-tile__muted-badge{position:absolute;bottom:22px;right:4px;z-index:3;padding:1px 4px;border-radius:var(--radius-sm);background-color:#f59e0bd9;color:#000;font-size:8px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.voting-panel__timer-bar{width:100%;max-width:300px;height:4px;background-color:#ffffff1a;border-radius:2px;margin:var(--space-sm) auto;overflow:hidden}.voting-panel__timer-fill{height:100%;background-color:var(--color-accent, #6d5dfc);border-radius:2px;animation:vote-timer-shrink linear forwards}@keyframes vote-timer-shrink{0%{width:100%}to{width:0%}}.game-page{padding-bottom:52px}.game-role-badge{bottom:calc(52px + var(--space-md))}@media(max-width:768px){.game-header{padding:var(--space-sm) var(--space-md)}.game-header__phase{font-size:var(--font-size-md)}.game-content{padding:var(--space-sm) var(--space-sm)}.game-timer__value{font-size:1.75rem}.game-video-circle{width:100%;height:auto;display:grid;gap:var(--space-xs);padding:0 var(--space-xs)}.game-video-circle__center{position:static;transform:none;grid-column:1 / -1;display:flex;justify-content:center}.game-video-circle__center .game-video-tile{width:100%;max-width:200px}.game-video-circle__center .game-video-tile__video,.game-video-circle__center .game-video-tile__placeholder{width:100%;height:auto;aspect-ratio:4 / 3}.game-video-circle__slot{position:static;width:100%;height:auto}.game-video-tile{width:100%}.game-video-tile__video,.game-video-tile__placeholder{width:100%;height:auto;aspect-ratio:4 / 3}.game-role-badge{left:var(--space-sm);bottom:calc(52px + var(--space-sm));padding:var(--space-xs) var(--space-sm)}.game-role-badge__name{font-size:var(--font-size-md)}.spectator-overlay{top:var(--space-sm);right:var(--space-sm)}.game-hud{padding:var(--space-sm) var(--space-md)}.game-hud__phase-name{font-size:var(--font-size-xs)}.game-hud__timer{font-size:var(--font-size-lg)}.game-hud__stats{gap:var(--space-sm);font-size:var(--font-size-xs)}.btn--nomination,.btn--mafia-kill,.btn--don-check,.btn--sheriff-check{min-height:44px;min-width:44px;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-md)}.btn--skip-speech,.btn--vote,.btn--dont-shoot,.btn--skip-check,.btn--majority-yes,.btn--majority-no{min-height:44px;padding:var(--space-sm) var(--space-lg)}.game-media-controls .btn-media{min-height:44px;min-width:44px;padding:var(--space-sm) var(--space-md)}.phase-title{font-size:var(--font-size-xl)}.nomination-panel,.mafia-kill-panel,.don-check-panel,.sheriff-check-panel{padding:var(--space-sm)}.game-end{padding:var(--space-md)}.game-end__title{font-size:1.5rem}.game-end__table{font-size:var(--font-size-xs)}.game-pause-overlay__content{padding:1rem;max-width:90vw}.game-pause-overlay__icon{font-size:3rem}.game-pause-overlay__title{font-size:1.4rem}}@media(max-width:768px)and (orientation:portrait){.game-video-circle{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px)and (orientation:landscape){.game-video-circle{grid-template-columns:repeat(5,1fr)}.game-video-circle__center .game-video-tile{max-width:140px}.game-hud__timer{font-size:var(--font-size-md)}}