*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem}.loading{font-size:2rem;text-align:center}.container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafc1a;border-radius:20px;box-shadow:0 8px 32px 0 #0f172a80;max-width:1200px;padding:3rem;width:100%}.title{font-size:3rem;font-weight:700;text-shadow:2px 2px 4px #0000004d}.subtitle,.title{margin-bottom:2rem;text-align:center}.subtitle{font-size:1.5rem;opacity:.9}.button{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:10px;color:#f8fafc;cursor:pointer;font-size:1.2rem;font-weight:700;margin:.5rem;padding:1rem 2rem;transition:transform .2s,box-shadow .2s}.button:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.button:active{transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.5}.input{background:#f8fafc1a;border:2px solid #f8fafc4d;border-radius:10px;color:#f8fafc;font-size:1.2rem;margin-bottom:1rem;padding:1rem;width:100%}.input::placeholder{color:#f8fafc99}.input:focus{background:#f8fafc26;border-color:#f8fafc99;outline:none}.players-list{list-style:none;margin:2rem 0}.player-item{background:#f8fafc1a;border-radius:10px;font-size:1.2rem;margin:.5rem 0;padding:1rem}.question-container{text-align:center}.question-text{font-size:2.5rem;line-height:1.4;margin:2rem 0}.options-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.option-item{background:#f8fafc33;border:2px solid #0000;border-radius:10px;cursor:pointer;font-size:1.3rem;padding:1.5rem;transition:all .2s}.option-item:hover{background:#f8fafc4d;border-color:#f8fafc80;transform:scale(1.05)}.timer{font-size:4rem;font-weight:700;margin:2rem 0;text-shadow:2px 2px 4px #00000080}.leaderboard{margin-top:2rem}.leaderboard-title{font-size:2rem;margin-bottom:1rem;text-align:center}.leaderboard-item{background:#f8fafc1a;border-radius:10px;display:flex;font-size:1.2rem;justify-content:space-between;margin:.5rem 0;padding:1rem}.room-info{font-size:1.5rem;margin-bottom:2rem;text-align:center}.question-number{font-size:1.2rem;margin-bottom:1rem;opacity:.8}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-30px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(30px)}}@keyframes blinkAndZoom{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@media (max-width:1024px){.app{padding:1.5rem}.container{padding:2rem}.title{font-size:2.2rem}.subtitle,.title{margin-bottom:1.5rem}.subtitle{font-size:1.3rem}.button{font-size:1.1rem;padding:.8rem 1.5rem}.question-text{font-size:2rem;margin:1.5rem 0}.options-list{gap:.8rem;margin:1.5rem 0}.option-item{font-size:1.1rem;padding:1.2rem}.timer{font-size:3rem;margin:1.5rem 0}.leaderboard-title{font-size:1.6rem}.leaderboard-item{font-size:1.1rem;padding:.8rem}}@media (max-width:768px){.app{padding:1rem}.container{border-radius:15px;padding:1.5rem}.title{font-size:1.8rem}.subtitle,.title{margin-bottom:1rem}.subtitle{font-size:1.1rem}.button{font-size:1rem;margin:.3rem;padding:.7rem 1.2rem}.input{font-size:1rem;padding:.8rem}.question-text{font-size:1.6rem;line-height:1.3;margin:1rem 0}.options-list{gap:.6rem;grid-template-columns:1fr;margin:1rem 0}.option-item{font-size:1rem;padding:1rem}.timer{font-size:2.5rem;margin:1rem 0}.leaderboard-title{font-size:1.4rem;margin-bottom:.8rem}.leaderboard-item{font-size:1rem;margin:.4rem 0;padding:.7rem}.question-number{font-size:1rem;margin-bottom:.8rem}.player-item{font-size:1rem;padding:.8rem}.room-info{font-size:1.2rem;margin-bottom:1.5rem}}@media (max-width:480px){.app{padding:.5rem}.container{border-radius:12px;padding:1rem}.title{font-size:1.5rem}.subtitle,.title{margin-bottom:.8rem}.subtitle{font-size:1rem}.button{font-size:.9rem;padding:.6rem 1rem}.question-text{font-size:1.3rem;margin:.8rem 0}.option-item{font-size:.95rem;padding:.9rem}.timer{font-size:2rem;margin:.8rem 0}.leaderboard-title{font-size:1.2rem}.leaderboard-item{font-size:.9rem;padding:.6rem}.question-number{font-size:.9rem}}.host-player-list{margin-bottom:0;position:fixed;right:20px;top:20px;width:auto}.host-control-buttons{justify-content:flex-start;left:20px;margin-bottom:0;position:fixed;top:20px}@media (max-width:768px){.host-player-list{margin-bottom:1rem;position:static;right:auto;top:auto;width:100%}.host-player-list h3{font-size:.9rem}.host-player-list span{font-size:.9rem!important}.host-player-list span span:first-child{font-size:1rem!important}.host-control-buttons{justify-content:center;left:auto;margin-bottom:1rem;position:static;top:auto}.host-control-buttons button{font-size:1.3rem!important;height:45px!important;padding:10px!important;width:45px!important}.game-selection-grid{gap:1rem!important;grid-template-columns:1fr!important;margin-top:1.5rem!important}.game-selection-button{font-size:1rem!important;padding:1.5rem!important}.game-selection-button span{font-size:1.1rem!important}.game-vote-button{font-size:.95rem!important;padding:1rem!important}.room-code-display{font-size:2rem!important;letter-spacing:.2rem!important;padding:.6rem 1.2rem!important}.share-code-message{padding:.8rem 1.2rem!important}.share-code-message p{font-size:1rem!important}.waiting-title{font-size:1.8rem!important}}@media (max-width:480px){.game-selection-button{font-size:.95rem!important;padding:1.2rem!important}.game-selection-button span{font-size:1rem!important}.game-vote-button{font-size:.9rem!important;padding:.9rem!important}.room-code-display{font-size:1.6rem!important;letter-spacing:.15rem!important;padding:.5rem 1rem!important}.share-code-message{padding:.7rem 1rem!important}.share-code-message p{font-size:.9rem!important}.waiting-title{font-size:1.5rem!important}.room-setup-grid{gap:1.5rem!important;grid-template-columns:1fr!important;margin-top:2rem!important}.room-setup-tile{gap:1.2rem!important;padding:2rem!important}.room-tile-icon{font-size:4rem!important}.room-tile-title{font-size:1.6rem!important}.room-tile-description{font-size:1rem!important}.room-tile-button{font-size:1.1rem!important;padding:.7rem 1.5rem!important}}@media (max-width:768px){.room-setup-grid{gap:1.5rem!important;grid-template-columns:1fr!important;margin-top:2rem!important}.room-setup-tile{gap:1.2rem!important;padding:2.5rem!important}.room-tile-icon{font-size:4.5rem!important}.room-tile-title{font-size:1.8rem!important}.room-tile-description{font-size:1.05rem!important}.room-tile-button{font-size:1.15rem!important;padding:.75rem 1.8rem!important}.join-room-code-input{font-size:1.6rem!important;letter-spacing:.3rem!important;padding:.8rem!important}.join-room-label{font-size:1rem!important;margin-top:1.5rem!important}.avatar-grid{gap:.8rem!important;margin-bottom:1.5rem!important}.avatar-button{font-size:1.3rem!important}}@media (max-width:480px){.join-room-code-input{font-size:1.4rem!important;letter-spacing:.25rem!important;padding:.7rem!important}.join-room-label{font-size:.95rem!important;margin-top:1.2rem!important}.avatar-grid{gap:.6rem!important;margin-bottom:1.2rem!important}.avatar-button{font-size:1.2rem!important}}
/*# sourceMappingURL=main.4fd9a69b.css.map*/