:root{--primary-color: #4f46e5;--primary-dark: #3730a3;--secondary-color: #06b6d4;--success-color: #10b981;--danger-color: #ef4444;--warning-color: #f59e0b;--text-primary: #1f2937;--text-secondary: #6b7280;--background: #f9fafb;--surface: #ffffff;--border: #e5e7eb;--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--text-primary);margin:0;padding:0;min-height:100vh;line-height:1.6}.container{max-width:800px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.screen{background:var(--surface);border-radius:1rem;box-shadow:var(--shadow-lg);padding:2rem;transition:all .3s ease}.screen.hidden{display:none}h1{font-size:3rem;font-weight:800;text-align:center;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}h3{font-size:1.2rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.subtitle{font-size:1.2rem;text-align:center;color:var(--text-secondary);margin-bottom:3rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;min-height:44px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.large{padding:1rem 2rem;font-size:1.1rem;min-height:56px}.btn.primary{background:var(--primary-color);color:#fff}.btn.primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn.secondary{background:var(--background);color:var(--text-primary);border:2px solid var(--border)}.btn.secondary:hover:not(:disabled){background:var(--border);transform:translateY(-2px)}.btn.success{background:var(--success-color);color:#fff}.btn.success:hover:not(:disabled){background:#059669;transform:translateY(-2px)}.btn.danger{background:var(--danger-color);color:#fff}.btn.danger:hover:not(:disabled){background:#dc2626;transform:translateY(-2px)}.btn.text{background:transparent;color:var(--text-secondary);padding:.5rem 1rem}.btn.text:hover{color:var(--primary-color);background:var(--background)}.button-group{display:flex;flex-direction:column;gap:1rem;align-items:center}.form-group{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-weight:600;color:var(--text-primary);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}input[type=text],input[type=number],select{padding:1rem;border:2px solid var(--border);border-radius:.5rem;font-size:1rem;transition:border-color .2s ease;background:var(--surface);color:var(--text-primary)}select{padding:1.25rem}input[type=text]:focus,input[type=number]:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a}input[readonly]{background:var(--background);color:var(--text-secondary)}.checkbox-wrapper{display:flex;align-items:center;gap:.5rem}.checkbox-wrapper input[type=checkbox]{margin:0;width:auto;transform:scale(1.2)}.checkbox-label{margin:0!important;font-weight:400!important;cursor:pointer;text-transform:none!important;letter-spacing:normal!important}#saved-games-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}#saved-games-section h3{margin-bottom:1rem;color:var(--text-primary)}.saved-game-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-bottom:.75rem;background:var(--background);border:1px solid var(--border);border-radius:.5rem;transition:all .2s ease}.saved-game-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow)}.saved-game-info{flex:1}.saved-game-info strong{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.saved-game-info small{color:var(--text-secondary);font-size:.875rem}.saved-game-actions{display:flex;gap:.5rem;align-items:center}.btn.small{padding:.5rem 1rem;font-size:.875rem;min-height:36px}.game-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border)}.topic-info{font-size:1.1rem;color:var(--text-secondary);margin-top:.5rem}.question{font-size:1.3rem;font-weight:600;padding:1.5rem;background:var(--background);border-radius:.75rem;border-left:4px solid var(--primary-color);margin-bottom:1rem}.answer{font-size:1.1rem;padding:1rem;background:#f0f9ff;border-radius:.5rem;border-left:4px solid var(--secondary-color);color:var(--text-secondary)}.players-section,.scores-section,.topics-section{margin:2rem 0}.topics-section{background:var(--background);padding:1.5rem;border-radius:.75rem;border:2px solid var(--border)}.topic-management{margin-bottom:1rem}.add-topic-form{display:flex;gap:.5rem;margin-bottom:1rem}.add-topic-form input{flex:1}.topic-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-color);color:#fff;border-radius:1.5rem;font-size:.9rem;font-weight:600}.topic-item .btn.small{padding:.2rem .5rem;font-size:.7rem;min-height:auto}.game-settings{background:#f0f9ff;padding:1rem;border-radius:.5rem;border-left:4px solid var(--secondary-color);margin:1rem 0;text-align:center}.player-item,.score-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-bottom:.5rem;background:var(--background);border-radius:.5rem;border:1px solid var(--border)}.player-item.disconnected{opacity:.5}.player-name,.score-name{font-weight:600;color:var(--text-primary)}.player-topic{color:var(--text-secondary);font-style:italic}.player-score,.score-points{font-weight:700;color:var(--primary-color)}.score-item .score-points{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:800;box-shadow:0 2px 8px #4f46e54d;margin-left:1rem;flex-shrink:0}.score-position{width:2rem;text-align:center;font-weight:700;color:var(--text-secondary)}.buzz-button{width:100%;height:120px;font-size:2rem;font-weight:800;border:none;border-radius:1rem;background:linear-gradient(135deg,var(--danger-color),#f97316);color:#fff;cursor:pointer;transition:all .2s ease;margin:2rem 0;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.buzz-button:hover:not(:disabled){transform:scale(1.05);box-shadow:var(--shadow-lg)}.buzz-button:active:not(:disabled){transform:scale(.95)}.buzz-button:disabled{background:var(--text-secondary);cursor:not-allowed;transform:none}.buzz-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.buzz-button:hover:not(:disabled):before{left:100%}.buzz-status{text-align:center;font-size:1.1rem;font-weight:600;color:var(--text-secondary);margin-top:1rem}.buzz-section{margin:2rem 0}.buzz-item{display:flex;align-items:center;padding:.75rem 1rem;margin-bottom:.5rem;background:var(--background);border-radius:.5rem;border:1px solid var(--border);transition:all .2s ease}.buzz-item.active{background:#fef3c7;border-color:var(--warning-color);transform:scale(1.02)}.buzz-position{width:2rem;text-align:center;font-weight:700;color:var(--primary-color)}.buzz-name{font-weight:600;color:var(--text-primary)}#current-answerer{background:#f0f9ff;border:2px solid var(--secondary-color);border-radius:.75rem;padding:1.5rem;margin:1rem 0}.answer-buttons{display:flex;gap:1rem;margin-top:1rem}.answer-buttons .btn{flex:1}.host-controls{display:flex;gap:1rem;margin:2rem 0;flex-wrap:wrap}.host-controls .btn{flex:1;min-width:150px}.game-info-section{margin-bottom:2rem}.game-info-card{background:var(--background);padding:1.5rem;border-radius:.75rem;border:2px solid var(--border);text-align:center}.game-info-card h3{margin:0 0 1rem;color:var(--primary-color);font-size:1.5rem;font-weight:700}.game-info-card p{margin:.5rem 0;color:var(--text-secondary);font-size:1rem}.game-info-card strong{color:var(--text-primary);font-weight:600}.share-section{background:var(--background);padding:1.5rem;border-radius:.75rem;margin-bottom:2rem}.share-options{display:flex;gap:.5rem;margin-bottom:1rem}.share-options input{flex:1}#qr-code{display:flex;justify-content:center;margin-top:1rem}#qr-code canvas{border-radius:.5rem;box-shadow:var(--shadow)}.game-share-section{background:var(--background);padding:1.5rem;border-radius:.75rem;margin-top:2rem;border:2px solid var(--border)}.game-share-section h3{margin-bottom:1rem;color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}#qr-code-active{display:flex;justify-content:center;margin-top:1rem}#qr-code-active canvas{border-radius:.5rem;box-shadow:var(--shadow);max-width:150px;height:auto}.final-scores{text-align:center}.final-scores .score-item{font-size:1.2rem;padding:1.5rem;margin-bottom:1rem}.final-scores .score-item .score-points{width:3rem;height:3rem;font-size:1.1rem}.finished-controls{text-align:center;margin-top:2rem;display:flex;flex-direction:column;gap:1rem;align-items:center}.final-scores .score-item:first-child{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;transform:scale(1.05)}.final-scores .score-item:nth-child(2){background:linear-gradient(135deg,#d1d5db,#9ca3af);color:#fff}.final-scores .score-item:nth-child(3){background:linear-gradient(135deg,#f87171,#ef4444);color:#fff}.winner-announcement{text-align:center;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:1rem;color:#fff;box-shadow:var(--shadow-lg);animation:winnerGlow 2s ease-in-out infinite alternate}.winner-title{font-size:3rem;margin:0 0 1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.winner-name{font-size:2.5rem;margin:0 0 .5rem;font-weight:800;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.winner-score{font-size:1.5rem;margin:0;opacity:.9}@keyframes winnerGlow{0%{box-shadow:var(--shadow-lg)}to{box-shadow:0 10px 25px -3px #fbbf2466,0 4px 6px -4px #fbbf2433}}.waiting-message{text-align:center;padding:2rem;background:var(--background);border-radius:.75rem;margin-bottom:2rem}.waiting-message p{font-size:1.2rem;color:var(--text-secondary);margin:0}.hidden{display:none!important}.text-center{text-align:center}@media (max-width: 768px){.container{padding:1rem}h1{font-size:2.5rem}.screen{padding:1.5rem}.button-group,.btn.large{width:100%}.share-options,.host-controls,.answer-buttons{flex-direction:column}.player-item,.score-item{flex-direction:column;text-align:center;gap:.5rem}.mobile-scores-list .score-item{flex-direction:row!important;text-align:left!important;gap:1rem!important}.buzz-button{height:100px;font-size:1.5rem}.game-info-card{padding:1rem}.game-info-card h3{font-size:1.3rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.screen:not(.hidden){animation:fadeIn .3s ease}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.buzz-item.active{animation:pulse 1s infinite}.mobile-optimized{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;box-shadow:none;padding:0;min-height:100vh}.mobile-container{padding:1rem;max-width:100%;margin:0;min-height:100vh;display:flex;flex-direction:column;gap:1rem}.mobile-header{display:flex;gap:.75rem;margin-bottom:.5rem}.round-indicator,.topic-card{flex:1;background:#fffffff2;backdrop-filter:blur(10px);border-radius:1rem;padding:.75rem;text-align:center;box-shadow:0 4px 20px #0000001a}.round-label,.topic-label{display:block;font-size:.7rem;font-weight:800;letter-spacing:1px;color:#6b7280;margin-bottom:.25rem}.round-number{display:block;font-size:1.5rem;font-weight:900;color:#1f2937}.topic-name{display:block;font-size:.9rem;font-weight:700;color:#1f2937;line-height:1.2}.question-card{background:#fffffff2;backdrop-filter:blur(10px);border-radius:1.5rem;padding:1.5rem;text-align:center;box-shadow:0 8px 32px #0000001a;margin-bottom:1rem}.question-icon{font-size:2rem;margin-bottom:1rem}.mobile-question{font-size:1.1rem;font-weight:600;color:#1f2937;line-height:1.4;margin:0}.mobile-buzz-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1rem 0}.mobile-buzz-button{width:200px;height:200px;border-radius:50%;border:none;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 30px #ff6b6b66;position:relative;overflow:hidden}.mobile-buzz-button:not(:disabled){animation:pulse-glow 2s infinite}.mobile-buzz-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 15px 40px #ff6b6b99}.mobile-buzz-button:active:not(:disabled){transform:scale(.95)}.mobile-buzz-button:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 5px 15px #0000001a;cursor:not-allowed;animation:none}.buzz-icon{font-size:3rem;margin-bottom:.5rem}.buzz-text{font-size:1.2rem;font-weight:900;letter-spacing:1px;margin-bottom:.25rem}.buzz-subtitle{font-size:.8rem;font-weight:600;opacity:.9}@keyframes pulse-glow{0%,to{box-shadow:0 10px 30px #ff6b6b66}50%{box-shadow:0 15px 40px #ff6b6bcc}}.mobile-buzz-status{margin-top:1rem;padding:.75rem 1.5rem;background:#ffffffe6;border-radius:2rem;font-weight:700;color:#1f2937;text-align:center;min-height:3rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0000001a}.mobile-scores-card{background:#fffffff2;backdrop-filter:blur(10px);border-radius:1.5rem;padding:1.25rem;box-shadow:0 8px 32px #0000001a;margin-top:auto}.scores-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.scores-icon{font-size:1.5rem}.scores-title{font-size:.9rem;font-weight:800;letter-spacing:1px;color:#6b7280}.mobile-scores-list{display:flex;flex-direction:column;gap:0}.mobile-scores-list .score-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#ffffffe6;font-weight:600;border-bottom:1px solid rgba(0,0,0,.1);transition:background-color .2s ease}.mobile-scores-list .score-item:first-child{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.mobile-scores-list .score-item:last-child{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem;border-bottom:none}.mobile-scores-list .score-item:hover{background:#fff}.mobile-scores-list .score-position{width:2rem;text-align:center;font-weight:700;color:#6b7280;font-size:1rem;flex-shrink:0}.mobile-scores-list .score-name{font-size:1rem;color:#1f2937;font-weight:600;flex:1;text-align:left}.mobile-scores-list .score-points{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:800;box-shadow:0 2px 8px #4f46e54d;flex-shrink:0}.lobby-header{text-align:center;margin-bottom:1.5rem}.lobby-header h1{font-size:2rem;font-weight:900;background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.waiting-card{background:#fffffff2;backdrop-filter:blur(10px);border-radius:1rem;padding:1rem;box-shadow:0 4px 20px #0000001a}.waiting-icon{font-size:2rem;margin-bottom:.5rem}.waiting-card p{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.mobile-info-cards{display:flex;flex-direction:column;gap:1rem}.info-card{background:#fffffff2;backdrop-filter:blur(10px);border-radius:1.5rem;padding:1.25rem;box-shadow:0 8px 32px #0000001a}.card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid rgba(0,0,0,.1)}.card-icon{font-size:1.25rem}.card-title{font-size:.8rem;font-weight:800;letter-spacing:1px;color:#6b7280}.mobile-topics-list{display:flex;flex-wrap:wrap;gap:.5rem}.mobile-topics-list .topic-item{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:.5rem 1rem;border-radius:1.5rem;font-size:.85rem;font-weight:600;border:none;box-shadow:0 2px 10px #ff6b354d}.mobile-players-list{display:flex;flex-direction:column;gap:0}.mobile-players-list .player-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#ffffffe6;font-weight:600;border-bottom:1px solid rgba(0,0,0,.1);transition:background-color .2s ease}.mobile-players-list .player-item:first-child{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.mobile-players-list .player-item:last-child{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem;border-bottom:none}.mobile-players-list .player-item:hover{background:#fff}.mobile-players-list .player-name{font-size:1rem;color:#1f2937;font-weight:600;flex:1;text-align:left}.mobile-players-list .player-topic{font-size:.85rem;color:#6b7280;font-weight:500;text-align:right}.mobile-game-settings{display:flex;flex-direction:column;gap:.75rem}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.setting-label{font-size:.9rem;font-weight:600;color:#6b7280}.setting-value{font-size:.9rem;font-weight:700;color:#1f2937}@media (max-width: 480px){.mobile-buzz-button{width:180px;height:180px}.buzz-icon{font-size:2.5rem}.buzz-text{font-size:1.1rem}.mobile-question{font-size:1rem}.lobby-header h1{font-size:1.75rem;color:#fff}.mobile-info-cards{gap:.75rem}}@media (max-width: 360px){.mobile-buzz-button{width:160px;height:160px}.buzz-icon{font-size:2rem}.buzz-text{font-size:1rem}.lobby-header h1{font-size:1.5rem;color:#fff}}@media (prefers-color-scheme: dark){:root{--text-primary: #f9fafb;--text-secondary: #d1d5db;--background: #111827;--surface: #1f2937;--border: #374151}body{background:linear-gradient(135deg,#1e1b4b,#0c4a6e)}input[type=text],input[type=number],select{background:var(--surface);color:var(--text-primary);border-color:var(--border)}input[type=text]:focus,input[type=number]:focus,select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e533}option{background:var(--surface);color:var(--text-primary)}.game-settings,#current-answerer{background:var(--background);color:var(--text-primary)}.buzz-item.active{background:var(--background);border-color:var(--warning-color)}.answer{background:var(--background);color:var(--text-primary)}.game-info-card{background:var(--surface);border-color:var(--border)}}.host-setup-mobile{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:0}.host-setup-mobile .container{max-width:100%;padding:1.5rem;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start}.host-setup-mobile .screen{background:#ffffff26;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:1.5rem;padding:2rem 1.5rem;box-shadow:0 8px 32px #0000001a;margin-top:2rem}.host-setup-mobile h1{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:2rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);background:none;-webkit-text-fill-color:white}.host-setup-mobile .form-group{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.host-setup-mobile .form-field{display:flex;flex-direction:column;gap:.75rem}.host-setup-mobile .form-field label{font-weight:700;color:#fff;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.host-setup-mobile input[type=text],.host-setup-mobile input[type=number],.host-setup-mobile select{width:100%;padding:1.25rem;border:2px solid rgba(255,255,255,.3);border-radius:1rem;font-size:1.1rem;background:#ffffffe6;backdrop-filter:blur(5px);color:var(--text-primary);transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.host-setup-mobile input[type=text]:focus,.host-setup-mobile input[type=number]:focus,.host-setup-mobile select:focus{outline:none;border-color:#fffc;background:#fffffff2;box-shadow:0 0 0 3px #ffffff4d;transform:translateY(-2px)}.host-setup-mobile .checkbox-wrapper{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff1a;border-radius:1rem;border:2px solid rgba(255,255,255,.2)}.host-setup-mobile .checkbox-wrapper input[type=checkbox]{width:1.5rem;height:1.5rem;margin:0;accent-color:var(--primary-color)}.host-setup-mobile .checkbox-label{color:#fff;font-size:1rem;font-weight:600;text-transform:none;letter-spacing:normal;text-shadow:0 1px 2px rgba(0,0,0,.3);margin:0}.host-setup-mobile .btn.primary.large{width:100%;padding:1.5rem 2rem;font-size:1.2rem;font-weight:700;border-radius:1rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;color:#fff;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 8px 20px #4f46e566;transition:all .3s ease;margin-top:1rem}.host-setup-mobile .btn.primary.large:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 25px #4f46e580}.host-setup-mobile .btn.text{color:#fffc;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);margin-top:1rem;align-self:center}.host-setup-mobile .btn.text:hover{color:#fff;background:#ffffff1a;border-radius:.5rem}@media (max-width: 768px){#host-setup-screen{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:0}#host-setup-screen .container{max-width:100%;padding:1.5rem;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start}#host-setup-screen .screen{background:#ffffff26;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:1.5rem;padding:2rem 1.5rem;box-shadow:0 8px 32px #0000001a;margin-top:2rem}#host-setup-screen h1{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:2rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);background:none;-webkit-text-fill-color:white}#host-setup-screen .form-group{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}#host-setup-screen .form-field{display:flex;flex-direction:column;gap:.75rem}#host-setup-screen .form-field label{font-weight:700;color:#fff;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.3)}#host-setup-screen input[type=text],#host-setup-screen input[type=number],#host-setup-screen select{width:100%;padding:1.25rem;border:2px solid rgba(255,255,255,.3);border-radius:1rem;font-size:1.1rem;background:#ffffffe6;backdrop-filter:blur(5px);color:var(--text-primary);transition:all .3s ease;box-shadow:0 4px 12px #0000001a}#host-setup-screen input[type=text]:focus,#host-setup-screen input[type=number]:focus,#host-setup-screen select:focus{outline:none;border-color:#fffc;background:#fffffff2;box-shadow:0 0 0 3px #ffffff4d;transform:translateY(-2px)}#host-setup-screen .checkbox-wrapper{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff1a;border-radius:1rem;border:2px solid rgba(255,255,255,.2)}#host-setup-screen .checkbox-wrapper input[type=checkbox]{width:1.5rem;height:1.5rem;margin:0;accent-color:var(--primary-color)}#host-setup-screen .checkbox-label{color:#fff;font-size:1rem;font-weight:600;text-transform:none;letter-spacing:normal;text-shadow:0 1px 2px rgba(0,0,0,.3);margin:0}#host-setup-screen .btn.primary.large{width:100%;padding:1.5rem 2rem;font-size:1.2rem;font-weight:700;border-radius:1rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;color:#fff;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 8px 20px #4f46e566;transition:all .3s ease;margin-top:1rem}#host-setup-screen .btn.primary.large:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 25px #4f46e580}#host-setup-screen .btn.text{color:#fffc;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);margin-top:1rem;align-self:center}#host-setup-screen .btn.text:hover{color:#fff;background:#ffffff1a;border-radius:.5rem}}.mobile-winner-header{text-align:center;margin-bottom:2rem}.winner-trophy{font-size:4rem;margin-bottom:1rem;animation:bounce 2s infinite}.mobile-winner-title{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem}.mobile-winner-card{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:1.5rem;padding:1.5rem;margin:1rem 0;box-shadow:0 8px 32px #fbbf244d;animation:winnerGlow 2s ease-in-out infinite alternate}.mobile-winner-card .winner-trophy{font-size:3rem;margin-bottom:.5rem;animation:bounce 2s infinite}.mobile-winner-card h2{font-size:1.8rem;font-weight:800;color:#fff;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.mobile-winner-card p{font-size:1.2rem;color:#fff;margin:0;opacity:.9;font-weight:600}.mobile-final-scores-card{background:#fffffff2;backdrop-filter:blur(10px);border-radius:1.5rem;padding:1.25rem;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem}.mobile-finished-controls{display:flex;flex-direction:column;gap:1rem;margin-top:auto}.mobile-action-button{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;background:#fffffff2;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:1.5rem;box-shadow:0 8px 32px #0000001a;cursor:pointer;transition:all .3s ease;width:100%;text-align:left;color:#1f2937}.mobile-action-button.primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.mobile-action-button:hover{transform:translateY(-3px);box-shadow:0 12px 25px #4f46e580}.action-icon{font-size:1.5rem}.action-text{font-size:1rem;font-weight:700}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 480px){.mobile-winner-title{font-size:2rem;background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.winner-trophy{font-size:3rem}.mobile-winner-card h2{font-size:1.5rem}.mobile-action-button{padding:1rem 1.5rem;font-size:1rem}}@media (max-width: 360px){.mobile-winner-title{font-size:1.75rem;background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.winner-trophy{font-size:2.5rem}.mobile-winner-card{padding:1rem}}.welcome-header{text-align:center;margin-bottom:3rem;padding-top:2rem}.app-icon{font-size:4rem;margin-bottom:1rem;animation:bounce 2s infinite}.app-title{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.app-subtitle{font-size:1.1rem;color:#ffffffe6;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);margin:0}.welcome-main-action,.mobile-games-section{margin-bottom:2rem}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:0 .5rem}.section-icon{font-size:1.5rem}.section-title{font-size:.9rem;font-weight:800;letter-spacing:1px;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.3)}.mobile-games-list{display:flex;flex-direction:column;gap:.75rem}.host-setup-header{text-align:center;margin-bottom:2rem;padding-top:1rem}.setup-icon{font-size:3rem;margin-bottom:1rem}.setup-title{font-size:2rem;font-weight:900;background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.setup-subtitle{font-size:1rem;color:#ffffffe6;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);margin:0}.host-setup-form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.mobile-form-field{display:flex;flex-direction:column;gap:.5rem}.mobile-form-field label{font-size:.9rem;font-weight:700;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.3);margin-bottom:.25rem}.mobile-form-field input,.mobile-form-field select{padding:1rem 1.25rem;border:2px solid rgba(255,255,255,.2);border-radius:1rem;background:#ffffffe6;backdrop-filter:blur(10px);font-size:1rem;font-weight:600;color:#1f2937;transition:all .3s ease;box-shadow:0 4px 20px #0000001a}.mobile-form-field input:focus,.mobile-form-field select:focus{outline:none;border-color:#fffc;background:#fffffff2;box-shadow:0 0 0 3px #ffffff4d;transform:translateY(-2px)}.mobile-checkbox-wrapper{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#ffffff1a;border-radius:1rem;border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.mobile-checkbox-wrapper:hover{background:#ffffff26}.mobile-checkbox-wrapper input[type=checkbox]{width:1.5rem;height:1.5rem;margin:0;accent-color:var(--primary-color)}.mobile-checkbox-label{color:#fff;font-size:1rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);margin:0;flex:1}.mobile-back-button{color:#fffc;background:none;border:none;font-size:1rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);padding:1rem;cursor:pointer;transition:all .3s ease;align-self:center}.mobile-back-button:hover{color:#fff;background:#ffffff1a;border-radius:.5rem}.host-game-settings{background:var(--background);padding:1.5rem;border-radius:.75rem;margin:2rem 0;border:2px solid var(--border)}.host-game-settings h3{margin:0 0 1rem;color:var(--primary-color);font-size:1.2rem;font-weight:700}.settings-grid{display:flex;flex-direction:column;gap:1rem}.setting-control{display:flex;flex-direction:column;gap:.5rem}.setting-control label{font-weight:600;color:var(--text-primary);font-size:.9rem}.toggle-wrapper{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--surface);border-radius:.5rem;border:1px solid var(--border);transition:all .2s ease}.toggle-wrapper:hover{border-color:var(--primary-color);background:#4f46e50d}.toggle-wrapper input[type=checkbox]{width:1.25rem;height:1.25rem;margin:0;accent-color:var(--primary-color)}.toggle-label{color:var(--text-secondary);font-size:.9rem;font-weight:500;flex:1}@media (min-width: 769px){.mobile-optimized .mobile-container{max-width:480px;margin:0 auto;min-height:100vh;justify-content:center}.mobile-optimized{display:flex;justify-content:center;align-items:center;min-height:100vh}}#host-lobby-screen,#host-game-screen{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#host-lobby-screen .container,#host-game-screen .container{max-width:100%;padding:1rem;margin:0}.host-lobby-header{text-align:center;margin-bottom:2rem;padding-top:1rem}.host-lobby-title{font-size:2rem;font-weight:900;background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.host-info-cards{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.host-card{background:#fffffff2;backdrop-filter:blur(10px);border-radius:1.5rem;padding:1.25rem;box-shadow:0 8px 32px #0000001a}.host-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid rgba(0,0,0,.1)}.host-card-icon{font-size:1.25rem}.host-card-title{font-size:.8rem;font-weight:800;letter-spacing:1px;color:#6b7280}.share-options{display:flex;flex-direction:column;gap:.75rem}.share-link-container{display:flex;gap:.5rem}.share-options input{flex:1;padding:.75rem 1rem;border:2px solid rgba(0,0,0,.1);border-radius:.75rem;background:#ffffffe6;font-size:.9rem;font-weight:600;color:#1f2937}.share-options .btn{padding:.75rem 1.5rem;border-radius:.75rem;font-size:.9rem;font-weight:700;white-space:nowrap}#qr-code{text-align:center;margin-top:1rem}#qr-code canvas{border-radius:1rem;box-shadow:0 4px 20px #0000001a}.topic-management{display:flex;flex-direction:column;gap:1rem}.add-topic-form{display:flex;gap:.5rem}.add-topic-form input{flex:1;padding:.75rem 1rem;border:2px solid rgba(0,0,0,.1);border-radius:.75rem;background:#ffffffe6;font-size:.9rem;font-weight:600;color:#1f2937}.add-topic-form .btn{padding:.75rem 1.5rem;border-radius:.75rem;font-size:.9rem;font-weight:700;white-space:nowrap}.topics-list{display:flex;flex-wrap:wrap;gap:.5rem}.topic-item{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:.5rem 1rem;border-radius:1.5rem;font-size:.85rem;font-weight:600;border:none;box-shadow:0 2px 10px #ff6b354d;cursor:pointer;transition:all .3s ease}.topic-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff6b3566}.host-players-list{display:flex;flex-direction:column;gap:0}.host-players-list .player-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#ffffffe6;font-weight:600;border-bottom:1px solid rgba(0,0,0,.1);transition:background-color .2s ease}.host-players-list .player-item:first-child{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.host-players-list .player-item:last-child{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem;border-bottom:none}.host-players-list .player-item:hover{background:#fff}.host-players-list .player-name{font-size:1rem;color:#1f2937;font-weight:600;flex:1;text-align:left}.host-players-list .player-topic{font-size:.85rem;color:#6b7280;font-weight:500;text-align:right}.host-game-settings{background:#fffffff2;backdrop-filter:blur(10px);border-radius:1.5rem;padding:1.25rem;box-shadow:0 8px 32px #0000001a;margin:1rem 0}.host-game-settings h3{margin:0 0 1rem;color:#1f2937;font-size:1rem;font-weight:800;letter-spacing:1px}.host-game-settings p{margin:.5rem 0;color:#6b7280;font-size:.9rem;font-weight:600}.host-game-settings strong{color:#1f2937;font-weight:700}.host-settings-controls{display:flex;flex-direction:column;gap:1rem}.host-setting-item{display:flex;flex-direction:column;gap:.5rem}.host-setting-item label{font-size:.9rem;font-weight:700;color:#1f2937}.host-setting-item input,.host-setting-item select{padding:.75rem 1rem;border:2px solid rgba(0,0,0,.1);border-radius:.75rem;background:#ffffffe6;font-size:.9rem;font-weight:600;color:#1f2937;transition:all .3s ease}.host-setting-item input:focus,.host-setting-item select:focus{outline:none;border-color:#ff6b35;background:#fff;box-shadow:0 0 0 3px #ff6b351a}.host-toggle-wrapper{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffffe6;border-radius:.75rem;border:2px solid rgba(0,0,0,.1);transition:all .3s ease}.host-toggle-wrapper:hover{border-color:#ff6b35;background:#fff}.host-toggle-wrapper input[type=checkbox]{width:1.25rem;height:1.25rem;margin:0;accent-color:#ff6b35}.host-toggle-label{color:#1f2937;font-size:.9rem;font-weight:600;flex:1}.host-action-button{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:1rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #10b9814d;margin-top:2rem}.host-action-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #10b98166}.host-action-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}@media (min-width: 769px){#host-lobby-screen .container,#host-game-screen .container{max-width:600px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem}.share-options{flex-direction:row;align-items:flex-end}.share-link-container{flex:1}.add-topic-form{flex-direction:row}.host-info-cards{gap:1.5rem}}
/*# sourceMappingURL=client.css.map */