.theme-switcher{position:relative}.theme-switcher-button{width:clamp(30px,4vw,40px);height:clamp(30px,4vw,40px);border-radius:50%;border:2px solid var(--border-color);background:var(--bg-card);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:clamp(1rem,2vw,1.3rem);transition:all var(--animation-speed) ease;box-shadow:var(--shadow-sm);padding:0}.theme-switcher-button:hover{transform:translateY(-2px) scale(1.1);box-shadow:var(--shadow-md);border-color:var(--border-glow);background:var(--bg-card-hover)}.theme-switcher-button:active{transform:translateY(0) scale(1)}.theme-switcher-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;animation:fadeIn .2s ease}.theme-switcher-menu{position:absolute;top:calc(100% + 10px);left:0;background:var(--bg-card);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border:2px solid var(--border-color);border-radius:var(--border-radius-md);padding:1.5rem;min-width:300px;max-width:400px;box-shadow:var(--shadow-lg);z-index:1000;animation:slideIn .3s ease}.home-theme-switcher-wrapper .theme-switcher-menu{left:auto;right:0;max-width:min(400px,calc(100vw - 2rem))}.theme-switcher-title{margin:0 0 1rem;font-size:1.2rem;color:var(--text-primary);text-align:center;font-weight:700}.theme-switcher-grid{display:grid;gap:.75rem}.theme-option{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1rem;background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--animation-speed) ease;text-align:left}.theme-option:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);transform:translate(4px)}.theme-option.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary)}.theme-option.active .theme-option-icon{transform:scale(1.2)}.theme-option-icon{font-size:1.5rem;transition:transform var(--animation-speed) ease}.theme-option-name{font-size:1rem;font-weight:700;color:var(--text-primary)}.theme-option.active .theme-option-name,.theme-option.active .theme-option-description{color:inherit}.theme-option-description{font-size:.85rem;color:var(--text-secondary);opacity:.8;line-height:1.3}@media (max-width: 768px){.theme-switcher-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:280px;max-width:90vw}}.name-input-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.name-input-modal-content{background:#14141ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:clamp(20px,3vh,30px);max-width:450px;width:100%;border:2px solid rgba(255,215,0,.3);box-shadow:0 8px 32px #00000080;position:relative}.name-input-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(15px,2vh,20px)}.name-input-modal-title{color:var(--accent-primary);font-size:clamp(1.3rem,2.5vw,1.8rem);margin:0;text-shadow:0 0 10px rgba(255,215,0,.5)}.name-input-modal-close{background:#ff6b6b33;color:#ff6b6b;border:2px solid rgba(255,107,107,.5);border-radius:50%;width:40px;height:40px;font-size:2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.name-input-modal-close:hover{background:#ff6b6b66;border-color:#ff6b6b;transform:scale(1.1)}.name-input-modal-form{display:flex;flex-direction:column}.name-input-modal-body{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.name-input-modal-description{color:#ffffffe6;text-align:center;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.6;margin:0}.name-input-group{display:flex;flex-direction:column;gap:8px}.name-input-field{width:100%;padding:15px 20px;background:#ffffff1a;border:2px solid rgba(255,215,0,.3);border-radius:12px;color:var(--text-primary);font-size:1.1rem;transition:all .3s ease;box-sizing:border-box}.name-input-field:focus{outline:none;border-color:var(--accent-primary);background:#ffffff26;box-shadow:0 0 15px #ffd7004d}.name-input-field::placeholder{color:#ffffff80}.name-input-error{color:#ff6b6b;font-size:.9rem;margin:0;text-align:center}.name-input-modal-footer{display:flex;gap:10px;justify-content:flex-end}.name-input-submit-button,.name-input-cancel-button{padding:12px 24px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.name-input-submit-button{background:#ffd70033;color:var(--accent-primary);border-color:#ffd70080}.name-input-submit-button:hover:not(:disabled){background:#ffd7004d;border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #ffd7004d}.name-input-submit-button:disabled{opacity:.5;cursor:not-allowed}.name-input-cancel-button{background:#ffffff1a;color:#fffc;border-color:#ffffff4d}.name-input-cancel-button:hover{background:#fff3;border-color:#ffffff80}@media (max-width: 768px){.name-input-modal-content{padding:20px}.name-input-modal-title{font-size:1.5rem}.name-input-modal-close{width:35px;height:35px;font-size:1.5rem}.name-input-modal-footer{flex-direction:column}.name-input-submit-button,.name-input-cancel-button{width:100%}}.join-room-divider{display:flex;align-items:center;margin:20px 0;text-align:center}.join-room-divider:before,.join-room-divider:after{content:"";flex:1;height:1px;background:#fff3}.join-room-divider span{padding:0 15px;color:#fff9;font-size:.9rem}.qr-scanner-container{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.qr-scanner-wrapper{width:100%;max-width:400px;display:flex;justify-content:center;background:#ffffff0d;border-radius:15px;padding:20px;border:2px solid rgba(255,215,0,.3)}.qr-reader{width:100%;max-width:350px}.qr-reader video{width:100%;border-radius:10px}.qr-reader #qr-shaded-region{border-radius:10px}.qr-scan-error{color:#ff6b6b;text-align:center;padding:10px 15px;background:#ff6b6b1a;border-radius:8px;border:1px solid rgba(255,107,107,.3);font-size:.9rem;width:100%;max-width:400px}.qr-scanner-instructions{text-align:center;color:#fffc;font-size:1rem}.qr-scanner-instructions p{margin:0}@media (max-width: 768px){.qr-scanner-wrapper{max-width:100%;padding:15px}.qr-reader{max-width:100%}}.qr-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.qr-modal-content{background:#14141ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:clamp(20px,3vh,30px);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;border:2px solid rgba(255,215,0,.3);box-shadow:0 8px 32px #00000080;position:relative}.qr-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(15px,2vh,20px)}.qr-modal-title{color:var(--accent-primary);font-size:clamp(1.3rem,2.5vw,1.8rem);margin:0;text-shadow:0 0 10px rgba(255,215,0,.5)}.qr-modal-close{background:#ff6b6b33;color:#ff6b6b;border:2px solid rgba(255,107,107,.5);border-radius:50%;width:40px;height:40px;font-size:2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.qr-modal-close:hover{background:#ff6b6b66;border-color:#ff6b6b;transform:scale(1.1)}.qr-modal-body{display:flex;flex-direction:column;align-items:center;gap:20px}.qr-modal-description{color:#ffffffe6;text-align:center;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.6;margin:0}.qr-modal-image-container{padding:20px;background:#ffffff1a;border-radius:15px;border:2px solid rgba(255,215,0,.3);display:flex;justify-content:center;align-items:center}.qr-modal-image{width:250px;height:250px;max-width:100%;border-radius:10px}.qr-modal-code-info{text-align:center;padding:15px 20px;background:#ffd7001a;border-radius:12px;border:2px solid rgba(255,215,0,.3);width:100%}.qr-modal-code-label{color:#ffffffb3;font-size:.9rem;margin:0 0 8px}.qr-modal-code-value{color:var(--accent-primary);font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 0 10px rgba(255,215,0,.5);letter-spacing:2px}.qr-modal-url-info{text-align:center;width:100%}.qr-modal-url-label{color:#ffffffb3;font-size:.9rem;margin:0 0 10px}.qr-modal-url-link{color:#4ecdc4;font-size:.85rem;word-break:break-all;text-decoration:none;display:inline-block;padding:8px 12px;background:#4ecdc41a;border-radius:8px;border:1px solid rgba(78,205,196,.3);transition:all .3s ease}.qr-modal-url-link:hover{background:#4ecdc433;border-color:#4ecdc4;text-decoration:underline}@media (max-width: 768px){.qr-modal-content{padding:20px;max-height:90vh}.qr-modal-title{font-size:1.5rem}.qr-modal-close{width:35px;height:35px;font-size:1.5rem}.qr-modal-image{width:200px;height:200px}.qr-modal-code-value{font-size:1.3rem}.qr-modal-url-link{font-size:.75rem}}.game-mgmt-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.game-mgmt-modal-content{background:var(--bg-card, #1a1a1a);border:2px solid var(--border-color, rgba(255, 255, 255, .2));border-radius:var(--border-radius-md, 12px);width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080}.game-mgmt-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--border-color, rgba(255, 255, 255, .2))}.game-mgmt-modal-header h2{margin:0;font-size:1.5rem;color:var(--accent-primary, #ffd700)}.game-mgmt-close{background:transparent;border:none;font-size:2rem;color:var(--text-secondary, rgba(255, 255, 255, .6));cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.game-mgmt-close:hover{background:#f003;color:var(--accent-secondary, #ff6b6b)}.game-mgmt-tabs{display:flex;border-bottom:2px solid var(--border-color, rgba(255, 255, 255, .2));background:#0003}.tab{flex:1;padding:1rem;background:transparent;border:none;color:var(--text-secondary, rgba(255, 255, 255, .6));font-weight:600;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent}.tab:hover:not(:disabled){background:#ffffff0d;color:var(--text-primary, #ffffff)}.tab.active{color:var(--accent-primary, #ffd700);border-bottom-color:var(--accent-primary, #ffd700);background:#ffd7001a}.tab:disabled{opacity:.3;cursor:not-allowed}.game-mgmt-body{padding:1.5rem;overflow-y:auto;max-height:calc(90vh - 200px)}.tab-content h3{margin:0 0 1rem;color:var(--text-primary, #ffffff)}.empty-message{text-align:center;color:var(--text-secondary, rgba(255, 255, 255, .6));padding:2rem}.players-list{display:flex;flex-direction:column;gap:.75rem}.player-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff0d;border:1px solid var(--border-color, rgba(255, 255, 255, .2));border-radius:var(--border-radius-sm, 8px)}.player-info{display:flex;flex-direction:column;gap:.25rem}.player-name{font-weight:600;color:var(--text-primary, #ffffff)}.player-role{font-size:.85rem;color:var(--text-secondary, rgba(255, 255, 255, .6))}.player-score{font-size:1.1rem;font-weight:700;color:var(--accent-primary, #ffd700);display:flex;align-items:center;gap:.5rem}.player-score-section{display:flex;align-items:center}.player-name{display:flex;align-items:center;gap:.5rem}.player-edit-btn{background:transparent;border:none;color:var(--text-secondary, rgba(255, 255, 255, .4));cursor:pointer;font-size:.9rem;padding:.25rem;border-radius:4px;transition:all .2s;opacity:0}.player-item:hover .player-edit-btn{opacity:1}.player-edit-btn:hover{color:var(--accent-primary, #ffd700);background:#ffd7001a}.player-edit-field{display:flex;align-items:center;gap:.5rem}.player-edit-input{padding:.4rem .6rem;background:var(--bg-card, #1a1a1a);border:2px solid var(--accent-primary, #ffd700);border-radius:var(--border-radius-sm, 8px);color:var(--text-primary, #ffffff);font-size:.95rem;min-width:120px}.player-edit-input-score{min-width:80px;max-width:100px;text-align:center}.player-edit-input:focus{outline:none}.player-edit-save,.player-edit-cancel{width:28px;height:28px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:all .2s}.player-edit-save{background:var(--accent-success, #4ecdc4);color:var(--text-primary)}.player-edit-save:hover{transform:scale(1.1)}.player-edit-cancel{background:#f003;color:var(--accent-secondary, #ff6b6b)}.player-edit-cancel:hover{background:#ff00004d}.player-kick-btn{background:transparent;border:none;color:var(--text-secondary, rgba(255, 255, 255, .4));cursor:pointer;font-size:1.1rem;padding:.25rem;border-radius:4px;transition:all .2s;margin-left:.5rem;opacity:0}.player-item:hover .player-kick-btn{opacity:1}.player-kick-btn:hover{color:var(--accent-secondary, #ff6b6b);background:#ff00001a}.game-status{padding:1rem;background:#ffffff0d;border-radius:var(--border-radius-sm, 8px);margin-bottom:1rem}.game-controls{display:flex;flex-direction:column;gap:1rem}.question-nav{display:flex;align-items:center;gap:1rem;justify-content:space-between}.question-indicator{font-weight:600;color:var(--text-primary, #ffffff)}.game-info{display:flex;gap:2rem;margin-top:1rem;padding:1rem;background:#0003;border-radius:var(--border-radius-sm, 8px)}.info-item{display:flex;gap:.5rem;color:var(--text-secondary, rgba(255, 255, 255, .6))}.info-item strong{color:var(--accent-primary, #ffd700)}.visual-effects-section{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid var(--border-color, rgba(255, 255, 255, .2))}.visual-effects-section h3{margin:0 0 1rem;color:var(--text-primary, #ffffff);font-size:1.2rem}.visual-effects-controls{display:flex;flex-direction:column;gap:.75rem}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;background:#ffffff0d;border:2px solid var(--border-color, rgba(255, 255, 255, .2));border-radius:var(--border-radius-sm, 8px);transition:all .2s}.toggle-label:hover{background:#ffffff14;border-color:var(--accent-primary, #ffd700)}.toggle-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-primary, #ffd700)}.toggle-text{flex:1;color:var(--text-primary, #ffffff);font-weight:500;-webkit-user-select:none;user-select:none}.visual-effects-description{margin:0;padding:.5rem .75rem;font-size:.85rem;color:var(--text-secondary, rgba(255, 255, 255, .6));font-style:italic}.answers-control-section{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid var(--border-color, rgba(255, 255, 255, .2))}.answers-control-section h3{margin:0 0 1rem;color:var(--text-primary, #ffffff);font-size:1.2rem}.mgmt-button{padding:.75rem 1.5rem;background:var(--bg-card, #1a1a1a);border:2px solid var(--border-color, rgba(255, 255, 255, .2));border-radius:var(--border-radius-sm, 8px);color:var(--text-primary, #ffffff);font-weight:600;cursor:pointer;transition:all .2s}.mgmt-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;border-color:var(--accent-primary, #ffd700)}.mgmt-button:disabled{opacity:.4;cursor:not-allowed}.start-button{background:var(--accent-success, #4ecdc4);border-color:var(--accent-success, #4ecdc4);color:var(--text-primary);width:100%;font-size:1.1rem}.end-button{background:var(--accent-secondary, #ff6b6b);border-color:var(--accent-secondary, #ff6b6b);color:var(--text-primary)}.toggle-all-button{background:var(--accent-primary, #ffd700);border-color:var(--accent-primary, #ffd700);color:var(--bg-primary, #000000);width:100%;margin-bottom:1rem}.answers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem}.answer-button{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#ffffff0d;border:2px solid var(--border-color, rgba(255, 255, 255, .2));border-radius:var(--border-radius-sm, 8px);cursor:pointer;transition:all .2s;text-align:left}.answer-button.revealed{background:var(--accent-success, #4ecdc4);border-color:var(--accent-success, #4ecdc4);color:var(--text-primary)}.answer-button.hidden{opacity:.6}.answer-button:hover{transform:translate(4px)}.answer-num{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%;font-weight:700;flex-shrink:0}.answer-txt{flex:1}.answer-pts{font-weight:700;color:var(--accent-primary, #ffd700);flex-shrink:0}.answer-button.revealed .answer-pts{color:var(--text-primary)}.player-selector{margin-bottom:1.5rem}.player-selector label{display:block;margin-bottom:.5rem;color:var(--text-secondary, rgba(255, 255, 255, .6))}.player-selector select{width:100%;padding:.75rem;background:var(--bg-card, #1a1a1a);border:2px solid var(--border-color, rgba(255, 255, 255, .2));border-radius:var(--border-radius-sm, 8px);color:var(--text-primary, #ffffff);font-size:1rem;cursor:pointer}.player-selector select:focus{outline:none;border-color:var(--accent-primary, #ffd700)}.scoring-section{display:flex;flex-direction:column;gap:1rem}.quick-points{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.points-button{background:var(--accent-success, #4ecdc4);border-color:var(--accent-success, #4ecdc4);color:var(--text-primary)}.penalty-button{background:var(--accent-secondary, #ff6b6b);border-color:var(--accent-secondary, #ff6b6b);color:var(--text-primary)}.custom-points{display:flex;gap:.75rem}.custom-points input{flex:1;padding:.75rem;background:var(--bg-card, #1a1a1a);border:2px solid var(--border-color, rgba(255, 255, 255, .2));border-radius:var(--border-radius-sm, 8px);color:var(--text-primary, #ffffff);font-size:1rem;text-align:center}.custom-points input:focus{outline:none;border-color:var(--accent-primary, #ffd700)}.custom-button{flex:2;background:var(--accent-primary, #ffd700);border-color:var(--accent-primary, #ffd700);color:var(--bg-primary, #000000)}.questions-tab-content{display:flex;flex-direction:column;gap:1rem}.questions-tab-content h3{margin:0 0 .5rem}.questions-tab-content h4{margin:.5rem 0;font-size:1rem}.questions-tab-content .questions-modal-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.questions-tab-content .questions-modal-export-button,.questions-tab-content .questions-modal-import-button,.questions-tab-content .questions-modal-pack-import-button,.questions-tab-content .questions-modal-template-button{padding:.5rem 1rem;background:var(--bg-card, #1a1a1a);border:2px solid var(--border-color, rgba(255, 255, 255, .2));border-radius:var(--border-radius-sm, 8px);color:var(--text-primary, #ffffff);font-weight:600;cursor:pointer;transition:all .2s;font-size:.9rem}.questions-tab-content .questions-modal-export-button:hover,.questions-tab-content .questions-modal-import-button:hover,.questions-tab-content .questions-modal-pack-import-button:hover,.questions-tab-content .questions-modal-template-button:hover{border-color:var(--accent-primary, #ffd700);transform:translateY(-2px)}.questions-tab-content .questions-modal-error{padding:.75rem;background:#f003;border:1px solid rgba(255,0,0,.5);border-radius:var(--border-radius-sm, 8px);color:var(--accent-secondary, #ff6b6b);margin-bottom:1rem}.questions-tab-content .pack-import-section{padding:1rem;background:#0003;border-radius:var(--border-radius-sm, 8px);margin-bottom:1rem}.questions-tab-content .pack-import-select{width:100%;padding:.75rem;background:var(--bg-card, #1a1a1a);border:2px solid var(--border-color, rgba(255, 255, 255, .2));border-radius:var(--border-radius-sm, 8px);color:var(--text-primary, #ffffff);margin-bottom:1rem}.questions-tab-content .pack-questions-list{margin-top:1rem}.questions-tab-content .pack-questions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.questions-tab-content .pack-import-confirm-button{padding:.5rem 1rem;background:var(--accent-success, #4ecdc4);border:none;border-radius:var(--border-radius-sm, 8px);color:var(--text-primary);font-weight:600;cursor:pointer}.questions-tab-content .pack-questions-items{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.questions-tab-content .pack-question-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff0d;border-radius:var(--border-radius-sm, 8px)}.questions-tab-content .pack-question-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.questions-tab-content .pack-question-info{font-size:.85rem;color:var(--text-secondary, rgba(255, 255, 255, .6))}.questions-tab-content .questions-modal-form{padding:1rem;background:#0003;border-radius:var(--border-radius-sm, 8px);margin-bottom:1rem}.questions-tab-content .questions-modal-input{width:100%;padding:.75rem;background:var(--bg-card, #1a1a1a);border:2px solid var(--border-color, rgba(255, 255, 255, .2));border-radius:var(--border-radius-sm, 8px);color:var(--text-primary, #ffffff);font-size:1rem;margin-bottom:1rem}.questions-tab-content .questions-modal-answers{margin-bottom:1rem}.questions-tab-content .questions-modal-answers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.questions-tab-content .questions-modal-add-answer-button{padding:.5rem 1rem;background:var(--accent-primary, #ffd700);border:none;border-radius:var(--border-radius-sm, 8px);color:var(--bg-primary, #000000);font-weight:600;cursor:pointer}.questions-tab-content .questions-modal-answer-row{display:flex;gap:.5rem;margin-bottom:.5rem;align-items:center}.questions-tab-content .questions-modal-answer-input{flex:1;padding:.5rem;background:var(--bg-card, #1a1a1a);border:2px solid var(--border-color, rgba(255, 255, 255, .2));border-radius:var(--border-radius-sm, 8px);color:var(--text-primary, #ffffff)}.questions-tab-content .questions-modal-points-input{width:80px;padding:.5rem;background:var(--bg-card, #1a1a1a);border:2px solid var(--border-color, rgba(255, 255, 255, .2));border-radius:var(--border-radius-sm, 8px);color:var(--text-primary, #ffffff);text-align:center}.questions-tab-content .questions-modal-remove-answer-button{width:32px;height:32px;background:#f003;border:1px solid rgba(255,0,0,.5);border-radius:50%;color:var(--accent-secondary, #ff6b6b);cursor:pointer;display:flex;align-items:center;justify-content:center}.questions-tab-content .questions-modal-form-buttons{display:flex;gap:.75rem}.questions-tab-content .questions-modal-save-button,.questions-tab-content .questions-modal-cancel-button{padding:.75rem 1.5rem;border:2px solid var(--border-color, rgba(255, 255, 255, .2));border-radius:var(--border-radius-sm, 8px);font-weight:600;cursor:pointer;transition:all .2s}.questions-tab-content .questions-modal-save-button{background:var(--accent-success, #4ecdc4);color:var(--text-primary);border-color:var(--accent-success, #4ecdc4)}.questions-tab-content .questions-modal-cancel-button{background:transparent;color:var(--text-primary, #ffffff)}.questions-tab-content .questions-modal-list{margin-top:1rem}.questions-tab-content .questions-modal-list-title{margin:0 0 .75rem;font-size:1.1rem}.questions-tab-content .questions-modal-empty{text-align:center;color:var(--text-secondary, rgba(255, 255, 255, .6));padding:2rem}.questions-tab-content .questions-modal-items{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto}.questions-tab-content .questions-modal-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border:1px solid var(--border-color, rgba(255, 255, 255, .2));border-radius:var(--border-radius-sm, 8px);transition:all .2s;cursor:grab;position:relative}.questions-tab-content .questions-modal-item:hover{background:#ffffff14;border-color:var(--accent-primary, #ffd700)}.questions-tab-content .questions-modal-item.dragging{opacity:.5;cursor:grabbing!important}.questions-tab-content .questions-modal-item.drag-over{background:#ffd7001a;transform:translateY(-2px)}.questions-tab-content .questions-modal-item.drag-over-above{border-top:3px solid var(--accent-primary, #ffd700);padding-top:calc(1rem - 1px)}.questions-tab-content .questions-modal-item.drag-over-below{border-bottom:3px solid var(--accent-primary, #ffd700);padding-bottom:calc(1rem - 1px)}.questions-tab-content .questions-modal-item button{cursor:pointer}.questions-tab-content .questions-modal-item button:hover{cursor:pointer!important}.questions-tab-content .questions-modal-item-order{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:50px}.questions-tab-content .questions-modal-item-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent-primary, #ffd700);color:var(--bg-primary, #000000);border-radius:50%;font-weight:700;font-size:.9rem}.questions-tab-content .questions-modal-item-order-buttons{display:flex;flex-direction:column;gap:.25rem}.questions-tab-content .questions-modal-order-button{width:28px;height:28px;background:#ffffff1a;border:1px solid var(--border-color, rgba(255, 255, 255, .2));border-radius:4px;color:var(--text-primary, #ffffff);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .2s;padding:0}.questions-tab-content .questions-modal-order-button:hover:not(:disabled){background:var(--accent-primary, #ffd700);color:var(--bg-primary, #000000);border-color:var(--accent-primary, #ffd700);transform:scale(1.1)}.questions-tab-content .questions-modal-order-button:disabled{opacity:.3;cursor:not-allowed}.questions-tab-content .questions-modal-item-content{flex:1}.questions-tab-content .questions-modal-item-text{font-weight:600;color:var(--text-primary, #ffffff);margin-bottom:.25rem}.questions-tab-content .questions-modal-item-info{font-size:.85rem;color:var(--text-secondary, rgba(255, 255, 255, .6))}.questions-tab-content .questions-modal-item-actions{display:flex;gap:.5rem}.questions-tab-content .questions-modal-item-drag-handle{color:var(--text-secondary, rgba(255, 255, 255, .4));font-size:1rem;line-height:1;cursor:grab;padding:.5rem .25rem;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity .2s,color .2s,transform .2s;display:flex;align-items:center;justify-content:center;min-width:24px;letter-spacing:-.3rem}.questions-tab-content .questions-modal-item:hover .questions-modal-item-drag-handle{opacity:1}.questions-tab-content .questions-modal-item.dragging .questions-modal-item-drag-handle,.questions-tab-content .questions-modal-item:hover .questions-modal-item-drag-handle:hover{color:var(--accent-primary, #ffd700);cursor:grabbing;transform:scale(1.2)}.questions-tab-content .questions-modal-edit-button,.questions-tab-content .questions-modal-delete-button{width:32px;height:32px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.questions-tab-content .questions-modal-edit-button{background:#ffd70033;color:var(--accent-primary, #ffd700)}.questions-tab-content .questions-modal-delete-button{background:#f003;color:var(--accent-secondary, #ff6b6b)}@media (max-width: 768px){.game-mgmt-tabs{font-size:.85rem}.tab{padding:.75rem .5rem}.answers-grid{grid-template-columns:1fr}.quick-points{grid-template-columns:repeat(2,1fr)}.question-nav,.questions-tab-content .questions-modal-actions{flex-direction:column}.questions-tab-content .questions-modal-actions button{width:100%}.questions-tab-content .questions-modal-item{flex-wrap:wrap}.questions-tab-content .questions-modal-item-order{min-width:40px}.questions-tab-content .questions-modal-order-button{width:24px;height:24px;font-size:.8rem}}.game-mgmt-body::-webkit-scrollbar{width:8px}.game-mgmt-body::-webkit-scrollbar-track{background:#0003;border-radius:4px}.game-mgmt-body::-webkit-scrollbar-thumb{background:var(--accent-primary, #ffd700);border-radius:4px}.game-mgmt-body::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary, #ff6b6b)}.questions-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.questions-modal-content{background:#14141ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:clamp(15px,3vh,25px);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;border:2px solid rgba(255,215,0,.3);box-shadow:0 8px 32px #00000080;position:relative}.questions-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(15px,2vh,20px)}.questions-modal-title{color:var(--accent-primary);font-size:clamp(1.3rem,2.5vw,1.8rem);margin:0;text-shadow:0 0 10px rgba(255,215,0,.5)}.questions-modal-close{background:#ff6b6b33;color:#ff6b6b;border:2px solid rgba(255,107,107,.5);border-radius:50%;width:40px;height:40px;font-size:2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.questions-modal-close:hover{background:#ff6b6b66;border-color:#ff6b6b;transform:scale(1.1)}.questions-modal-actions{display:flex;gap:10px;margin-bottom:20px}.questions-modal-export-button,.questions-modal-import-button{flex:1;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:var(--text-primary);border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.questions-modal-export-button:hover,.questions-modal-import-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.questions-modal-import-button{background:linear-gradient(135deg,#f093fb,#f5576c)}.questions-modal-import-button:hover{box-shadow:0 4px 15px #f5576c66}.questions-modal-error{background:#ff6b6b33;color:#ff6b6b;padding:12px 15px;border-radius:8px;margin-bottom:20px;border:1px solid rgba(255,107,107,.5);font-size:.9rem}.questions-modal-form{background:#ffffff0d;border:2px solid rgba(255,215,0,.2);border-radius:12px;padding:20px;margin-bottom:25px}.questions-modal-input{width:100%;padding:15px 20px;border:2px solid rgba(255,215,0,.3);border-radius:12px;background:#ffffff1a;color:var(--text-primary);font-size:1rem;outline:none;transition:all .3s ease;margin-bottom:20px}.questions-modal-input::placeholder{color:#ffffff80}.questions-modal-input:focus{border-color:var(--accent-primary);background:#ffffff26;box-shadow:0 0 10px #ffd7004d}.questions-modal-answers{margin-bottom:20px}.questions-modal-answers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;color:var(--text-primary);font-size:1.1rem;font-weight:500}.questions-modal-add-answer-button{padding:8px 15px;background:#4ecdc44d;color:#4ecdc4;border:2px solid rgba(78,205,196,.5);border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.questions-modal-add-answer-button:hover{background:#4ecdc480;border-color:#4ecdc4}.questions-modal-answer-row{display:flex;gap:10px;margin-bottom:10px;align-items:center}.questions-modal-answer-input{flex:1;padding:12px 15px;border:2px solid rgba(255,215,0,.2);border-radius:8px;background:#ffffff1a;color:var(--text-primary);font-size:.95rem;outline:none;transition:all .3s ease}.questions-modal-answer-input::placeholder{color:#fff6}.questions-modal-answer-input:focus{border-color:var(--accent-primary);background:#ffffff26}.questions-modal-points-input{width:80px;padding:12px;border:2px solid rgba(255,215,0,.2);border-radius:8px;background:#ffffff1a;color:var(--text-primary);font-size:.95rem;outline:none;transition:all .3s ease;text-align:center}.questions-modal-points-input:focus{border-color:var(--accent-primary);background:#ffffff26}.questions-modal-remove-answer-button{width:35px;height:35px;background:#ff6b6b4d;color:#ff6b6b;border:2px solid rgba(255,107,107,.5);border-radius:50%;font-size:1.3rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.questions-modal-remove-answer-button:hover{background:#ff6b6b80;border-color:#ff6b6b;transform:scale(1.1)}.questions-modal-form-buttons{display:flex;gap:10px}.questions-modal-save-button{flex:1;padding:15px 30px;background:linear-gradient(135deg,#4ecdc4,#44a08d);color:var(--text-primary);border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.questions-modal-save-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4ecdc466}.questions-modal-save-button:active{transform:translateY(0)}.questions-modal-cancel-button{padding:15px 30px;background:#ffffff1a;color:var(--text-primary);border:2px solid rgba(255,255,255,.3);border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.questions-modal-cancel-button:hover{background:#fff3;border-color:#ffffff80}.questions-modal-list{margin-top:25px}.questions-modal-list-title{color:var(--accent-primary);font-size:1.5rem;margin-bottom:15px;text-shadow:0 0 10px rgba(255,215,0,.5)}.questions-modal-items{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.questions-modal-item{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.questions-modal-item:hover{background:#ffffff1a;border-color:#ffd7004d}.questions-modal-item-content{flex:1;min-width:0}.questions-modal-item-text{color:var(--text-primary);font-size:1.1rem;font-weight:500;margin-bottom:5px;word-wrap:break-word}.questions-modal-item-info{color:#fff9;font-size:.9rem}.questions-modal-item-actions{display:flex;gap:10px;margin-left:15px;flex-shrink:0}.questions-modal-edit-button,.questions-modal-delete-button{width:40px;height:40px;border-radius:50%;font-size:1.2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:2px solid}.questions-modal-edit-button{background:#4ecdc44d;color:#4ecdc4;border-color:#4ecdc480}.questions-modal-edit-button:hover{background:#4ecdc480;border-color:#4ecdc4;transform:scale(1.1)}.questions-modal-delete-button{background:#ff6b6b4d;color:#ff6b6b;border-color:#ff6b6b80}.questions-modal-delete-button:hover{background:#ff6b6b80;border-color:#ff6b6b;transform:scale(1.1)}.questions-modal-empty{color:#fff9;text-align:center;padding:40px 20px;font-size:1.1rem}@media (max-width: 768px){.questions-modal-content{padding:20px;max-height:95vh}.questions-modal-title{font-size:1.5rem}.questions-modal-close{width:35px;height:35px;font-size:1.5rem}.questions-modal-actions{flex-direction:column}.questions-modal-answer-row{flex-wrap:wrap}.questions-modal-points-input{width:100%}.questions-modal-form-buttons{flex-direction:column}.questions-modal-item{flex-direction:column;align-items:flex-start}.questions-modal-item-actions{margin-left:0;margin-top:10px;width:100%;justify-content:flex-end}}.questions-modal-pack-import-button{flex:1;padding:12px 20px;background:linear-gradient(135deg,#fa709a,#fee140);color:var(--text-primary);border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.questions-modal-pack-import-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #fa709a66}.pack-import-section{margin:20px 0;padding:20px;border:2px solid rgba(255,215,0,.3);border-radius:12px;background:#ffffff0d}.pack-import-section h3{color:var(--accent-primary);font-size:1.3rem;margin:0 0 15px;text-shadow:0 0 10px rgba(255,215,0,.5)}.pack-import-select{width:100%;padding:12px 15px;margin:10px 0 20px;border:2px solid rgba(255,215,0,.3);border-radius:8px;background:#ffffff1a;color:var(--text-primary);font-size:1rem;outline:none;cursor:pointer;transition:all .3s ease}.pack-import-select:focus{border-color:var(--accent-primary);background:#ffffff26;box-shadow:0 0 10px #ffd7004d}.pack-import-select option{background:#1a1a2e;color:var(--text-primary);padding:10px}.pack-questions-list{margin-top:15px}.pack-questions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid rgba(255,215,0,.2);color:var(--text-primary);font-size:1.1rem}.pack-import-confirm-button{padding:10px 20px;background:linear-gradient(135deg,#4ecdc4,#44a08d);color:var(--text-primary);border:none;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease}.pack-import-confirm-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #4ecdc466}.pack-import-confirm-button:disabled{opacity:.5;cursor:not-allowed}.pack-questions-items{max-height:300px;overflow-y:auto;border:1px solid rgba(255,255,255,.1);padding:10px;background:#0003;border-radius:8px}.pack-question-item{display:flex;gap:12px;padding:12px;margin:5px 0;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .3s ease;background:#ffffff08}.pack-question-item:hover{background:#ffffff14;border-color:#ffd7004d}.pack-question-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;flex-shrink:0;margin-top:2px}.pack-question-content{flex:1;min-width:0}.pack-question-content strong{color:var(--text-primary);font-size:1rem;display:block;margin-bottom:5px;word-wrap:break-word}.pack-question-info{color:#fff9;font-size:.85rem}.pack-search-container{margin-bottom:15px}.pack-search-input{width:100%;padding:12px 15px;border:2px solid rgba(255,215,0,.3);border-radius:8px;background:#ffffff1a;color:var(--text-primary);font-size:1rem;outline:none;transition:all .3s ease}.pack-search-input::placeholder{color:#ffffff80}.pack-search-input:focus{border-color:var(--accent-primary);background:#ffffff26;box-shadow:0 0 10px #ffd7004d}.pack-questions-header-left{display:flex;flex-direction:column;gap:10px;flex:1}.pack-select-all-buttons{display:flex;gap:10px}.pack-select-all-button{padding:8px 15px;background:#4ecdc44d;color:#4ecdc4;border:2px solid rgba(78,205,196,.5);border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.pack-select-all-button:hover{background:#4ecdc480;border-color:#4ecdc4;transform:translateY(-2px)}.pack-view-question-button{padding:8px 12px;background:#667eea4d;color:#667eea;border:2px solid rgba(102,126,234,.5);border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;flex-shrink:0;margin-left:10px}.pack-view-question-button:hover{background:#667eea80;border-color:#667eea;transform:scale(1.1)}.pack-no-results{text-align:center;color:#fff9;padding:40px 20px;font-size:1.1rem}.pack-question-viewer-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.pack-question-viewer{background:#14141ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:25px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;border:2px solid rgba(255,215,0,.3);box-shadow:0 8px 32px #00000080;position:relative}.pack-question-viewer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(255,215,0,.2)}.pack-question-viewer-header h4{color:var(--accent-primary);font-size:1.5rem;margin:0;text-shadow:0 0 10px rgba(255,215,0,.5)}.pack-question-viewer-close{background:#ff6b6b33;color:#ff6b6b;border:2px solid rgba(255,107,107,.5);border-radius:50%;width:35px;height:35px;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.pack-question-viewer-close:hover{background:#ff6b6b66;border-color:#ff6b6b;transform:scale(1.1)}.pack-question-viewer-content{display:flex;flex-direction:column;gap:20px}.pack-question-viewer-text{color:var(--text-primary);font-size:1.2rem;line-height:1.6;padding:15px;background:#ffffff0d;border-radius:12px;border:2px solid rgba(255,215,0,.2)}.pack-show-answers-button{padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:var(--text-primary);border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;align-self:flex-start}.pack-show-answers-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.pack-question-answers{display:flex;flex-direction:column;gap:10px;margin-top:10px}.pack-answer-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#ffffff0d;border:2px solid rgba(255,215,0,.2);border-radius:12px;transition:all .3s ease}.pack-answer-item:hover{background:#ffffff1a;border-color:#ffd70066}.pack-answer-text{color:var(--text-primary);font-size:1rem;flex:1;word-wrap:break-word;margin-right:15px}.pack-answer-points{color:var(--accent-primary);font-size:1rem;font-weight:700;flex-shrink:0;text-shadow:0 0 5px rgba(255,215,0,.5)}@media (max-width: 768px){.pack-import-section{padding:15px}.pack-questions-header{flex-direction:column;align-items:flex-start;gap:10px}.pack-questions-header-left,.pack-import-confirm-button{width:100%}.pack-question-item{flex-wrap:wrap}.pack-view-question-button{width:100%;margin-left:0;margin-top:10px}.pack-question-viewer{padding:20px;max-height:90vh}.pack-answer-item{flex-direction:column;align-items:flex-start;gap:10px}.pack-answer-points{align-self:flex-end}}.question-create-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.question-create-modal-content{background:#14141ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:clamp(15px,3vh,25px);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;border:2px solid rgba(255,215,0,.3);box-shadow:0 8px 32px #00000080;position:relative}.question-create-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(15px,2vh,20px);padding-bottom:15px;border-bottom:2px solid rgba(255,215,0,.2)}.question-create-modal-header h3{color:var(--accent-primary);font-size:clamp(1.3rem,2.5vw,1.8rem);margin:0;text-shadow:0 0 10px rgba(255,215,0,.5)}.question-create-modal-close{background:#ff6b6b33;color:#ff6b6b;border:2px solid rgba(255,107,107,.5);border-radius:50%;width:40px;height:40px;font-size:2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.question-create-modal-close:hover{background:#ff6b6b66;border-color:#ff6b6b;transform:scale(1.1)}.pack-import-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.pack-import-modal-content{background:#14141ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:clamp(15px,3vh,25px);max-width:900px;width:100%;max-height:90vh;overflow-y:auto;border:2px solid rgba(255,215,0,.3);box-shadow:0 8px 32px #00000080;position:relative}.pack-import-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(15px,2vh,20px);padding-bottom:15px;border-bottom:2px solid rgba(255,215,0,.2)}.pack-import-modal-header h3{color:var(--accent-primary);font-size:clamp(1.3rem,2.5vw,1.8rem);margin:0;text-shadow:0 0 10px rgba(255,215,0,.5)}.pack-import-modal-close{background:#ff6b6b33;color:#ff6b6b;border:2px solid rgba(255,107,107,.5);border-radius:50%;width:40px;height:40px;font-size:2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.pack-import-modal-close:hover{background:#ff6b6b66;border-color:#ff6b6b;transform:scale(1.1)}.questions-modal-add-button{flex:1;padding:12px 20px;background:linear-gradient(135deg,#4ecdc4,#44a08d);color:var(--text-primary);border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.questions-modal-add-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4ecdc466}.pack-import-modal-content .pack-import-section{margin:0;padding:0;border:none;background:transparent}.voice-player{position:relative;display:inline-flex;align-items:center;gap:.5rem}.voice-player-button{width:36px;height:36px;border-radius:50%;border:2px solid var(--border-color);background:var(--bg-card);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all var(--animation-speed) ease;box-shadow:var(--shadow-sm);padding:0}.voice-player-button:hover:not(:disabled){transform:scale(1.1);box-shadow:var(--shadow-md);border-color:var(--accent-primary);background:var(--bg-card-hover)}.voice-player-button:active:not(:disabled){transform:scale(.95)}.voice-player-button:disabled{opacity:.4;cursor:not-allowed}.voice-player-button.playing{background:var(--accent-secondary);border-color:var(--accent-secondary);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:var(--shadow-sm)}50%{transform:scale(1.05);box-shadow:var(--shadow-md)}}.voice-player-inline{display:inline-flex;gap:.25rem}.voice-player-inline .voice-player-button{width:24px;height:24px;font-size:.9rem}.answer-button{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(255,255,255,.2);border-radius:20px;padding:clamp(8px,1.5vh,20px) clamp(12px,1.5vw,20px);transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;position:relative;overflow-y:auto;height:100%;width:100%;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(255,255,255,.05)}.answer-button:not(.answer-revealed){cursor:pointer}@media (max-width: 1000px){.answer-button{flex-direction:row;align-items:center;justify-content:space-between;gap:clamp(8px,1.5vw,15px)}}.answer-button:not(.answer-revealed):hover{transform:translateY(-5px);box-shadow:0 8px 25px #ffd70066;border-color:#ffd70099;background:#ffffff26}.answer-button:not(.answer-revealed):active{transform:translateY(-2px)}.answer-hidden{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 4px 15px #0003}50%{box-shadow:0 4px 20px #ffd7004d}}.answer-revealed{animation:reveal .5s ease-out}@keyframes reveal{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.answer-placeholder{font-size:clamp(1.2rem,2.5vw,2rem);color:#ffffff80;font-weight:700;flex-shrink:0}.answer-points-hidden{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;opacity:.7;text-shadow:0 0 15px currentColor;filter:blur(1px);transition:all .3s ease;flex-shrink:0}.answer-button:not(.answer-revealed):hover .answer-points-hidden{opacity:1;filter:blur(0);transform:scale(1.1)}.answer-revealed-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.5vh,12px);width:100%;flex:1;min-height:0}.answer-revealed-footer{display:flex;align-items:center;gap:clamp(8px,1.5vw,12px);flex-shrink:0}.answer-text{font-size:clamp(.9rem,1.8vw,1.4rem);color:var(--text-primary);font-weight:700;text-align:center;text-shadow:0 2px 5px rgba(0,0,0,.3);word-wrap:break-word;overflow-wrap:break-word;flex-shrink:1;min-height:0;flex:1;width:100%}@media (max-width: 1000px){.answer-revealed-content{flex-direction:row;align-items:center;justify-content:space-between;gap:clamp(8px,1.5vw,15px)}.answer-revealed-footer{flex-shrink:0}.answer-text{margin-right:0;text-align:left;flex:1;min-width:0}}.answer-points{font-size:clamp(1.2rem,2.5vw,2rem);font-weight:700;text-shadow:0 0 15px currentColor;flex-shrink:0}@media (max-width: 1000px){.answer-points{font-size:clamp(1.5rem,3vw,2.5rem);white-space:nowrap}}.answer-button::-webkit-scrollbar{width:6px}.answer-button::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.answer-button::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px;transition:background .3s ease}.answer-button::-webkit-scrollbar-thumb:hover{background:#ffffff80}.question-container{width:100%;flex:1;display:flex;flex-direction:column;min-height:0;overflow:visible}.question-box{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;padding:clamp(15px,3vh,30px);margin-bottom:clamp(5px,1vh,15px);border:3px solid rgba(255,215,0,.3);box-shadow:0 8px 32px #0000004d;text-align:center;flex-shrink:0}.question-navigation{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,20px);margin-bottom:clamp(10px,2vh,15px)}.question-text-wrapper{display:flex;align-items:center;gap:1rem;flex:1;justify-content:center}.question-nav-button{width:clamp(40px,6vw,50px);height:clamp(40px,6vw,50px);border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 10px #0003}.question-nav-button:hover{transform:translateY(-2px) scale(1.1);box-shadow:0 4px 15px #0000004d;border-color:#ffd70099;background:#fff3}.question-nav-button:active{transform:translateY(0) scale(1)}.question-nav-button-prev:hover{background:#4ecdc44d;border-color:#4ecdc4}.question-nav-button-next:hover{background:#667eea4d;border-color:#667eea}.question-number{display:inline-block;background:#ffd70033;border:2px solid rgba(255,215,0,.5);border-radius:15px;padding:clamp(6px,1vh,10px) clamp(15px,2vw,25px);margin-bottom:clamp(10px,2vh,15px);font-size:clamp(1rem,2vw,1.4rem);color:var(--accent-primary);font-weight:700;text-shadow:0 0 10px rgba(255,215,0,.5);box-shadow:0 4px 15px #0000004d}.question-text{color:var(--text-primary);font-size:clamp(1.2rem,3vw,2.5rem);font-weight:700;line-height:1.3;text-shadow:0 2px 10px rgba(0,0,0,.5);margin:0;flex:1}.show-all-button{background:#ff6b6b33;color:#ff6b6b;border:2px solid rgba(255,107,107,.5);border-radius:15px;padding:clamp(8px,1.5vh,12px) clamp(20px,3vw,30px);font-size:clamp(.9rem,1.8vw,1.2rem);font-weight:700;cursor:pointer;transition:all .3s ease;text-shadow:0 0 10px rgba(255,107,107,.5);box-shadow:0 2px 10px #0003}.show-all-button:hover{background:#ff6b6b66;border-color:#ff6b6b;transform:translateY(-2px);box-shadow:0 4px 15px #ff6b6b66}.show-all-button:active{transform:translateY(0)}.answers-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(auto,clamp(120px,18vh,200px));column-gap:clamp(6px,1.2vw,12px);row-gap:clamp(6px,.8vh,12px);flex:0 1 auto;min-height:0;max-height:100%;overflow-y:auto;align-content:start;scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.5) rgba(255,255,255,.1)}@media (min-width: 900px){.answers-grid{row-gap:12px}}@media (min-width: 1200px){.answers-grid{column-gap:12px}}@media (max-width: 768px){.answers-grid{grid-template-columns:1fr;grid-auto-rows:minmax(100px,clamp(100px,15vh,140px))}.question-container{max-height:100%}}@media (min-height: 1080px){.answers-grid{grid-auto-rows:minmax(auto,180px)}}@media (max-width: 768px) and (max-height: 900px){.answers-grid{grid-auto-rows:minmax(auto,120px)}}.answers-grid::-webkit-scrollbar{width:8px}.answers-grid::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.answers-grid::-webkit-scrollbar-thumb{background:#ffd70080;border-radius:4px;transition:background .3s ease}.answers-grid::-webkit-scrollbar-thumb:hover{background:#ffd700b3}.players-container{margin-bottom:clamp(5px,1vh,10px);flex-shrink:0}.players-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.player-item{display:flex;align-items:center;gap:12px;padding:10px 20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:25px;cursor:pointer;transition:all .3s ease;min-width:120px}.player-item:hover{background:#ffffff26;border-color:#ffd70066;transform:translateY(-2px)}.player-item.player-active{background:#ffd70040;border-color:var(--accent-primary);box-shadow:0 0 20px #ffd70080;transform:translateY(-2px)}.player-name{color:var(--text-primary);font-size:1rem;font-weight:500;white-space:nowrap}.player-item.player-active .player-name{color:var(--accent-primary);font-weight:600;text-shadow:0 0 10px rgba(255,215,0,.5)}.player-score{color:#fffc;font-size:1.1rem;font-weight:700;min-width:40px;text-align:right}.player-item.player-active .player-score{color:var(--accent-primary);font-size:1.2rem;text-shadow:0 0 10px rgba(255,215,0,.5)}@media (max-width: 768px){.players-list{gap:8px}.player-item{padding:8px 16px;min-width:100px}.player-name{font-size:.9rem}.player-score{font-size:1rem;min-width:35px}.player-item.player-active .player-score{font-size:1.1rem}}.game{width:100%;max-width:1400px;margin:0 auto;flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;position:relative}.game-header{margin-top:clamp(5px,1vh,10px);margin-bottom:clamp(5px,1vh,15px);display:flex;flex-direction:row;flex-wrap:wrap;gap:clamp(5px,1vh,10px);align-items:center;flex-shrink:0}.game-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.game-over{display:flex;justify-content:center;align-items:center;flex:1;padding:clamp(10px,2vh,20px);overflow-y:auto;min-height:0}.game-over-content{text-align:center;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:clamp(15px,3vh,30px) clamp(20px,3vw,30px);border:2px solid rgba(255,215,0,.3);box-shadow:0 8px 32px #0000004d;width:100%;max-width:90%}.game-over-title{font-size:clamp(1.5rem,4vw,3rem);color:var(--accent-primary);margin-bottom:clamp(10px,2vh,20px);text-shadow:0 0 20px rgba(255,215,0,.8)}.game-over-score{font-size:3.5rem;color:var(--text-primary);margin-bottom:40px;font-weight:700}.restart-button{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:var(--text-primary);border:none;padding:clamp(10px,2vh,15px) clamp(30px,5vw,50px);font-size:clamp(1rem,2vw,1.5rem);border-radius:35px;cursor:pointer;font-weight:700;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b66}.restart-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b99}.restart-button:active{transform:translateY(0)}.no-players-message{text-align:center;padding:clamp(20px,4vh,40px) clamp(15px,2vw,20px);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:2px solid rgba(255,215,0,.3);flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.no-players-message p{color:var(--text-primary);font-size:clamp(1rem,2vw,1.3rem);margin:0;text-shadow:0 2px 10px rgba(0,0,0,.5)}.final-scores{width:100%;margin:clamp(10px,2vh,20px) 0;max-height:40vh;overflow-y:auto}.final-scores-title{color:var(--text-primary);font-size:clamp(1.2rem,2.5vw,1.8rem);margin-bottom:clamp(10px,2vh,15px);text-align:center}.final-score-item{display:flex;justify-content:space-between;align-items:center;padding:clamp(8px,1.5vh,12px) clamp(15px,2vw,20px);margin:clamp(5px,1vh,8px) 0;background:#ffffff1a;border-radius:12px;border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.final-score-item.final-score-winner{background:#ffd70033;border-color:gold;box-shadow:0 0 20px #ffd70080}.final-score-name{color:var(--text-primary);font-size:clamp(1rem,2vw,1.3rem);font-weight:500}.final-score-value{color:var(--accent-primary);font-size:clamp(1rem,2vw,1.3rem);font-weight:700;text-shadow:0 0 10px rgba(255,215,0,.5)}.final-score-winner .final-score-name,.final-score-winner .final-score-value{color:var(--accent-primary);text-shadow:0 0 15px rgba(255,215,0,.8)}.game-finished-screen{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fadeIn .5s ease-in-out}.game-finished-content{width:100%;max-width:900px;padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:30px}.game-finished-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;text-align:center;color:var(--text-primary, #ffffff);text-shadow:0 0 20px var(--text-glow, rgba(255, 215, 0, .5));margin:0;animation:slideDown .6s ease-out}@keyframes slideDown{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.game-finished-subtitle{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:400;text-align:center;color:var(--text-secondary, rgba(255, 255, 255, .8));margin:0;animation:slideDown .7s ease-out}.game-finished-players{width:100%;display:flex;flex-direction:column;gap:20px;align-items:center}.game-finished-player-card{width:100%;max-width:600px;padding:24px;border-radius:var(--border-radius-md, 12px);border:2px solid var(--border-color, rgba(255, 255, 255, .2));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1));display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;opacity:1;transform:translateY(0);transition:all .3s ease}.game-finished-player-card.animate-in{opacity:0;transform:translateY(30px);animation:slideUpFadeIn .6s ease-out forwards}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.game-finished-player-card.top-3{border-width:3px;box-shadow:0 0 30px #ffd7004d;transform:scale(1.02)}.game-finished-player-card:hover{transform:translateY(-5px) scale(1.01);box-shadow:var(--shadow-lg, 0 10px 15px rgba(0, 0, 0, .2))}.game-finished-player-place{font-size:1.1rem;font-weight:700;color:var(--text-primary, #ffffff);min-width:120px;text-align:left}.game-finished-player-name{font-size:1.4rem;font-weight:700;color:var(--text-primary, #ffffff);text-align:left;word-break:break-word}.game-finished-player-score{font-size:1.3rem;font-weight:700;color:var(--accent-primary, #ffd700);text-align:right;min-width:120px}@media (max-width: 768px){.game-finished-content{padding:20px 15px;gap:20px}.game-finished-player-card{padding:18px;grid-template-columns:1fr;gap:12px;text-align:center}.game-finished-player-place{text-align:center;min-width:auto}.game-finished-player-name{text-align:center;font-size:1.2rem}.game-finished-player-score{text-align:center;min-width:auto;font-size:1.1rem}.game-finished-player-card.top-3{transform:scale(1)}}@media (max-width: 480px){.game-finished-content{padding:15px 10px;gap:15px}.game-finished-title{font-size:1.8rem}.game-finished-subtitle{font-size:1rem}.game-finished-player-card{padding:15px;gap:10px}.game-finished-player-place{font-size:1rem}.game-finished-player-name{font-size:1.1rem}.game-finished-player-score{font-size:1rem}}.voice-settings{position:relative}.voice-settings-button{width:clamp(30px,4vw,40px);height:clamp(30px,4vw,40px);border-radius:50%;border:2px solid var(--border-color);background:var(--bg-card);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:clamp(1rem,2vw,1.3rem);transition:all var(--animation-speed) ease;box-shadow:var(--shadow-sm);padding:0}.voice-settings-button:hover{transform:translateY(-2px) scale(1.1);box-shadow:var(--shadow-md);border-color:var(--border-glow);background:var(--bg-card-hover)}.voice-settings-button:active{transform:translateY(0) scale(1)}.voice-settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;animation:fadeIn .2s ease}.voice-settings-menu{position:absolute;top:calc(100% + 10px);left:0;background:var(--bg-card);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border:2px solid var(--border-color);border-radius:var(--border-radius-md);padding:1.5rem;min-width:320px;max-width:400px;box-shadow:var(--shadow-lg);z-index:1000;animation:slideIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.voice-settings-title{margin:0 0 1.5rem;font-size:1.3rem;color:var(--text-primary);text-align:center;font-weight:700}.voice-settings-section{margin-bottom:1.5rem}.voice-settings-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--border-radius-sm);transition:all var(--animation-speed) ease}.voice-settings-toggle:hover{background:var(--bg-card-hover);border-color:var(--accent-primary)}.voice-settings-toggle input[type=checkbox]{width:20px;height:20px;cursor:pointer}.voice-settings-toggle-label{font-size:1rem;font-weight:700;color:var(--text-primary);flex:1}.voice-settings-label{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.voice-settings-slider{width:100%;height:6px;border-radius:3px;background:var(--bg-card);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.voice-settings-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-primary);cursor:pointer;transition:all var(--animation-speed) ease}.voice-settings-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px var(--accent-primary)}.voice-settings-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:none;transition:all var(--animation-speed) ease}.voice-settings-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px var(--accent-primary)}.voice-settings-test-button{margin-top:.75rem;width:100%;padding:.75rem;background:var(--accent-primary);color:var(--bg-primary);border:2px solid var(--accent-primary);border-radius:var(--border-radius-sm);font-weight:700;cursor:pointer;transition:all var(--animation-speed) ease}.voice-settings-test-button:hover{background:var(--accent-secondary);border-color:var(--accent-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.voice-settings-test-button:active{transform:translateY(0)}.voice-settings-effects-grid{display:grid;grid-template-columns:1fr;gap:.5rem;margin-top:.5rem}.voice-settings-effect-button{padding:.75rem;background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-weight:700;cursor:pointer;transition:all var(--animation-speed) ease;text-align:center}.voice-settings-effect-button:hover{transform:translate(4px);box-shadow:var(--shadow-md)}.voice-settings-effect-button.effect-correct{border-color:var(--accent-success)}.voice-settings-effect-button.effect-correct:hover{background:var(--accent-success);color:var(--text-primary)}.voice-settings-effect-button.effect-error{border-color:var(--accent-secondary)}.voice-settings-effect-button.effect-error:hover{background:var(--accent-secondary);color:var(--text-primary)}.voice-settings-effect-button.effect-victory{border-color:var(--accent-primary)}.voice-settings-effect-button.effect-victory:hover{background:var(--accent-primary);color:var(--bg-primary)}.voice-settings-info{padding:.75rem;background:#0003;border-radius:var(--border-radius-sm);font-size:.85rem;color:var(--text-secondary);line-height:1.4;text-align:center}@media (max-width: 768px){.voice-settings-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:280px;max-width:90vw}}.game-page{min-height:100vh;display:flex;flex-direction:column}.host-controls{background:var(--bg-secondary, #f5f5f5);padding:1rem;border-bottom:1px solid var(--border-color, #ddd)}.pack-selector-inline{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.pack-selector-inline label{font-weight:500}.pack-selector-inline select{flex:1;min-width:200px;padding:.5rem;border:1px solid var(--border-color, #ddd);border-radius:4px;font-size:1rem}.pack-selector-inline button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;white-space:nowrap}.pack-selector-inline button:disabled{opacity:.5;cursor:not-allowed}.game-container{flex:1;display:flex;flex-direction:column}.no-questions-banner{text-align:center;padding:2rem;background:var(--bg-secondary, #f5f5f5);border-radius:8px;margin:2rem}.no-questions-banner p{font-size:1.2rem;color:var(--text-secondary, #666);margin-bottom:1rem}.host-controls-inline{display:flex;justify-content:center;padding:1rem;gap:1rem}.manage-questions-button{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:var(--text-primary);border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.manage-questions-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.manage-questions-button:active{transform:translateY(0)}@media (max-width: 768px){.pack-selector-inline{flex-direction:column;align-items:stretch}.pack-selector-inline select,.pack-selector-inline button{width:100%}}.game-control-bar{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1600px;margin:0 auto;padding:clamp(5px,1vh,10px) clamp(10px,2vw,20px);margin-bottom:clamp(5px,1vh,10px);z-index:10}.game-control-left,.game-control-right{display:flex;align-items:center;gap:clamp(8px,1.5vw,12px)}.control-button{width:clamp(35px,4vw,45px);height:clamp(35px,4vw,45px);border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:clamp(1.1rem,2.2vw,1.4rem);transition:all .3s ease;box-shadow:0 2px 10px #0003;padding:0}.control-button-qr:hover{background:#8a2be24d;border-color:#8a2be2}.control-button-management:hover{background:#ffa5004d;border-color:orange}.question-counter{padding:clamp(6px,1vh,10px) clamp(12px,2vw,18px);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:var(--border-radius-md, 12px);font-weight:700;font-size:clamp(.9rem,2vw,1.1rem);color:var(--accent-primary, #ffd700);text-shadow:0 0 10px rgba(255,215,0,.5);box-shadow:0 2px 10px #0003}@media (max-width: 768px){.game-control-bar{flex-direction:column;gap:10px}.game-control-left,.game-control-right{width:100%;justify-content:center}}.app{height:100vh;max-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;padding:clamp(5px,1vh,15px);z-index:2;overflow:hidden}.app-content{width:100%;max-width:1600px;z-index:2;height:100%;display:flex;flex-direction:column;overflow:hidden}.app-title-bar{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:clamp(3px,.5vh,8px);flex-shrink:0;gap:clamp(8px,1.5vw,15px);padding:clamp(3px,.5vh,5px) 0}.app-control-buttons{display:flex;gap:clamp(5px,1vw,10px);flex-shrink:0}.control-button{width:clamp(30px,4vw,40px);height:clamp(30px,4vw,40px);border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:clamp(1rem,2vw,1.3rem);transition:all .3s ease;box-shadow:0 2px 10px #0003;padding:0}.control-button:hover{transform:translateY(-2px) scale(1.1);box-shadow:0 4px 15px #0000004d;border-color:#ffd70099;background:#fff3}.control-button:active{transform:translateY(0) scale(1)}.control-button-players:hover{background:#4ecdc44d;border-color:#4ecdc4}.control-button-questions:hover{background:#667eea4d;border-color:#667eea}.control-button-new-game:hover{background:#ff6b6b4d;border-color:#ff6b6b}.app-title{text-align:center;font-size:clamp(1.5rem,4vw,3rem);font-weight:700;text-shadow:0 0 10px rgba(255,215,0,.8),0 0 20px rgba(255,215,0,.6),0 0 30px rgba(255,215,0,.4);animation:glow 2s ease-in-out infinite alternate;flex:1;margin:0;line-height:1.2}@keyframes glow{0%{text-shadow:0 0 10px rgba(255,215,0,.8),0 0 20px rgba(255,215,0,.6),0 0 30px rgba(255,215,0,.4)}to{text-shadow:0 0 20px rgba(255,215,0,1),0 0 30px rgba(255,215,0,.8),0 0 40px rgba(255,215,0,.6)}}.title-number{color:var(--accent-primary);display:inline-block;margin:0 10px}.title-to{color:#ff6b6b;font-size:clamp(1.2rem,3vw,2.5rem)}.question-counter-wrapper{display:flex;align-items:center;gap:clamp(8px,1.5vw,12px);flex-shrink:0}.question-counter{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,215,0,.3);border-radius:15px;padding:clamp(4px,.8vh,6px) clamp(10px,1.5vw,15px);color:var(--accent-primary);font-size:clamp(.8rem,1.8vw,1rem);font-weight:700;text-shadow:0 0 10px rgba(255,215,0,.5);box-shadow:0 2px 10px #0003}.show-all-button-top{background:#ff6b6b33;color:#ff6b6b;border:2px solid rgba(255,107,107,.5);border-radius:12px;padding:clamp(4px,.8vh,6px) clamp(10px,1.5vw,15px);font-size:clamp(.75rem,1.3vw,.9rem);font-weight:700;cursor:pointer;transition:all .3s ease;text-shadow:0 0 10px rgba(255,107,107,.5);box-shadow:0 2px 10px #0003;white-space:nowrap}.show-all-button-top:hover{background:#ff6b6b66;border-color:#ff6b6b;transform:translateY(-2px);box-shadow:0 4px 15px #ff6b6b66}.show-all-button-top:active{transform:translateY(0)}.app-subtitle{text-align:center;color:var(--text-primary);font-size:clamp(1rem,2vw,1.5rem);margin-bottom:clamp(5px,1vh,15px);text-shadow:0 2px 10px rgba(0,0,0,.5);flex-shrink:0}@media (max-width: 768px){.app{padding:clamp(3px,.5vh,10px)}}:root{--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .8);--text-muted: rgba(255, 255, 255, .5);--accent-primary: #ffd700;--accent-secondary: #ffed4e;--accent-success: #4ade80;--bg-primary: linear-gradient(135deg, #0a0e27 0%, #1a1f3a 100%);--bg-overlay: rgba(0, 0, 0, .7);--bg-card: rgba(255, 255, 255, .1);--bg-card-hover: rgba(255, 255, 255, .2);--border-color: rgba(255, 255, 255, .2);--border-glow: rgba(255, 215, 0, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .2);--blur-amount: 10px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--animation-speed: .3s}[data-theme=new-year]{--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .8);--accent-primary: #ffd700;--accent-secondary: #ffed4e;--bg-primary: linear-gradient(135deg, #0a0e27 0%, #1a1f3a 100%);--border-glow: rgba(255, 215, 0, .3)}[data-theme=family]{--text-primary: #2d3748;--text-secondary: rgba(45, 55, 72, .8);--accent-primary: #4299e1;--accent-secondary: #63b3ed;--bg-primary: linear-gradient(135deg, #ebf4ff 0%, #c3dafe 100%);--bg-card: rgba(255, 255, 255, .7);--bg-card-hover: rgba(255, 255, 255, .9);--border-color: rgba(66, 153, 225, .3);--border-glow: rgba(66, 153, 225, .4)}[data-theme=party]{--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .9);--accent-primary: #f56565;--accent-secondary: #fc8181;--bg-primary: linear-gradient(135deg, #9f7aea 0%, #ed64a6 100%);--border-glow: rgba(237, 100, 166, .4)}[data-theme=dark]{--text-primary: #e2e8f0;--text-secondary: rgba(226, 232, 240, .8);--accent-primary: #48bb78;--accent-secondary: #68d391;--bg-primary: linear-gradient(135deg, #000000 0%, #1a202c 100%);--bg-card: rgba(45, 55, 72, .8);--bg-card-hover: rgba(45, 55, 72, .95);--border-color: rgba(74, 85, 104, .5);--border-glow: rgba(72, 187, 120, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);min-height:100vh;max-height:100vh;overflow:hidden;margin:0;padding:0}#root{min-height:100vh;max-height:100vh;overflow:hidden;display:flex;flex-direction:column}.snowflakes-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}@keyframes snow{0%{transform:translateY(-20px) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(calc(100vh + 20px)) rotate(360deg);opacity:0}}.snowflake{position:absolute;top:-20px;color:var(--particle-color, var(--text-primary, #ffffff));font-size:1em;font-family:Arial;text-shadow:0 0 5px var(--particle-glow, rgba(255, 255, 255, .8));animation:snow linear forwards;pointer-events:none;will-change:transform,opacity}.home-page,.create-room-page,.join-room-page,.room-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.home-theme-switcher-wrapper{position:absolute;top:2rem;right:2rem;z-index:10}.home-container,.create-room-container,.join-room-container,.room-container{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,215,0,.3);border-radius:20px;padding:2rem;max-width:600px;width:100%;box-shadow:0 8px 32px #0000004d}.home-container h1,.create-room-container h1,.join-room-container h1,.room-container h1{color:gold;text-align:center;margin-bottom:1.5rem;font-size:2rem;text-shadow:0 0 10px rgba(255,215,0,.5)}.welcome-text{text-align:center;color:var(--text-primary);margin-bottom:2rem;font-size:1.2rem}.name-editable{color:gold;cursor:pointer;position:relative;padding:0 .25rem;border-radius:4px;transition:all .3s ease;display:inline-block}.name-editable:hover{background:#ffd7001a;text-shadow:0 0 8px rgba(255,215,0,.5)}.name-input-inline{background:#ffd70026;border:2px solid rgba(255,215,0,.5);border-radius:6px;padding:.2rem .5rem;color:gold;font-size:1.2rem;font-weight:inherit;font-family:inherit;text-align:center;min-width:100px;max-width:300px;outline:none;transition:all .3s ease}.name-input-inline:focus{border-color:gold;background:#ffd70033;box-shadow:0 0 10px #ffd70066}.name-input-inline:disabled{opacity:.6;cursor:not-allowed}.menu-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.menu-button{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:1rem 2rem;color:var(--text-primary);font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-align:center}.menu-button:hover{background:#fff3;border-color:#ffd70099;transform:translateY(-2px);box-shadow:0 4px 15px #ffd7004d}.menu-button:active{transform:translateY(0)}.menu-button.primary{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1f3a;border-color:gold}.menu-button.primary:hover{background:linear-gradient(135deg,#ffed4e,gold);box-shadow:0 4px 20px #ffd70099}.user-stats{text-align:center;color:var(--text-primary);margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2)}.user-stats p{margin:.5rem 0;font-size:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:var(--text-primary);margin-bottom:.5rem;font-weight:500}.form-group input,.form-group select{width:100%;padding:.75rem;border:2px solid rgba(255,215,0,.3);border-radius:8px;background:#ffffff1a;color:var(--text-primary);font-size:1rem;outline:none;transition:all .3s ease}.form-group input::placeholder{color:#ffffff80}.form-group input:focus,.form-group select:focus{border-color:gold;background:#ffffff26;box-shadow:0 0 10px #ffd7004d}.form-group.checkbox{display:flex;align-items:center;gap:.5rem}.form-group.checkbox label{display:flex;align-items:center;gap:.5rem;margin:0;cursor:pointer}.form-group.checkbox input[type=checkbox]{width:auto;cursor:pointer}.form-hint{display:block;font-size:.85rem;color:#fff9;margin-top:.25rem;font-style:italic}.button-group{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.button-group button{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:.75rem 1.5rem;color:var(--text-primary);font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.button-group button:hover:not(:disabled){background:#fff3;border-color:#ffd70099;transform:translateY(-2px);box-shadow:0 4px 15px #ffd7004d}.button-group button:active:not(:disabled){transform:translateY(0)}.button-group button:disabled{opacity:.5;cursor:not-allowed}.button-group button.primary{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1f3a;border-color:gold}.button-group button.primary:hover:not(:disabled){background:linear-gradient(135deg,#ffed4e,gold);box-shadow:0 4px 20px #ffd70099}.button-group button.secondary{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);color:var(--text-primary)}.button-group button.secondary:hover:not(:disabled){background:#fff3;border-color:#ffd70099}.question-pack-section{margin:1.5rem 0;padding:1.5rem;background:#ffffff0d;border:2px solid rgba(255,215,0,.2);border-radius:12px}.question-pack-section h3{color:gold;margin-bottom:1rem;font-size:1.3rem;text-shadow:0 0 10px rgba(255,215,0,.5)}.pack-info{margin-bottom:1rem}.pack-info p{color:var(--text-primary);margin:.5rem 0}.pack-info strong{color:gold}.pack-hint{color:#ffffffb3;font-size:.9rem;font-style:italic}.pack-warning{color:var(--accent-primary);font-weight:500}.pack-selector{display:flex;gap:1rem;align-items:center;margin-top:1rem;flex-wrap:wrap}.pack-selector select{flex:1;min-width:200px;padding:.75rem;border:2px solid rgba(255,215,0,.3);border-radius:8px;background:#ffffff1a;color:var(--text-primary);font-size:1rem;outline:none;transition:all .3s ease}.pack-selector select:focus{border-color:gold;background:#ffffff26;box-shadow:0 0 10px #ffd7004d}.pack-selector select:disabled{opacity:.5;cursor:not-allowed}.pack-selector select option{background:#1a1f3a;color:var(--text-primary)}.pack-selector button{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:.75rem 1.5rem;color:var(--text-primary);font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.pack-selector button:hover:not(:disabled){background:#fff3;border-color:#ffd70099;transform:translateY(-2px);box-shadow:0 4px 15px #ffd7004d}.pack-selector button:active:not(:disabled){transform:translateY(0)}.pack-selector button:disabled{opacity:.5;cursor:not-allowed}.pack-selector button.secondary{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);color:var(--text-primary)}.pack-selector button.secondary:hover:not(:disabled){background:#fff3;border-color:#ffd70099}@media (max-width: 768px){.pack-selector{flex-direction:column;align-items:stretch}.pack-selector select,.pack-selector button{width:100%}.button-group{flex-direction:column;gap:.75rem}.button-group button{width:100%}.room-page{padding:1rem}.room-container{padding:1.5rem}.room-container h1{font-size:1.5rem}.form-hint{font-size:.8rem;color:#fff9;margin-top:.25rem}}.loading,.error-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-primary);text-align:center}.error-page h1{color:gold;margin-bottom:1rem;font-size:2rem;text-shadow:0 0 10px rgba(255,215,0,.5)}.error-page p{margin-bottom:2rem;font-size:1.2rem}.error-page button{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:.75rem 1.5rem;color:var(--text-primary);font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.error-page button:hover{background:#fff3;border-color:#ffd70099;transform:translateY(-2px);box-shadow:0 4px 15px #ffd7004d}.room-info{background:#ffffff0d;border-radius:12px;padding:1rem;margin-bottom:1.5rem}.room-info p{color:var(--text-primary);margin:.5rem 0;font-size:1rem}.qr-code{text-align:center;margin-bottom:2rem}.qr-code h3{color:gold;margin-bottom:1rem;font-size:1.2rem;text-shadow:0 0 10px rgba(255,215,0,.5)}.qr-code img{max-width:250px;width:100%;border:2px solid rgba(255,215,0,.3);border-radius:12px;padding:1rem;background:#fff}.participants-list{margin-bottom:2rem}.participants-list h3{color:gold;margin-bottom:1rem;font-size:1.2rem;text-shadow:0 0 10px rgba(255,215,0,.5)}.participants-list ul{list-style:none;padding:0}.participants-list li{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem 1rem;margin-bottom:.5rem;color:var(--text-primary);font-size:1rem}:root{--bg-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bg-overlay: rgba(0, 0, 0, .3);--bg-card: rgba(255, 255, 255, .1);--bg-card-hover: rgba(255, 255, 255, .15);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .9);--text-glow: rgba(255, 215, 0, .8);--accent-primary: #ffd700;--accent-secondary: #ff6b6b;--accent-success: #4ecdc4;--border-color: rgba(255, 255, 255, .3);--border-glow: rgba(255, 215, 0, .5);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .2);--shadow-md: 0 4px 15px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .4);--blur-amount: 10px;--border-radius-sm: 12px;--border-radius-md: 15px;--border-radius-lg: 20px;--animation-speed: .3s}[data-theme=new-year]{--bg-primary: linear-gradient(135deg, #1a4d7a 0%, #2b0d4f 50%, #4a1942 100%);--bg-overlay: rgba(10, 10, 30, .4);--bg-card: rgba(255, 255, 255, .12);--bg-card-hover: rgba(255, 255, 255, .18);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .95);--text-glow: rgba(255, 215, 0, 1);--accent-primary: #ffd700;--accent-secondary: #ff6b6b;--accent-success: #4ecdc4;--border-color: rgba(255, 215, 0, .4);--border-glow: rgba(255, 215, 0, .6);--shadow-sm: 0 2px 15px rgba(255, 215, 0, .2);--shadow-md: 0 4px 20px rgba(255, 215, 0, .3);--shadow-lg: 0 8px 35px rgba(255, 215, 0, .4)}[data-theme=family]{--bg-primary: linear-gradient(135deg, #56ccf2 0%, #2f80ed 50%, #b2fefa 100%);--bg-overlay: rgba(255, 255, 255, .1);--bg-card: rgba(255, 255, 255, .25);--bg-card-hover: rgba(255, 255, 255, .35);--text-primary: #2d3748;--text-secondary: #4a5568;--text-glow: rgba(47, 128, 237, .8);--accent-primary: #2f80ed;--accent-secondary: #eb5757;--accent-success: #27ae60;--border-color: rgba(47, 128, 237, .3);--border-glow: rgba(47, 128, 237, .5);--shadow-sm: 0 2px 10px rgba(47, 128, 237, .15);--shadow-md: 0 4px 15px rgba(47, 128, 237, .2);--shadow-lg: 0 8px 30px rgba(47, 128, 237, .25)}[data-theme=party]{--bg-primary: linear-gradient(135deg, #f093fb 0%, #f5576c 50%, #4facfe 100%);--bg-overlay: rgba(0, 0, 0, .2);--bg-card: rgba(255, 255, 255, .15);--bg-card-hover: rgba(255, 255, 255, .25);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .95);--text-glow: rgba(255, 87, 108, 1);--accent-primary: #f5576c;--accent-secondary: #f093fb;--accent-success: #4facfe;--border-color: rgba(255, 87, 108, .5);--border-glow: rgba(255, 87, 108, .7);--shadow-sm: 0 2px 15px rgba(245, 87, 108, .3);--shadow-md: 0 4px 20px rgba(245, 87, 108, .4);--shadow-lg: 0 8px 35px rgba(245, 87, 108, .5);--animation-speed: .2s}[data-theme=dark]{--bg-primary: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 100%);--bg-overlay: rgba(0, 0, 0, .7);--bg-card: rgba(40, 40, 40, .8);--bg-card-hover: rgba(60, 60, 60, .9);--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-glow: rgba(100, 255, 218, .8);--accent-primary: #64ffda;--accent-secondary: #ff5370;--accent-success: #c3e88d;--border-color: rgba(100, 255, 218, .3);--border-glow: rgba(100, 255, 218, .5);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .5);--shadow-md: 0 4px 15px rgba(0, 0, 0, .6);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .7);--blur-amount: 5px}body{background:var(--bg-primary);color:var(--text-primary);transition:background var(--animation-speed) ease,color var(--animation-speed) ease}.themed-card{background:var(--bg-card);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border:2px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);transition:all var(--animation-speed) ease}.themed-card:hover{background:var(--bg-card-hover);border-color:var(--border-glow);box-shadow:var(--shadow-lg)}.themed-button{background:var(--bg-card);color:var(--text-primary);border:2px solid var(--border-color);border-radius:var(--border-radius-sm);padding:.75rem 1.5rem;font-weight:700;cursor:pointer;transition:all var(--animation-speed) ease;box-shadow:var(--shadow-sm)}.themed-button:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.themed-button:active{transform:translateY(0)}.themed-button-primary{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary)}.themed-button-primary:hover{background:var(--accent-secondary);border-color:var(--accent-secondary);box-shadow:0 4px 20px var(--accent-primary)}.text-glow{text-shadow:0 0 10px var(--text-glow),0 0 20px var(--text-glow),0 0 30px var(--text-glow);animation:textGlow 2s ease-in-out infinite alternate}@keyframes textGlow{0%{text-shadow:0 0 10px var(--text-glow),0 0 20px var(--text-glow)}to{text-shadow:0 0 20px var(--text-glow),0 0 30px var(--text-glow),0 0 40px var(--text-glow)}}[data-theme=party] .themed-card{animation:partyPulse 2s ease-in-out infinite}@keyframes partyPulse{0%,to{border-color:var(--accent-primary)}50%{border-color:var(--accent-secondary)}}[data-theme=new-year] .text-glow{animation:newYearSparkle 1.5s ease-in-out infinite}@keyframes newYearSparkle{0%,to{text-shadow:0 0 10px var(--text-glow),0 0 20px var(--text-glow)}50%{text-shadow:0 0 30px var(--text-glow),0 0 40px var(--text-glow),0 0 50px var(--text-glow)}}