body{margin:0;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:linear-gradient(135deg,#ff7e5f,#feb47b 25%,#ff6b6b 50%,#4ecdc4 75%,#45b7d1);min-height:100vh;position:relative;overflow-x:hidden}body:before{background-image:radial-gradient(2px 2px at 23px 37px,#fff,transparent),radial-gradient(2px 2px at 87px 63px,#fff,transparent),radial-gradient(2px 2px at 143px 27px,#fff,transparent),radial-gradient(2px 2px at 207px 83px,#fff,transparent),radial-gradient(2px 2px at 263px 47px,#fff,transparent),radial-gradient(2px 2px at 327px 73px,#fff,transparent),radial-gradient(2px 2px at 383px 17px,#fff,transparent),radial-gradient(2px 2px at 447px 53px,#fff,transparent),radial-gradient(2px 2px at 503px 93px,#fff,transparent),radial-gradient(2px 2px at 567px 33px,#fff,transparent),radial-gradient(2px 2px at 123px 77px,#fff,transparent),radial-gradient(2px 2px at 187px 13px,#fff,transparent),radial-gradient(2px 2px at 247px 67px,#fff,transparent),radial-gradient(2px 2px at 313px 43px,#fff,transparent),radial-gradient(2px 2px at 373px 97px,#fff,transparent);animation:twinkle-layer1 2.7s ease-in-out infinite alternate;animation-delay:0s}body:after,body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-repeat:repeat;background-size:600px 100px;pointer-events:none;z-index:1}body:after{background-image:radial-gradient(1px 1px at 47px 43px,hsla(0,0%,100%,.8),transparent),radial-gradient(1px 1px at 113px 7px,hsla(0,0%,100%,.8),transparent),radial-gradient(1px 1px at 173px 67px,hsla(0,0%,100%,.8),transparent),radial-gradient(1px 1px at 233px 33px,hsla(0,0%,100%,.8),transparent),radial-gradient(1px 1px at 293px 83px,hsla(0,0%,100%,.8),transparent),radial-gradient(1px 1px at 353px 23px,hsla(0,0%,100%,.8),transparent),radial-gradient(1px 1px at 413px 73px,hsla(0,0%,100%,.8),transparent),radial-gradient(1px 1px at 473px 43px,hsla(0,0%,100%,.8),transparent),radial-gradient(1px 1px at 533px 93px,hsla(0,0%,100%,.8),transparent),radial-gradient(1px 1px at 593px 13px,hsla(0,0%,100%,.8),transparent),radial-gradient(1px 1px at 67px 57px,hsla(0,0%,100%,.8),transparent),radial-gradient(1px 1px at 127px 87px,hsla(0,0%,100%,.8),transparent),radial-gradient(1px 1px at 197px 27px,hsla(0,0%,100%,.8),transparent),radial-gradient(1px 1px at 257px 77px,hsla(0,0%,100%,.8),transparent),radial-gradient(1px 1px at 317px 47px,hsla(0,0%,100%,.8),transparent);animation:twinkle-layer2 6.1s linear infinite alternate;animation-delay:1.2s}.container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(.5px .5px at 31px 23px,hsla(0,0%,100%,.6),transparent),radial-gradient(.5px .5px at 91px 53px,hsla(0,0%,100%,.6),transparent),radial-gradient(.5px .5px at 151px 13px,hsla(0,0%,100%,.6),transparent),radial-gradient(.5px .5px at 211px 73px,hsla(0,0%,100%,.6),transparent),radial-gradient(.5px .5px at 271px 33px,hsla(0,0%,100%,.6),transparent),radial-gradient(.5px .5px at 331px 83px,hsla(0,0%,100%,.6),transparent),radial-gradient(.5px .5px at 391px 28px,hsla(0,0%,100%,.6),transparent),radial-gradient(.5px .5px at 451px 63px,hsla(0,0%,100%,.6),transparent),radial-gradient(.5px .5px at 511px 8px,hsla(0,0%,100%,.6),transparent),radial-gradient(.5px .5px at 571px 78px,hsla(0,0%,100%,.6),transparent),radial-gradient(.5px .5px at 71px 43px,hsla(0,0%,100%,.6),transparent),radial-gradient(.5px .5px at 131px 93px,hsla(0,0%,100%,.6),transparent),radial-gradient(.5px .5px at 191px 33px,hsla(0,0%,100%,.6),transparent),radial-gradient(.5px .5px at 251px 83px,hsla(0,0%,100%,.6),transparent),radial-gradient(.5px .5px at 311px 53px,hsla(0,0%,100%,.6),transparent);background-repeat:repeat;background-size:600px 100px;animation:twinkle-layer3 4.2s ease-in-out infinite alternate;animation-delay:2.7s;pointer-events:none;z-index:1}@keyframes twinkle-layer1{0%{opacity:.1}12%{opacity:.8}23%{opacity:.3}34%{opacity:.95}45%{opacity:.5}56%{opacity:.7}67%{opacity:.2}78%{opacity:.9}89%{opacity:.4}to{opacity:.6}}@keyframes twinkle-layer2{0%{opacity:.05}8%{opacity:.6}16%{opacity:.15}24%{opacity:.85}32%{opacity:.35}40%{opacity:.75}48%{opacity:.25}56%{opacity:.9}64%{opacity:.55}72%{opacity:.05}80%{opacity:.8}88%{opacity:.45}96%{opacity:.65}to{opacity:.25}}@keyframes twinkle-layer3{0%{opacity:.2}6%{opacity:.7}12%{opacity:.15}18%{opacity:.85}24%{opacity:.35}30%{opacity:.6}36%{opacity:.05}42%{opacity:.8}48%{opacity:.45}54%{opacity:.15}60%{opacity:.9}66%{opacity:.55}72%{opacity:.25}78%{opacity:.75}84%{opacity:.35}90%{opacity:.85}96%{opacity:.45}to{opacity:.15}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box}.container{max-width:800px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:2}.game-card{background:#fff;border-radius:15px;padding:40px;box-shadow:0 10px 30px rgba(0,0,0,.2);text-align:center;width:100%;max-width:600px}.start-button{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;border:none;padding:15px 30px;font-size:18px;border-radius:25px;cursor:pointer;transition:transform .2s;margin:20px 0}.start-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.question-card{background:#fff;border-radius:15px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.2);text-align:left;width:100%;max-width:600px;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translateY(0);opacity:1}.question-card.question-transition-enter{transform:translateY(30px);opacity:0}.question-card.question-transition-enter-active{transform:translateY(0);opacity:1;transition:all .5s cubic-bezier(.4,0,.2,1)}.question-card.question-transition-exit{transform:translateY(0);opacity:1}.question-card.question-transition-exit-active{transform:translateY(-30px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.question-card.loading{opacity:.6;transform:scale(.98);transition:all .3s ease-in-out}.answer-button{transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(0)}.answer-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.answer-button:active{transform:translateY(0);transition:all .1s ease-out}.progress-fill{transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:progress-pulse 2s ease-in-out infinite}@keyframes progress-pulse{0%,to{box-shadow:0 0 0 0 rgba(0,123,255,.4)}50%{box-shadow:0 0 0 4px rgba(0,123,255,.1)}}.progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);animation:progress-shimmer 2s infinite}@keyframes progress-shimmer{0%{left:-100%}to{left:100%}}.loading-spinner{display:inline-block;width:20px;height:20px;border-radius:50%;border:3px solid rgba(0,0,0,.1);border-top-color:#007bff;animation:spin 1s ease-in-out infinite;margin-right:10px}.question-text{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.answer-button{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.answer-button:first-child{animation-delay:.1s}.answer-button:nth-child(2){animation-delay:.2s}.answer-button:nth-child(3){animation-delay:.3s}.answer-button:nth-child(4){animation-delay:.4s}.answer-button.selected{transform:scale(1.02);box-shadow:0 8px 25px rgba(0,123,255,.3);animation:answer-selected .3s ease-out}@keyframes answer-selected{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1.02)}}.answer-button.correct{animation:correct-answer .6s ease-out}@keyframes correct-answer{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1.05)}75%{transform:scale(1.08)}to{transform:scale(1)}}.answer-button.incorrect{animation:incorrect-answer .5s ease-out}@keyframes incorrect-answer{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.lobby-code-clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease-in-out;position:relative;display:inline-block;padding:8px 12px;background:rgba(0,123,255,.1);border:2px solid rgba(0,123,255,.3);border-radius:8px;font-family:"Courier New",monospace;font-weight:700;letter-spacing:2px;color:#007bff}.lobby-code-clickable:hover{background:rgba(0,123,255,.2);border-color:rgba(0,123,255,.5);transform:scale(1.05);box-shadow:0 4px 12px rgba(0,123,255,.3)}.lobby-code-clickable:active{transform:scale(.98);transition:all .1s ease-out}.lobby-code-clickable:after{content:"📋";margin-left:8px;opacity:.7;transition:opacity .2s ease-in-out}.lobby-code-clickable:hover:after{opacity:1}.lobby-code-clickable.copied{background:rgba(40,167,69,.2);border-color:rgba(40,167,69,.5);color:#28a745;animation:copy-success .6s ease-out}.lobby-code-clickable.copied:after{content:"✅";animation:copy-checkmark .6s ease-out}@keyframes copy-success{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes copy-checkmark{0%{transform:scale(0) rotate(0deg)}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(1) rotate(1turn)}}.lobby-code-hint{margin:8px 0 20px;text-align:center;color:#6c757d;font-style:italic}.lobby-code-hint small{font-size:.9em;opacity:.8}.question-text{font-size:20px;margin-bottom:30px;line-height:1.5;color:#333}.answer-button{background:#f8f9fa;border:2px solid #e9ecef;padding:15px 20px;margin:10px 0;border-radius:10px;cursor:pointer;transition:all .2s;width:100%;text-align:left;font-size:16px}.answer-button:hover{background:#e9ecef;border-color:#007bff}.answer-button.correct{background:#d4edda;border-color:#28a745;color:#155724}.answer-button.incorrect{background:#f8d7da;border-color:#dc3545;color:#721c24}.answer-button.correct-answer{background:#d4edda;border-color:#28a745;color:#155724;font-weight:700}.score-display{font-size:24px;font-weight:700;color:#333;margin:20px 0}.progress-bar{width:100%;height:10px;background:#e9ecef;border-radius:5px;margin:20px 0;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(45deg,#4caf50,#45a049);transition:width .3s ease}.loading{text-align:center;font-size:18px;color:#666}.error{color:#dc3545;background:#f8d7da;padding:15px}.error,.game-settings{border-radius:10px;margin:20px 0}.game-settings{background:#f8f9fa;padding:20px;text-align:left}.setting-group{margin:15px 0}.setting-group label{display:block;font-weight:700;margin-bottom:8px;color:#333}.setting-select{width:100%;padding:10px;border:2px solid #e9ecef;border-radius:8px;font-size:16px;background:#fff}.difficulty-buttons{display:flex;grid-gap:10px;gap:10px;flex-wrap:wrap}.difficulty-btn{padding:10px 20px;border:2px solid #e9ecef;border-radius:8px;background:#f8f9fa;cursor:pointer;transition:all .2s;font-weight:700;color:#fff}.difficulty-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.difficulty-btn.active{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.question-slider{width:100%;height:8px;border-radius:4px;background:#e9ecef;outline:none;-webkit-appearance:none}.question-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#4caf50;cursor:pointer}.question-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#4caf50;cursor:pointer;border:none}.mute-btn{padding:10px 20px;border:2px solid #e9ecef;border-radius:8px;background:#f8f9fa;cursor:pointer;transition:all .2s;font-size:16px}.mute-btn:hover{background:#e9ecef;transform:translateY(-1px)}.mute-btn.muted{background:#dc3545;color:#fff;border-color:#dc3545}.question-card{position:relative}.question-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px;background:#f8f9fa;border-radius:8px}.category-badge{background:#007bff}.category-badge,.difficulty-badge{color:#fff;padding:5px 10px;border-radius:15px;font-size:12px;font-weight:700}.difficulty-badge.easy{background:#4caf50}.difficulty-badge.medium{background:#ff9800}.difficulty-badge.hard{background:#f44336}.menu-options{grid-gap:15px;gap:15px;margin:30px 0}.menu-button,.menu-options{display:flex;flex-direction:column}.menu-button{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:20px 30px;font-size:18px;border-radius:15px;cursor:pointer;transition:all .3s ease;align-items:center;grid-gap:5px;gap:5px;text-align:center}.menu-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.3)}.menu-button.secondary{background:linear-gradient(45deg,#4caf50,#45a049)}.menu-button.tertiary{background:linear-gradient(45deg,#ff9800,#f57c00)}.game-info{margin-top:30px;padding-top:20px;border-top:2px solid #f0f0f0}.info-section{margin-bottom:25px;padding:15px;background:hsla(0,0%,100%,.1);border-radius:10px;border-left:4px solid #4ecdc4}.info-section h3{margin:0 0 10px;color:#333;font-size:16px;display:flex;align-items:center;grid-gap:8px;gap:8px}.info-section p{margin:8px 0;color:#666;line-height:1.5;font-size:14px}.info-link{color:#4ecdc4;text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-bottom .2s ease}.info-link:hover{border-bottom:1px solid #4ecdc4}.feature-list{margin:10px 0;padding-left:0;list-style:none}.feature-list li{margin:8px 0;padding:5px 0;color:#666;font-size:14px;display:flex;align-items:center;grid-gap:8px;gap:8px}.menu-button small{font-size:14px;opacity:.9;font-weight:400}.lobby-settings{margin:20px 0}.lobby-code-input,.player-name-input{width:100%;padding:12px 15px;border:2px solid #e9ecef;border-radius:10px;font-size:16px;transition:border-color .3s ease}.lobby-code-input:focus,.player-name-input:focus{outline:none;border-color:#667eea}.lobby-code-input{font-family:"Courier New",monospace}.button-group{display:flex;grid-gap:15px;gap:15px;margin-top:20px}.back-button,.secondary-button{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.back-button:hover,.secondary-button:hover{background:#5a6268}.secondary-button{background:#17a2b8}.secondary-button:hover{background:#138496}.lobby-info{margin:20px 0}.lobby-settings-display{display:flex;grid-gap:15px;gap:15px;margin-bottom:20px;flex-wrap:wrap}.setting-badge{background:#f8f9fa;padding:8px 15px;border-radius:20px;border:1px solid #e9ecef;font-size:14px}.players-list h3{margin-bottom:15px;color:#495057}.players-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.refresh-indicator{display:flex;align-items:center;grid-gap:5px;gap:5px;font-size:12px;color:#6c757d}.refresh-icon{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.players-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:10px;gap:10px;margin-bottom:20px}.player-card{background:#f8f9fa;padding:15px;border-radius:10px;border:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.player-name{font-weight:500}.host-badge{background:#ffc107;color:#212529;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700}.countdown{text-align:center;margin:20px 0;padding:20px;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border-radius:15px}.countdown h3{margin:0 0 15px}.countdown-bar{width:100%;height:8px;background:hsla(0,0%,100%,.3);border-radius:4px;overflow:hidden}.countdown-fill{height:100%;background:#fff;transition:width 1s linear}.question-card.multiplayer{max-width:800px}.question-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;grid-gap:20px;gap:20px}.multiplayer-scores{background:#f8f9fa;padding:15px;border-radius:10px;border:1px solid #e9ecef;min-width:200px}.multiplayer-scores h4{margin:0 0 10px;color:#495057;font-size:16px}.scores-list{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.score-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:6px;background:#fff;border:1px solid #e9ecef}.score-item.current-player{background:#e3f2fd;border-color:#2196f3;font-weight:700}.player-rank{font-weight:700;color:#6c757d;min-width:30px}.player-name{flex:1 1;margin:0 10px}.completed-badge,.player-score{font-weight:700;color:#28a745}.completed-badge{margin-left:5px}.final-results{margin:20px 0}.personal-score{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border-radius:15px}.personal-score h2{margin:0 0 10px}.rank-display{font-size:18px;margin-bottom:10px;font-weight:700}.percentage{font-size:16px;opacity:.9}.leaderboard{margin-top:20px}.leaderboard h3{text-align:center;margin-bottom:15px;color:#495057}.leaderboard-list{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.leaderboard-item{display:flex;align-items:center;padding:15px;background:#f8f9fa;border-radius:10px;border:1px solid #e9ecef;transition:all .3s ease}.leaderboard-item.current-player{background:#e3f2fd;border-color:#2196f3;font-weight:700}.leaderboard-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.rank{font-size:20px;min-width:40px;text-align:center}.player-info{flex:1 1;margin:0 15px;display:flex;justify-content:space-between;align-items:center}.player-info .player-name{font-weight:500}.player-info .player-score{color:#6c757d;font-size:14px}.performance-message{text-align:center;font-size:18px;margin:20px 0;padding:15px;background:#f8f9fa;border-radius:10px;border-left:4px solid #28a745}@media (max-width:768px){.question-header{flex-direction:column}.multiplayer-scores{min-width:auto;width:100%}.players-grid{grid-template-columns:1fr}.button-group,.lobby-settings-display{flex-direction:column}}
/*# sourceMappingURL=main.7a701222.chunk.css.map */