.nickname-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-4);background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nickname-modal{background:var(--color-bg-primary);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--space-8);border:1px solid var(--color-border);animation:.3s ease-out slideIn;box-shadow:0 25px 50px -12px #00000080}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.nickname-modal-header{text-align:center;margin-bottom:var(--space-6)}.nickname-modal-icon{margin-bottom:var(--space-3);font-size:3rem;animation:1.5s ease-in-out infinite wave}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}}.nickname-modal-icon.no-animation{animation:none}.nickname-modal-title{color:var(--color-text-primary);margin-bottom:var(--space-2);font-size:1.75rem;font-weight:700}.nickname-modal-subtitle{color:var(--color-text-secondary);font-size:1rem}.nickname-modal-error{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:#ef4444;margin-bottom:var(--space-5);cursor:pointer;background:#dc262626;border:1px solid #dc26264d;font-size:.875rem;display:flex}.nickname-modal-error svg{flex-shrink:0;width:16px;height:16px}.nickname-modal-form{gap:var(--space-6);flex-direction:column;display:flex}.nickname-modal-field{gap:var(--space-2);flex-direction:column;display:flex}.nickname-modal-label{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.nickname-modal-input{padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:all var(--transition-fast);font-size:1rem}.nickname-modal-input::placeholder{color:var(--color-text-muted)}.nickname-modal-input:hover{border-color:var(--color-border-hover)}.nickname-modal-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted);outline:none}.nickname-modal-hint{color:var(--color-text-muted);font-size:.75rem}.nickname-modal-actions{gap:var(--space-3);justify-content:flex-end;display:flex}.nickname-modal-skip{padding:var(--space-3) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;font-size:.875rem;font-weight:500}.nickname-modal-skip:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-border-hover);color:var(--color-text-primary)}.nickname-modal-skip:disabled{opacity:.5;cursor:not-allowed}.nickname-modal-submit{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-accent);border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:.875rem;font-weight:600;display:flex}.nickname-modal-submit:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px)}.nickname-modal-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width:480px){.nickname-modal{padding:var(--space-6)}.nickname-modal-actions{flex-direction:column-reverse}.nickname-modal-skip,.nickname-modal-submit{justify-content:center;width:100%}}.user-menu{align-items:center;display:flex;position:relative}.user-menu-trigger{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--color-text-primary);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;display:flex}.user-menu-trigger:hover{background:var(--color-bg-tertiary);border-color:var(--color-border)}.user-menu-trigger:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-muted);outline:none}.user-menu-avatar{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:600;display:flex}.user-menu-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.875rem;font-weight:500;overflow:hidden}.user-menu-caret{width:16px;height:16px;color:var(--color-text-muted)}.user-menu-dropdown{top:calc(100% + var(--space-2));background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:20;position:absolute;right:0}.user-menu-item{text-align:left;width:100%;padding:var(--space-2) var(--space-3);color:var(--color-text-primary);border-radius:var(--radius-sm);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;font-size:.875rem}.user-menu-item:hover{background:var(--color-bg-tertiary)}.user-menu-item.is-danger{color:var(--color-error)}.user-menu-item.is-danger:hover{background:#ef44441f}.user-menu.is-compact .user-menu-name{display:none}@media (max-width:768px){.user-menu-name{display:none}}.layout{--layout-offset:calc(64px + var(--space-8) + var(--space-8) + var(--space-6) + var(--space-6));flex-direction:column;min-height:100vh;display:flex}.header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#0a0a0bd9;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;gap:var(--space-8);height:64px;display:flex}.logo{align-items:center;gap:var(--space-3);color:var(--color-text-primary);font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.logo:hover{color:var(--color-text-primary)}.logo-icon{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;font-weight:800;display:flex}.logo-icon-img{border-radius:var(--radius-md);object-fit:contain;width:36px;height:36px}.logo-text{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav{align-items:center;gap:var(--space-2);display:flex}.nav-link{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:.9375rem;font-weight:500;display:flex}.nav-link:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.nav-link.active{color:var(--color-accent);background:var(--color-accent-muted)}.nav-link.nav-play{background:var(--color-accent);color:var(--color-bg-primary);font-weight:600}.nav-link.nav-play:hover{background:var(--color-accent-hover);color:var(--color-bg-primary)}.nav-link.nav-play.active{background:var(--color-accent);color:var(--color-bg-primary)}.nav-icon{width:18px;height:18px}.header-right{align-items:center;gap:var(--space-4);display:flex}.user-info{align-items:center;gap:var(--space-3);display:flex}.user-info-clickable{border-radius:var(--radius-md);padding:var(--space-2);margin:calc(-1 * var(--space-2));cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000}.user-info-clickable:hover{background:var(--color-bg-tertiary);border-color:var(--color-border)}.user-info-clickable:hover .user-edit-icon{opacity:1}.user-info-clickable:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-muted);outline:none}.user-edit-icon{width:14px;height:14px;color:var(--color-text-muted);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0}.user-avatar{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:600;display:flex}.user-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.875rem;font-weight:500;overflow:hidden}.user-email{color:var(--color-text-secondary);font-size:.875rem;font-family:var(--font-mono)}.btn-logout{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;font-size:.875rem;font-weight:500;display:flex}.btn-logout:hover{border-color:var(--color-error);color:var(--color-error);background:#ef44441a}.btn-logout svg{width:16px;height:16px}.auth-links{gap:var(--space-3);display:flex}.btn-login{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-primary);border:1px solid var(--color-border);transition:all var(--transition-fast);background:0 0;font-size:.875rem;font-weight:500}.btn-login:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn-register{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:#fff;background:var(--color-accent);transition:all var(--transition-fast);border:1px solid #0000;font-size:.875rem;font-weight:500}.btn-register:hover{background:var(--color-accent-hover)}.main{padding:var(--space-8) 0;flex:1}.footer{padding:var(--space-6) 0;border-top:1px solid var(--color-border);color:var(--color-text-muted);text-align:center;font-size:.875rem}@media (max-width:768px){.user-name,.user-email,.user-edit-icon{display:none}.header-content{gap:var(--space-4)}.btn-logout span{display:none}}.language-switcher{border:1px solid var(--border-color,#ffffff1a);color:var(--text-secondary,#ffffffb3);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.language-switcher:hover{color:var(--text-primary,#fff);background:#ffffff0d;border-color:#fff3}.language-switcher:focus-visible{outline:2px solid var(--accent-color,#6366f1);outline-offset:2px}.language-switcher .language-icon{width:1rem;height:1rem}.language-switcher .language-code{letter-spacing:.025em;font-family:inherit}.no-permission-page{justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:2rem;display:flex}.no-permission-card{background:var(--color-surface,#1a1a2e);text-align:center;border:1px solid var(--color-border,#2a2a4a);border-radius:16px;width:100%;max-width:480px;padding:2.5rem;box-shadow:0 8px 32px #0000004d}.no-permission-icon{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a5a 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.no-permission-icon svg{stroke:#fff;width:48px;height:48px}.no-permission-card h1{color:var(--color-text,#fff);margin:0 0 .75rem;font-size:1.75rem;font-weight:700}.no-permission-message{color:var(--color-text-secondary,#a0a0b0);margin:0 0 1.5rem;font-size:1rem;line-height:1.6}.required-role-info{background:var(--color-background,#0f0f1a);border-radius:8px;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.role-label{color:var(--color-text-secondary,#a0a0b0);font-size:.875rem}.role-badge{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;padding:.375rem .75rem;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.875rem;font-weight:600}.no-permission-help{text-align:left;background:var(--color-background,#0f0f1a);border-left:3px solid var(--color-primary,#667eea);border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.no-permission-help h3{color:var(--color-text,#fff);margin:0 0 .75rem;font-size:.875rem;font-weight:600}.no-permission-help ul{color:var(--color-text-secondary,#a0a0b0);margin:0;padding-left:1.25rem;font-size:.875rem;line-height:1.8}.no-permission-help li{margin-bottom:.25rem}.no-permission-actions{justify-content:center;gap:1rem;display:flex}.no-permission-actions .btn-primary,.no-permission-actions .btn-secondary{border-radius:8px;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s}.no-permission-actions .btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none}.no-permission-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.no-permission-actions .btn-secondary{color:var(--color-text-secondary,#a0a0b0);border:1px solid var(--color-border,#2a2a4a);background:0 0}.no-permission-actions .btn-secondary:hover{background:var(--color-surface-hover,#252540);color:var(--color-text,#fff)}@media (max-width:480px){.no-permission-card{padding:1.5rem}.no-permission-actions{flex-direction:column}.no-permission-actions .btn-primary,.no-permission-actions .btn-secondary{text-align:center;width:100%}}.auth-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}@media (max-width:768px){.auth-page{grid-template-columns:1fr}.auth-decoration{display:none}}.auth-container{padding:var(--space-8);flex-direction:column;justify-content:center;width:100%;max-width:440px;margin:0 auto;display:flex}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-logo{margin-bottom:var(--space-6);display:inline-flex}.auth-logo-icon{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);border-radius:var(--radius-xl);color:#fff;width:56px;height:56px;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;font-size:1.75rem;font-weight:800;display:flex}.auth-title{color:var(--color-text-primary);margin-bottom:var(--space-2);font-size:1.75rem;font-weight:700}.auth-subtitle{color:var(--color-text-secondary);font-size:1rem}.auth-form{gap:var(--space-5);flex-direction:column;display:flex}.auth-error{align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);color:var(--color-error);cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;font-size:.875rem;animation:.4s shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.auth-error svg{flex-shrink:0;width:20px;height:20px}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.form-input{padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:all var(--transition-fast);font-size:1rem}.form-input::placeholder{color:var(--color-text-muted)}.form-input:hover{border-color:var(--color-border-hover)}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted);outline:none}.form-hint{color:var(--color-text-muted);font-size:.75rem}.auth-submit{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);margin-top:var(--space-2);background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;font-size:1rem;font-weight:600;display:flex}.auth-submit:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-1px)}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-footer{margin-top:var(--space-8);text-align:center;color:var(--color-text-secondary);font-size:.9375rem}.auth-link{color:var(--color-accent);font-weight:500}.auth-link:hover{color:var(--color-accent-hover);text-decoration:underline}.auth-decoration{background:var(--color-bg-secondary);padding:var(--space-8);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-decoration:before{content:"";background:radial-gradient(at 30% 30%,#ff6b3526 0%,#0000 50%),radial-gradient(at 70% 70%,#f7c94b1a 0%,#0000 50%);position:absolute;inset:0}.auth-decoration:after{content:"";background-image:linear-gradient(#ff6b3508 1px,#0000 1px),linear-gradient(90deg,#ff6b3508 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.auth-decoration-content{text-align:center;max-width:400px;position:relative}.auth-decoration-content h2{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);-webkit-text-fill-color:transparent;margin-bottom:var(--space-4);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800}.auth-decoration-content p{color:var(--color-text-secondary);margin-bottom:var(--space-8);font-size:1.125rem;line-height:1.7}.auth-features{gap:var(--space-4);flex-direction:column;display:flex}.auth-feature{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);color:var(--color-text-primary);font-weight:500;display:flex}.feature-icon{font-size:1.25rem}.auth-sso-section{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.auth-sso-text{color:var(--color-text-secondary);margin:0;font-size:.9375rem}.auth-sso-button{justify-content:center;align-items:center;gap:var(--space-2);width:100%;display:flex}.auth-sso-icon{width:1.25rem;height:1.25rem}.auth-divider{width:100%;margin:var(--space-2) 0;align-items:center;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--color-border);flex:1}.auth-divider span{padding:0 var(--space-4);color:var(--color-text-muted);font-size:.875rem}.auth-anonymous-text{text-align:center;color:var(--color-text-secondary);font-size:.875rem;line-height:1.5}.auth-info-box{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);width:100%}.auth-info-box h3{color:var(--color-text-primary);margin:0 0 var(--space-2) 0;font-size:.875rem;font-weight:600}.auth-info-box ul{padding-left:var(--space-5);color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.75}.auth-loading,.auth-callback-loading,.auth-callback-error{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-8);text-align:center;flex-direction:column;min-height:300px;display:flex}.auth-callback-loading h2,.auth-callback-error h2{color:var(--color-text-primary);margin:0;font-size:1.25rem}.auth-callback-loading p,.auth-callback-error p{color:var(--color-text-secondary);margin:0}.spinner-large{border-width:3px;width:3rem;height:3rem}.auth-field{gap:var(--space-2);flex-direction:column;display:flex}.auth-field-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (max-width:480px){.auth-field-row{grid-template-columns:1fr}}.auth-label{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.auth-input{padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:all var(--transition-fast);font-size:1rem}.auth-input::placeholder{color:var(--color-text-muted)}.auth-input:hover{border-color:var(--color-border-hover)}.auth-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted);outline:none}.auth-hint{color:var(--color-text-muted);font-size:.75rem}.auth-password-wrapper{align-items:center;display:flex;position:relative}.auth-password-wrapper .auth-input{width:100%;padding-right:48px}.auth-password-toggle{right:var(--space-3);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--color-text-muted);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.auth-password-toggle:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.auth-password-toggle svg{width:18px;height:18px}.spinner-small{border-width:2px;width:16px;height:16px}@keyframes spin{to{transform:rotate(360deg)}}.social-login-section{gap:var(--space-3);flex-direction:column;display:flex}.social-login-section.social-login-primary{margin-bottom:var(--space-2)}.social-login-button{justify-content:center;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-5);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);font-size:1rem;font-weight:500;display:flex}.social-login-button:hover:not(:disabled){border-color:var(--color-border-hover);background:var(--color-bg-tertiary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.social-login-button:disabled{opacity:.6;cursor:not-allowed}.social-icon{object-fit:contain;flex-shrink:0;width:20px;height:20px}.social-login-button.google:hover{background:#4285f41a;border-color:#4285f4}.social-login-button.yandex-id-button{color:#000;min-height:44px;padding:var(--space-3) var(--space-5);background:#fff;border:1px solid #0000001a;font-weight:500}.social-login-button.yandex-id-button:hover:not(:disabled){background:#fafafa;border-color:#00000026}.social-login-button.yandex-id-button:focus-visible{outline-offset:2px;outline:2px solid #fc3f1d}.yandex-logo{flex-shrink:0;width:24px;height:24px}.social-login-button.yandex-id-button span{color:#000;font-size:15px;font-weight:500;line-height:1.2}.auth-email-toggle{justify-content:center;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;font-size:.9375rem;font-weight:500;display:flex}.auth-email-toggle:hover{border-color:var(--color-text-muted);color:var(--color-text-primary);background:var(--color-bg-secondary)}.auth-email-toggle .email-icon{flex-shrink:0;width:20px;height:20px}.auth-form-expandable{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);animation:.3s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.auth-form-actions{gap:var(--space-3);margin-top:var(--space-2);display:flex}.auth-cancel{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex:1;font-size:.9375rem;font-weight:500}.auth-cancel:hover{border-color:var(--color-border-hover);background:var(--color-bg-tertiary)}.auth-form-actions .auth-submit{flex:2;margin-top:0}.badge-group{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.badge{border-radius:var(--radius-md);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex;position:relative}.badge__icon{display:block}.badge-group--compact .badge{width:26px;height:26px;padding:0;font-size:.875rem}.badge-group--compact .badge__icon{width:14px;height:14px}.badge-group--compact .badge:after{content:attr(title);background:var(--color-bg-primary);color:var(--color-text-primary);white-space:nowrap;border:1px solid var(--color-border);border-radius:var(--radius-sm);opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:1000;margin-bottom:6px;padding:4px 8px;font-size:.75rem;font-weight:500;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.badge-group--compact .badge:hover:after{opacity:1}.badge-group--full .badge{padding:var(--space-1) var(--space-3);text-transform:uppercase;letter-spacing:.05em;gap:var(--space-1);font-size:.75rem}.badge-group--full .badge__icon{width:12px;height:12px}.badge--published{color:var(--color-success);background:#22c55e26}.badge--draft{background:var(--color-secondary-muted);color:var(--color-secondary)}.badge--official{background:var(--color-accent-muted);color:var(--color-accent)}.badge--private{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.badge--played{color:#0e7490;background:#0e74902e}.badge--imported,.badge--editor{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.package-card:hover .badge--published{background:#22c55e40}.package-card:hover .badge--draft{background:rgba(var(--color-secondary-rgb,245, 158, 11), .2)}.package-card:hover .badge--official{background:rgba(var(--color-accent-rgb,139, 92, 246), .2)}.package-card:hover .badge--played{background:#0e749047}.badge:hover{opacity:.9}.full-page-loader{min-height:calc(100vh - var(--layout-offset,0px));justify-content:center;align-items:center;gap:var(--space-4);text-align:center;color:var(--color-text-secondary);flex-direction:column;display:flex}.full-page-loader__text{font-size:.95rem}.wheel-and-hamster{--dur:1s;width:12em;height:12em;font-size:clamp(10px,1.8vw,14px);position:relative}.wheel,.hamster,.hamster div,.spoke{position:absolute}.wheel,.spoke{border-radius:50%;width:100%;height:100%;top:0;left:0}.wheel{z-index:2;background:radial-gradient(100% 100%,#9990 47.8%,#999 48%)}.hamster{animation:hamster var(--dur) ease-in-out infinite;transform-origin:50% 0;z-index:1;width:7em;height:3.75em;top:50%;left:calc(50% - 3.5em);transform:rotate(4deg)translate(-.8em,1.85em)}.hamster__head{animation:hamsterHead var(--dur) ease-in-out infinite;transform-origin:100%;background:#f48c25;border-radius:70% 30% 0 100%/40% 25% 25% 60%;width:2.75em;height:2.5em;top:0;left:-2em;box-shadow:inset 0 -.25em #facc9e,inset .75em -1.55em #fce6cf}.hamster__ear{animation:hamsterEar var(--dur) ease-in-out infinite;transform-origin:50% 75%;background:#fbb6b6;border-radius:50%;width:.75em;height:.75em;top:-.25em;right:-.25em;box-shadow:inset -.25em 0 #f48c25}.hamster__eye{animation:hamsterEye var(--dur) linear infinite;background-color:#000;border-radius:50%;width:.5em;height:.5em;top:.375em;left:1.25em}.hamster__nose{background:#f98686;border-radius:35% 65% 85% 15%/70% 50% 50% 30%;width:.2em;height:.25em;top:.75em;left:0}.hamster__body{animation:hamsterBody var(--dur) ease-in-out infinite;transform-origin:17%;width:4.5em;height:3em;transform-style:preserve-3d;background:#fce6cf;border-radius:50% 30%/15% 60% 40% 40%;top:.25em;left:2em;box-shadow:inset .1em .75em #f48c25,inset .15em -.5em #facc9e}.hamster__limb--fr,.hamster__limb--fl{clip-path:polygon(0 0,100% 0,70% 80%,60% 100%,0% 100%,40% 80%);transform-origin:50% 0;width:1em;height:1.5em;top:2em;left:.5em}.hamster__limb--fr{animation:hamsterFRLimb var(--dur) linear infinite;background:linear-gradient(#facc9e 80%,#f98686 80%);transform:rotate(15deg)translateZ(-1px)}.hamster__limb--fl{animation:hamsterFLLimb var(--dur) linear infinite;background:linear-gradient(#fce6cf 80%,#fbb6b6 80%);transform:rotate(15deg)}.hamster__limb--br,.hamster__limb--bl{clip-path:polygon(0 0,100% 0,100% 30%,70% 90%,70% 100%,30% 100%,40% 90%,0 30%);transform-origin:50% 30%;border-radius:.75em .75em 0 0;width:1.5em;height:2.5em;top:1em;left:2.8em}.hamster__limb--br{animation:hamsterBRLimb var(--dur) linear infinite;background:linear-gradient(#facc9e 90%,#f98686 90%);transform:rotate(-25deg)translateZ(-1px)}.hamster__limb--bl{animation:hamsterBLLimb var(--dur) linear infinite;background:linear-gradient(#fce6cf 90%,#fbb6b6 90%);transform:rotate(-25deg)}.hamster__tail{animation:hamsterTail var(--dur) linear infinite;transform-origin:.25em .25em;background:#fbb6b6;border-radius:.25em 50% 50% .25em;width:1em;height:.5em;top:1.5em;right:-.5em;transform:rotate(30deg)translateZ(-1px);box-shadow:inset 0 -.2em #f98686}.spoke{animation:spoke var(--dur) linear infinite;background:radial-gradient(100% 100%,#999 4.8%,#9990 5%),linear-gradient(#8c8c8c00 46.9%,#a6a6a6 47% 52.9%,#a6a6a600 53%) 50%/99% 99% no-repeat}@keyframes hamster{0%,to{transform:rotate(4deg)translate(-.8em,1.85em)}50%{transform:rotate(0)translate(-.8em,1.85em)}}@keyframes hamsterHead{0%,25%,50%,75%,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(8deg)}}@keyframes hamsterEye{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(0)}}@keyframes hamsterEar{0%,25%,50%,75%,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(12deg)}}@keyframes hamsterBody{0%,25%,50%,75%,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-2deg)}}@keyframes hamsterFRLimb{0%,25%,50%,75%,to{transform:rotate(50deg)translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-30deg)translateZ(-1px)}}@keyframes hamsterFLLimb{0%,25%,50%,75%,to{transform:rotate(-30deg)}12.5%,37.5%,62.5%,87.5%{transform:rotate(50deg)}}@keyframes hamsterBRLimb{0%,25%,50%,75%,to{transform:rotate(-60deg)translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(20deg)translateZ(-1px)}}@keyframes hamsterBLLimb{0%,25%,50%,75%,to{transform:rotate(20deg)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-60deg)}}@keyframes hamsterTail{0%,25%,50%,75%,to{transform:rotate(30deg)translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(10deg)translateZ(-1px)}}@keyframes spoke{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}.packages-page{animation:.3s fadeIn}.my-packs-toggle,.played-toggle{align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.my-packs-toggle input,.played-toggle input{opacity:0;width:0;height:0;position:absolute}.my-packs-toggle .toggle-switch,.played-toggle .toggle-switch{background:var(--color-bg-tertiary);width:32px;height:18px;transition:all var(--transition-fast);border-radius:9px;flex-shrink:0;position:relative}.my-packs-toggle .toggle-switch:after,.played-toggle .toggle-switch:after{content:"";background:var(--color-text-muted);width:14px;height:14px;transition:all var(--transition-fast);border-radius:50%;position:absolute;top:2px;left:2px}.my-packs-toggle input:checked+.toggle-switch,.played-toggle input:checked+.toggle-switch{background:var(--color-accent)}.my-packs-toggle input:checked+.toggle-switch:after,.played-toggle input:checked+.toggle-switch:after{background:#fff;left:16px}.my-packs-toggle .toggle-label,.played-toggle .toggle-label{color:var(--color-text-secondary);white-space:nowrap;transition:color var(--transition-fast);font-size:.875rem;font-weight:500}.my-packs-toggle:hover .toggle-label,.played-toggle:hover .toggle-label{color:var(--color-text-primary)}:is(.my-packs-toggle:has(input:checked) .toggle-label,.played-toggle:has(input:checked) .toggle-label){color:var(--color-accent)}.packages-loading,.packages-error,.packages-empty{padding:var(--space-16) var(--space-4);text-align:center;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.packages-loading.full-page-loader{min-height:320px;padding-top:var(--space-12);padding-bottom:var(--space-12)}.packages-loading .loading-spinner{width:48px;height:48px;margin-bottom:var(--space-4)}.packages-error svg,.packages-empty svg{width:64px;height:64px;color:var(--color-text-muted);margin-bottom:var(--space-4)}.packages-error h2,.packages-empty h2{color:var(--color-text-primary);margin-bottom:var(--space-2);font-size:1.25rem}.btn-retry{margin-top:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--color-accent);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:600}.btn-retry:hover{background:var(--color-accent-hover)}.packages-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.packages-title{color:var(--color-text-primary);letter-spacing:-.01em;font-size:1.375rem;font-weight:600}.toolbar-actions{align-items:center;gap:var(--space-5);display:flex}.btn-upload{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-accent);border-radius:var(--radius-md);color:#fff;transition:all var(--transition-fast);border:none;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-upload:hover{background:var(--color-accent-hover);color:#fff}.btn-upload svg{width:16px;height:16px}.packages-filters{gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.search-box{flex:1;min-width:280px;position:relative}.search-icon{left:var(--space-4);width:20px;height:20px;color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{width:100%;padding:var(--space-3) var(--space-4);padding-left:calc(var(--space-4) + 28px);padding-right:calc(var(--space-4) + 64px);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:all var(--transition-fast);font-size:.9375rem}.search-input::placeholder{color:var(--color-text-muted)}.search-input:hover{border-color:var(--color-border-hover)}.search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted);outline:none}.search-actions{right:var(--space-2);align-items:center;gap:var(--space-1);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.search-submit{background:var(--color-accent);border-radius:var(--radius-sm);color:#fff;cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.search-submit:hover:not(:disabled){background:var(--color-accent-hover)}.search-submit:disabled{cursor:default}.search-submit svg{width:14px;height:14px}.search-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite search-spin}@keyframes search-spin{to{transform:rotate(360deg)}}.search-clear{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.search-clear:hover{background:var(--color-border-hover);color:var(--color-text-primary)}.search-clear svg{width:14px;height:14px}.packages-results{min-height:200px}.filter-select{padding:var(--space-3) var(--space-4);padding-right:var(--space-10);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;appearance:none;transition:all var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;font-size:.9375rem}.filter-select:hover{border-color:var(--color-border-hover)}.filter-select:focus{border-color:var(--color-accent);outline:none}.packages-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.packages-load-more{padding:var(--space-4) 0;justify-content:center;min-height:20px;display:flex}.packages-loading-more{align-items:center;gap:var(--space-3);color:var(--color-text-secondary);font-size:.875rem;display:flex}.packages-loading-more .loading-spinner{width:24px;height:24px}.package-card{padding:var(--space-5);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-primary);transition:all var(--transition-normal);flex-direction:column;text-decoration:none;display:flex}.package-card:hover{border-color:var(--color-accent);background:var(--color-bg-card-hover);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.package-title{margin-bottom:var(--space-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.125rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.package-description{color:var(--color-text-secondary);margin-bottom:var(--space-3);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.package-meta{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);box-sizing:border-box;height:33px;margin-top:auto;display:flex}.package-meta-left{gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.package-meta-item{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:.8125rem;line-height:1.2;display:flex}.package-meta-item svg{flex-shrink:0;width:16px;height:16px}@media (max-width:768px){.packages-toolbar{gap:var(--space-3);flex-wrap:wrap}.packages-title{font-size:1.125rem}.toolbar-actions{gap:var(--space-3)}.my-packs-toggle .toggle-label{font-size:.8125rem}.btn-upload{padding:var(--space-2) var(--space-2)}.btn-upload svg{width:14px;height:14px}.packages-filters{flex-direction:column}.search-box{min-width:100%}.filter-select{width:100%}.packages-grid{grid-template-columns:1fr}}.settings-dropdown{display:inline-block;position:relative}.settings-trigger{align-items:center;gap:var(--space-2);display:inline-flex}.settings-button{background-color:var(--glass-bg-soft,var(--color-bg-tertiary));border:1px solid var(--glass-border,var(--color-border));border-radius:var(--radius-md);width:35px;height:35px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(12px)saturate(140%);justify-content:center;align-items:center;padding:0;display:flex}.settings-button:hover{background-color:var(--glass-bg,var(--color-bg-card-hover));color:var(--color-text-primary);border-color:var(--glass-border-strong,var(--color-border-hover))}.settings-button svg{width:18px;height:18px}.settings-status-button{color:var(--color-text-secondary)}.settings-mode-button.is-voice{color:var(--color-accent);opacity:.85}.settings-mode-button.is-text{color:var(--color-secondary);opacity:.85}.settings-false-start-button.is-enabled{color:var(--color-warning);opacity:.85}.settings-false-start-button.is-disabled{color:var(--color-text-muted);opacity:.6}.settings-dropdown-menu{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;min-width:420px;max-width:480px;padding:var(--space-4);position:absolute;top:calc(100% + 8px);left:0}.settings-header{margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.settings-header h3{color:var(--color-text-primary);margin:0;font-size:1rem;font-weight:600}.read-only-badge{color:var(--color-text-muted);background:var(--color-bg-secondary);border-radius:var(--radius-sm);padding:.25rem .5rem;font-size:.75rem}.settings-content{gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.setting-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);min-height:36px;display:flex}.setting-row-nested{padding-left:var(--space-6);border-left:2px solid var(--color-border);margin-left:var(--space-2)}.setting-row-deep{padding-left:var(--space-8);margin-left:var(--space-4)}.setting-label-with-info{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.setting-label{color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;font-size:.875rem;font-weight:500}.info-tooltip{color:var(--color-text-muted);cursor:help;flex-shrink:0;align-items:center;display:inline-flex;position:relative}.info-tooltip svg{width:14px;height:14px;transition:color var(--transition-fast)}.info-tooltip:hover svg{color:var(--color-accent)}.info-tooltip .tooltip-text{visibility:hidden;opacity:0;margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);white-space:nowrap;z-index:1001;box-shadow:var(--shadow-lg);pointer-events:none;transition:opacity var(--transition-fast), visibility var(--transition-fast);font-size:.75rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.info-tooltip:hover .tooltip-text{visibility:visible;opacity:1}.info-tooltip .tooltip-text:after{content:"";border:5px solid #0000;border-top-color:var(--color-border);position:absolute;top:100%;left:50%;transform:translate(-50%)}.setting-control{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.setting-input{width:80px;padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:all var(--transition-fast);box-sizing:border-box;text-align:right;font-size:.875rem}.setting-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.setting-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.setting-input[type=number]{-moz-appearance:textfield}.setting-input:focus{border-color:var(--color-accent);background:var(--color-bg-card);outline:none}.setting-input:disabled{opacity:.6;cursor:not-allowed;background:var(--color-bg-secondary)}.setting-unit{color:var(--color-text-muted);white-space:nowrap;margin-left:var(--space-1);font-size:.75rem;font-weight:400}.setting-checkbox{cursor:pointer;width:18px;height:18px;accent-color:var(--color-accent);flex-shrink:0;margin:0}.setting-checkbox:disabled{opacity:.6;cursor:not-allowed}.setting-group{gap:var(--space-2);margin-top:var(--space-1);flex-direction:column;display:flex}.settings-actions{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.settings-error{padding:var(--space-2) var(--space-3);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);text-align:center;margin-bottom:var(--space-2);background:#ef444426;font-size:.8125rem}.btn-save{width:100%;padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-bg-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:.875rem;font-weight:600}.btn-save:hover:not(:disabled){background:var(--color-accent-hover)}.btn-save:disabled{opacity:.5;cursor:not-allowed}.favourite-actions{gap:var(--space-2);display:flex}.btn-load-favourite,.btn-save-favourite{padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex:1;font-size:.8125rem;font-weight:500}.btn-load-favourite:hover:not(:disabled),.btn-save-favourite:hover:not(:disabled){background:var(--color-bg-card-hover);border-color:var(--color-border-hover)}.btn-load-favourite:disabled,.btn-save-favourite:disabled{opacity:.5;cursor:not-allowed}.btn-save-favourite{background:var(--color-secondary-muted);color:var(--color-secondary)}.btn-save-favourite:hover:not(:disabled){background:var(--color-secondary);color:#fff}.setting-row-divider{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.password-display-row{align-items:stretch}.password-display{align-items:center;gap:var(--space-2);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);min-width:180px;display:flex}.password-value{letter-spacing:.15em;color:var(--color-text-primary);-webkit-user-select:all;user-select:all;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:1.125rem;font-weight:600;transition:filter .2s}.password-value.blurred{filter:blur(6px);-webkit-user-select:none;user-select:none}.password-value.visible{filter:blur()}.password-value.clickable{cursor:pointer;border-radius:var(--radius-sm);padding:.25rem .5rem;transition:filter .2s,background .15s}.password-value.clickable:hover{background:#ffffff0d}.password-actions{align-items:center;gap:var(--space-1);margin-left:auto;display:flex}.password-action-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.password-action-btn:hover{background:var(--color-bg-card-hover);color:var(--color-text-primary)}.password-action-btn:active{transform:scale(.95)}.password-action-btn svg{width:16px;height:16px}.volume-control{align-items:center;gap:8px;display:flex}.volume-control-button{color:currentColor;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:opacity .2s;display:flex}.volume-control-button:hover{opacity:.7}.volume-control-button svg{stroke:currentColor;width:18px;height:18px}.volume-slider-container{align-items:center;min-width:100px;display:flex}.volume-slider{appearance:none;cursor:pointer;--progress:0%;background:#ffffff26;border-radius:2px;outline:none;flex:1;height:4px}.volume-slider::-webkit-slider-thumb{appearance:none;background:var(--color-accent,currentColor);cursor:pointer;border-radius:50%;width:14px;height:14px;margin-top:-5px;transition:transform .2s}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.volume-slider::-moz-range-thumb{background:var(--color-accent,currentColor);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px;transition:transform .2s}.volume-slider::-moz-range-thumb:hover{transform:scale(1.3)}.volume-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--color-accent,#3b82f6) 0%, var(--color-accent,#3b82f6) var(--progress), #ffffff26 var(--progress), #ffffff26 100%);border-radius:2px;height:4px}.volume-slider::-moz-range-track{background:#ffffff26;border-radius:2px;height:4px}.volume-slider::-moz-range-progress{background:var(--color-accent,#3b82f6);border-radius:2px;height:4px}@media (max-width:768px){.volume-control{display:none}}.preload-progress-indicator{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:relative}.progress-ring-container{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .2s,background .2s;display:flex;position:relative}.preload-progress-indicator:hover .progress-ring-container{background:#ffffff26;transform:scale(1.1)}.progress-ring{position:absolute;top:0;left:0;transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:#fff3}.progress-ring-progress{fill:none;stroke:#4ade80;stroke-linecap:round}.preload-progress-indicator.has-failures .progress-ring-progress{stroke:#fbbf24}.preload-progress-indicator.complete .progress-ring-progress{stroke:#4ade80}.preload-progress-indicator.paused .progress-ring-progress{stroke:#fbbf24}.progress-center{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.progress-percentage{color:#ffffffe6;font-size:9px;font-weight:600;line-height:1}.progress-checkmark{color:#4ade80;font-size:12px;font-weight:700}.preload-progress-indicator.has-failures .progress-checkmark{color:#fbbf24}.progress-pause-icon{color:#fbbf24;letter-spacing:-1px;font-size:8px;font-weight:700}.progress-spinner{border:2px solid #ffffff4d;border-top-color:#ffffffe6;border-radius:50%;width:10px;height:10px;animation:.8s linear infinite preload-spin}@keyframes preload-spin{to{transform:rotate(360deg)}}.preload-tooltip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;z-index:1000;white-space:nowrap;background:#000000f2;border-radius:8px;min-width:200px;padding:12px 14px;animation:.15s forwards tooltip-fade-in;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000080}@keyframes tooltip-fade-in{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.tooltip-title{color:#fff;margin-bottom:4px;font-size:13px;font-weight:600}.tooltip-description{color:#ffffffb3;margin-bottom:8px;font-size:11px;line-height:1.4}.tooltip-rounds{color:#60a5fa;margin-bottom:6px;font-size:11px;font-weight:500}.tooltip-progress{color:#4ade80;font-size:12px;font-weight:500}.tooltip-failed{color:#fbbf24;margin-top:4px;font-size:11px}.tooltip-status{margin-bottom:6px;font-size:11px;font-weight:500}.tooltip-paused{color:#fbbf24}.tooltip-hint{color:#ffffff80;border-top:1px solid #ffffff1a;margin-top:8px;padding-top:6px;font-size:10px;font-style:italic}.preload-progress-indicator.complete .progress-ring-container{background:0 0}.preload-progress-indicator.complete .progress-ring-bg,.preload-progress-indicator.complete .progress-ring-progress{opacity:.5}.preload-progress-indicator.complete .progress-checkmark{opacity:.6}@media (max-width:768px){.preload-tooltip{min-width:180px;padding:10px 12px;animation:.15s forwards tooltip-fade-in-mobile;left:auto;right:0;transform:none}@keyframes tooltip-fade-in-mobile{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tooltip-title{font-size:12px}.tooltip-description{font-size:10px}.tooltip-progress{font-size:11px}}.player-score-container{flex-shrink:0;align-items:center;gap:4px;display:flex;position:relative;overflow:visible}.score-edit-btn{opacity:0;visibility:hidden;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-muted);z-index:10;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:opacity .2s,visibility .2s,color .2s,border-color .2s;display:flex;position:absolute;top:50%;right:-24px;transform:translateY(-50%)}.player-card:hover .score-edit-btn{opacity:1;visibility:visible}.score-edit-btn:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-bg-secondary)}.score-editor-overlay{z-index:1000;background:#000000bf;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.score-editor-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:340px;max-width:90vw;padding:24px;animation:.2s slideUp;box-shadow:0 8px 32px #0006}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.score-editor-header{border-bottom:1px solid var(--color-border);align-items:center;gap:16px;margin-bottom:20px;padding-bottom:20px;display:flex}.score-editor-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:700;display:flex}.score-editor-player-info{flex-direction:column;gap:4px;display:flex}.score-editor-player-name{color:var(--color-text-primary);font-size:1.125rem;font-weight:600}.score-editor-current-score{color:var(--color-text-muted);font-size:.875rem}.score-editor-panel{flex-direction:column;gap:16px;display:flex}.editor-tabs{background:var(--color-bg-tertiary);border-radius:var(--radius-md);gap:4px;padding:4px;display:flex}.editor-tab{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex:1;padding:10px 16px;font-size:.875rem;font-weight:500;transition:all .15s}.editor-tab:hover{color:var(--color-text-primary)}.editor-tab.active{background:var(--color-bg-primary);color:var(--color-primary);box-shadow:0 1px 3px #0003}.editor-form{flex-direction:column;gap:16px;display:flex}.editor-input-group{flex-direction:column;gap:8px;display:flex}.editor-input-group label{color:var(--color-text-muted);font-size:.8125rem}.editor-input{width:100%;font-size:1.25rem;font-family:var(--font-mono);background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);text-align:center;padding:12px 16px;font-weight:600;transition:border-color .15s}.editor-input:focus{border-color:var(--color-primary);outline:none}.editor-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.editor-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.editor-input[type=number]{-moz-appearance:textfield}.delta-preview{font-family:var(--font-mono);color:var(--color-text-secondary);text-align:center;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);padding:8px;font-size:.9375rem}.delta-preview strong{color:var(--color-secondary);font-weight:700}.delta-preview.invalid{border:1px solid var(--color-error);background:#ef44441a}.delta-preview.invalid strong{color:var(--color-error)}.limit-warning{color:var(--color-error);font-size:.8125rem}.editor-input.invalid{border-color:var(--color-error)}.editor-input.invalid:focus{border-color:var(--color-error);box-shadow:0 0 0 2px #ef444433}.score-limit-hint{color:var(--color-text-muted);text-align:center;font-size:.75rem}.rounding-hint{color:var(--color-warning,#f59e0b);text-align:center;border-radius:var(--radius-sm);background:#f59e0b1a;margin-top:4px;padding:4px 8px;font-size:.75rem}.rounding-notice{color:var(--color-warning,#f59e0b);font-size:.8125rem}.editor-actions{gap:12px;margin-top:8px;display:flex}.editor-btn{border-radius:var(--radius-md);cursor:pointer;border:none;flex:1;padding:12px 20px;font-size:.9375rem;font-weight:600;transition:all .15s}.editor-btn.cancel{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.editor-btn.cancel:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.editor-btn.confirm{background:var(--color-primary);color:#fff}.editor-btn.confirm:hover:not(:disabled){filter:brightness(1.1)}.editor-btn.confirm:disabled{opacity:.5;cursor:not-allowed}@media (max-width:480px){.score-editor-modal{width:calc(100vw - 32px);min-width:auto;padding:20px}.score-editor-header{gap:12px;margin-bottom:16px;padding-bottom:16px}.score-editor-avatar{width:40px;height:40px;font-size:1rem}.score-editor-player-name{font-size:1rem}.editor-tab{padding:8px 12px;font-size:.8125rem}.editor-input{padding:10px 12px;font-size:1.125rem}.editor-btn{padding:10px 16px;font-size:.875rem}}.player-action-menu{z-index:1000;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.player-action-menu-header{padding:var(--space-2) var(--space-3);color:var(--color-text-muted);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600;overflow:hidden}.player-action-menu-actions{gap:var(--space-1);padding:var(--space-2);flex-direction:column;display:flex}.player-action-btn{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;display:flex}.player-action-btn:hover{transform:translateY(-1px)}.player-action-btn:active{transform:translateY(0)}.exclude-btn{background:var(--color-bg-tertiary);border-color:var(--color-warning);color:var(--color-warning)}.exclude-btn:hover{border-color:var(--color-warning);background:#fbbf2426}.ban-btn{background:var(--color-bg-tertiary);border-color:var(--color-error);color:var(--color-error)}.ban-btn:hover{border-color:var(--color-error);background:#ef444426}.game-board-structured{--board-gap:clamp(.125rem, .25vw, .25rem);gap:var(--board-gap);flex-direction:column;flex:1;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.board-header-row{gap:var(--board-gap);flex-shrink:0;display:flex}.game-board-structured .category-header .category-title{font:inherit}.board-header-row--price-rules{align-items:flex-end}.board-header-row--price-rules .category-price-rule,.board-header-row--price-rules .category-price-rule--placeholder{flex:1;min-width:0}.board-header-row--price-rules .category-price-rule--placeholder{visibility:hidden;pointer-events:none}.board-row{gap:var(--board-gap);flex:1 1 0;align-items:stretch;min-height:0;display:flex}.board-cell{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:default;transition:all var(--transition-fast);flex:1;justify-content:center;align-self:stretch;align-items:center;height:100%;min-height:0;padding:clamp(.125rem,.25vw,.25rem);font-size:clamp(.75rem,1.5vw,1.25rem);font-weight:700;display:flex}@keyframes questionSelectBounce{0%{transform:scale(1)}15%{transform:scale(1.12)}30%{transform:scale(1)}45%{transform:scale(1.1)}60%{transform:scale(1)}75%{transform:scale(1.08)}90%{transform:scale(1)}to{transform:scale(1)}}@media (max-width:768px){.game-board-structured .category-header{padding:clamp(.25rem,.5vw,.5rem);font-size:clamp(.6rem,.9vw,.65rem)}.board-cell{font-size:clamp(.75rem,1.2vw,.875rem)}}@media (max-width:480px){.game-board-structured .category-header{font-size:clamp(.55rem,.8vw,.6rem)}.board-cell{padding:clamp(.125rem,.25vw,.25rem);font-size:clamp(.7rem,1vw,.75rem)}}.image-fullscreen-viewer{z-index:9999;cursor:pointer;background-color:#000000e6;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.image-fullscreen-container{cursor:default;justify-content:center;align-items:center;width:100%;max-width:calc(100% - 4rem);height:100%;max-height:calc(100% - 4rem);display:flex;position:relative}.image-fullscreen-img{object-fit:contain;border-radius:var(--radius-md,8px);cursor:default;-webkit-user-select:none;user-select:none;width:auto;max-width:100%;height:auto;max-height:100%}.image-fullscreen-close{color:#fff;cursor:pointer;z-index:10000;-webkit-user-select:none;user-select:none;background-color:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin:.5rem;padding:0;font-size:1.75rem;font-weight:700;line-height:1;transition:background-color .2s,transform .2s;display:flex;position:absolute;top:0;right:0}.image-fullscreen-close:hover{background-color:#000c;transform:scale(1.1)}.image-fullscreen-close:active{transform:scale(.95)}.media-play-overlay{cursor:pointer;z-index:10;border-radius:var(--radius-md,8px);background:#000000a6;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.media-play-overlay:hover{background:#000000bf}.media-play-overlay:focus{outline-offset:2px;outline:2px solid #4a90e2}.play-overlay-content{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border-radius:16px;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;transition:transform .2s,background .2s;display:flex}.media-play-overlay:hover .play-overlay-content{background:#ffffff26;transform:scale(1.05)}.play-overlay-icon{color:#fff;background:#4a90e2;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:background .2s,transform .2s;display:flex}.media-play-overlay:hover .play-overlay-icon{background:#357abd;transform:scale(1.1)}.play-overlay-icon svg{width:32px;height:32px}.play-overlay-text{color:#fff;text-align:center;text-shadow:0 1px 3px #0000004d;font-size:1.125rem;font-weight:600}.play-overlay-hint{color:#ffffffb3;text-align:center;font-size:.875rem}@keyframes play-pulse{0%{box-shadow:0 0 #4a90e299}70%{box-shadow:0 0 0 15px #4a90e200}to{box-shadow:0 0 #4a90e200}}.play-overlay-icon{animation:2s infinite play-pulse}@media (max-width:768px){.play-overlay-icon{width:56px;height:56px}.play-overlay-icon svg{width:28px;height:28px}.play-overlay-text{font-size:1rem}.play-overlay-hint{font-size:.75rem}}@media (max-width:480px){.play-overlay-content{gap:.5rem;padding:1rem}.play-overlay-icon{width:48px;height:48px}.play-overlay-icon svg{width:24px;height:24px}.play-overlay-text{font-size:.875rem}}.media-play-overlay.muted-indicator{pointer-events:none;background:0 0}.media-play-overlay.muted-indicator .play-overlay-content{pointer-events:auto;cursor:pointer;flex-direction:row;gap:.5rem;padding:.5rem .75rem;position:absolute;bottom:10px;right:10px}.media-play-overlay.muted-indicator .play-overlay-icon{width:32px;height:32px;animation:none}.media-play-overlay.muted-indicator .play-overlay-icon svg{width:18px;height:18px}.media-play-overlay.muted-indicator .play-overlay-text{font-size:.875rem;font-weight:500}.media-play-overlay.muted-indicator .play-overlay-hint{display:none}.content-block-rotator{flex-direction:column;gap:clamp(.25rem,.5vw,.5rem);width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.content-block-rotator.empty{text-align:center;color:#666;padding:2rem}.carousel-nav-header{flex-shrink:0;justify-content:center;padding:clamp(.25rem,.5vw,.5rem);display:flex}.block-indicator{flex-shrink:0;justify-content:center;gap:clamp(.4rem,.8vw,.6rem);padding:clamp(.25rem,.5vw,.5rem);display:flex}.indicator-dot{cursor:pointer;background-color:#96969666;border:2px solid #96969699;border-radius:50%;flex-shrink:0;width:clamp(10px,1.5vw,14px);height:clamp(10px,1.5vw,14px);padding:0;transition:all .2s}.indicator-dot:hover:not(.active){background-color:#4a90e24d;border-color:#4a90e299;transform:scale(1.1)}.indicator-dot:focus{outline-offset:2px;outline:2px solid #4a90e2}.indicator-dot.active{background-color:#4a90e2;border-color:#357abd;transform:scale(1.15)}.media-carousel-container{flex:1;justify-content:center;align-items:center;gap:clamp(.25rem,.5vw,.5rem);width:100%;height:100%;min-height:0;display:flex}.media-carousel-container.has-nav{padding:0 clamp(.25rem,.5vw,.5rem)}.carousel-arrow{cursor:pointer;color:#fff;background-color:#4a90e2e6;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(32px,4vw,44px);height:clamp(32px,4vw,44px);transition:all .2s;display:flex;box-shadow:0 2px 8px #00000026}.carousel-arrow svg{width:clamp(16px,2vw,22px);height:clamp(16px,2vw,22px)}.carousel-arrow:hover:not(:disabled){background-color:#357abd;transform:scale(1.1);box-shadow:0 4px 12px #0003}.carousel-arrow:focus{outline-offset:2px;outline:2px solid #4a90e2}.carousel-arrow:disabled,.carousel-arrow.disabled{color:#96969699;cursor:not-allowed;box-shadow:none;background-color:#9696964d}.carousel-arrow:disabled:hover,.carousel-arrow.disabled:hover{transform:none}.carousel-arrow-left{margin-right:auto}.carousel-arrow-right{margin-left:auto}.current-block{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:clamp(.5rem,1vw,.75rem);min-height:0;display:flex;overflow:hidden}.current-block .text-blocks-container{flex-direction:column;flex-shrink:0;gap:clamp(.25rem,.5vw,.5rem);max-width:100%;min-height:0;display:flex;overflow:hidden auto}.current-block .text-block{text-align:center;word-wrap:break-word;flex-direction:column;flex-shrink:0;justify-content:center;max-width:100%;min-height:0;padding:clamp(.5rem,1vw,.75rem);font-size:clamp(.875rem,1.8vw,1.125rem);line-height:1.4;display:flex}.current-block .text-block[data-font-tier=xl]{letter-spacing:.02em;font-size:clamp(2rem,5vw,3.5rem);font-weight:600;line-height:1.2}.current-block .text-block[data-font-tier=lg]{font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:500;line-height:1.3}.current-block .text-block[data-font-tier=md]{font-size:clamp(1rem,2.2vw,1.5rem);line-height:1.4}.current-block .text-block[data-font-tier=sm]{font-size:clamp(.875rem,1.8vw,1.125rem);line-height:1.5}.current-block .text-blocks-container.multiple{gap:clamp(.5rem,1vw,.75rem)}.current-block .text-blocks-container.multiple .text-block+.text-block{border-top:1px solid var(--color-border);padding-top:clamp(.5rem,1vw,.75rem)}.current-block.text-only{justify-content:center;align-items:center}.current-block.text-only .text-blocks-container,.current-block.text-only .text-block{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.current-block.text-only.multiple-text,.current-block.text-only .text-blocks-container.multiple{justify-content:flex-start;align-items:stretch}.current-block.text-only .text-block.multiple{flex:none;width:100%}.current-block .media-block{flex:1;justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;min-height:0;max-height:100%;display:flex;overflow:hidden}.current-block .media-block img,.current-block .media-block video{object-fit:contain;border-radius:var(--radius-md);width:auto;max-width:100%;height:auto;max-height:100%}.current-block .media-block audio{width:100%;max-width:100%}video::-webkit-media-controls-volume-slider{opacity:0!important;pointer-events:none!important;width:0!important;display:none!important}video::-webkit-media-controls-mute-button{opacity:0!important;pointer-events:none!important;width:0!important;display:none!important}video::-webkit-media-controls-volume-control-container{opacity:0!important;pointer-events:none!important;width:0!important;display:none!important}video::-webkit-media-controls-volume-control-hover-background{opacity:0!important;pointer-events:none!important;width:0!important;display:none!important}audio::-webkit-media-controls-volume-slider{opacity:0!important;pointer-events:none!important;width:0!important;display:none!important}audio::-webkit-media-controls-mute-button{opacity:0!important;pointer-events:none!important;width:0!important;display:none!important}audio::-webkit-media-controls-volume-control-container{opacity:0!important;pointer-events:none!important;width:0!important;display:none!important}audio::-webkit-media-controls-volume-control-hover-background{opacity:0!important;pointer-events:none!important;width:0!important;display:none!important}.block-controls{flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:clamp(.25rem,.5vw,.5rem);padding:clamp(.25rem,.5vw,.5rem);display:flex}.block-timer-info{color:#666;flex-shrink:0;font-size:clamp(.75rem,1.2vw,.9rem);font-style:italic}@media (max-width:768px){.content-block-rotator{gap:clamp(.2rem,.5vw,.4rem)}.current-block{gap:clamp(.35rem,.75vw,.6rem)}.current-block .text-blocks-container{flex:0 auto;max-height:35vh}.current-block .text-block{padding:clamp(.4rem,.8vw,.6rem)}.media-carousel-container,.current-block .media-block{min-height:clamp(160px,30vh,240px)}}@media (max-width:480px){.content-block-rotator{height:auto}.current-block{overflow:visible}.current-block .text-blocks-container{max-height:none;overflow:visible}.media-carousel-container,.current-block .media-block{min-height:clamp(120px,24vh,180px)}}@media (max-height:600px){.content-block-rotator{height:auto}.current-block{overflow:visible}.current-block .text-blocks-container{max-height:none;overflow:visible}.media-carousel-container,.current-block .media-block{min-height:clamp(110px,22vh,160px)}}.secret-question-phase{flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:2rem;display:flex}.secret-reveal-container,.secret-select-container{text-align:center;max-width:600px;box-shadow:var(--glass-shadow,0 8px 32px #8b5cf633);-webkit-backdrop-filter:blur(16px)saturate(140%);background:linear-gradient(135deg,#8b5cf626 0%,#ec489926 100%);border:2px solid #8b5cf64d;border-radius:1.5rem;flex-direction:column;align-items:center;padding:2rem;display:flex}.secret-icon{margin-bottom:1rem;font-size:5rem;animation:1s ease-in-out infinite secret-bounce}@keyframes secret-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.secret-title{color:var(--color-primary,#8b5cf6);text-transform:uppercase;letter-spacing:.1em;margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.secret-subtitle{color:var(--color-text-secondary,#a1a1aa);margin:0 0 1.5rem;font-size:1.1rem}.secret-theme{border:1px solid var(--glass-border,#ffffff14);-webkit-backdrop-filter:blur(12px)saturate(140%);background:#8b5cf633;border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1.5rem;display:flex}.secret-theme-label{color:var(--color-text-secondary,#a1a1aa);font-weight:600}.secret-theme-value{color:var(--color-text-primary,#fafafa);font-weight:700}.secret-price{background-color:var(--glass-bg-soft,#18181b66);border:1px solid var(--glass-border,#ffffff14);-webkit-backdrop-filter:blur(12px)saturate(140%);border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;display:flex}.secret-price-label{color:var(--color-text-secondary,#a1a1aa);font-weight:600}.secret-price-value{color:var(--color-success,#22c55e);font-size:1.5rem;font-weight:700}.secret-instruction{color:var(--color-text-secondary,#a1a1aa);margin:0 0 1.5rem;font-size:1rem;font-style:italic}.secret-actions{gap:1rem;margin-top:1rem;display:flex}.secret-player-selection-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;width:100%;margin:1.5rem 0;display:grid}.secret-player-select-card{background-color:var(--glass-bg-soft,#18181b66);border:2px solid var(--glass-border,#ffffff1a);cursor:pointer;-webkit-backdrop-filter:blur(12px)saturate(140%);border-radius:1rem;flex-direction:column;align-items:center;padding:1rem;transition:all .2s;display:flex}.secret-player-select-card:hover:not(.disabled){border-color:var(--color-primary,#8b5cf6);transform:translateY(-4px);box-shadow:0 8px 24px #8b5cf64d}.secret-player-select-card.selected{border-color:var(--color-success,#22c55e);background:#22c55e1a}.secret-player-select-card.disabled{cursor:default;opacity:.7}.secret-player-avatar{background:#8b5cf633;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:.75rem;display:flex;overflow:hidden}.secret-player-avatar img{object-fit:cover;width:100%;height:100%}.secret-avatar-placeholder{color:var(--color-primary,#8b5cf6);font-size:1.5rem;font-weight:700}.secret-player-name{color:var(--color-text-primary,#fafafa);margin-bottom:.25rem;font-weight:600}.secret-player-score{color:var(--color-text-secondary,#a1a1aa);font-size:.85rem}.secret-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.secret-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.secret-btn-secondary{color:var(--color-text-secondary,#a1a1aa);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.secret-btn-secondary:hover{background:#ffffff0d;border-color:#ffffff4d}.auction-question-phase{flex-direction:column;justify-content:flex-start;align-items:center;max-height:100%;padding:1rem;display:flex;overflow-y:auto}.auction-container{text-align:center;width:100%;max-width:600px;box-shadow:var(--glass-shadow,0 4px 16px #fbbf2426);-webkit-backdrop-filter:blur(16px)saturate(140%);background:linear-gradient(135deg,#fbbf2426 0%,#f59e0b26 100%);border:2px solid #fbbf244d;border-radius:1rem;flex-direction:column;align-items:center;padding:1rem 1.5rem;display:flex}.auction-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.auction-icon{font-size:2.5rem;animation:1.5s ease-in-out infinite auction-pulse}@keyframes auction-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.auction-title{color:var(--color-warning,#fbbf24);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:1.75rem;font-weight:700}.auction-subtitle{color:var(--color-text-secondary,#a1a1aa);margin:0 0 .75rem;font-size:.9rem}.auction-current-bid{-webkit-backdrop-filter:blur(12px)saturate(140%);background:#fbbf2433;border:2px solid #fbbf2466;border-radius:.75rem;flex-direction:column;align-items:center;margin-bottom:.75rem;padding:.75rem 1.5rem;display:flex}.auction-bid-label{color:var(--color-text-secondary,#a1a1aa);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.auction-bid-value{color:var(--color-warning,#fbbf24);align-items:center;gap:.5rem;font-size:2rem;font-weight:800;line-height:1.2;display:flex}.auction-all-in-badge{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:.25rem;padding:.15rem .5rem;font-size:.7rem;font-weight:600;animation:1s ease-in-out infinite alternate all-in-glow}@keyframes all-in-glow{0%{box-shadow:0 0 3px #ef444480}to{box-shadow:0 0 10px #ef4444cc}}.auction-bid-leader{color:var(--color-text-primary,#fafafa);font-size:.85rem}.auction-nominal{align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.85rem;display:flex}.auction-nominal-label{color:var(--color-text-secondary,#a1a1aa)}.auction-nominal-value{color:var(--color-text-primary,#fafafa);font-weight:700}.auction-players-grid{flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;margin-bottom:.75rem;display:flex}.auction-player-card{background-color:var(--glass-bg-soft,#18181b66);border:1px solid var(--glass-border,#ffffff1a);-webkit-backdrop-filter:blur(12px)saturate(140%);border-radius:.5rem;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.85rem;transition:all .2s;display:flex;position:relative}.auction-player-card.leader{border-color:var(--color-warning,#fbbf24);background:#fbbf2426}.auction-player-card.me{border-color:var(--color-primary,#8b5cf6);background:#8b5cf61a}.auction-player-card.leader.me{border-color:var(--color-warning,#fbbf24);background:linear-gradient(135deg,#fbbf241a 0%,#8b5cf61a 100%)}.auction-player-card.passed{opacity:.5;border-color:#ffffff1a}.auction-player-card.out{opacity:.4;background:#ef44440d;border-color:#ef44444d}.auction-player-avatar{background:#fbbf2433;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;overflow:hidden}.auction-player-avatar img{object-fit:cover;width:100%;height:100%}.auction-avatar-placeholder{color:var(--color-warning,#fbbf24);font-size:.75rem;font-weight:700}.auction-player-info{text-align:left;flex-direction:column;display:flex}.auction-player-name{color:var(--color-text-primary,#fafafa);white-space:nowrap;align-items:center;gap:.25rem;font-size:.8rem;font-weight:600;display:flex}.auction-you-badge{color:var(--color-primary,#8b5cf6);font-size:.65rem;font-weight:500}.auction-player-score{color:var(--color-text-secondary,#a1a1aa);font-size:.7rem}.auction-leader-crown{font-size:1rem;position:absolute;top:-6px;right:4px}.auction-bidding-controls{background-color:var(--glass-bg-soft,#18181b66);border:1px solid var(--glass-border,#ffffff14);-webkit-backdrop-filter:blur(12px)saturate(140%);border-radius:.75rem;flex-direction:column;gap:.5rem;width:100%;margin-bottom:.5rem;padding:.75rem;display:flex}.auction-preset-bids{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.auction-preset-btn{color:var(--color-warning,#fbbf24);cursor:pointer;background:#fbbf2433;border:1px solid #fbbf2466;border-radius:.4rem;padding:.4rem .75rem;font-size:.85rem;font-weight:600;transition:all .2s}.auction-preset-btn:hover:not(:disabled){background:#fbbf244d;border-color:#fbbf2499;transform:translateY(-1px)}.auction-preset-btn:disabled{opacity:.5;cursor:not-allowed}.auction-custom-bid{gap:.4rem;display:flex}.auction-bid-input{color:var(--color-text-primary,#fafafa);background:#ffffff1a;border:1px solid #fff3;border-radius:.4rem;outline:none;flex:1;min-width:0;padding:.5rem .75rem;font-size:.9rem}.auction-bid-input:focus{border-color:var(--color-warning,#fbbf24)}.auction-bid-input::placeholder{color:var(--color-text-secondary,#a1a1aa)}.auction-bid-submit{color:#18181b;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border:none;border-radius:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.auction-bid-submit:hover:not(:disabled){transform:translateY(-1px)}.auction-bid-submit:disabled{opacity:.5;cursor:not-allowed}.auction-btn-all-in{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:.5rem;padding:.6rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .2s}.auction-btn-all-in:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.auction-btn-pass{color:var(--color-text-secondary,#a1a1aa);cursor:pointer;background:#6b72804d;border:1px solid #6b728080;border-radius:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.auction-btn-pass:hover{background:#6b728080;border-color:#6b7280b3}.auction-action-buttons{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.auction-status-badge{text-transform:uppercase;border-radius:.2rem;margin-left:.25rem;padding:.1rem .3rem;font-size:.65rem;font-weight:600}.auction-status-badge.passed{color:var(--color-text-secondary,#a1a1aa);background:#6b72804d}.auction-status-badge.out{color:#ef4444;background:#ef444433}.auction-waiting{text-align:center;padding:.75rem}.auction-waiting-text{color:var(--color-success,#22c55e);margin:0;font-weight:500}.auction-passed-status{text-align:center;-webkit-backdrop-filter:blur(10px)saturate(140%);background-color:#6b728033;border:1px solid #ffffff14;border-radius:.5rem;margin-bottom:.5rem;padding:.75rem}.auction-passed-status p{color:var(--color-text-secondary,#a1a1aa);margin:0;font-style:italic}.auction-all-in-required{text-align:center}.auction-all-in-required p{color:var(--color-error,#ef4444);margin-bottom:.5rem;font-size:.85rem;font-weight:500}.auction-bid-error{color:var(--color-error,#ef4444);text-align:center;font-size:.8rem}.auction-cannot-bid{color:var(--color-text-secondary,#a1a1aa);text-align:center;font-size:.85rem;font-style:italic}.auction-history{border-top:1px solid #ffffff1a;width:100%;padding-top:.5rem}.auction-history-title{color:var(--color-text-secondary,#a1a1aa);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .4rem;font-size:.75rem}.auction-history-list{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.auction-history-item{background-color:var(--glass-bg-soft,#18181b59);-webkit-backdrop-filter:blur(10px)saturate(140%);border-radius:.25rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;display:flex}.auction-history-player{color:var(--color-text-primary,#fafafa);font-weight:500}.auction-history-amount{color:var(--color-warning,#fbbf24);align-items:center;gap:.25rem;font-weight:600;display:flex}.auction-all-in-small{color:#ef4444;background:#ef44444d;border-radius:.2rem;padding:.1rem .25rem;font-size:.6rem;font-weight:600}.auction-host-controls{gap:.5rem;margin-top:.75rem;display:flex}.auction-btn-primary{color:#18181b;cursor:pointer;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border:none;border-radius:.4rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s}.auction-btn-primary:hover{transform:translateY(-1px)}.auction-btn-secondary{color:var(--color-text-secondary,#a1a1aa);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:.4rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s}.auction-btn-secondary:hover{background:#ffffff0d;border-color:#ffffff4d}@media (max-width:480px){.auction-container{padding:.75rem 1rem}.auction-title{font-size:1.5rem}.auction-bid-value{font-size:1.75rem}.auction-players-grid{gap:.4rem}.auction-player-card{padding:.3rem .5rem;font-size:.8rem}.auction-custom-bid{flex-direction:column}.auction-host-controls{width:100%}.auction-btn-primary,.auction-btn-secondary{flex:1}}.confirm-modal-overlay{padding:var(--space-4);z-index:100;background:0 0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-modal{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:400px}.confirm-modal h2{text-align:center;margin-bottom:var(--space-4);color:var(--color-text-primary)}.confirm-modal p{text-align:center;margin-bottom:var(--space-6);color:var(--color-text-secondary);line-height:1.5}.confirm-modal .modal-actions{gap:var(--space-3);margin-top:var(--space-6);display:flex}.confirm-modal .modal-actions button{flex:1}.confirm-modal .btn-danger{background:var(--color-error);color:#fff;border:none}.confirm-modal .btn-danger:hover{filter:brightness(.9);background:#dc2626}.hamster-loader{--dur:1s;justify-content:center;align-items:center;display:flex;position:relative}.hamster-loader--small{width:6em;height:6em;font-size:8px}.hamster-loader--medium{width:8em;height:8em;font-size:10px}.hamster-loader--large{width:12em;height:12em;font-size:14px}.hamster-loader__wheel,.hamster-loader__hamster,.hamster-loader__hamster div,.hamster-loader__spoke{position:absolute}.hamster-loader__wheel,.hamster-loader__spoke{border-radius:50%;width:100%;height:100%;top:0;left:0}.hamster-loader__wheel{z-index:2;background:radial-gradient(100% 100%,#9990 47.8%,#999 48%)}.hamster-loader__hamster{animation:hamsterLoaderHamster var(--dur) ease-in-out infinite;transform-origin:50% 0;z-index:1;width:7em;height:3.75em;top:50%;left:calc(50% - 3.5em);transform:rotate(4deg)translate(-.8em,1.85em)}.hamster-loader__head{animation:hamsterLoaderHead var(--dur) ease-in-out infinite;transform-origin:100%;background:#f48c25;border-radius:70% 30% 0 100%/40% 25% 25% 60%;width:2.75em;height:2.5em;top:0;left:-2em;box-shadow:inset 0 -.25em #facc9e,inset .75em -1.55em #fce6cf}.hamster-loader__ear{animation:hamsterLoaderEar var(--dur) ease-in-out infinite;transform-origin:50% 75%;background:#fbb6b6;border-radius:50%;width:.75em;height:.75em;top:-.25em;right:-.25em;box-shadow:inset -.25em 0 #f48c25}.hamster-loader__eye{animation:hamsterLoaderEye var(--dur) linear infinite;background-color:#000;border-radius:50%;width:.5em;height:.5em;top:.375em;left:1.25em}.hamster-loader__nose{background:#f98686;border-radius:35% 65% 85% 15%/70% 50% 50% 30%;width:.2em;height:.25em;top:.75em;left:0}.hamster-loader__body{animation:hamsterLoaderBody var(--dur) ease-in-out infinite;transform-origin:17%;width:4.5em;height:3em;transform-style:preserve-3d;background:#fce6cf;border-radius:50% 30%/15% 60% 40% 40%;top:.25em;left:2em;box-shadow:inset .1em .75em #f48c25,inset .15em -.5em #facc9e}.hamster-loader__limb--fr,.hamster-loader__limb--fl{clip-path:polygon(0 0,100% 0,70% 80%,60% 100%,0% 100%,40% 80%);transform-origin:50% 0;width:1em;height:1.5em;top:2em;left:.5em}.hamster-loader__limb--fr{animation:hamsterLoaderFRLimb var(--dur) linear infinite;background:linear-gradient(#facc9e 80%,#f98686 80%);transform:rotate(15deg)translateZ(-1px)}.hamster-loader__limb--fl{animation:hamsterLoaderFLLimb var(--dur) linear infinite;background:linear-gradient(#fce6cf 80%,#fbb6b6 80%);transform:rotate(15deg)}.hamster-loader__limb--br,.hamster-loader__limb--bl{clip-path:polygon(0 0,100% 0,100% 30%,70% 90%,70% 100%,30% 100%,40% 90%,0 30%);transform-origin:50% 30%;border-radius:.75em .75em 0 0;width:1.5em;height:2.5em;top:1em;left:2.8em}.hamster-loader__limb--br{animation:hamsterLoaderBRLimb var(--dur) linear infinite;background:linear-gradient(#facc9e 90%,#f98686 90%);transform:rotate(-25deg)translateZ(-1px)}.hamster-loader__limb--bl{animation:hamsterLoaderBLLimb var(--dur) linear infinite;background:linear-gradient(#fce6cf 90%,#fbb6b6 90%);transform:rotate(-25deg)}.hamster-loader__tail{animation:hamsterLoaderTail var(--dur) linear infinite;transform-origin:.25em .25em;background:#fbb6b6;border-radius:.25em 50% 50% .25em;width:1em;height:.5em;top:1.5em;right:-.5em;transform:rotate(30deg)translateZ(-1px);box-shadow:inset 0 -.2em #f98686}.hamster-loader__spoke{animation:hamsterLoaderSpoke var(--dur) linear infinite;background:radial-gradient(100% 100%,#999 4.8%,#9990 5%),linear-gradient(#8c8c8c00 46.9%,#a6a6a6 47% 52.9%,#a6a6a600 53%) 50%/99% 99% no-repeat}@keyframes hamsterLoaderHamster{0%,to{transform:rotate(4deg)translate(-.8em,1.85em)}50%{transform:rotate(0)translate(-.8em,1.85em)}}@keyframes hamsterLoaderHead{0%,25%,50%,75%,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(8deg)}}@keyframes hamsterLoaderEye{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(0)}}@keyframes hamsterLoaderEar{0%,25%,50%,75%,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(12deg)}}@keyframes hamsterLoaderBody{0%,25%,50%,75%,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-2deg)}}@keyframes hamsterLoaderFRLimb{0%,25%,50%,75%,to{transform:rotate(50deg)translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-30deg)translateZ(-1px)}}@keyframes hamsterLoaderFLLimb{0%,25%,50%,75%,to{transform:rotate(-30deg)}12.5%,37.5%,62.5%,87.5%{transform:rotate(50deg)}}@keyframes hamsterLoaderBRLimb{0%,25%,50%,75%,to{transform:rotate(-60deg)translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(20deg)translateZ(-1px)}}@keyframes hamsterLoaderBLLimb{0%,25%,50%,75%,to{transform:rotate(20deg)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-60deg)}}@keyframes hamsterLoaderTail{0%,25%,50%,75%,to{transform:rotate(30deg)translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(10deg)translateZ(-1px)}}@keyframes hamsterLoaderSpoke{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}.package-detail-page{animation:.3s fadeIn}.package-loading,.package-error{padding:var(--space-16) var(--space-4);text-align:center;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.package-loading .loading-spinner{width:48px;height:48px;margin-bottom:var(--space-4)}.rounds-loading{padding:var(--space-6) 0;justify-content:center;display:flex}.package-error svg{width:64px;height:64px;color:var(--color-text-muted);margin-bottom:var(--space-4)}.package-error h2{color:var(--color-text-primary);margin-bottom:var(--space-2);font-size:1.25rem}.btn-back{margin-top:var(--space-4);color:var(--color-accent);font-weight:500}.breadcrumb{align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);justify-content:space-between;font-size:.875rem;display:flex}.breadcrumb-left{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:inline-flex}.breadcrumb-actions{align-items:center;display:flex}.breadcrumb-delete-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:18px;height:18px;color:var(--color-error);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.breadcrumb-delete-btn svg{width:12px;height:12px}.breadcrumb-delete-btn:hover:not(:disabled){border-color:var(--color-error);background:#dc262614}.breadcrumb-delete-btn:disabled{opacity:.5;cursor:not-allowed}.breadcrumb a{color:var(--color-text-secondary)}.breadcrumb a:hover{color:var(--color-accent)}.breadcrumb-separator{color:var(--color-text-muted)}.breadcrumb-current{color:var(--color-text-primary);font-weight:500}.package-header{gap:var(--space-8);margin-bottom:var(--space-10);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border);display:flex}.package-header-content{flex:1}.package-title{margin-bottom:var(--space-3);font-size:2rem;font-weight:700}.package-description{color:var(--color-text-secondary);max-width:600px;font-size:1.0625rem;line-height:1.7}.package-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-5);display:flex}.package-rating{align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.package-rating-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:600}.package-rating-stars{align-items:center;gap:var(--space-1);display:inline-flex}.rating-star{color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;padding:0;font-size:1.25rem}.rating-star:hover:not(:disabled){color:var(--color-accent);transform:translateY(-1px)}.rating-star.is-active{color:var(--color-accent)}.rating-star:disabled{opacity:.6;cursor:not-allowed}.package-rating-value{color:var(--color-text-muted);font-size:.8125rem}.btn{padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;font-size:.9375rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-publish{background:var(--color-success);color:#fff}.btn-publish:hover:not(:disabled){background:#16a34a;transform:translateY(-1px)}.btn-unpublish{background:var(--color-secondary-muted);color:var(--color-secondary);border:1px solid var(--color-secondary)}.btn-unpublish:hover:not(:disabled){background:var(--color-secondary);color:#fff}.btn-start-game{align-items:center;gap:var(--space-2);background:linear-gradient(135deg, var(--color-accent) 0%, #7c3aed 100%);color:#fff;display:inline-flex;box-shadow:0 4px 14px #8b5cf666}.btn-start-game:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.btn-start-game .btn-icon{width:18px;height:18px}.btn-start-game .btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.btn-start-game--disabled{opacity:.7;cursor:pointer;position:relative}.btn-start-game--disabled:hover{opacity:1;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.package-error-message{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-error);background:#ef44441a;border:1px solid #ef44444d;font-size:.875rem}.used-notice{color:var(--color-text-muted);padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:.8125rem}.package-stats{gap:var(--space-4);display:flex}.stat-card{padding:var(--space-4) var(--space-6);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;align-items:center;min-width:100px;display:flex}.stat-icon{margin-bottom:var(--space-2);font-size:1.5rem}.stat-value{font-size:1.75rem;font-weight:700;font-family:var(--font-mono);color:var(--color-text-primary)}.stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.section-title{margin-bottom:var(--space-5);color:var(--color-text-primary);font-size:1.25rem;font-weight:600}.rounds-list{gap:var(--space-4);flex-direction:column;display:flex}.round-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-normal);overflow:hidden}.round-section:hover{border-color:var(--color-border-hover)}.round-section.expanded{border-color:var(--color-accent)}.round-header{width:100%;padding:var(--space-5);color:var(--color-text-primary);cursor:pointer;text-align:left;transition:background var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.round-header:hover{background:var(--color-bg-tertiary)}.round-header-left{align-items:center;gap:var(--space-4);display:flex}.round-number{padding:var(--space-1) var(--space-3);background:var(--color-accent-muted);color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-md);font-size:.75rem;font-weight:600}.round-name{font-size:1.125rem;font-weight:600}.round-header-right{align-items:center;gap:var(--space-4);display:flex}.round-meta{color:var(--color-text-muted);font-size:.875rem}.expand-icon{width:20px;height:20px;color:var(--color-text-muted);transition:transform var(--transition-fast)}.round-section.expanded .round-header .expand-icon{transform:rotate(180deg)}.round-content{padding:0 var(--space-5) var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.category-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);overflow:hidden}.category-header{width:100%;padding:var(--space-4);color:var(--color-text-primary);cursor:pointer;text-align:left;transition:background var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.category-header:hover{background:var(--color-bg-tertiary)}.category-title{font-size:.9375rem;font-weight:500}.category-header-right{align-items:center;gap:var(--space-3);display:flex}.category-count{color:var(--color-text-muted);font-size:.8125rem}.category-section .expand-icon{width:16px;height:16px}.category-section.expanded .expand-icon{transform:rotate(180deg)}.questions-grid{gap:var(--space-3);padding:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding-top:0;display:grid}.question-card{align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex}.question-card:hover{border-color:var(--color-accent);background:var(--color-bg-card-hover);transform:translateY(-2px)}.question-score{font-size:1.5rem;font-weight:700;font-family:var(--font-mono);color:var(--color-secondary)}.question-preview{color:var(--color-text-muted);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4);z-index:1000;background:#000c;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-2xl);width:100%;max-width:700px;max-height:90vh;animation:.3s slideUp;position:relative;overflow-y:auto}.modal-close{top:var(--space-4);right:var(--space-4);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);z-index:1;justify-content:center;align-items:center;display:flex;position:absolute}.modal-close:hover{background:var(--color-error);border-color:var(--color-error);color:#fff}.modal-close svg{width:18px;height:18px}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--color-border)}.question-info{align-items:center;gap:var(--space-4);display:flex}.question-score-large{font-size:2.5rem;font-weight:800;font-family:var(--font-mono);background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.question-kind{padding:var(--space-1) var(--space-3);background:var(--color-bg-tertiary);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-md);font-size:.75rem;font-weight:600}.modal-body{padding:var(--space-6);gap:var(--space-6);flex-direction:column;display:flex}.question-section h3,.answer-section h4,.host-notes h4{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);font-size:.875rem;font-weight:600}.content-blocks{gap:var(--space-4);flex-direction:column;display:flex}.media-block-wrapper{position:relative}.media-block{border-radius:var(--radius-lg);max-width:100%}.media-block.media-hidden{display:none}.media-image{object-fit:contain;max-height:400px}.media-audio{width:100%}.media-video{width:100%;max-height:400px}.media-link{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-accent);font-weight:500;display:inline-flex}.media-loader-container{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);border:1px dashed var(--color-border);justify-content:center;align-items:center;min-height:150px;display:flex}.media-loader-container--image{min-height:200px}.media-loader-container--audio{min-height:80px}.media-loader-container--video{min-height:250px}.media-error{min-height:100px;padding:var(--space-4);border-radius:var(--radius-lg);color:var(--color-error);background:#ef44441a;border:1px dashed #ef44444d;justify-content:center;align-items:center;font-size:.875rem;display:flex}.show-answer-btn{width:100%;padding:var(--space-4);background:var(--color-accent-muted);border:1px dashed var(--color-accent);border-radius:var(--radius-lg);color:var(--color-accent);cursor:pointer;transition:all var(--transition-fast);font-size:1rem;font-weight:600}.show-answer-btn:hover{background:var(--color-accent);color:#fff;border-style:solid}.show-answer-btn.revealed{background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-secondary)}.answer-content{margin-top:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:#22c55e1a;border:1px solid #22c55e4d}.canonical-answer{color:var(--color-text-primary);font-size:1.125rem}.canonical-answer strong{color:var(--color-success)}.alternative-answers{margin-top:var(--space-3);align-items:center;gap:var(--space-2);color:var(--color-text-secondary);flex-wrap:wrap;font-size:.875rem;display:flex}.alt-answer{padding:var(--space-1) var(--space-2);background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.answer-blocks{margin-top:var(--space-4)}.host-notes{padding:var(--space-4);background:var(--color-secondary-muted);border-radius:var(--radius-lg)}.host-notes p{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6}@media (max-width:768px){.package-header{flex-direction:column}.package-stats{justify-content:space-between;width:100%}.stat-card{min-width:auto;padding:var(--space-3);flex:1}.questions-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.modal-content{border-radius:var(--radius-xl);max-height:95vh}}.upload-page{max-width:600px;margin:0 auto;padding:32px 0}.upload-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:32px;box-shadow:0 4px 6px -1px #0000000d,0 10px 25px -5px #0000000d}.upload-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.upload-header h1{color:#0f172a;margin:0;font-size:24px;font-weight:700}.upload-header p{color:#64748b;margin:6px 0 0;font-size:15px}.upload-badge{color:#4338ca;background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border:1px solid #c7d2fe;border-radius:999px;flex-shrink:0;padding:6px 14px;font-size:13px;font-weight:600}.upload-form{flex-direction:column;gap:20px;display:flex}.drop-zone{cursor:pointer;background:linear-gradient(#fafafa 0%,#f5f5f5 100%);border:2px dashed #d1d5db;border-radius:12px;outline:none;padding:48px 24px;transition:all .25s;position:relative}.drop-zone:hover{background:linear-gradient(#faf5ff 0%,#f3e8ff 100%);border-color:#6366f1}.drop-zone:focus-visible{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.drop-zone.drag-over{background:linear-gradient(#eef2ff 0%,#e0e7ff 100%);border-style:solid;border-color:#6366f1;transform:scale(1.01)}.drop-zone.has-file{background:linear-gradient(#f0fdf4 0%,#dcfce7 100%);border-style:solid;border-color:#22c55e;padding:24px}.drop-zone.has-file:hover{background:linear-gradient(#f0fdf4 0%,#bbf7d0 100%);border-color:#16a34a}.file-input-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.drop-zone-content.empty{flex-direction:column;align-items:center;gap:16px;display:flex}.drop-zone-icon{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 8px 20px #6366f14d}.drop-zone-icon svg{color:#fff;width:32px;height:32px}.drop-zone-text{flex-direction:column;align-items:center;gap:4px;display:flex}.drop-zone-primary{color:#1e293b;font-size:16px;font-weight:600}.drop-zone-secondary{color:#64748b;font-size:14px}.drop-zone-content.selected{align-items:center;gap:16px;display:flex}.selected-file-icon{flex-shrink:0;width:56px;height:56px;position:relative}.selected-file-icon>svg{color:#22c55e;width:56px;height:56px}.selected-file-icon .checkmark{background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 6px #22c55e66}.selected-file-icon .checkmark svg{color:#fff;width:14px;height:14px}.selected-file-details{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.selected-file-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.selected-file-size{color:#64748b;font-size:14px}.change-file-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;flex-shrink:0;padding:8px 16px;font-size:14px;font-weight:500;transition:all .15s}.change-file-btn:hover{background:#f9fafb;border-color:#9ca3af}.helper{color:#94a3b8;text-align:center;margin:0;font-size:13px}.actions{justify-content:center;padding-top:8px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #6366f159}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{cursor:not-allowed;box-shadow:none;background:#cbd5e1}.btn-primary svg{width:20px;height:20px}.btn-upload{min-width:100px}.alert.error{color:#b91c1c;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:1px solid #fecaca;border-radius:10px;padding:12px 16px;font-size:14px}.result.error{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:1px solid #fecaca;border-radius:12px;align-items:flex-start;gap:16px;margin-top:24px;padding:20px;display:flex}.error-icon{background:#fee2e2;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.error-icon svg{color:#dc2626;width:24px;height:24px}.error-content{flex:1}.result-title{color:#991b1b;margin-bottom:4px;font-size:16px;font-weight:700}.result.error p{color:#b91c1c;margin:0;font-size:14px}.result .btn-secondary{flex-shrink:0;align-self:center;margin-top:0}.progress-card{text-align:center}.progress-header{margin-bottom:32px}.progress-header h1{color:#0f172a;margin:0;font-size:22px;font-weight:700}.progress-steps{justify-content:center;align-items:center;margin-bottom:40px;display:flex}.progress-step{flex-direction:column;align-items:center;gap:10px;display:flex}.step-icon{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s;display:flex}.step-icon svg{color:#94a3b8;width:24px;height:24px}.step-label{color:#94a3b8;white-space:nowrap;font-size:13px;font-weight:500}.progress-step.active .step-icon{background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border-color:#6366f1;box-shadow:0 0 0 4px #6366f126}.progress-step.active .step-icon svg{color:#6366f1}.progress-step.active .step-label{color:#4f46e5;font-weight:600}.progress-step.completed .step-icon{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border-color:#22c55e}.progress-step.completed .step-icon svg{color:#fff}.progress-step.completed .step-label{color:#16a34a}.step-connector{width:60px;height:2px;margin:0 8px 30px}.connector-line{background:#e2e8f0;border-radius:1px;height:100%;transition:background .3s}.connector-line.active{background:linear-gradient(90deg,#22c55e 0%,#6366f1 100%)}.uploading-file-info{background:#f8fafc;border-radius:12px;justify-content:center;align-items:center;gap:16px;margin-bottom:24px;padding:16px 24px;display:flex}.file-icon-large{flex-shrink:0;width:48px;height:48px}.file-icon-large svg{color:#6366f1;width:48px;height:48px}.file-details{text-align:left;flex-direction:column;gap:2px;display:flex}.file-name{color:#0f172a;font-size:15px;font-weight:600}.file-size{color:#64748b;font-size:13px}.upload-progress-container{margin-bottom:16px}.upload-progress-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden}.upload-progress-fill{background:linear-gradient(90deg,#6366f1 0%,#8b5cf6 100%);border-radius:4px;height:100%;transition:width .15s}.upload-progress-fill.pulsing{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.upload-progress-info{justify-content:space-between;align-items:center;display:flex}.progress-status{color:#4f46e5;font-size:14px;font-weight:500}.progress-percent{color:#6366f1;font-size:14px;font-weight:600}.processing-hint{color:#64748b;margin:0;font-size:14px}.success-card{text-align:center;padding:56px 32px}.success-icon{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin:0 auto 28px;animation:.4s ease-out successPop;display:flex;box-shadow:0 12px 32px #22c55e59}@keyframes successPop{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.success-icon svg{color:#fff;width:44px;height:44px}.success-card h1{color:#0f172a;margin:0 0 12px;font-size:28px;font-weight:700}.success-message{color:#64748b;margin:0 0 36px;font-size:16px;line-height:1.5}.success-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.success-actions .btn-primary{text-decoration:none}.btn-secondary{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:14px 24px;font-size:16px;font-weight:600;transition:all .15s}@media (max-width:768px){.upload-page{padding:20px 16px}.upload-card{border-radius:12px;padding:24px 20px}.upload-header{flex-direction:column;align-items:flex-start}.drop-zone{padding:32px 16px}.drop-zone.has-file{padding:16px}.drop-zone-content.selected{text-align:center;flex-direction:column}.selected-file-details{align-items:center}.progress-steps{transform:scale(.85)}.step-connector{width:32px}.success-card{padding:40px 20px}.success-actions{flex-direction:column}.success-actions .btn-primary,.success-actions .btn-secondary{width:100%}}.pack-editor{gap:var(--space-4);padding-bottom:var(--space-4);flex-direction:column;flex:1 1 0;height:100%;min-height:0;display:flex;overflow:hidden}.pack-editor.container{flex:1;max-width:100%}body.pack-editor-mode{--glass-bg:#18181b8c;--glass-bg-soft:#18181b7a;--glass-bg-strong:#18181bb3;--glass-border:#ffffff14;--glass-border-strong:#ffffff29;--glass-shadow:none;--glass-shadow-soft:none;--glass-blur-strong:16px;--glass-blur-soft:14px;--glass-blur-cell:10px;overflow:hidden}.pack-editor-mode .main{padding:var(--space-4) 0;box-sizing:border-box;flex-direction:column;height:calc(100vh - 64px);min-height:0;display:flex;overflow:hidden}.pack-editor-mode .footer{display:none}.pack-editor .editor-error{padding:var(--space-3) var(--space-4);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);background:#ef44441a;font-size:.875rem}.editor-error-toast{bottom:var(--space-6);background:var(--color-error);color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);align-items:center;gap:var(--space-3);box-shadow:var(--shadow-lg);z-index:2600;display:flex;position:fixed;left:50%;transform:translate(-50%)}.editor-error-toast button{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.25rem;line-height:1}.editor-top-bar{gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;flex-shrink:0;display:flex}.editor-top-bar__row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.editor-top-bar__left{align-items:center;gap:var(--space-3);flex-wrap:wrap;flex:1;min-width:0;display:flex}.editor-top-bar__right{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.editor-meta-field--inline{align-items:center;gap:var(--space-2);flex-direction:row;min-width:auto}.editor-meta-field--inline span{font-size:.7rem}.editor-title-input{height:32px;padding:0 var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:border-color var(--transition-fast);flex:0 0 200px;font-size:.95rem;font-weight:600}.editor-title-input:focus{border-color:var(--color-accent);outline:none}.editor-title-input::placeholder{color:var(--color-text-muted);font-weight:400}.editor-description-input{min-width:240px;min-height:60px;max-height:80px;padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);resize:vertical;transition:border-color var(--transition-fast);flex:1;font-size:.875rem;line-height:1.4}.editor-description-input:focus{border-color:var(--color-accent);outline:none}.editor-top-bar__row--meta{align-items:flex-start;gap:var(--space-4)}.editor-top-bar__row--meta.is-collapsed{display:none}.editor-top-bar__toggle{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-tertiary);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.editor-top-bar__toggle:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-muted)}.editor-top-bar__toggle-icon{width:10px;height:10px;transition:transform var(--transition-fast);border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg)}.editor-top-bar__toggle.is-expanded .editor-top-bar__toggle-icon{transform:rotate(-135deg)}.editor-meta-field{flex-direction:column;flex:1;gap:6px;min-width:180px;display:flex}.editor-meta-field span{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-size:.7rem}.editor-meta-field input,.editor-meta-field textarea{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.85rem}.editor-meta-field textarea{resize:vertical;min-height:60px}.editor-meta-field--description{flex:2;min-width:260px}.editor-meta-field--difficulty{flex:none;min-width:auto}.editor-difficulty-stars{align-items:center;gap:6px;display:flex}.editor-difficulty-star{width:20px;height:20px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:0;font-size:.95rem}.editor-difficulty-star.active,.editor-difficulty-star.hovered,.editor-difficulty-star:hover{color:#fbbf24}.editor-difficulty-value{color:var(--color-text-muted);margin-top:4px;font-size:.75rem}.editor-save-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-secondary);width:30px;height:30px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.editor-save-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-muted)}.editor-save-btn svg{width:16px;height:16px}.editor-save-btn.is-saving{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-muted)}.editor-save-btn.is-saving svg{animation:.9s ease-in-out infinite editor-save-pulse}.editor-save-btn.is-saved{border-color:var(--color-success);color:var(--color-success);background:#22c55e1f}.editor-save-btn.is-error{border-color:var(--color-error);color:var(--color-error);background:#ef44441f}@keyframes editor-save-pulse{0%,to{transform:scale(1)}50%{transform:scale(.86)}}.editor-description-input::placeholder{color:var(--color-text-muted)}.editor-public-toggle{align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.editor-public-toggle input[type=checkbox]{appearance:none;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;width:20px;height:20px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.editor-public-toggle input[type=checkbox]:checked{background:var(--color-accent);border-color:var(--color-accent)}.editor-public-toggle input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:.75rem;font-weight:700}.editor-public-toggle input[type=checkbox]:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-muted);outline:none}.editor-public-toggle span{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.editor-save-status{color:var(--color-text-muted);padding:var(--space-1) var(--space-2);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:.75rem}.editor-round-tabs{gap:var(--space-3);flex-direction:column;flex-shrink:0;display:flex}.editor-round-tabs__list{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.editor-round-type{align-items:center;gap:var(--space-2);margin-left:auto;display:inline-flex}.editor-round-type__label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-size:.7rem}.editor-round-type__select{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-secondary);height:28px;color:var(--color-text-primary);padding:0 var(--space-2);font-size:.8rem}.editor-round-tab{padding:var(--space-2) var(--space-4);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:var(--space-2);font-size:.875rem;font-weight:500;display:inline-flex}.editor-round-tab:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.editor-round-tab.active{background:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-accent)}.editor-round-tab.add{color:var(--color-text-muted);border-style:dashed}.editor-round-tab.add:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-muted)}.editor-round-tab__input{width:180px;padding:0 var(--space-2);border-radius:var(--radius-sm);height:28px;color:var(--color-text-primary);cursor:text;background:#fff0;border:none;font-size:.875rem;font-weight:600}.editor-round-tab__input:focus{outline:none;box-shadow:0 0 0 2px #ffffff40}.editor-round-tab__delete{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:24px;height:24px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:inline-flex}.editor-round-tab__delete:hover{border-color:var(--color-error);color:var(--color-error);background:#ef44441a}.editor-board{gap:var(--space-4);flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:visible}.editor-board .game-board-structured{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);--board-gap:calc(clamp(.125rem, .25vw, .25rem) + 2px);flex-direction:column;flex:1 1 0;height:100%;min-height:0;display:flex;overflow:visible}.editor-board .game-board-structured .board-row{flex:1;min-height:0}.editor-board .game-board-structured .board-cell{align-self:stretch;height:100%}body.pack-editor-mode .board-cell{background-color:var(--glass-bg-soft);border-color:var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur-cell)) saturate(140%)}body.pack-editor-mode .game-board-structured .category-header{color:var(--color-bg-primary);-webkit-backdrop-filter:blur(var(--glass-blur-cell)) saturate(140%);background:linear-gradient(135deg,#ff6b35cc 0%,#ff6b3599 100%);border:1px solid #ffffff26}body.pack-editor-mode .game-board-structured .category-header .category-title{color:var(--color-bg-primary)}.category-title-input{border-radius:var(--radius-sm);width:100%;color:var(--color-bg-primary);text-transform:uppercase;letter-spacing:.02em;text-align:center;padding:0 var(--space-1);background:0 0;border:1px solid #ffffff59;height:100%;font-size:clamp(.6rem,1vw,.75rem);font-weight:700}.category-title-input:focus{border-color:#ffffffbf;outline:none}.editor-board .game-board-structured .category-header{pointer-events:auto;cursor:pointer;gap:var(--space-1);flex-direction:column;justify-content:center;align-items:center;position:relative}.editor-board .game-board-structured .category-header .category-title{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.editor-board .category-title-input{height:32px}.editor-board .category-price-rule{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.editor-board .category-price-rule__label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-size:.65rem}.editor-board .category-price-rule__select{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-secondary);height:26px;color:var(--color-text-primary);padding:0 var(--space-2);font-size:.75rem}.editor-board .category-price-rule__inputs{gap:var(--space-1);grid-template-columns:1fr 1fr;width:100%;display:grid}.editor-board .category-price-rule__inputs input{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-secondary);height:24px;color:var(--color-text-primary);padding:0 var(--space-1);text-align:center;box-sizing:border-box;width:100%;min-width:0;font-size:.7rem}.editor-board .game-board-structured .category-header.add-category{border-style:dashed;border-color:var(--color-border);color:var(--color-text-muted);cursor:pointer;pointer-events:auto;background:0 0;flex:.5;min-width:0}.editor-board .game-board-structured .add-category-placeholder,.editor-board .board-header-row--price-rules .category-price-rule--placeholder{flex:.5;min-width:0}body.pack-editor-mode .game-board-structured .category-header.add-category .category-title{color:var(--color-text-muted)}.editor-board .game-board-structured .category-header.add-category:hover{background:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-accent)}body.pack-editor-mode .game-board-structured .category-header.add-category:hover .category-title{color:var(--color-accent)}.editor-board .category-delete,.editor-board .question-delete{color:#fff;cursor:pointer;opacity:0;width:18px;height:18px;transition:opacity var(--transition-fast);background:#ef4444cc;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.editor-board .category-header:hover .category-delete,.editor-board .board-cell:hover .question-delete{opacity:1}.editor-board .category-delete:hover,.editor-board .question-delete:hover{background:var(--color-error)}.editor-board .board-cell.editable{cursor:pointer;background:var(--color-accent-muted);border-color:var(--color-accent);position:relative}.editor-board .board-cell.editable:hover{background:var(--color-accent-muted);border-color:var(--color-accent)}.editor-board .board-cell.drag-over{background:var(--color-accent-muted);border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-muted)}.editor-board .question-insert{--question-insert-size:10%;left:50%;top:calc(100% + (var(--board-gap) / 2));width:var(--question-insert-size);aspect-ratio:2;opacity:0;pointer-events:none;height:auto;transition:opacity var(--transition-fast);cursor:pointer;background-color:var(--glass-bg-soft,#00000080);color:var(--color-text-primary);z-index:2;border:1px solid #00000080;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:auto;transform:translate(-50%,-50%)}.editor-board .question-insert.is-visible{opacity:1;pointer-events:auto}.editor-board .question-insert:hover,.editor-board .question-insert:focus-visible{opacity:1;color:var(--color-text-primary);border-color:#00000080}.editor-board .question-insert-line{display:none}.editor-board .question-insert-plus{width:auto;height:auto;color:inherit;box-shadow:none;background:0 0;border-radius:0;justify-content:center;align-items:center;font-size:7px;font-weight:700;line-height:1;display:inline-flex;position:static}.editor-board .question-insert:hover .question-insert-plus{transform:none}.editor-board .question-insert:hover .question-insert-line{opacity:1}.editor-board .board-cell.add-question{border-style:dashed;border-color:var(--color-border);color:var(--color-text-muted);background:0 0;font-size:.75rem;font-weight:600}.editor-board .board-cell.add-question:hover{background:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-accent)}.question-editor-drawer{gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;height:100%;min-height:0;display:flex;overflow:visible}.question-editor-drawer__header{padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.question-editor-header__left,.question-editor-header__right{align-items:center;display:flex}.question-editor-header__right{gap:var(--space-2)}.question-editor-price-input{width:90px;height:32px;padding:0 var(--space-2);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);text-align:left;font-size:.95rem;font-weight:600}.question-editor-price-label{min-width:90px;height:32px;padding:0 var(--space-2);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.question-editor-price-input:focus{border-color:var(--color-accent);outline:none}.question-editor-kind-select{height:32px;padding:0 var(--space-2);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.85rem}.question-editor-kind-select:focus{border-color:var(--color-accent);outline:none}.question-editor-section{gap:var(--space-2);flex-direction:column;display:flex}.question-editor-section>label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.question-editor-section>h4{color:var(--color-text-primary);margin:0;font-size:.875rem;font-weight:600}.question-editor-section__header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.question-editor-section__actions{align-items:center;gap:var(--space-2);display:inline-flex}.editor-modal-overlay{padding:var(--space-6);z-index:2000;background:#0a0a0bbf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.editor-modal{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(1200px,96vw);max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.question-editor-body{gap:var(--space-4);min-height:0;padding-top:var(--space-3);flex:1;grid-template-columns:1fr 1fr;display:grid}.question-editor-column{gap:var(--space-4);min-height:0;padding-right:var(--space-1);flex-direction:column;display:flex;overflow-y:auto}.editor-board .board-cell.editable{position:relative}.editor-board .editor-tooltip{min-width:220px;max-width:360px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;pointer-events:none;z-index:2005;background:#18181bf2;font-size:.75rem;line-height:1.3;transition:opacity .12s,transform .12s,visibility 0s linear .12s;position:absolute;top:0;left:50%;transform:translate(-50%,-90%)}.editor-board .board-cell.editable:hover .editor-tooltip{opacity:1;visibility:visible;transition-delay:.35s;transform:translate(-50%,-105%)}.editor-tooltip__row{gap:var(--space-2);display:flex}.editor-tooltip__label{color:var(--color-text-muted);font-weight:700}.editor-tooltip__text{color:var(--color-text-primary);word-break:break-word}.editor-tooltip__divider{background:var(--color-border);height:1px;margin:var(--space-2) 0}.question-editor-section__header h4{color:var(--color-text-primary);margin:0;font-size:.875rem;font-weight:600}.question-editor-section select,.question-editor-section input,.question-editor-section textarea{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);transition:border-color var(--transition-fast);font-size:.875rem}.question-editor-section select:focus,.question-editor-section input:focus,.question-editor-section textarea:focus{border-color:var(--color-accent);outline:none}.question-editor-section textarea{resize:vertical;min-height:80px}.question-editor-section select{cursor:pointer}.question-editor-block{margin-bottom:var(--space-2)}.question-editor-block textarea{width:100%;min-height:44px;padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);resize:none;transition:border-color var(--transition-fast);font-size:.875rem;overflow:hidden}.question-editor-block textarea:focus{border-color:var(--color-accent);outline:none}.question-editor-block__media{padding:var(--space-3);background:var(--color-bg-tertiary);border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);text-align:center;font-size:.75rem}.question-editor-block__media-preview{padding:var(--space-2);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);justify-content:center;align-items:center;min-height:80px;display:flex}.question-editor-block__media-preview img,.question-editor-block__media-preview video{border-radius:var(--radius-sm);max-width:100%;max-height:180px}.question-editor-block__media-preview audio{width:100%}.media-upload-block{gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex}.media-upload-block.drag-over{border-color:var(--color-accent);background:var(--color-bg-card-hover);box-shadow:0 0 0 3px #6366f126}.media-upload-row{align-items:center;gap:var(--space-3);display:flex}.media-upload-icon{border-radius:var(--radius-sm);background:var(--color-bg-tertiary);width:36px;height:36px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.media-upload-icon svg{width:18px;height:18px}.media-upload-text{flex:1;min-width:0}.media-upload-title{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.media-upload-hint{color:var(--color-text-secondary);font-size:.8rem}.media-upload-actions{gap:var(--space-2);flex-shrink:0;display:flex}.media-upload-input{display:none}.media-upload-footer{justify-content:space-between;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:.75rem;display:flex}.media-upload-formats{color:var(--color-text-muted)}.media-upload-status{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:.75rem;display:inline-flex}.media-upload-status.error{color:var(--color-error)}.media-upload-spinner{border:2px solid #6366f133;border-top-color:var(--color-accent);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite media-spin}@keyframes media-spin{to{transform:rotate(360deg)}}.question-editor-drawer .btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:.75rem;font-weight:500}.question-editor-drawer .btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.question-editor-drawer .btn-secondary:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.question-editor-drawer .btn-danger{color:var(--color-error);background:#ef444429;border:1px solid #ef444473}.question-editor-drawer .btn-danger:hover{border-color:var(--color-error);color:var(--color-error);background:#ef444440}.question-editor-drawer .btn-toggle.active,.question-editor-drawer .btn-toggle.active:hover{background:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-accent)}.question-editor-kind-wrap{align-items:center;gap:var(--space-2);display:inline-flex;position:relative}.question-editor-kind-tooltip{border:1px solid var(--color-border);width:24px;height:24px;color:var(--color-text-secondary);cursor:default;background:var(--color-bg-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex;position:relative}.question-editor-kind-tooltip .question-editor-kind-tooltip-content{white-space:normal;opacity:0;visibility:hidden;pointer-events:none;z-index:2500;min-width:220px;max-width:320px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.question-editor-kind-tooltip:hover .question-editor-kind-tooltip-content,.question-editor-kind-tooltip:focus .question-editor-kind-tooltip-content,.question-editor-kind-tooltip:focus-within .question-editor-kind-tooltip-content{opacity:1;visibility:visible}.question-editor-kind-dropdown{position:relative}.question-editor-kind-trigger{min-width:160px;height:32px;padding:0 var(--space-2);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);justify-content:space-between;align-items:center;gap:var(--space-2);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);display:inline-flex}.question-editor-kind-trigger svg{width:16px;height:16px}.question-editor-kind-trigger:hover{border-color:var(--color-border-hover);background:var(--color-bg-tertiary)}.question-editor-kind-menu{border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:220px;max-width:260px;padding:var(--space-2);gap:var(--space-1);z-index:2605;background:#0a0a0bf2;flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);left:0}.question-editor-kind-option{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;font-size:.85rem;display:flex;position:relative}.question-editor-kind-option:hover{background:#ffffff0f;border-color:#ffffff14}.question-editor-kind-option.selected{background:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-accent)}.question-editor-kind-option .kind-option-tooltip{white-space:normal;opacity:0;visibility:hidden;pointer-events:none;z-index:2600;min-width:220px;max-width:320px;transition:opacity .12s .6s,visibility 0s linear .6s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.question-editor-kind-option:hover .kind-option-tooltip{opacity:1;visibility:visible}.question-editor-drawer .btn-toggle.active,.question-editor-drawer .btn-toggle.active:hover{background:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-accent)}@media (max-width:1024px){.question-editor-body{grid-template-columns:1fr}}@media (max-width:768px){.editor-board .question-delete{display:none}.editor-top-bar{gap:var(--space-4);flex-direction:column}.editor-top-bar__left{flex-direction:column;width:100%}.editor-title-input{flex:none;width:100%}.editor-description-input{width:100%}.editor-top-bar__right{justify-content:space-between;width:100%}.editor-round-tab__input{width:140px}}.game-lobby{height:calc(100vh - 64px - 2 * var(--space-8));box-sizing:border-box;justify-content:center;align-items:center;min-height:0;padding:clamp(.5rem,2vh,1rem);display:flex;overflow:hidden}.lobby-container{flex-direction:column;width:100%;max-width:min(600px,90vw);height:100%;max-height:100vh;display:flex;overflow:hidden}.lobby-header{text-align:center;flex-shrink:0;margin-bottom:clamp(.5rem,2vh,1rem)}.lobby-header h1{justify-content:center;align-items:center;gap:clamp(.5rem,1vw,.75rem);margin-bottom:clamp(.25rem,1vh,.5rem);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;line-height:1.2;display:flex}.lobby-icon{font-size:clamp(1.5rem,3vw,2rem)}.lobby-header p{color:var(--color-text-secondary);font-size:clamp(.875rem,2vw,1.125rem);line-height:1.3}.lobby-options{flex-direction:column;flex:1;justify-content:center;gap:clamp(.5rem,1.5vh,1rem);min-height:0;display:flex;overflow:hidden}.lobby-option{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal);text-align:left;flex-shrink:0;align-items:center;gap:clamp(.5rem,1.5vw,1rem);width:100%;padding:clamp(.75rem,2vh,1.5rem);display:flex}.lobby-option:hover{border-color:var(--color-accent);background:var(--color-bg-card-hover);transform:translateY(-2px)}.option-icon{background:var(--color-accent-muted);border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:clamp(40px,8vw,60px);height:clamp(40px,8vw,60px);font-size:clamp(1.5rem,3vw,2rem);display:flex}.option-content{flex:1}.option-content h3{color:var(--color-text-primary);margin-bottom:clamp(.125rem,.5vh,.25rem);font-size:clamp(1rem,2.5vw,1.25rem);font-weight:600;line-height:1.2}.option-content p{color:var(--color-text-secondary);font-size:clamp(.8rem,1.8vw,.9rem);line-height:1.3}.option-arrow{width:24px;height:24px;color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.lobby-option:hover .option-arrow{color:var(--color-accent);transform:translate(4px)}.lobby-form{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;height:100%;min-height:0;max-height:100%;padding:clamp(.75rem,2vh,2rem);display:flex;overflow:hidden}.lobby-form h2{text-align:center;flex-shrink:0;margin-bottom:clamp(.5rem,1.5vh,1rem);font-size:clamp(1.125rem,3vw,1.5rem);line-height:1.2}.back-button{color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;align-items:center;gap:clamp(.25rem,.5vw,.5rem);margin-bottom:clamp(.5rem,1vh,1rem);padding:0;font-size:clamp(.8rem,1.5vw,.9rem);display:flex}.back-button:hover{color:var(--color-accent)}.back-button svg{width:20px;height:20px}.form-group{flex-shrink:0;margin-bottom:clamp(.75rem,2vh,1.25rem)}.form-group label{color:var(--color-text-secondary);margin-bottom:clamp(.25rem,.5vh,.5rem);font-size:clamp(.875rem,1.8vw,1rem);font-weight:500;line-height:1.3;display:block}.form-group input{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);transition:border-color var(--transition-fast);padding:clamp(.5rem,1.5vh,1rem);font-size:clamp(.875rem,1.8vw,1rem)}.form-group input:focus{border-color:var(--color-accent);outline:none}.room-code-input{font-family:var(--font-mono);text-align:center;letter-spacing:.2em;text-transform:uppercase;font-size:clamp(1.125rem,3vw,1.5rem)!important}.package-list{flex-direction:column;flex:1;gap:clamp(.375rem,1vh,.75rem);min-height:0;margin-bottom:clamp(.5rem,1.5vh,1rem);display:flex;overflow:hidden auto}.package-option{background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;align-items:center;gap:clamp(.5rem,1vw,1rem);padding:clamp(.5rem,1.5vh,1rem);display:flex}.package-option:hover{border-color:var(--color-border-hover)}.package-option.selected{border-color:var(--color-accent);background:var(--color-accent-muted)}.package-option input{display:none}.package-info{flex:1}.package-info h4{margin-bottom:clamp(.125rem,.5vh,.25rem);font-size:clamp(.875rem,1.8vw,1rem);font-weight:600;line-height:1.2}.package-info p{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:clamp(.125rem,.5vh,.25rem);font-size:clamp(.75rem,1.5vw,.85rem);line-height:1.3;display:-webkit-box;overflow:hidden}.package-meta{color:var(--color-text-muted);font-size:clamp(.7rem,1.2vw,.75rem);line-height:1.2}.package-check{border:2px solid var(--color-border);width:clamp(24px,4vw,28px);height:clamp(24px,4vw,28px);transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.package-option.selected .package-check{background:var(--color-accent);border-color:var(--color-accent)}.package-check svg{opacity:0;width:16px;height:16px;color:var(--color-bg-primary);transition:opacity var(--transition-fast)}.package-option.selected .package-check svg{opacity:1}.btn-primary{background:var(--color-accent);width:100%;color:var(--color-bg-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;flex-shrink:0;justify-content:center;align-items:center;gap:clamp(.25rem,.5vw,.5rem);padding:clamp(.75rem,2vh,1rem) clamp(1rem,2vw,1.5rem);font-size:clamp(.875rem,1.8vw,1rem);font-weight:600;display:flex}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.error-message{color:var(--color-error);border-radius:var(--radius-md);background:#ef44441a;border:1px solid #ef44444d;flex-shrink:0;margin-bottom:clamp(.5rem,1vh,1rem);padding:clamp(.5rem,1vh,.75rem) clamp(.75rem,1.5vw,1rem);font-size:clamp(.8rem,1.5vw,.9rem);line-height:1.3}.empty-state{text-align:center;color:var(--color-text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:clamp(1rem,3vh,2rem);display:flex}.empty-state p{margin-bottom:clamp(.5rem,1vh,1rem);font-size:clamp(.875rem,1.8vw,1rem);line-height:1.3}.empty-state a{margin-top:clamp(.25rem,.5vh,.5rem);font-size:clamp(.875rem,1.8vw,1rem);display:inline-block}@media (max-width:768px){.game-lobby{padding:clamp(.25rem,1vh,.5rem)}.lobby-container{max-width:100%}.lobby-options{gap:clamp(.375rem,1vh,.75rem)}.lobby-option{padding:clamp(.5rem,1.5vh,1rem)}.option-icon{width:clamp(36px,7vw,48px);height:clamp(36px,7vw,48px);font-size:clamp(1.25rem,2.5vw,1.5rem)}.lobby-form{padding:clamp(.5rem,1.5vh,1rem)}}@media (max-height:600px){.lobby-header{margin-bottom:clamp(.25rem,1vh,.5rem)}.lobby-header h1{margin-bottom:clamp(.125rem,.5vh,.25rem);font-size:clamp(1.25rem,3vw,1.75rem)}.lobby-header p{font-size:clamp(.75rem,1.5vw,.875rem)}.lobby-options{gap:clamp(.25rem,1vh,.5rem)}.lobby-option,.lobby-form{padding:clamp(.5rem,1vh,.75rem)}}.join-page{min-height:100vh}.join-footer{text-align:center;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.join-footer p{color:var(--color-text-secondary);font-size:.9rem}.join-footer a{color:var(--color-accent);text-decoration:none}.join-footer a:hover{text-decoration:underline}.form-hint{color:var(--color-text-muted);margin-top:var(--space-1);font-size:.75rem;display:block}.password-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-4);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.password-modal{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;width:100%;max-width:400px;animation:.2s ease-out modal-enter;position:relative}@keyframes modal-enter{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.password-modal-close{top:var(--space-3);right:var(--space-3);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.password-modal-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.password-modal-close svg{width:18px;height:18px}.password-modal-icon{margin-bottom:var(--space-3);font-size:3rem}.password-modal h2{margin-bottom:var(--space-2);color:var(--color-text-primary);font-size:1.5rem;font-weight:600}.password-modal>p{color:var(--color-text-secondary);margin-bottom:var(--space-4);font-size:.9rem;line-height:1.4}.password-modal form{gap:var(--space-4);flex-direction:column;display:flex}.password-modal .form-group{margin-bottom:0}.password-modal .form-group label{text-align:left}.password-input{text-align:center;letter-spacing:.3em;font-family:JetBrains Mono,Fira Code,Consolas,monospace;padding:var(--space-4)!important;font-size:1.5rem!important}.password-input::placeholder{opacity:.3;letter-spacing:.3em}.password-input-wrapper .password-input{padding-right:3rem!important}.password-toggle-btn{right:var(--space-2);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.password-modal-actions{gap:var(--space-3);display:flex}.password-modal-actions .btn-primary,.password-modal-actions .btn-secondary{flex:1}.btn-secondary{padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--space-2);font-size:1rem;font-weight:500;display:flex}.final-vote-phase,.final-answer-phase,.final-reveal-phase{max-width:900px;color:var(--text-primary,#fff);margin:0 auto;padding:0 2rem 2rem}.final-vote-header,.final-answer-header,.final-reveal-header{text-align:center;margin-bottom:2rem}.final-answer-header{margin-bottom:1rem;padding:1rem 0}.final-vote-header h2,.final-answer-header h2,.final-reveal-header h2{background:linear-gradient(135deg,gold,#ff8c00);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.8rem}.vote-instruction,.reveal-instruction{color:var(--text-secondary,#aaa);font-size:1rem}.vote-status{text-align:center;background-color:var(--glass-bg-soft,#18181b66);border:1px solid var(--glass-border,#ffffff14);box-shadow:var(--glass-shadow-soft,0 8px 20px #00000040);-webkit-backdrop-filter:blur(12px)saturate(140%);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.your-turn{color:gold;font-size:1.3rem;font-weight:700;animation:1.5s infinite pulse}.turn-indicator{margin-right:.5rem}.waiting-turn{color:var(--text-secondary,#aaa);font-size:1.1rem}.voting-order{text-align:center;background-color:var(--glass-bg-soft,#18181b66);border:1px solid var(--glass-border,#ffffff14);box-shadow:var(--glass-shadow-soft,0 8px 20px #00000040);-webkit-backdrop-filter:blur(12px)saturate(140%);border-radius:6px;margin-bottom:1.5rem;padding:.75rem}.order-label{margin-right:.5rem;font-weight:700}.order-player{color:var(--text-secondary,#aaa)}.order-player.active{color:gold;font-weight:700}.order-player.voted{opacity:.6;text-decoration:line-through}.categories-grid{flex-direction:column;gap:2rem;display:flex}.remaining-categories h3,.excluded-categories h3{margin-bottom:1rem;font-size:1.2rem}.categories-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.category-card{cursor:default;text-align:center;box-shadow:var(--glass-shadow-soft,0 8px 20px #00000040);-webkit-backdrop-filter:blur(12px)saturate(140%);background:linear-gradient(135deg,#2a3a5c,#1a2a4c);border:2px solid #0000;border-radius:12px;padding:1.5rem;transition:all .3s}.category-card.selectable{cursor:pointer;border-color:#ffd7004d}.category-card.selectable:hover{border-color:gold;transform:translateY(-2px);box-shadow:0 4px 20px #ffd70033}.category-title{font-size:1.1rem;font-weight:600;display:block}.text-muted{color:var(--color-text-muted)}.exclude-hint{color:gold;opacity:.8;margin-top:.5rem;font-size:.8rem;display:block}.excluded-list{flex-wrap:wrap;gap:.75rem;display:flex}.excluded-card{background-color:var(--glass-bg-soft,#18181b66);border:1px solid var(--glass-border,#ffffff14);opacity:.7;-webkit-backdrop-filter:blur(10px)saturate(140%);border-radius:8px;padding:1rem}.strikethrough{text-decoration:line-through}.excluded-by{color:var(--text-secondary,#aaa);margin-top:.25rem;font-size:.85rem;display:block}.final-category{margin:0}.category-label{color:var(--text-secondary,#aaa);margin-right:.5rem}.category-name{color:gold;font-size:1.3rem;font-weight:700}.question-display{text-align:center;box-shadow:var(--glass-shadow-soft,0 8px 20px #00000040);-webkit-backdrop-filter:blur(12px)saturate(140%);background:#ffd7001f;border:1px solid #ffffff1f;border-radius:12px;margin-bottom:1.5rem;padding:2rem}.question-content{font-size:1.3rem;line-height:1.6}.question-loading{color:var(--text-secondary,#aaa);font-style:italic}.question-value{font-size:1.5rem;font-weight:700}.ready-status{text-align:center;margin-bottom:1.5rem}.ready-count{margin-bottom:.5rem;font-size:1.1rem;display:block}.players-ready-list{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.player-status{border-radius:20px;padding:.4rem .8rem;font-size:.9rem}.player-status.ready{color:#4caf50;background:#4caf504d}.player-status.waiting{color:var(--text-secondary,#aaa);background:#ffffff1a}.answer-form{background-color:var(--glass-bg-soft,#18181b66);border:1px solid var(--glass-border,#ffffff14);max-width:500px;box-shadow:var(--glass-shadow-soft,0 8px 20px #00000040);-webkit-backdrop-filter:blur(12px)saturate(140%);border-radius:12px;flex-direction:column;gap:1.5rem;margin:0 auto;padding:2rem;display:flex}.answer-section{flex-direction:column;gap:.5rem;display:flex}.answer-section label{font-size:1.1rem;font-weight:500}.answer-input{width:100%;color:var(--text-primary,#fff);box-sizing:border-box;background:#0000004d;border:2px solid #fff3;border-radius:8px;padding:1rem;font-size:1.2rem}.answer-input:focus{border-color:gold;outline:none}.bet-section{flex-direction:column;gap:.75rem;display:flex}.bet-section label{font-size:1.1rem;font-weight:500}.max-bet{color:var(--text-secondary,#aaa);margin-left:.5rem;font-size:.9rem;font-weight:400}.bet-slider{-webkit-appearance:none;background:#fff3;border-radius:4px;width:100%;height:8px}.bet-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:gold;border-radius:50%;width:24px;height:24px}.bet-presets{justify-content:space-between;gap:.5rem;display:flex}.bet-presets button{color:var(--text-primary,#fff);cursor:pointer;background:#ff8c00cc;border:1px solid #fff3;border-radius:6px;flex:1;padding:.6rem .5rem;font-weight:500;transition:all .2s}.bet-presets button:hover{color:#000;background:#ffd700e6;border-color:gold}.submit-button{color:#000;cursor:pointer;background:linear-gradient(135deg,gold,#ff8c00);border:none;border-radius:8px;width:100%;padding:1rem 2rem;font-size:1.2rem;font-weight:700;transition:transform .2s,box-shadow .2s}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #ffd70066}.submit-button:disabled{opacity:.5;cursor:not-allowed}.submitted-summary{max-width:500px;box-shadow:var(--glass-shadow-soft,0 8px 20px #00000040);-webkit-backdrop-filter:blur(12px)saturate(140%);background:#4caf501a;border:1px solid #4caf504d;border-radius:12px;margin:0 auto;padding:1.5rem}.submitted-header{color:#4caf50;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600;display:flex}.submitted-header .check-icon{font-size:1.4rem}.submitted-answer,.submitted-bet{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.submitted-answer .label,.submitted-bet .label{color:var(--text-secondary,#aaa)}.submitted-answer .value{font-size:1.1rem;font-style:italic}.submitted-bet .value{color:gold;font-size:1.1rem;font-weight:600}.waiting-text{text-align:center;color:var(--text-secondary,#aaa);margin-top:.5rem}.host-controls{text-align:center;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;display:flex}.host-info{color:var(--text-secondary,#aaa)}.reveal-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:8px;padding:1rem 2rem;font-size:1.2rem;font-weight:700;transition:all .2s}.reveal-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #4caf5066}.reveal-button:disabled{opacity:.5;cursor:not-allowed;background:#fff3}.correct-answer-display{text-align:center;box-shadow:var(--glass-shadow-soft,0 8px 20px #00000040);-webkit-backdrop-filter:blur(12px)saturate(140%);background:#4caf501a;border:1px solid #4caf504d;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.answer-text-display{flex-direction:column;gap:.5rem;display:flex}.answer-text-display .answer-label{color:var(--text-secondary,#aaa);font-size:.9rem}.answer-text-display .answer-value{color:#4caf50;font-size:1.3rem;font-weight:600}.answer-loading{color:var(--text-secondary,#aaa);font-style:italic}.revealed-players,.current-reveal,.waiting-players,.all-revealed{margin-bottom:2rem}.revealed-players h3,.current-reveal h3,.waiting-players h3{color:var(--text-secondary,#aaa);margin-bottom:1rem;font-size:1.1rem}.revealed-list{flex-direction:column;gap:.75rem;display:flex}.revealed-card{box-shadow:var(--glass-shadow-soft,0 8px 20px #00000040);-webkit-backdrop-filter:blur(10px)saturate(140%);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.revealed-card.correct{background:#4caf5033;border-left:4px solid #4caf50}.revealed-card.incorrect{background:#f4433633;border-left:4px solid #f44336}.revealed-card .player-name{min-width:100px;font-weight:700}.revealed-card .player-answer{flex:1;font-style:italic}.revealed-card .player-result{align-items:center;gap:1rem;display:flex}.revealed-card .bet{color:var(--text-secondary,#aaa)}.revealed-card .delta.positive{color:#4caf50;font-weight:700}.revealed-card .delta.negative{color:#f44336;font-weight:700}.revealed-card .new-score{font-weight:700}.current-reveal-card{text-align:center;box-shadow:var(--glass-shadow,0 12px 30px #00000059);-webkit-backdrop-filter:blur(14px)saturate(140%);background:linear-gradient(135deg,#ffd70026,#ff8c0026);border:2px solid #ffd7004d;border-radius:16px;padding:2rem}.current-reveal-card .player-info{margin-bottom:1.5rem}.current-reveal-card .player-name{font-size:1.5rem;font-weight:700;display:block}.current-reveal-card .current-score{color:var(--text-secondary,#aaa);font-size:.95rem}.answer-reveal,.bet-reveal{margin-bottom:1rem}.answer-label,.bet-label{color:var(--text-secondary,#aaa);font-size:.9rem}.answer-text{color:gold;margin-top:.25rem;font-size:1.5rem;font-weight:700}.bet-amount{margin-top:.25rem;font-size:1.3rem;font-weight:700}.judge-buttons{justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.judge-correct,.judge-incorrect{cursor:pointer;border:none;border-radius:8px;padding:1rem 2rem;font-size:1.1rem;font-weight:700;transition:all .2s}.judge-correct{color:#fff;background:linear-gradient(135deg,#4caf50,#2e7d32)}.judge-incorrect{color:#fff;background:linear-gradient(135deg,#f44336,#c62828)}.judge-correct:hover,.judge-incorrect:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.waiting-judgment{color:var(--text-secondary,#aaa);margin-top:1.5rem;font-style:italic}.waiting-list{flex-wrap:wrap;gap:.75rem;display:flex}.waiting-card{background-color:var(--glass-bg-soft,#18181b66);border:1px solid var(--glass-border,#ffffff14);-webkit-backdrop-filter:blur(10px)saturate(140%);border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;display:flex}.hidden-answer{color:var(--text-secondary,#aaa)}.all-revealed{text-align:center;box-shadow:var(--glass-shadow-soft,0 8px 20px #00000040);-webkit-backdrop-filter:blur(12px)saturate(140%);background:linear-gradient(135deg,#ffd7001a,#ff8c001a);border-radius:12px;padding:2rem}.all-revealed h3{margin-bottom:.5rem;font-size:1.5rem;color:gold!important}.host-note{color:var(--text-secondary,#aaa);font-style:italic}.reveal-button.finish-voting{background:linear-gradient(135deg,#ff9800,#f57c00)}.reveal-button.finish-voting:hover{box-shadow:0 4px 20px #ff980066}.host-warning{color:#ff9800;margin:0;font-size:.9rem}.game-room{background-color:var(--color-bg-primary);background-image:linear-gradient(180deg, #0a0a0b8c 0%, #0a0a0bbf 100%), var(--game-room-bg);--glass-bg:#18181b8c;--glass-bg-soft:#18181b7a;--glass-bg-strong:#18181bb3;--glass-border:#ffffff14;--glass-border-strong:#ffffff29;--glass-shadow:none;--glass-shadow-soft:none;--glass-blur-strong:16px;--glass-blur-soft:14px;--glass-blur-cell:10px;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;flex-direction:column;height:100vh;display:flex;overflow:hidden}.game-room.loading{justify-content:center;align-items:center;gap:var(--space-4);color:var(--color-text-secondary)}.game-header{justify-content:space-between;align-items:center;gap:var(--space-3);background:0 0;border-bottom:none;flex-shrink:0;min-height:clamp(40px,5vh,48px);padding:clamp(.25rem,.5vw,.5rem) clamp(.5rem,1vw,.75rem);display:flex}.game-header-block{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(.375rem,.75vw,.5rem) clamp(.5rem,1vw,.75rem)}.game-header-left{align-items:center;gap:var(--space-4);display:flex}.btn-icon{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);width:clamp(32px,5vw,40px);height:clamp(32px,5vw,40px);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-icon:hover{color:var(--color-text-primary);background:#18181ba6}.btn-icon svg{width:clamp(16px,2.5vw,20px);height:clamp(16px,2.5vw,20px)}.room-info{flex-direction:column;display:flex}.room-label{align-items:center;gap:var(--space-1);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;display:inline-flex}.room-lock-icon{color:var(--color-text-muted);opacity:.75;align-items:center;display:inline-flex}.room-lock-icon.is-locked{color:var(--color-secondary);opacity:.9}.room-lock-icon svg{width:12px;height:12px}.room-code{align-items:center;gap:var(--space-2);font-family:var(--font-mono);color:var(--color-accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.125rem;font-weight:600;display:flex}.room-code svg{opacity:.5;width:16px;height:16px}.room-code:hover svg{opacity:1}.game-phase{justify-content:center;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.game-phase-content{align-items:center;gap:var(--space-2);max-width:100%;display:inline-flex}.header-toggle-btn{display:none}.game-header-right{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.phase-indicator{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-accent);white-space:nowrap;flex-shrink:0;padding:clamp(.375rem,.75vw,.5rem) clamp(.5rem,1vw,.75rem);font-size:clamp(.7rem,1vw,.875rem);font-weight:600}.phase-indicator.phase-buzzer{border-color:var(--color-error);color:var(--color-error);background:#ef44441f;animation:1s ease-in-out infinite pulse}.question-header-indicator{background:linear-gradient(135deg, var(--color-accent-muted) 0%, #6366f126 100%);border:1px solid var(--color-accent);border-radius:var(--radius-lg);white-space:nowrap;flex-shrink:0;align-items:center;gap:clamp(.5rem,1vw,.75rem);padding:clamp(.375rem,.75vw,.5rem) clamp(.75rem,1.5vw,1rem);font-weight:600;animation:.3s ease-out headerSlideIn;display:flex}.question-header-indicator .question-category{color:var(--color-accent);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(.7rem,1vw,.875rem)}.question-header-indicator .question-header-separator{color:var(--color-text-muted);font-size:clamp(.7rem,1vw,.875rem)}.question-header-indicator .question-price{color:var(--color-secondary);font-family:var(--font-mono);font-size:clamp(.8rem,1.1vw,1rem);font-weight:700}.host-badge{background:var(--color-secondary-muted);color:var(--color-secondary);border-radius:var(--radius-md);white-space:nowrap;flex-shrink:0;align-items:center;gap:clamp(.25rem,.5vw,.5rem);padding:clamp(.25rem,.5vw,.5rem) clamp(.5rem,1vw,.75rem);font-size:clamp(.7rem,1vw,.875rem);font-weight:500;display:flex}.host-badge svg{flex-shrink:0;width:clamp(14px,2vw,16px);height:clamp(14px,2vw,16px)}.game-main{flex:1;grid-template-columns:minmax(200px,280px) 1fr;min-height:0;display:grid;overflow:hidden}.scoreboard{background:0 0;border:none;flex-direction:column;gap:clamp(.5rem,1vw,.75rem);min-width:0;margin-top:clamp(.25rem,.5vw,.5rem);margin-left:clamp(.5rem,1vw,.75rem);padding:0;display:flex;overflow:visible}.scoreboard-players-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;min-height:0;padding:clamp(.5rem,1vw,.75rem);display:flex;overflow:visible}.scoreboard h3{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;margin-bottom:clamp(.5rem,1vw,1rem);font-size:clamp(.7rem,1vw,.875rem)}.player-list{flex-direction:column;flex:1;gap:clamp(.25rem,.5vw,.5rem);min-height:0;display:flex;overflow:visible}.player-card{background:var(--color-bg-tertiary);border-radius:var(--radius-md);transition:all var(--transition-fast);border:2px solid #0000;flex-shrink:0;align-items:center;gap:clamp(.5rem,1vw,.75rem);min-height:0;padding:clamp(.5rem,1vw,.75rem) clamp(1.5rem,3vw,2rem) clamp(.5rem,1vw,.75rem) clamp(.5rem,1vw,.75rem);display:flex;position:relative;overflow:visible}.player-card.is-me,.player-card.is-current{border-color:var(--color-accent)}.player-card.is-answering{border-color:var(--color-warning);background:#eab30826}.player-card.disconnected{opacity:.5}.player-card.host-clickable{cursor:pointer}.player-card.host-clickable:hover{border-color:var(--color-text-muted);background:#18181b8c}.player-avatar{background:var(--color-accent);width:clamp(32px,4vw,40px);height:clamp(32px,4vw,40px);color:var(--color-bg-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:clamp(.875rem,2vw,1.125rem);font-weight:700;display:flex}.player-info{flex:1;min-width:0}.player-name{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.75rem,1.5vw,.875rem);font-weight:500;display:block;overflow:hidden}.player-played-badge{margin-top:var(--space-1);text-transform:uppercase;letter-spacing:.04em;color:#0e7490;border-radius:var(--radius-sm);background:#0e749026;justify-content:center;align-items:center;padding:2px 6px;font-size:.65rem;font-weight:600;display:inline-flex}.disconnected-badge{color:var(--color-text-muted);font-size:.75rem}.player-speed-badge{color:var(--color-text-muted);font-size:.75rem;font-family:var(--font-mono)}.player-card.speed-flash{animation:.9s ease-out speedFlash}@keyframes speedFlash{0%{box-shadow:none;border-color:#0000}30%{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b59}to{box-shadow:none;border-color:#0000}}.player-score{font-family:var(--font-mono);color:var(--color-secondary);text-align:right;flex-shrink:0;min-width:clamp(40px,5vw,50px);font-size:clamp(.875rem,2vw,1.25rem);font-weight:700}.host-info{border:1px solid var(--color-border);background:var(--color-bg-card);border-radius:var(--radius-lg);flex-shrink:0;margin-top:auto;margin-bottom:clamp(.5rem,1vw,.75rem);padding:clamp(.5rem,1vw,.75rem)}.scoreboard-alerts{flex-shrink:0;margin-top:auto;margin-bottom:clamp(.5rem,1vw,.75rem)}.host-label{color:var(--color-text-muted);text-transform:uppercase;margin-bottom:var(--space-1);font-size:.75rem;display:block}.host-name{font-weight:500}.pending-players{border-top:1px solid var(--color-border);flex-direction:column;flex-shrink:0;min-height:0;margin-top:auto;padding-top:clamp(.5rem,1vw,1rem);display:flex;overflow:hidden}.pending-players h4{color:var(--color-warning);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;margin-bottom:clamp(.5rem,1vw,.75rem);font-size:clamp(.65rem,1vw,.75rem)}.pending-player-card{background:var(--color-bg-tertiary);border:1px solid var(--color-warning);border-radius:var(--radius-md);flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:clamp(.25rem,.5vw,.5rem);padding:clamp(.25rem,.5vw,.5rem) clamp(.5rem,1vw,.75rem);display:flex}.pending-player-info{flex:1}.pending-player-name{color:var(--color-text-primary);font-weight:500}.pending-player-actions{gap:var(--space-2);display:flex}.btn-approve,.btn-decline{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);border:none;font-size:1rem}.btn-approve{background:var(--color-success);color:#fff}.btn-approve:hover{background:#16a34a;transform:scale(1.1)}.btn-decline{background:var(--color-error);color:#fff}.btn-decline:hover{background:#dc2626;transform:scale(1.1)}.nickname-hint{color:var(--color-text-muted);margin-top:var(--space-1);font-size:.75rem;display:block}.game-area{justify-content:center;align-items:center;min-width:0;min-height:0;padding:clamp(.25rem,.5vw,.5rem) clamp(.5rem,1vw,.75rem) clamp(.5rem,1vw,.75rem);display:flex;overflow:hidden}.split-screen-layout{grid-template-columns:1fr 350px;gap:clamp(.5rem,1vw,.75rem);width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.question-panel{flex-direction:column;gap:clamp(.5rem,1vw,.75rem);min-width:0;height:100%;min-height:0;max-height:100%;display:flex;overflow:hidden}.controls-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:clamp(.75rem,1.5vw,1rem);min-width:0;min-height:0;padding:clamp(.75rem,1.5vw,1rem);display:flex;overflow:hidden}.controls-bottom-section{flex-direction:column;flex-shrink:0;gap:clamp(.75rem,1.5vw,1rem);margin-top:auto;display:flex}.alerts-section{flex-direction:column;flex-shrink:0;gap:clamp(.5rem,1vw,.75rem);display:flex}.alerts-section--controls{margin-bottom:auto}.alerts-section--host{margin-bottom:clamp(.25rem,.5vw,.5rem);display:none}.alerts-section--question{display:none}.secret-result-indicator{border:2px solid var(--color-purple,#8b5cf6);border-radius:var(--radius-md);background:linear-gradient(135deg,#8b5cf626 0%,#7c3aed1a 100%);flex-shrink:0;width:100%;padding:clamp(.75rem,1.5vw,1rem);animation:.6s ease-out secretReveal}@keyframes secretReveal{0%{opacity:0;transform:scale(.95)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.secret-result-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.secret-result-header .secret-icon{font-size:1.25rem}.secret-result-header h2{color:var(--color-purple,#8b5cf6);margin:0;font-size:clamp(.875rem,1.5vw,1.1rem);line-height:1.2}.secret-result-details{flex-direction:column;gap:.25rem;display:flex}.secret-target-name{color:var(--color-text);font-size:clamp(1rem,2vw,1.25rem);font-weight:700}.secret-price{color:var(--color-text-secondary);font-size:clamp(.75rem,1.25vw,.9rem)}.secret-selector{color:var(--color-text-muted,#6b7280);font-size:clamp(.7rem,1vw,.8rem);font-style:italic}.auction-result-indicator{border:2px solid var(--color-warning,#f59e0b);border-radius:var(--radius-md);background:linear-gradient(135deg,#fbbf2426 0%,#f59e0b1a 100%);flex-shrink:0;width:100%;padding:clamp(.75rem,1.5vw,1rem);animation:.6s ease-out auctionWin}@keyframes auctionWin{0%{opacity:0;transform:scale(.95)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.auction-result-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.auction-result-header .auction-icon{font-size:1.25rem}.auction-result-header h2{color:var(--color-warning,#f59e0b);margin:0;font-size:clamp(.875rem,1.5vw,1.1rem);line-height:1.2}.auction-result-details{flex-direction:column;gap:.25rem;display:flex}.auction-winner-name{color:var(--color-text);font-size:clamp(1rem,2vw,1.25rem);font-weight:700}.auction-winning-bid{color:var(--color-text-secondary);align-items:center;gap:.5rem;font-size:clamp(.75rem,1.25vw,.9rem);display:flex}.auction-winning-bid .all-in-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:4px;padding:.125rem .375rem;font-size:.7rem;font-weight:600}.buzzer-status-indicator{border:2px solid var(--color-error);border-radius:var(--radius-md);background:#ef44441a;flex-shrink:0;width:100%;padding:clamp(.5rem,1vw,.75rem);animation:1s ease-in-out infinite pulse}.buzzer-status-indicator h2{color:var(--color-error);margin-bottom:clamp(.25rem,.5vw,.5rem);font-size:clamp(.875rem,1.5vw,1rem);line-height:1.2}.buzzer-status-indicator p{color:var(--color-text-secondary);font-size:clamp(.7rem,1vw,.875rem);line-height:1.3}.answering-status-indicator{border:2px solid var(--color-success);border-radius:var(--radius-md);background:#22c55e1a;flex-shrink:0;width:100%;padding:clamp(.5rem,1vw,.75rem)}.answering-status-indicator h2{color:var(--color-success);font-size:clamp(.875rem,1.5vw,1rem);line-height:1.2}.answer-banner{background:var(--color-accent-muted);border:2px solid var(--color-accent);border-radius:var(--radius-md);flex-shrink:0;width:100%;padding:clamp(.75rem,1.5vw,1rem);animation:.3s ease-out slideDown}.answer-banner-content{flex-direction:column;align-items:center;gap:clamp(.25rem,.5vw,.5rem);display:flex}.answer-banner-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:clamp(.7rem,1vw,.875rem)}.answer-banner-text{color:var(--color-text-primary);font-size:clamp(.875rem,1.5vw,1rem);font-weight:600;line-height:1.3}.auto-buzzer-timer-bar{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);flex-shrink:0;width:100%;height:clamp(8px,1.2vw,12px);margin-bottom:clamp(.5rem,1vw,.75rem);position:relative;overflow:hidden}.timer-fill{border-radius:var(--radius-sm);height:100%;transition:width .1s linear,background-color .2s,box-shadow .2s}.timer-fill.counting{background:var(--color-border-hover);box-shadow:none}.timer-fill.buzzer-open{background:var(--color-accent);box-shadow:0 0 clamp(8px, 1.5vw, 16px) var(--color-accent-glow);animation:1s ease-in-out infinite timerBarPulse}.timer-fill.answer-reveal{background:var(--color-primary,#8b5cf6);box-shadow:none}@keyframes timerBarPulse{0%,to{box-shadow:0 0 clamp(8px, 1.5vw, 16px) var(--color-accent-glow);opacity:1}50%{box-shadow:0 0 clamp(12px, 2vw, 24px) var(--color-accent-glow);opacity:.9}}.question-panel .question-value{color:var(--color-secondary);text-align:center;flex-shrink:0;font-size:clamp(.875rem,2vw,1.25rem);font-weight:700;line-height:1.2}.question-panel .question-content{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-width:0;max-width:100%;min-height:0;padding:clamp(.75rem,1.5vw,1rem);transition:border-color .3s,box-shadow .3s;display:flex;overflow:hidden auto}.question-panel .question-content.buzzer-winner{border:3px solid var(--color-accent);box-shadow:0 0 20px var(--color-accent-glow), 0 0 40px #ff6b3533, inset 0 0 20px #ff6b350d;animation:2s ease-in-out infinite buzzerWinnerPulse}.question-panel .question-content.attempted-wrong{border:3px solid var(--color-error);box-shadow:none;animation:none}@keyframes buzzerWinnerPulse{0%,to{box-shadow:0 0 20px var(--color-accent-glow), 0 0 40px #ff6b3533, inset 0 0 20px #ff6b350d}50%{box-shadow:0 0 30px var(--color-accent-glow), 0 0 60px #ff6b354d, inset 0 0 30px #ff6b3514}}.host-question-controls{flex-shrink:0;justify-content:center;margin-top:auto;padding-top:clamp(.5rem,1vw,.75rem);display:flex}.controls-bottom-section .host-question-controls{justify-content:center;margin-top:0;margin-bottom:clamp(.5rem,1vw,.75rem);padding-top:0;display:flex}.answer-reveal-section{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.answer-reveal-section h2{color:var(--color-success);text-align:center;flex-shrink:0;margin-bottom:clamp(.5rem,1vw,.75rem);font-size:clamp(1rem,2vw,1.25rem);line-height:1.2}.correct-answer-content{background:var(--color-bg-card);border:2px solid var(--color-success);border-radius:var(--radius-lg);flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:100%;min-height:0;padding:clamp(.75rem,1.5vw,1rem);display:flex;overflow:hidden auto}.host-continue-controls{flex-shrink:0;justify-content:center;margin-top:auto;padding-top:clamp(.5rem,1vw,.75rem);display:flex}.controls-bottom-section .host-continue-controls{justify-content:center;margin-top:0;margin-bottom:clamp(.5rem,1vw,.75rem);padding-top:0;display:flex}.answer-input-section{flex-direction:column;flex-shrink:0;gap:clamp(.5rem,1vw,.75rem);display:flex}.answer-input-section h3{color:var(--color-text-primary);margin-bottom:clamp(.25rem,.5vw,.5rem);font-size:clamp(.875rem,1.5vw,1rem);line-height:1.2}.answer-input-section .answer-form{flex-direction:column;gap:clamp(.5rem,1vw,.75rem);width:100%;display:flex}.answer-input-section .answer-form input{background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);padding:clamp(.75rem,1.5vw,1rem);font-size:clamp(.875rem,1.5vw,1.125rem)}.answer-input-section .answer-form input:focus{border-color:var(--color-accent);outline:none}.answer-input-section .answer-form button{background:var(--color-accent);color:var(--color-bg-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:clamp(.75rem,1.5vw,1rem);font-size:clamp(.875rem,1.5vw,1rem);font-weight:600}.answer-input-section .answer-form button:hover:not(:disabled){background:var(--color-accent-hover)}.answer-input-section .answer-form button:disabled{opacity:.5;cursor:not-allowed}.buzzer-section{flex-direction:column;flex-shrink:0;gap:clamp(.5rem,1vw,.75rem);display:flex}.buzzer-button-rectangle{border-radius:var(--radius-lg);color:#fff;cursor:pointer;border:clamp(3px,.8vw,6px) solid;justify-content:center;align-items:center;width:100%;padding:clamp(1.5rem,3vw,2.5rem) clamp(1rem,2vw,1.5rem);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:900;transition:all .3s;display:flex;box-shadow:0 clamp(4px,1vw,8px),0 clamp(6px,1.5vw,12px) clamp(10px,2.5vw,20px) #0000004d}.buzzer-button-rectangle.enabled{background:linear-gradient(135deg,#ff6b6b,#e22);border-color:#c00;animation:1s ease-in-out infinite buzzerPulse;box-shadow:0 clamp(4px,1vw,8px) #a00,0 clamp(6px,1.5vw,12px) clamp(10px,2.5vw,20px) #ef444466}.buzzer-button-rectangle.enabled:hover{transform:translateY(-2px);box-shadow:0 clamp(6px,1.5vw,10px) #a00,0 clamp(8px,2vw,16px) clamp(15px,3vw,25px) #ef444480}.buzzer-button-rectangle.enabled:active{transform:translateY(2px);box-shadow:0 clamp(2px,.5vw,4px) #a00,0 clamp(4px,1vw,8px) clamp(8px,1.5vw,15px) #ef44444d}.buzzer-button-rectangle.disabled{cursor:not-allowed;opacity:.5;background:linear-gradient(135deg,#9ca3af,#6b7280);border-color:#4b5563;box-shadow:0 clamp(4px,1vw,8px) #374151,0 clamp(6px,1.5vw,12px) clamp(10px,2.5vw,20px) #0003}.buzzer-button-rectangle.disabled:hover{opacity:.6;transform:none}.buzzer-button-rectangle.winner{opacity:1;background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#15803d;box-shadow:0 clamp(4px,1vw,8px) #166534,0 clamp(6px,1.5vw,12px) clamp(10px,2.5vw,20px) #22c55e59}.buzzer-button-rectangle.winner:hover{opacity:1;transform:none}@keyframes buzzerPulse{0%,to{transform:scale(1);box-shadow:0 clamp(4px,1vw,8px) #a00,0 clamp(6px,1.5vw,12px) clamp(10px,2.5vw,20px) #ef444466}50%{transform:scale(1.02);box-shadow:0 clamp(4px,1vw,8px) #a00,0 clamp(8px,2vw,16px) clamp(15px,3vw,25px) #ef444499}}.buzzer-loader-fill{background:var(--color-border-hover);border-radius:var(--radius-lg) 0 0 var(--radius-lg);opacity:.5;z-index:1;pointer-events:none;transition:width .1s linear;position:absolute;top:0;bottom:0;left:0}.buzzer-false-start-icon{color:#111827;background:#f59e0b;border-radius:50%;justify-content:center;align-items:center;width:clamp(2.25rem,3vw,3rem);height:clamp(2.25rem,3vw,3rem);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:900;display:flex;box-shadow:0 4px 10px #00000059}.buzzer-content{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.25rem,.5vw,.5rem);width:100%;display:flex;position:relative}.buzzer-text{text-shadow:2px 2px 4px #0000004d;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1}.buzzer-price{text-shadow:1px 1px 2px #0000004d;opacity:.9;font-size:clamp(1rem,2vw,1.5rem);font-weight:700;line-height:1}.buzzer-hint{opacity:.8;text-shadow:1px 1px 2px #00000040;font-size:clamp(.75rem,1.2vw,.95rem);font-weight:600;line-height:1}.host-buzzer-controls{flex-shrink:0;justify-content:center;margin-bottom:clamp(.5rem,1vw,.75rem);display:flex}.controls-bottom-section .host-buzzer-controls{justify-content:center;margin-top:0;padding-top:0;display:flex}.host-answer-preview{flex-direction:column;flex-shrink:0;gap:clamp(.5rem,1vw,.75rem);display:flex}.answer-toggle-button{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:space-between;align-items:center;gap:clamp(.5rem,1vw,.75rem);padding:clamp(.5rem,1vw,.75rem);font-weight:600;display:flex}.answer-toggle-button:hover{border-color:var(--color-border-hover);background:#18181b99}.answer-toggle-icon{transition:transform var(--transition-fast)}.answer-toggle-icon.open{transform:rotate(180deg)}.host-answer-preview-content{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:clamp(.5rem,1vw,.75rem);max-height:450px;padding:clamp(.75rem,1.5vw,1rem);display:flex;overflow-y:auto}.host-review-actions{flex-shrink:0;justify-content:center;display:flex}.phase-lobby{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.lobby-content{flex-direction:column;justify-content:center;align-items:center;gap:clamp(.5rem,1vw,.75rem);width:100%;max-width:400px;height:100%;padding:clamp(.5rem,1vw,1rem);display:flex;overflow:hidden}.lobby-content h2{flex-shrink:0;margin-bottom:clamp(.25rem,.5vw,.5rem);font-size:clamp(1rem,2.5vw,1.5rem);line-height:1.2}.lobby-content p{color:var(--color-text-secondary);flex-shrink:0;margin-bottom:clamp(.5rem,1vw,.75rem);font-size:clamp(.75rem,1.2vw,.875rem);line-height:1.3}.share-section{text-align:left;flex-shrink:0;width:100%;max-width:100%;margin-bottom:clamp(.25rem,.5vw,.5rem)}.share-section label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:clamp(.25rem,.5vw,.5rem);font-size:clamp(.7rem,1vw,.875rem);display:block}.share-code{background:var(--color-bg-secondary);border-radius:var(--radius-md);align-items:center;gap:clamp(.5rem,1vw,.75rem);padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1rem);display:flex}.share-code span{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-accent);flex:1;font-size:clamp(1rem,2.5vw,1.5rem);font-weight:700;line-height:1.2}.share-code button,.share-link button{background:var(--color-accent);color:var(--color-bg-primary);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);border:none;padding:clamp(.25rem,.5vw,.5rem) clamp(.75rem,1.5vw,1rem);font-size:clamp(.75rem,1.2vw,.875rem);font-weight:500}.share-code button:hover,.share-link button:hover{background:var(--color-accent-hover)}.share-link{background:var(--color-bg-secondary);border-radius:var(--radius-md);align-items:center;gap:clamp(.25rem,.5vw,.5rem);display:flex;overflow:hidden}.share-link input{color:var(--color-text-secondary);font-size:clamp(.7rem,1vw,.875rem);font-family:var(--font-mono);background:0 0;border:none;flex:1;min-width:0;padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1rem)}.share-link input:focus{outline:none}.share-link button{border-radius:0;padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1rem)}.lobby-password-section{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-shrink:0;width:100%;max-width:100%;margin-top:clamp(.5rem,1vw,.75rem);padding:clamp(.75rem,1.5vw,1rem)}.password-toggle-row{justify-content:space-between;align-items:center;gap:clamp(.5rem,1vw,.75rem);display:flex}.password-toggle-row label{color:var(--color-text-primary);cursor:pointer;align-items:center;gap:clamp(.25rem,.5vw,.5rem);font-size:clamp(.75rem,1.2vw,.875rem);font-weight:500;display:flex}.password-toggle-row label svg{color:var(--color-text-muted);flex-shrink:0}.password-toggle-control{align-items:center;gap:clamp(.25rem,.5vw,.5rem);display:flex}.ios-toggle-switch{cursor:pointer;flex-shrink:0;width:44px;height:26px;display:inline-block;position:relative}.ios-toggle-switch input{opacity:0;width:0;height:0;position:absolute}.ios-toggle-slider{cursor:pointer;background-color:#78788029;border-radius:26px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.ios-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:22px;height:22px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:2px;left:2px;box-shadow:0 2px 4px #0003}.ios-toggle-switch input:checked+.ios-toggle-slider{background-color:var(--color-accent)}.ios-toggle-switch input:checked+.ios-toggle-slider:before{transform:translate(18px)}.ios-toggle-switch input:focus+.ios-toggle-slider{box-shadow:0 0 0 3px var(--color-accent-muted)}.ios-toggle-switch input:disabled+.ios-toggle-slider{cursor:not-allowed;opacity:.5}.ios-toggle-switch:hover input:not(:checked):not(:disabled)+.ios-toggle-slider{background-color:#7878803d}.ios-toggle-switch:hover input:checked:not(:disabled)+.ios-toggle-slider{background-color:var(--color-accent-hover)}.password-status{color:var(--color-text-muted);text-align:right;min-width:50px;font-size:clamp(.7rem,1vw,.75rem)}.password-display-section{border-top:1px solid var(--color-border);margin-top:clamp(.5rem,1vw,.75rem);padding-top:clamp(.5rem,1vw,.75rem)}.password-display-box{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:clamp(.5rem,1vw,.75rem);padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1rem);display:flex}.password-display-box .password-value{letter-spacing:.2em;color:var(--color-accent);-webkit-user-select:all;user-select:all;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600;transition:filter .2s}.password-display-box .password-value.blurred{filter:blur(8px);-webkit-user-select:none;user-select:none}.password-display-box .password-value.visible{filter:blur()}.password-display-box .password-value.clickable{cursor:pointer;border-radius:var(--radius-sm);padding:clamp(.25rem,.5vw,.5rem) clamp(.5rem,1vw,.75rem);transition:filter .2s,background .15s}.password-display-box .password-value.clickable:hover{background:#ffffff0d}.password-display-box .password-actions{align-items:center;gap:clamp(.25rem,.5vw,.5rem);display:flex}.password-display-box .password-action-btn{border-radius:var(--radius-sm);width:clamp(28px,3vw,32px);height:clamp(28px,3vw,32px);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.password-display-box .password-action-btn:hover{background:var(--color-bg-card-hover);color:var(--color-text-primary)}.password-display-box .password-action-btn:active{transform:scale(.95)}.password-display-box .password-action-btn:disabled{opacity:.5;cursor:not-allowed}.password-display-box .password-action-btn svg{width:clamp(14px,1.5vw,16px);height:clamp(14px,1.5vw,16px)}.password-display-box .password-action-btn svg.spinning{animation:1s linear infinite spin}.password-hint{color:var(--color-text-muted);text-align:center;margin-top:clamp(.25rem,.5vw,.5rem);font-size:clamp(.65rem,.9vw,.75rem)}.player-count{color:var(--color-text-secondary);flex-shrink:0;margin-bottom:clamp(.5rem,1vw,.75rem);font-size:clamp(.875rem,1.5vw,1rem);line-height:1.3}.player-count span{color:var(--color-accent);font-weight:700}.btn-start{background:var(--color-success);color:#fff;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;flex-shrink:0;padding:clamp(.5rem,1vw,.75rem) clamp(1rem,2vw,1.5rem);font-size:clamp(.875rem,1.5vw,1rem);font-weight:600;line-height:1.3}.btn-start:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.btn-start:disabled{opacity:.5;cursor:not-allowed}.phase-board{flex-direction:column;width:100%;max-width:100%;height:100%;display:flex;overflow:hidden}.turn-indicator-banner{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.5rem);margin-bottom:clamp(.375rem,.75vw,.5rem);padding:clamp(.375rem,.75vw,.5rem) clamp(.75rem,1.5vw,1rem);display:flex}.game-phase-content .turn-indicator-banner{margin:0}.turn-indicator-banner.is-me{background:#3b82f640;border-color:#3b82f6;animation:2s ease-in-out infinite turnIndicatorPulse}.turn-indicator-banner .turn-icon{font-size:clamp(1rem,1.5vw,1.25rem);animation:1s ease-in-out infinite turnIconBounce}.turn-indicator-banner .turn-text{color:var(--color-text-primary);font-size:clamp(.75rem,1.25vw,.875rem);font-weight:600}.turn-indicator-banner.is-me .turn-text{color:#60a5fa}@keyframes turnIndicatorPulse{0%,to{box-shadow:0 0 #3b82f64d}50%{box-shadow:0 0 20px 4px #3b82f666}}@keyframes turnIconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.board-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:clamp(.25rem,.5vw,.5rem);margin-bottom:clamp(.5rem,1vw,.75rem);display:flex}.board-header h2{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.875rem,1.8vw,1.25rem);line-height:1.2;overflow:hidden}.round-info-section{flex-shrink:0;align-items:center;gap:clamp(.25rem,.5vw,.5rem);display:flex}.round-info{color:var(--color-text-secondary);flex-shrink:0;font-size:clamp(.75rem,1.2vw,.875rem)}.btn-finish-round{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:clamp(24px,3vw,28px);height:clamp(24px,3vw,28px);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.btn-finish-round:hover{color:var(--color-accent);border-color:var(--color-accent);background:#18181ba6}.btn-finish-round svg{width:clamp(14px,1.8vw,16px);height:clamp(14px,1.8vw,16px)}.game-board{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(100px,1fr));display:grid}.game-board-structured{flex-direction:column;flex:1;gap:clamp(.125rem,.25vw,.25rem);width:100%;min-height:0;display:flex;overflow:hidden}.board-header-row{flex-shrink:0;gap:clamp(.125rem,.25vw,.25rem);display:flex}.game-board-structured .category-header{background:var(--color-accent);color:var(--color-bg-primary);border-radius:var(--radius-sm);text-align:center;text-transform:uppercase;letter-spacing:.02em;word-break:break-word;cursor:default;-webkit-user-select:none;user-select:none;pointer-events:none;flex:1;justify-content:center;align-items:center;height:auto;min-height:0;padding:clamp(.25rem,.5vw,.5rem);font-size:clamp(.6rem,1vw,.75rem);font-weight:700;line-height:1.1;display:flex;overflow:hidden}.board-row{flex:1;gap:clamp(.125rem,.25vw,.25rem);min-height:0;display:flex}.board-cell{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:default;transition:all var(--transition-fast);flex:1;justify-content:center;align-items:center;height:100%;min-height:0;padding:clamp(.125rem,.25vw,.25rem);font-size:clamp(.75rem,1.5vw,1.25rem);font-weight:700;display:flex}.board-cell.empty{visibility:hidden}.board-cell.unplayed.selectable{cursor:pointer;background:var(--color-accent-muted);border-color:var(--color-accent)}.board-cell.in_progress{background:var(--color-secondary-muted);border-color:var(--color-secondary)}.board-cell.answered_correct,.board-cell.answered_wrong,.board-cell.skipped{border-color:var(--glass-border);color:var(--color-text-muted);background:#1c1c1f73}.cell-value{color:var(--color-accent)}.cell-playing{color:var(--color-secondary);animation:1s ease-in-out infinite pulse}.board-cell.selecting{box-shadow:0 0 20px var(--color-secondary), 0 0 40px #fbbf244d;z-index:10;animation:1.2s ease-in-out questionSelectBounce;position:relative;border-color:var(--color-secondary)!important;background:var(--color-secondary-muted)!important}.board-cell.selecting .cell-value{color:var(--color-secondary)}.host-controls{flex-shrink:0;justify-content:center;margin-top:clamp(.5rem,1vw,.75rem);padding-top:clamp(.25rem,.5vw,.5rem);display:flex}.phase-question{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.5rem,1vw,.75rem);width:100%;height:100%;display:flex;overflow:hidden}.question-value{color:var(--color-secondary);flex-shrink:0;font-size:clamp(.875rem,2vw,1.25rem);font-weight:700;line-height:1.2}.question-header-info{background:linear-gradient(135deg, var(--color-accent-muted) 0%, #6366f11a 100%);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;gap:clamp(.5rem,1vw,.75rem);margin-bottom:clamp(.5rem,1vw,.75rem);padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1rem);font-weight:600;animation:.3s ease-out headerSlideIn;display:flex}@keyframes headerSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.question-category{color:var(--color-accent);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(.875rem,1.5vw,1.1rem)}.question-header-separator{color:var(--color-text-muted);font-size:clamp(.875rem,1.5vw,1rem)}.question-price{color:var(--color-secondary);font-family:var(--font-mono);font-size:clamp(1rem,2vw,1.25rem);font-weight:700}.question-content{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-width:0;max-width:100%;min-height:0;padding:clamp(.75rem,1.5vw,1rem);display:flex;overflow:hidden}.question-content p{color:var(--color-text-secondary);font-size:clamp(.875rem,1.8vw,1.125rem);line-height:1.4}.question-blocks{gap:var(--space-4);flex-direction:column;display:flex}.content-block{width:100%}.text-block{color:var(--color-text-primary);font-size:1.25rem;line-height:1.6}.text-block p{margin:0 0 var(--space-3) 0}.text-block p:last-child{margin-bottom:0}.media-block{margin:var(--space-4) 0;justify-content:center;align-items:center;display:flex}.media-block img{border-radius:var(--radius-md);object-fit:contain;max-width:100%;max-height:500px}.media-block audio,.media-block video{border-radius:var(--radius-md);max-width:100%}.media-block a{color:var(--color-accent);text-decoration:underline}.phase-buzzer{text-align:center;justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.buzzer-prompt{flex-shrink:0}.buzzer-prompt h2{color:var(--color-error);margin-bottom:clamp(.25rem,.5vw,.5rem);font-size:clamp(1rem,2.5vw,1.5rem);line-height:1.2}.buzzer-prompt p{color:var(--color-text-secondary);margin-bottom:clamp(.5rem,1vw,.75rem);font-size:clamp(.75rem,1.2vw,.875rem);line-height:1.3}.buzzer-button{color:#fff;cursor:pointer;background:radial-gradient(circle at 30% 30%,#ff6b6b,#e22);border:clamp(4px,1vw,8px) solid #c00;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(120px,20vw,200px);height:clamp(120px,20vw,200px);font-size:clamp(1.25rem,3vw,2rem);font-weight:900;transition:all .1s;display:flex;box-shadow:0 clamp(4px,1vw,8px) #a00,0 clamp(6px,1.5vw,12px) clamp(10px,2.5vw,20px) #00000080}.buzzer-button:hover{transform:translateY(-4px);box-shadow:0 12px #a00,0 16px 24px #00000080}.buzzer-button:active{transform:translateY(4px);box-shadow:0 4px #a00,0 6px 12px #00000080}.buzzer-text{text-shadow:2px 2px 4px #0000004d}.phase-answering{text-align:center;justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;width:100%;max-width:100%;height:100%;display:flex;overflow:hidden}.answering-info{flex-shrink:0}.answering-info h2{margin-bottom:clamp(.5rem,1vw,.75rem);font-size:clamp(1rem,2.5vw,1.5rem);line-height:1.2}.answer-form{flex-shrink:0;gap:clamp(.25rem,.5vw,.5rem);width:100%;max-width:clamp(300px,50vw,500px);display:flex}.answer-form input{background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);flex:1;min-width:0;padding:clamp(.75rem,1.5vw,1rem);font-size:clamp(.875rem,1.5vw,1.125rem)}.answer-form input:focus{border-color:var(--color-accent);outline:none}.answer-form button{background:var(--color-accent);color:var(--color-bg-primary);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;padding:clamp(.75rem,1.5vw,1rem) clamp(1rem,2vw,1.5rem);font-size:clamp(.875rem,1.5vw,1rem);font-weight:600}.answer-form button:disabled{opacity:.5;cursor:not-allowed}.phase-review{text-align:center;flex-direction:column;align-items:center;gap:clamp(.5rem,1vw,.75rem);width:100%;height:100%;padding:clamp(.5rem,1vw,1rem);display:flex;overflow:hidden}.review-content{flex-direction:column;flex:1;gap:clamp(.5rem,1vw,.75rem);width:100%;max-width:100%;min-height:0;display:flex;overflow:hidden}.host-answer-info{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left;min-height:0;margin-top:clamp(.5rem,1vw,1rem);padding:clamp(.75rem,1.5vw,1rem);overflow:hidden}.host-answer-info h3{color:var(--color-text-primary);margin-bottom:clamp(.5rem,1vw,.75rem);font-size:clamp(.875rem,1.5vw,1.125rem);line-height:1.2}.host-notes{border-top:1px solid var(--color-border);margin-top:clamp(.5rem,1vw,1rem);padding-top:clamp(.5rem,1vw,1rem)}.host-notes h4{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:clamp(.25rem,.5vw,.5rem);font-size:clamp(.7rem,1vw,.875rem);line-height:1.2}.host-notes-content{color:var(--color-text-primary);white-space:pre-wrap;font-size:clamp(.875rem,1.2vw,1rem);line-height:1.4;overflow:hidden}.submitted-answer{background:var(--color-bg-card);border-radius:var(--radius-lg);flex-shrink:0;margin-top:clamp(.5rem,1vw,1rem);padding:clamp(.75rem,1.5vw,1rem) clamp(1rem,2vw,1.5rem)}.answer-label{color:var(--color-text-muted);margin-bottom:clamp(.25rem,.5vw,.5rem);font-size:clamp(.7rem,1vw,.875rem);line-height:1.2;display:block}.answer-text{font-size:clamp(1rem,2vw,1.25rem);font-weight:600;line-height:1.3}.judge-buttons{flex-shrink:0;justify-content:center;gap:clamp(.5rem,1vw,1rem);display:flex}.btn-correct,.btn-incorrect{border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;flex-shrink:0;padding:clamp(.75rem,1.5vw,1rem) clamp(1.5rem,3vw,2rem);font-size:clamp(1rem,1.8vw,1.125rem);font-weight:600}.btn-correct{background:var(--color-success);color:#fff}.btn-correct:hover{transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.btn-incorrect{background:var(--color-error);color:#fff}.btn-incorrect:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.phase-show-answer{text-align:center;justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.answer-reveal{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;overflow:hidden}.correct-answer{background:var(--color-bg-card);border-radius:var(--radius-lg);border:2px solid var(--color-success);flex-direction:column;width:100%;max-width:100%;min-height:0;padding:clamp(.75rem,1.5vw,1rem);display:flex;overflow:hidden}.correct-answer p{color:var(--color-success);font-size:clamp(1rem,2vw,1.25rem);line-height:1.4}.answer-spec{text-align:left}.canonical-answer{color:var(--color-success);margin-bottom:var(--space-4);font-size:1.5rem;font-weight:600}.alternative-answers{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.alternatives-label{color:var(--color-text-muted);margin-bottom:var(--space-2);font-size:.875rem}.alternative-answers ul{margin:0;padding:0;list-style:none}.alternative-answers li{padding:var(--space-2) 0;color:var(--color-text-secondary)}.loading-state,.error-state{text-align:center;padding:var(--space-4)}.error-state{color:var(--color-error)}.debug-info{color:var(--color-text-muted);font-size:.75rem;font-family:var(--font-mono);margin-top:var(--space-2)}.answer-blocks{gap:var(--space-4);flex-direction:column;display:flex}.answer-spec{gap:var(--space-4);text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.canonical-answer{color:var(--color-success);text-align:center;margin:0;font-size:clamp(1rem,2vw,1.25rem);font-weight:600;line-height:1.3}.alternative-answers{border-top:1px solid var(--color-border);margin-top:clamp(.5rem,1vw,1rem);padding-top:clamp(.5rem,1vw,1rem)}.alternatives-label{color:var(--color-text-muted);margin-bottom:clamp(.25rem,.5vw,.5rem);font-size:clamp(.7rem,1vw,.875rem);font-weight:500;line-height:1.2}.alternative-answers ul{padding-left:var(--space-6);margin:0;list-style-type:disc}.alternative-answers li{color:var(--color-text-primary);margin-bottom:clamp(.25rem,.5vw,.5rem);font-size:clamp(.875rem,1.5vw,1rem);line-height:1.4}.answer-options{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:clamp(.5rem,1vw,.75rem);width:100%;margin-top:clamp(.75rem,1.5vw,1rem);padding:clamp(.75rem,1.5vw,1rem);display:flex}.answer-option{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-fast);align-items:flex-start;gap:clamp(.5rem,1vw,.75rem);padding:clamp(.5rem,1vw,.75rem);display:flex}.answer-option:hover{border-color:var(--color-accent);background:#18181b8c}.answer-option.correct{border-color:var(--color-success);background:#22c55e26;border-width:2px}.option-letter{color:var(--color-accent);flex-shrink:0;min-width:clamp(1.5rem,2.5vw,2rem);font-size:clamp(.875rem,1.5vw,1rem);font-weight:700}.answer-option.correct .option-letter{color:var(--color-success)}.option-text{color:var(--color-text-primary);flex:1;font-size:clamp(.875rem,1.5vw,1rem);line-height:1.4}.answer-option.correct .option-text{color:var(--color-text-primary);font-weight:500}.phase-round-end,.phase-results{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.5rem,1vw,.75rem);width:100%;height:100%;padding:clamp(.5rem,1vw,1rem);display:flex;overflow:hidden}.round-scores,.final-scores{background:var(--color-bg-card);border-radius:var(--radius-lg);flex-direction:column;flex:1;width:100%;min-width:0;max-width:100%;min-height:0;padding:clamp(.5rem,1vw,.75rem);display:flex;overflow:hidden}.round-score-entry,.final-score-entry{border-radius:var(--radius-md);flex-shrink:0;align-items:center;gap:clamp(.5rem,1vw,1rem);padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1rem);font-size:clamp(.875rem,1.5vw,1rem);display:flex}.round-score-entry:nth-child(2n){background:#18181b80}.final-score-entry.rank-1{background:#f7c94b33;font-size:clamp(1rem,1.8vw,1.125rem)}.final-score-entry.rank-2{background:#c0c0c01a}.final-score-entry.rank-3{background:#cd7f321a}.rank,.medal{min-width:40px;font-weight:700}.name{text-align:left;flex:1}.score{font-family:var(--font-mono);color:var(--color-secondary);font-weight:700}.round-end-actions{flex-shrink:0;justify-content:center;gap:clamp(.5rem,1vw,1rem);display:flex}.btn-primary{padding:var(--space-3) var(--space-6);background:var(--color-accent);color:var(--color-bg-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:600}.btn-primary:hover{background:var(--color-accent-hover)}.btn-primary.btn-large{padding:var(--space-4) var(--space-8);font-size:1.125rem}.btn-secondary{padding:var(--space-3) var(--space-6);background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-weight:500}.btn-secondary:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover)}.join-modal-overlay{padding:var(--space-4);z-index:100;background:0 0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.join-modal{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:400px}.join-modal h2{text-align:center;margin-bottom:var(--space-4)}.room-code-display{text-align:center;margin-bottom:var(--space-6);color:var(--color-text-secondary)}.room-code-display span{font-family:var(--font-mono);color:var(--color-accent);letter-spacing:.1em;font-weight:700}.modal-actions{gap:var(--space-3);margin-top:var(--space-6);display:flex}.modal-actions button{flex:1}.password-modal .password-prompt{text-align:center;color:var(--color-text-muted);margin-bottom:var(--space-4);font-size:.875rem}.password-modal #lobby-password-input{text-align:center;font-family:var(--font-mono);letter-spacing:.3em;font-size:1.5rem;font-weight:600}.password-modal #lobby-password-input::placeholder{letter-spacing:normal;font-size:.875rem;font-weight:400}.join-modal .form-group{margin-bottom:var(--space-4)}.join-modal .form-group label{margin-bottom:var(--space-2);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;display:block}.join-modal .form-group input{width:100%;padding:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:border-color var(--transition-fast);font-size:1rem}.join-modal .form-group input:focus{border-color:var(--color-accent);outline:none}.join-modal #lobby-password-input{font-family:var(--font-mono);letter-spacing:.2em;text-align:center;font-size:1.25rem}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:3rem!important}.password-toggle-btn{right:var(--space-2);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);transition:color var(--transition-fast);z-index:1;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.password-toggle-btn:hover{color:var(--color-text-primary)}.password-toggle-btn:focus{color:var(--color-accent);outline:none}.join-modal .loading-section{text-align:center;padding:var(--space-6)}.join-modal .loading-section .loading-spinner{margin:0 auto var(--space-4)}.error-toast{bottom:var(--space-6);background:var(--color-error);color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);align-items:center;gap:var(--space-3);box-shadow:var(--shadow-lg);z-index:1000;display:flex;position:fixed;left:50%;transform:translate(-50%)}.error-toast button{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.25rem;line-height:1}@media (max-width:1024px){.game-main{grid-template-columns:minmax(160px,220px) 1fr}.scoreboard,.game-area{padding:clamp(.5rem,1vw,.75rem)}.split-screen-layout{grid-template-columns:1fr 300px}}@media (max-width:768px){.game-room{--glass-blur-strong:10px;--glass-blur-soft:6px;--glass-blur-cell:0px;background-attachment:scroll}.game-main{grid-template-rows:1fr auto;grid-template-columns:1fr}.scoreboard{order:2;margin-top:0;margin-left:0;margin-right:0}.player-list{flex-direction:row;gap:clamp(.25rem,.5vw,.5rem);overflow:auto hidden}.player-card{flex-shrink:0;min-width:clamp(120px,15vw,140px)}.player-avatar{width:clamp(28px,4vw,32px);height:clamp(28px,4vw,32px);font-size:clamp(.875rem,1.5vw,1rem)}.player-score{min-width:clamp(35px,5vw,40px);font-size:clamp(.875rem,1.5vw,1rem)}.game-phase{order:3;justify-content:center;width:100%;display:flex;position:static;transform:none}.game-phase-content{width:100%;padding-left:calc(clamp(32px, 5vw, 40px) + var(--space-2));justify-content:center;display:flex;position:relative}.game-phase-content .question-header-indicator,.game-phase-content .phase-indicator,.game-phase-content .turn-indicator-banner{flex:auto;min-width:0}.header-toggle-btn{flex-shrink:0;display:inline-flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.game-header{flex-wrap:wrap;align-items:stretch;gap:clamp(.25rem,.5vw,.5rem);min-height:clamp(44px,6vh,48px);padding:clamp(.5rem,1vw,.75rem)}.game-header-left,.game-header-right{flex:auto;min-width:0}.game-header-right{justify-content:flex-end}.game-header.is-collapsed .game-header-left,.game-header.is-collapsed .game-header-right{display:none}.question-header-indicator,.phase-indicator{white-space:normal;text-align:center;flex-wrap:wrap;justify-content:center;row-gap:clamp(.25rem,.5vw,.5rem);max-width:100%}.question-header-indicator .question-category{text-align:center;overflow-wrap:anywhere;width:100%}.question-header-info{margin-bottom:clamp(.25rem,.5vw,.5rem)}.room-code{font-size:clamp(.75rem,1.2vw,.875rem)}.phase-indicator{padding:clamp(.25rem,.5vw,.5rem) clamp(.5rem,1vw,.75rem);font-size:clamp(.7rem,1vw,.75rem)}.game-board-structured .category-header{padding:clamp(.25rem,.5vw,.5rem);font-size:clamp(.6rem,.9vw,.65rem)}.board-cell{font-size:clamp(.75rem,1.2vw,.875rem)}.split-screen-layout{grid-template-rows:1fr auto;grid-template-columns:1fr;gap:clamp(.5rem,1vw,.75rem)}.controls-panel{order:2;min-height:0;max-height:clamp(220px,32vh,320px);position:relative;overflow-y:auto}.question-panel{order:1}.alerts-section{pointer-events:none}.alerts-section--controls,.alerts-section--host{display:none}.controls-bottom-section .buzzer-section{z-index:3;background:var(--color-bg-secondary);padding:clamp(.5rem,1vw,.75rem) 0;position:sticky;bottom:0}.scoreboard .host-info{display:none}.alerts-section--question{margin-top:clamp(.5rem,1vw,.75rem);display:flex}.buzzer-button-rectangle{padding:clamp(1rem,2.5vw,1.5rem) clamp(.75rem,1.5vw,1rem);font-size:clamp(1.25rem,2.5vw,2rem)}}@media (max-width:480px){.game-area{justify-content:flex-start;align-items:stretch;overflow-y:auto}.split-screen-layout{height:auto;min-height:100%;overflow:visible}.question-panel{height:auto;max-height:none;overflow:visible}.question-panel .question-content{justify-content:flex-start}.game-header{min-height:clamp(40px,5vh,44px)}.btn-icon{width:clamp(28px,4vw,32px);height:clamp(28px,4vw,32px)}.btn-icon svg{width:clamp(14px,2vw,16px);height:clamp(14px,2vw,16px)}.scoreboard{margin-top:0}.player-card{min-width:clamp(100px,12vw,120px);padding:clamp(.25rem,.5vw,.5rem)}.game-board-structured .category-header{font-size:clamp(.55rem,.8vw,.6rem)}.board-cell{padding:clamp(.125rem,.25vw,.25rem);font-size:clamp(.7rem,1vw,.75rem)}.split-screen-layout{grid-template-columns:1fr}.controls-panel{min-height:0;max-height:clamp(200px,30vh,280px)}.question-header-indicator .question-header-separator{display:none}.buzzer-button-rectangle{padding:clamp(.875rem,2vw,1.25rem) clamp(.5rem,1.2vw,.75rem);font-size:clamp(1rem,2vw,1.5rem)}}@media (max-height:600px){.game-room{--glass-blur-strong:10px;--glass-blur-soft:6px;--glass-blur-cell:0px;background-attachment:scroll}.game-area{justify-content:flex-start;align-items:stretch;overflow-y:auto}.split-screen-layout{height:auto;min-height:100%;overflow:visible}.question-panel{height:auto;max-height:none;overflow:visible}.question-panel .question-content{justify-content:flex-start}}.glass-panel{background-color:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:none;-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(140%)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-panel{background-color:var(--glass-bg-strong)}}.game-room :where(.btn-icon,.settings-button,.btn-finish-round,.share-code,.share-link,.lobby-content,.lobby-password-section,.password-display-box,.answer-options,.answer-option,.answer-toggle-button,.host-answer-preview-content,.host-answer-info,.submitted-answer,.round-scores,.final-scores,.correct-answer,.answer-input-section .answer-form input){background-color:var(--glass-bg-soft);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur-soft)) saturate(140%)}.game-room .answer-input-section .answer-form input{border-width:2px}.game-room :where(.player-card,.pending-player-card){background-color:var(--glass-bg-soft);border-color:var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur-soft)) saturate(140%)}.game-room :where(.answer-banner,.buzzer-status-indicator,.answering-status-indicator,.secret-result-indicator,.auction-result-indicator,.question-header-info,.host-badge,.error-toast){border-color:var(--glass-border-strong);-webkit-backdrop-filter:blur(var(--glass-blur-soft)) saturate(140%)}.game-room .board-cell{background-color:var(--glass-bg-soft);border-color:var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur-cell)) saturate(140%)}.game-room .question-content.glass-panel{background:var(--glass-bg)}.game-room .game-board-structured .category-header{-webkit-backdrop-filter:blur(var(--glass-blur-cell)) saturate(140%);background:linear-gradient(135deg,#ff6b35cc 0%,#ff6b3599 100%);border:1px solid #ffffff26}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.game-room :where(.btn-icon,.settings-button,.btn-finish-round,.share-code,.share-link,.lobby-content,.lobby-password-section,.password-display-box,.answer-options,.answer-option,.answer-toggle-button,.host-answer-preview-content,.host-answer-info,.submitted-answer,.round-scores,.final-scores,.correct-answer,.answer-input-section .answer-form input,.player-card,.pending-player-card,.board-cell){background-color:var(--glass-bg-strong)}}.phase-indicator.phase-buzzer.glass-panel{border-color:var(--color-error);background-color:#ef44442e}.turn-indicator-banner.is-me.glass-panel{background-color:#3b82f640;border-color:#3b82f6}.settings-page{gap:var(--space-6);grid-template-columns:minmax(200px,280px) 1fr;min-height:70vh;display:grid}.settings-sidebar{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);height:fit-content}.settings-title{margin-bottom:var(--space-4);font-size:1.25rem}.settings-menu{gap:var(--space-2);flex-direction:column;display:flex}.settings-menu-item{text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);background:0 0;border:1px solid #0000}.settings-menu-item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.settings-menu-item.is-active{background:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-accent)}.settings-content{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.settings-panel h3{margin-bottom:var(--space-2);font-size:1.25rem}.settings-description{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.settings-field{margin-bottom:var(--space-5)}.settings-label{margin-bottom:var(--space-2);font-weight:500;display:block}.settings-input{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-primary)}.settings-input-row{align-items:center;gap:var(--space-2);display:flex}.settings-unit{color:var(--color-text-muted);font-size:.875rem}.settings-toggle{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.settings-toggle label{color:var(--color-text-secondary);font-weight:500}.settings-toggle input{width:18px;height:18px}.settings-field.is-nested{padding-left:var(--space-4)}.ingame-settings{gap:var(--space-4);flex-direction:column;display:flex}.settings-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-muted);outline:none}.background-options{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.background-option{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-tertiary);color:var(--color-text-primary);transition:all var(--transition-fast);padding:0;overflow:hidden}.background-option img{object-fit:cover;width:100%;height:120px;display:block}.background-option span{padding:var(--space-2) var(--space-3);display:block}.background-option.is-dark{background:#000;align-items:flex-end;min-height:160px;display:flex}.background-option.is-dark span{color:#fff}.background-option.is-selected{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-muted)}.settings-actions{align-items:center;gap:var(--space-3);display:flex}.settings-save{padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-bg-primary);transition:background var(--transition-fast);border:none;font-weight:600}.settings-save:hover{background:var(--color-accent-hover)}.settings-save:disabled{opacity:.6;cursor:not-allowed}.settings-message{color:var(--color-text-secondary);font-size:.875rem}.settings-error{color:var(--color-error);font-size:.875rem}.settings-placeholder{background:var(--color-bg-tertiary);border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);color:var(--color-text-secondary)}@media (max-width:1024px){.settings-page{grid-template-columns:minmax(160px,220px) 1fr}}@media (max-width:768px){.settings-page{grid-template-columns:1fr}.settings-sidebar{z-index:5;position:sticky;top:80px}}.landing{min-height:100vh;color:var(--color-text-primary);background:var(--color-bg-primary);--landing-header-height:72px}.landing-header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#0a0a0bd9;position:sticky;top:0}.landing-header-content{height:var(--landing-header-height);justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.landing-logo{align-items:center;gap:var(--space-3);color:var(--color-text-primary);font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.landing-logo-icon{border-radius:var(--radius-md);width:36px;height:36px}.landing-logo-text{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-nav{align-items:center;gap:var(--space-6);display:flex}.landing-nav a{color:var(--color-text-secondary);transition:color var(--transition-fast);font-weight:500;text-decoration:none}.landing-nav a:hover{color:var(--color-text-primary)}.landing-header-actions{align-items:center;gap:var(--space-3);display:flex}.landing-link{color:var(--color-text-secondary);font-weight:500}.landing-link:hover{color:var(--color-text-primary)}.landing-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-fast);border:1px solid #0000;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.landing-btn-primary{background:var(--color-accent);color:var(--color-bg-primary)}.landing-btn-primary:hover{background:var(--color-accent-hover);color:var(--color-bg-primary)}.landing-btn-secondary{color:var(--color-text-primary);border-color:var(--color-border);background:0 0}.landing-btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.landing-btn-large{padding:var(--space-3) var(--space-6);font-size:1rem}.landing-btn-icon{width:18px;height:18px}.landing-hero{padding:calc(var(--space-16) + var(--landing-header-height)) 0 var(--space-16);position:relative;overflow:hidden}.landing-hero:before{content:"";pointer-events:none;background:radial-gradient(at 20% 20%,#ff6b3526 0%,#0000 55%),radial-gradient(at 80% 30%,#f7c94b1f 0%,#0000 55%),radial-gradient(at 50% 80%,#ff6b3514 0%,#0000 50%);position:absolute;inset:0}.landing-hero-content{z-index:1;text-align:center;max-width:900px;margin:0 auto;position:relative}.landing-hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-accent-muted);color:var(--color-accent);margin-bottom:var(--space-8);background:#ff6b351f;border-radius:999px;font-weight:600;display:inline-flex}.landing-hero-badge-icon{width:16px;height:16px}.landing-hero-title{margin-bottom:var(--space-6);text-wrap:balance;font-size:clamp(2.5rem,4vw,4.5rem);font-weight:800;line-height:1.1}.landing-gradient-text{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-hero-subtitle{color:var(--color-text-secondary);margin:0 auto var(--space-8);max-width:700px;font-size:1.125rem}.landing-hero-actions{justify-content:center;align-items:center;gap:var(--space-4);margin-bottom:var(--space-10);flex-wrap:wrap;display:flex}.landing-hero-stats{justify-content:center;gap:var(--space-10);flex-wrap:wrap;display:flex}.landing-stat{text-align:center}.landing-stat-value{color:var(--color-secondary);font-size:2rem;font-weight:700}.landing-stat-label{color:var(--color-text-muted);font-size:.95rem}.landing-board{margin-top:var(--space-16);padding:var(--space-6);border-radius:var(--radius-2xl);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);background:#121214d9;position:relative}.landing-board-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);color:var(--color-text-secondary);flex-wrap:wrap;justify-content:space-between;font-size:.9rem;display:flex}.landing-board-room{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-accent-muted);border-radius:var(--radius-md);color:var(--color-accent);font-weight:600;display:inline-flex}.landing-board-room-label{color:var(--color-text-secondary);font-weight:500}.landing-board-players{align-items:center;gap:var(--space-2);display:inline-flex}.landing-board-players-icon{width:16px;height:16px}.landing-board-round{font-weight:500}.landing-board-grid{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.landing-board-category{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-radius:var(--radius-md);padding:var(--space-2);text-align:center;font-size:.85rem;font-weight:600}.landing-board-cell{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-3);text-align:center;color:var(--color-accent);transition:all var(--transition-fast);border:1px solid #0000;font-weight:700}.landing-board-cell:hover{border-color:var(--color-accent-muted);background:#ff6b351a}.landing-board-cell.is-used{color:var(--color-text-muted);background:#ffffff0a;border-color:#0000;text-decoration:line-through}.landing-board-players-bar{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.landing-board-player{align-items:center;gap:var(--space-2);display:flex}.landing-board-avatar{background:var(--color-bg-tertiary);width:34px;height:34px;color:var(--color-text-primary);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.landing-board-avatar.is-leader{background:var(--color-accent);color:var(--color-bg-primary)}.landing-board-player-info{flex-direction:column;gap:2px;display:flex}.landing-board-player-name{font-size:.9rem;font-weight:600}.landing-board-player-score{color:var(--color-secondary);font-size:.85rem;font-family:var(--font-mono)}.landing-section{padding:var(--space-16) 0;scroll-margin-top:calc(var(--landing-header-height) + var(--space-4))}.landing-section-accent{background:#ffffff05}.landing-section-header{text-align:center;max-width:760px;margin:0 auto var(--space-12)}.landing-section-title{margin-bottom:var(--space-4);font-size:clamp(2rem,3vw,3.25rem);font-weight:700}.landing-section-subtitle{color:var(--color-text-secondary);font-size:1.05rem}.landing-grid{gap:var(--space-6);display:grid}.landing-steps,.landing-features,.landing-use-cases{grid-template-columns:1fr}@media (min-width:640px){.landing-steps{grid-template-columns:repeat(3,1fr)}.landing-features,.landing-use-cases{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.landing-features{grid-template-columns:repeat(3,1fr)}.landing-use-cases{grid-template-columns:repeat(4,1fr)}}.landing-card{padding:var(--space-6);border-radius:var(--radius-2xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), border-color var(--transition-fast);background:#121214d9;position:relative}.landing-card:hover{border-color:var(--color-accent-muted);transform:translateY(-4px)}.landing-card h3{margin-bottom:var(--space-2);font-size:1.1rem;font-weight:700}.landing-card p{color:var(--color-text-secondary);font-size:.95rem}.landing-step-number{top:var(--space-4);right:var(--space-4);background:var(--color-accent);width:32px;height:32px;color:var(--color-bg-primary);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute}.landing-icon-wrapper{border-radius:var(--radius-lg);width:56px;height:56px;margin-bottom:var(--space-4);color:var(--color-accent);background:#ff6b351f;justify-content:center;align-items:center;display:flex}.landing-icon{width:26px;height:26px}.landing-cta{border-radius:var(--radius-2xl);padding:var(--space-12);border:1px solid var(--color-border);text-align:center;background:#121214e6;position:relative;overflow:hidden}.landing-cta:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 20%,#ff6b352e,#0000 55%);position:absolute;inset:0}.landing-cta-badge{z-index:1;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-accent-muted);color:var(--color-accent);margin-bottom:var(--space-6);background:#ff6b351f;border-radius:999px;font-weight:600;display:inline-flex;position:relative}.landing-cta-badge-icon{width:16px;height:16px}.landing-cta-title{z-index:1;margin-bottom:var(--space-4);font-size:clamp(2rem,3vw,3rem);font-weight:700;position:relative}.landing-cta-subtitle{z-index:1;color:var(--color-text-secondary);margin:0 auto var(--space-8);max-width:640px;position:relative}.landing-cta-actions{z-index:1;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;justify-content:center;display:flex;position:relative}.landing-cta-trust{z-index:1;gap:var(--space-6);border-top:1px solid var(--color-border);padding-top:var(--space-6);color:var(--color-text-secondary);flex-wrap:wrap;justify-content:center;font-size:.95rem;display:flex;position:relative}.landing-cta-trust-item{align-items:center;gap:var(--space-2);display:inline-flex}.landing-cta-dot{background:var(--color-success);border-radius:50%;width:8px;height:8px}.landing-footer{border-top:1px solid var(--color-border);padding:var(--space-10) 0 var(--space-6);background:#0a0a0be6}.landing-footer-content{justify-content:space-between;align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.landing-footer-links{gap:var(--space-6);color:var(--color-text-secondary);font-size:.95rem;display:flex}.landing-footer-links a{color:inherit;text-decoration:none}.landing-footer-links a:hover{color:var(--color-text-primary)}.landing-footer-social{gap:var(--space-3);display:flex}.landing-footer-social a{border-radius:var(--radius-md);background:var(--color-bg-tertiary);width:40px;height:40px;color:var(--color-text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.landing-footer-social a:hover{color:var(--color-text-primary);background:var(--color-bg-card-hover)}.landing-footer-icon{width:20px;height:20px}.landing-footer-bottom{text-align:center;color:var(--color-text-muted);margin-top:var(--space-8);font-size:.85rem}@media (max-width:1024px){.landing-nav{display:none}.landing-header-content{gap:var(--space-4)}}@media (max-width:768px){.landing-header-actions{gap:var(--space-2)}.landing-btn-hide-mobile{display:none}.landing-hero-stats{gap:var(--space-6)}.landing-board{padding:var(--space-4)}.landing-board-player-info{display:none}}@media (max-width:480px){.landing-header-content{height:auto;padding:var(--space-3) 0;flex-wrap:wrap}.landing-hero{padding-top:calc(var(--space-12) + var(--landing-header-height))}.landing-cta{padding:var(--space-8)}.landing-footer-content{flex-direction:column;align-items:flex-start}}.loading-screen{justify-content:center;align-items:center;gap:var(--space-4);min-height:100vh;color:var(--color-text-secondary);flex-direction:column;display:flex}.loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transition:opacity .3s,transform .3s;transform:translateY(0)}:root{--color-bg-primary:#0a0a0b;--color-bg-secondary:#141416;--color-bg-tertiary:#1c1c1f;--color-bg-card:#18181b;--color-bg-card-hover:#1f1f23;--color-border:#27272a;--color-border-hover:#3f3f46;--color-text-primary:#fafafa;--color-text-secondary:#a1a1aa;--color-text-muted:#71717a;--color-accent:#ff6b35;--color-accent-hover:#ff8255;--color-accent-muted:#ff6b3526;--color-accent-glow:#ff6b3566;--color-secondary:#f7c94b;--color-secondary-muted:#f7c94b26;--color-success:#22c55e;--color-error:#ef4444;--color-warning:#eab308;--font-sans:"Outfit", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--shadow-glow:0 0 40px var(--color-accent-glow);--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;line-height:1.6}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at 20% 20%,#ff6b350d 0%,#0000 50%),radial-gradient(at 80% 80%,#f7c94b08 0%,#0000 50%);position:fixed;inset:0}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover)}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.container{width:100%;max-width:1280px;padding:0 var(--space-6);margin:0 auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:var(--color-accent-muted);color:var(--color-text-primary)}