*{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:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);min-height:100vh;color:#e0e0e0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:rgba(30,30,46,.95)}.card,.notify-card{border-radius:15px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:20px;border:1px solid hsla(0,0%,100%,.1)}.notify-card{background:linear-gradient(45deg,#411a1a,#652a2a)}.btn{background:linear-gradient(45deg,#127c37,#389258);color:#fff;border:none;padding:12px 24px;border-radius:25px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease;margin:5px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(29,185,84,.4)}.btn:disabled{background:#4a4a4a;color:#888;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:linear-gradient(45deg,#6c757d,#5a6268)}.btn-danger{background:linear-gradient(45deg,#dc3545,#c82333)}.btn-success{background:linear-gradient(45deg,#28a745,#20c997)}.btn-warning{background:linear-gradient(45deg,#ffc107,#fd7e14)}.btn-sm{padding:6px 12px;font-size:12px;border-radius:15px}.btn-large{padding:15px 30px;font-size:18px;border-radius:25px}.input{width:100%;padding:12px 16px;border:2px solid #404040;border-radius:8px;font-size:16px;transition:border-color .3s ease;margin-bottom:15px;background:#2a2a3a;color:#e0e0e0;-webkit-appearance:none;-webkit-border-radius:8px}.input:focus{outline:none;border-color:#389258;background:#2f2f42}.input::placeholder{color:#888}.title{text-align:center;color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.subtitle{color:#d0d0d0;font-size:1.2rem;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px;margin-top:20px}.flex{grid-gap:10px;gap:10px}.flex,.flex-center{display:flex;align-items:center}.flex-center{justify-content:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.text-center{text-align:center}.text-muted{color:#6c757d}.text-sm{font-size:.875rem}.mb-20{margin-bottom:20px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mb-30{margin-bottom:30px}.mb-10{margin-bottom:10px}.mt-10{margin-top:10px}.error-text{color:#ff6b6b;font-size:14px;font-weight:500}.progress-indicator{display:flex;justify-content:space-around;align-items:center;background:#2a2a3a;border-radius:10px;padding:15px;margin-bottom:20px;border:1px solid hsla(0,0%,100%,.1)}.progress-item{display:flex;flex-direction:column;align-items:center;grid-gap:5px;gap:5px}.progress-dot{font-size:24px;opacity:.5;transition:all .3s ease}.progress-dot.guessed{opacity:1;transform:scale(1.1)}.progress-label{font-size:12px;color:#d0d0d0;font-weight:500}.input.disabled{background-color:#1a1a2a;color:#666;cursor:not-allowed;opacity:.7}.input.disabled,.input.disabled:focus{border-color:#333}.input-warning{border-color:#ffc107!important;background-color:#2a2a1a}.lyrics-input-container{position:relative;flex:1 1}.letter-count{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;color:#d0d0d0;background:rgba(30,30,46,.9);padding:2px 6px;border-radius:4px;pointer-events:none;border:1px solid hsla(0,0%,100%,.1)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-header .title{margin-bottom:0}.progress-bar-container{width:100%}.progress-bar{width:100%;height:8px;background:hsla(0,0%,100%,.1);border-radius:4px;cursor:pointer;position:relative;transition:background .2s ease}.progress-bar:hover{background:hsla(0,0%,100%,.2)}.progress-fill{height:100%;background:#def8e7;border-radius:4px;transition:width .1s ease}.progress-time{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:hsla(0,0%,100%,.7)}.player-list{max-height:300px;overflow-y:auto}.player-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#2a2a3a;border-radius:8px;margin-bottom:8px;border:1px solid hsla(0,0%,100%,.1)}.score{color:#389258}.code,.score{font-weight:700}.code{background:#127c37;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;display:flex;flex-direction:column;align-items:center;min-width:120px;margin:5px}.now-playing{background:linear-gradient(45deg,#127c37,#389258)}.correct-answers,.now-playing{color:#fff;padding:20px;border-radius:15px;margin-bottom:20px}.correct-answers{background:linear-gradient(45deg,#667eea,#764ba2)}.answer-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid hsla(0,0%,100%,.2)}.answer-item:last-child{border-bottom:none}.answer-item strong{color:#f8f9fa;font-weight:600;min-width:120px}.lyrics-text{background:hsla(0,0%,100%,.1);padding:10px;border-radius:8px;font-size:14px;line-height:1.4;max-height:100px;overflow-y:auto;white-space:pre-wrap}.guess-form{display:grid;grid-gap:15px;gap:15px;margin-top:20px}.guess-input{display:flex;grid-gap:10px;gap:10px}.guess-input input{flex:1 1}.guess-list{max-height:200px;overflow-y:auto;background:#2a2a3a;border-radius:8px;padding:10px;border:1px solid hsla(0,0%,100%,.1)}.guess-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:6px;background:#1a1a2a;border-radius:6px;border:1px solid hsla(0,0%,100%,.05);font-size:14px}.guess-item:last-child{margin-bottom:0}.guess-text{color:#e0e0e0;font-weight:500}.guess-player{color:#389258;font-weight:600;font-size:12px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#2a2a3a;border-radius:4px}::-webkit-scrollbar-thumb{background:#4a4a5a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5a5a6a}.card[style*="background: #ffe6e6"]{background:hsla(0,100%,71%,.1)!important;border:1px solid hsla(0,100%,71%,.3)!important;color:#ff6b6b!important}.card[style*="background: #d4edda"]{background:rgba(29,185,84,.1)!important;border:1px solid rgba(29,185,84,.3)!important;color:#389258!important}.card[style*="background: #d1ecf1"]{background:rgba(100,126,234,.1)!important;border:1px solid rgba(100,126,234,.3)!important;color:#667eea!important}.flex-space-between{display:flex;justify-content:space-between;align-items:center}.flex-center-gap{display:flex;align-items:center;grid-gap:10px;gap:10px}.flex-end-gap{display:flex;justify-content:flex-end;grid-gap:8px;gap:8px}.flex-center-gap-small{display:flex;align-items:center;grid-gap:5px;gap:5px}.gap-10{grid-gap:10px;gap:10px}.text-decoration-none{text-decoration:none}.font-size-small{font-size:12px}.font-size-small-opacity{font-size:12px;opacity:.9}.margin-right-small{margin-right:10px}.margin-left-small{margin-left:10px}.padding-small{padding:8px 16px}.width-100px{width:100px}.width-100px-center{width:100px;text-align:center}.width-100px-no-margin{width:100px;margin-bottom:0;height:40px}.width-100{width:100%}.height-40px{height:40px}.font-size-14px{font-size:14px}.font-size-09rem{font-size:.9rem}.color-666{color:#666}.color-888{color:#888}.color-fff{color:#fff}.font-style-italic{font-style:italic}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.margin-0{margin:0}.margin-top-20px{margin-top:20px}.margin-bottom-10px{margin-bottom:10px}.margin-bottom-0{margin-bottom:0}@media (max-width:768px){.container{padding:10px}.title{font-size:2rem}.subtitle{font-size:1.1rem}.grid{grid-template-columns:1fr}.guess-input{flex-direction:column}.card{padding:20px;margin-bottom:15px}.btn{padding:10px 20px;font-size:14px;margin:3px}.btn-large{padding:12px 24px;font-size:16px}.input{padding:10px 14px;font-size:14px}.flex-between{flex-direction:column;grid-gap:10px;gap:10px;align-items:stretch}.flex-center-gap{flex-wrap:wrap;grid-gap:8px;gap:8px}.flex-end-gap{flex-wrap:wrap;grid-gap:6px;gap:6px}.admin-header{flex-direction:column;grid-gap:15px;gap:15px;align-items:stretch}.admin-header .title{text-align:center}.player-item{flex-direction:column;align-items:flex-start;grid-gap:8px;gap:8px}.player-item .score{align-self:flex-end}.progress-indicator{flex-direction:column;grid-gap:10px;gap:10px}.progress-item{flex-direction:row;justify-content:center}.correct-answers,.now-playing{padding:15px}.answer-item{flex-direction:column;align-items:flex-start;grid-gap:5px;gap:5px}.answer-item strong{min-width:auto}.guess-item{flex-direction:column;align-items:flex-start;grid-gap:5px;gap:5px}.code{min-width:auto;width:100%;margin:3px 0}.troubleshooting-tools{flex-direction:column;grid-gap:10px;gap:10px}.troubleshooting-tools .btn{width:100%;margin:2px 0}.player-item span{word-break:break-word;overflow-wrap:break-word}.btn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}}@media (max-width:480px){.container{padding:8px}.title{font-size:1.8rem}.subtitle{font-size:1rem}.card{padding:15px;margin-bottom:10px}.btn{padding:8px 16px;font-size:13px;margin:2px}.btn-sm{padding:4px 8px;font-size:11px}.input{padding:8px 12px;font-size:13px}.player-item{padding:8px}.guess-item{padding:6px 10px;font-size:13px}.progress-indicator{padding:10px}.progress-dot{font-size:20px}.progress-label{font-size:11px}.troubleshooting-tools .btn{font-size:12px;padding:6px 12px}.flex-center-gap,.flex-center-gap-small,.flex-end-gap{justify-content:center}.card{padding:12px}}
/*# sourceMappingURL=main.099303a8.chunk.css.map */