:root{--spotify-green:#1db954;--spotify-green-light:#1ed760;--spotify-green-dark:#159a3c;--spotify-black:#000;--spotify-dark-gray:#121212;--spotify-gray:#191919;--spotify-light-gray:#282828;--spotify-text-light:#fff;--spotify-text-gray:#b3b3b3;--spotify-text-subdued:#6a6a6a;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 25px #00000080;--shadow-xl:0 20px 40px #0009;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:24px;--radius-full:50px;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;background-color:var(--spotify-black);color:#fff;color:var(--spotify-text-light);font-family:Circular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-size:var(--font-size-base);line-height:1.6;overflow-x:hidden}button{background:none;cursor:pointer}button,input,textarea{border:none;font-family:inherit;outline:none}input,textarea{font-size:16px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#121212;background:var(--spotify-dark-gray)}::-webkit-scrollbar-thumb{background:#282828;background:var(--spotify-light-gray);border-radius:4px;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#6a6a6a;background:var(--spotify-text-subdued)}html{font-size:16px}@media (max-width:640px){html{font-size:14px}}#root{min-height:100vh}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}input,select,textarea{font-family:inherit;font-size:16px}.chat-container{background:linear-gradient(135deg,var(--spotify-black),var(--spotify-dark-gray));color:var(--spotify-text-light);display:flex;flex-direction:column;font-family:inherit;margin:0;max-width:100%;min-height:100vh;padding:0;position:relative;width:100%}.game-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.game-logo{color:var(--spotify-green);font-size:var(--font-size-xl);font-weight:700}.game-status{align-items:center;color:var(--spotify-text-gray);display:flex;font-size:var(--font-size-sm);gap:.5rem}.status-indicator{animation:pulse 2s infinite;background:var(--spotify-green);border-radius:50%;height:8px;width:8px}.game-content{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;max-width:100%;min-height:calc(100vh - 80px);overflow-x:hidden;overflow-y:auto;padding:1.5rem}.game-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem;transition:all .3s ease}.game-card:hover{background:#ffffff14;border-color:#1db9544d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.room-section{text-align:center}.room-section h2{color:var(--spotify-green);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:1rem}.room-input-group{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:300px}.room-input{background:#ffffff1a;border:2px solid #0000;border-radius:var(--radius-md);color:var(--spotify-text-light);font-size:var(--font-size-base);padding:.75rem 1rem;transition:all .3s ease}.room-input:focus{background:#ffffff26;border-color:var(--spotify-green);box-shadow:0 0 0 3px #1db95433}.room-input::placeholder{color:var(--spotify-text-subdued)}.game-button{align-items:center;background:linear-gradient(135deg,var(--spotify-green),var(--spotify-green-light));border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--spotify-text-light);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:600;gap:.5rem;justify-content:center;min-height:48px;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.game-button:hover{background:linear-gradient(135deg,var(--spotify-green-light),var(--spotify-green));box-shadow:var(--shadow-md);transform:translateY(-1px)}.game-button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.game-button.secondary{background:#0000;border:2px solid var(--spotify-green);color:var(--spotify-green)}.game-button.secondary:hover{background:var(--spotify-green);color:var(--spotify-text-light)}.game-button.danger{background:linear-gradient(135deg,#e22134,#ff4757)}.game-button.small{font-size:var(--font-size-sm);min-height:36px;padding:.5rem 1rem}.game-button.full-width{width:100%}.players-section{background:#ffffff0d;border-radius:var(--radius-lg);padding:1.5rem}.players-title{align-items:center;color:var(--spotify-green);display:flex;font-size:var(--font-size-lg);font-weight:600;gap:.5rem;margin-bottom:1rem}.players-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.player-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-md);display:flex;gap:.75rem;padding:.75rem}.player-avatar{font-size:var(--font-size-sm);font-weight:600;height:32px;width:32px}.player-name{flex:1 1;font-weight:500}.question-section{background:linear-gradient(135deg,#1db9541a,#1db9540d);border:1px solid #1db95433;border-radius:var(--radius-lg);padding:2rem;text-align:center}.question-number{color:var(--spotify-green);font-size:var(--font-size-sm);font-weight:600;margin-bottom:.5rem}.question-text{color:var(--spotify-text-light);font-size:var(--font-size-xl);font-weight:600;line-height:1.4;margin-bottom:1.5rem}.answers-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.search-results-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;max-height:400px;overflow-y:auto}.search-results-list .answer-option{max-width:none;width:100%}.answer-option{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:var(--radius-md);cursor:pointer;padding:1rem;text-align:left;transition:all .3s ease}.answer-option:hover{background:#ffffff1a;border-color:var(--spotify-green);box-shadow:var(--shadow-md);transform:translateY(-2px)}.answer-option.selected{background:#1db95433;border-color:var(--spotify-green);color:var(--spotify-text-light)}.answer-option.correct{background:#1db9544d;border-color:var(--spotify-green-light)}.answer-option.incorrect{background:#e221344d;border-color:#e22134}.scoreboard-section{background:#ffffff0d;border-radius:var(--radius-lg);padding:1.5rem}.scoreboard-title{color:var(--spotify-green);font-size:var(--font-size-lg);font-weight:600;margin-bottom:1rem}.score-item{border-left:4px solid var(--spotify-green);border-radius:var(--radius-md);margin-bottom:.5rem;padding:.75rem}.score-item.winner{background:#1db9541a;border-left-color:var(--spotify-green-light)}.score-name{color:var(--spotify-text-light);font-weight:500}.score-points{font-weight:600}.countdown-timer{align-items:center;animation:countdown-pulse 1s ease-in-out infinite;background:linear-gradient(135deg,#fc3131,var(--spotify-green-light));border-radius:50%;color:var(--spotify-text-light);display:flex;font-size:var(--font-size-xl);font-weight:700;height:60px;justify-content:center;width:60px}@keyframes countdown-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.messages-section{background:#ffffff0d;border-radius:var(--radius-lg);max-height:200px;overflow-y:auto;padding:1rem}.message-item{border-bottom:1px solid #ffffff0d;color:var(--spotify-text-gray);font-size:var(--font-size-sm);padding:.5rem 0}.message-item:last-child{border-bottom:none}.admin-panel{background:#ffeb3b1a;border:1px solid #ffeb3b4d;border-radius:var(--radius-lg);padding:1.5rem}.admin-panel .game-button{background:#ffeb3bcc;color:var(--spotify-black)}.admin-panel .game-button:hover{background:#ffeb3b;color:var(--spotify-black)}.admin-control{margin:1rem 0}.admin-control label{color:var(--spotify-green);display:block;font-size:var(--font-size-sm);font-weight:600;margin-bottom:.5rem}.admin-control select{-webkit-appearance:none;appearance:none;background:#ffffff1a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;border:2px solid #0000;border-radius:var(--radius-md);color:var(--spotify-text-light);cursor:pointer;font-size:var(--font-size-base);font-weight:500;padding:.75rem 2.5rem .75rem 1rem;transition:all .3s ease;width:100%}.admin-control select:focus{background-color:#ffffff26;border-color:var(--spotify-green);box-shadow:0 0 0 3px #1db95433;outline:none}.admin-control select:hover{background-color:#ffffff26;transform:translateY(-1px)}.admin-control select option{background:var(--spotify-black);color:var(--spotify-text-light);padding:.5rem}.device-selector{background:#ffffff0d;border-radius:var(--radius-lg);margin-bottom:1rem;padding:1.5rem}.device-option{align-items:center;background:#ffffff0d;border:2px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;margin-bottom:.5rem;padding:.75rem;transition:all .3s ease}.device-option:hover{background:#ffffff1a;border-color:var(--spotify-green)}.device-option.selected{background:#1db95433;border-color:var(--spotify-green)}@media (max-width:640px){.chat-container{padding:.5rem}.game-header{flex-direction:column;gap:.5rem;padding:.75rem 1rem;text-align:center}.game-logo{font-size:var(--font-size-lg)}.game-content{gap:1rem;padding:.75rem}.game-card{margin-bottom:1rem;padding:1rem}.room-input-group{max-width:100%}.room-input{font-size:16px}.questionContainer{flex-direction:row;gap:1rem;margin:.5rem 0}.question-text{margin-bottom:1rem;text-align:center}.countdown,.playersAnswered{font-size:var(--font-size-sm);height:50px;width:50px}.chat-container input{font-size:16px;margin-bottom:1rem;padding:.75rem}.searchResult{margin-bottom:.5rem;padding:.75rem}.item-name{font-size:var(--font-size-base)}.item-artists{font-size:var(--font-size-sm)}.answers-grid{gap:.75rem;grid-template-columns:1fr}.answer-option{font-size:var(--font-size-base);padding:1rem}.players-list{gap:.75rem;grid-template-columns:1fr}.player-item{padding:.75rem}.game-button{font-size:var(--font-size-base);margin:.5rem 0;min-height:48px;width:100%}.game-button.small{font-size:var(--font-size-sm);min-height:40px}.chat-container table{font-size:var(--font-size-sm);margin:.5rem 0;max-width:100%;width:100%}.chat-container td,.chat-container th{font-size:var(--font-size-xs);padding:.5rem .25rem}.table-container{overflow-x:auto;width:100%}.chat-container select{font-size:16px;margin:.5rem 0;padding:.75rem;width:100%}.admin-panel,.device-selector{padding:1rem}.device-option{font-size:var(--font-size-sm);padding:.75rem}}@media (min-width:641px) and (max-width:1024px){.answers-grid,.players-list{grid-template-columns:repeat(2,1fr)}}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--spotify-text-light);display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.game-card{border-color:var(--spotify-text-light)}.game-button{border:2px solid var(--spotify-text-light)}}.chat-container input{background-color:#333;border:1px solid #1db954;border-radius:5px;box-sizing:border-box;color:#fff;margin-bottom:50px;padding:10px;width:100%}.chat-container form input{margin-bottom:0}.chat-container select{background-color:#333;border:1px solid #1db954;border-radius:5px;box-sizing:border-box;color:#fff;cursor:pointer;font-family:Arial,sans-serif;margin:10px;padding:10px;width:50%}.chat-container select:hover{border-color:#1ed760}.chat-container select:focus{border-color:#1ed760;box-shadow:0 0 5px #1ed76080;outline:none}.questionContainer{box-sizing:border-box;gap:2rem;margin:1rem 0;width:100%}.countdown,.playersAnswered,.questionContainer{align-items:center;display:flex;justify-content:center}.countdown,.playersAnswered{border:2px solid #ffffff1a;border-radius:50%;box-shadow:var(--shadow-md);color:var(--spotify-text-light);flex-shrink:0;font-size:var(--font-size-base);font-weight:700;height:60px;width:60px}.countdown{animation:countdown-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--spotify-green),var(--spotify-green-light))}.playersAnswered{animation:none;background:var(--spotify-green)}.chat-container table{background:#ffffff0d;border-collapse:initial;border-radius:var(--radius-lg);border-spacing:0;box-shadow:var(--shadow-md);color:var(--spotify-text-light);font-size:var(--font-size-base);margin:1rem 0;max-width:100%;overflow:hidden;table-layout:fixed;width:100%}.chat-container td,.chat-container th{border-bottom:1px solid #ffffff1a;overflow:hidden;padding:.75rem .5rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.chat-container th{background:linear-gradient(135deg,var(--spotify-green),var(--spotify-green-dark));color:var(--spotify-text-light);font-size:var(--font-size-sm);font-weight:600}.chat-container th:first-child{border-top-left-radius:var(--radius-lg)}.chat-container th:last-child{border-top-right-radius:var(--radius-lg)}.chat-container tr:last-child td:first-child{border-bottom-left-radius:var(--radius-lg)}.chat-container tr:last-child td:last-child{border-bottom-right-radius:var(--radius-lg)}.chat-container tr:last-child td{border-bottom:none}.chat-container tr:nth-child(2n){background-color:#ffffff0d}.chat-container tr:nth-child(odd){background-color:#ffffff05}.room{bottom:0;color:#fff;left:10px;position:absolute}h4{color:#1db954;margin-bottom:20px;margin-top:0}ul{list-style-type:none;max-width:100%;padding:0;width:100%}.searchResult{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-md);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;margin-bottom:.5rem;padding:1rem;text-align:left;transition:all .3s ease;width:100%}.searchResult:hover{background:#ffffff1a;border-color:var(--spotify-green);box-shadow:var(--shadow-md);transform:translateY(-2px)}.item-name{color:var(--spotify-text-light);font-size:var(--font-size-base);font-weight:600;margin-bottom:.25rem}.item-artists{color:var(--spotify-text-gray);font-size:var(--font-size-sm)}.background{background:linear-gradient(135deg,var(--spotify-black) 0,var(--spotify-dark-gray) 50%,#0d4f1c 100%);height:100%;left:0;position:fixed;top:0;width:100%}.main-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem 1.5rem;position:relative;text-align:center;z-index:1}.main-title{-webkit-text-fill-color:#0000;animation:fadeInUp 1s ease-out;background:linear-gradient(135deg,var(--spotify-green),var(--spotify-green-light));-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-5xl);font-weight:900;letter-spacing:-.02em;margin-bottom:.5rem}.main-subtitle{animation:fadeInUp 1s ease-out .2s both;color:var(--spotify-text-gray);font-weight:400;margin-bottom:3rem}.login-button,.main-subtitle{font-size:var(--font-size-lg)}.login-button{align-items:center;animation:fadeInUp 1s ease-out .4s both;background:linear-gradient(135deg,var(--spotify-green),var(--spotify-green-light));border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);color:var(--spotify-text-light);cursor:pointer;display:inline-flex;font-weight:700;height:56px;justify-content:center;margin:.75rem;min-width:200px;overflow:hidden;padding:1rem 2rem;pointer-events:auto;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);z-index:10}.login-button:hover{background:linear-gradient(135deg,var(--spotify-green-light),var(--spotify-green));box-shadow:var(--shadow-xl);transform:translateY(-2px) scale(1.02)}.login-button:active{box-shadow:var(--shadow-md);transform:translateY(0) scale(.98)}.login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.login-button:hover:before{left:100%}.login-button.secondary{animation:fadeInUp 1s ease-out .6s both;background:#0000;border:2px solid var(--spotify-green);color:var(--spotify-green)}.login-button.secondary:hover{background:var(--spotify-green);border-color:var(--spotify-green-light);color:var(--spotify-text-light)}.login-button-icon{font-size:1.2em;margin-right:.5rem}.features-container{grid-gap:1.5rem;animation:fadeInUp 1s ease-out .8s both;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:4rem;max-width:800px;width:100%}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-lg);padding:1.5rem;text-align:center;transition:all .3s ease}.feature-card:hover{background:#ffffff14;border-color:#1db9544d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{color:var(--spotify-green);font-size:var(--font-size-3xl);margin-bottom:1rem}.feature-title{color:var(--spotify-text-light);font-size:var(--font-size-xl);font-weight:600;margin-bottom:.5rem}.feature-description{color:var(--spotify-text-gray);font-size:var(--font-size-sm);line-height:1.5}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.background-elements{height:100%;overflow:hidden;position:absolute;width:100%;z-index:-1}.floating-element{animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,var(--spotify-green),#0000);border-radius:50%;opacity:.1;position:absolute}.floating-element:first-child{animation-delay:0s;height:100px;left:10%;top:10%;width:100px}.floating-element:nth-child(2){animation-delay:2s;height:150px;right:10%;top:60%;width:150px}.floating-element:nth-child(3){animation-delay:4s;bottom:20%;height:80px;left:20%;width:80px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@media (max-width:640px){.main-container{padding:1rem}.main-title{font-size:var(--font-size-4xl);margin-bottom:1rem}.main-subtitle{font-size:var(--font-size-base);margin-bottom:2rem}.login-button{margin:.5rem 0;max-width:300px;width:100%}.features-container{gap:1rem;grid-template-columns:1fr;margin-top:2rem}.feature-card{padding:1rem}}@media (min-width:641px) and (max-width:1024px){.main-title{font-size:var(--font-size-4xl)}.features-container{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.main-container{padding:3rem}.features-container{grid-template-columns:repeat(3,1fr)}}.scoreboard-container{align-items:center;background:linear-gradient(135deg,var(--spotify-black),var(--spotify-dark-gray));color:var(--spotify-text-light);display:flex;flex-direction:column;font-family:inherit;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.scoreboard-container:before{background:radial-gradient(circle at 30% 70%,#1db9541a 0,#0000 50%),radial-gradient(circle at 70% 30%,#1db9540d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.scoreboard-card{animation:slideInUp .8s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:600px;padding:3rem 2rem;width:100%}.scoreboard-title{-webkit-text-fill-color:#0000;animation:fadeInDown .8s ease-out .2s both;background:linear-gradient(135deg,var(--spotify-green),var(--spotify-green-light));-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-4xl);font-weight:900;margin-bottom:.5rem;text-align:center}.scoreboard-subtitle{animation:fadeInDown .8s ease-out .4s both;color:var(--spotify-text-gray);font-size:var(--font-size-lg);margin-bottom:3rem;text-align:center}.scores-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.score-item{align-items:center;animation:slideInLeft .6s ease-out forwards;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-lg);display:flex;justify-content:space-between;opacity:0;padding:1.5rem;transform:translateX(-30px);transition:all .3s ease}.score-item:hover{background:#ffffff14;border-color:#1db9544d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.score-item:first-child{animation-delay:.6s}.score-item:nth-child(2){animation-delay:.7s}.score-item:nth-child(3){animation-delay:.8s}.score-item:nth-child(4){animation-delay:.9s}.score-item:nth-child(5){animation-delay:1s}.score-item.position-1{background:linear-gradient(135deg,#ffd70033,#ffd7001a);border-color:#ffd7004d;order:-3}.score-item.position-2{background:linear-gradient(135deg,#c0c0c033,#c0c0c01a);border-color:#c0c0c04d;order:-2}.score-item.position-3{background:linear-gradient(135deg,#cd7f3233,#cd7f321a);border-color:#cd7f324d;order:-1}.player-info{flex:1 1;gap:1rem}.player-info,.position-badge{align-items:center;display:flex}.position-badge{background:linear-gradient(135deg,var(--spotify-green),var(--spotify-green-light));border-radius:50%;color:var(--spotify-text-light);flex-shrink:0;font-size:var(--font-size-lg);font-weight:700;height:40px;justify-content:center;width:40px}.position-1 .position-badge{background:linear-gradient(135deg,gold,#ffed4a);color:var(--spotify-black)}.position-2 .position-badge{background:linear-gradient(135deg,silver,#e5e5e5);color:var(--spotify-black)}.position-3 .position-badge{background:linear-gradient(135deg,#cd7f32,#d4af37);color:var(--spotify-text-light)}.player-avatar{align-items:center;background:linear-gradient(135deg,var(--spotify-green),var(--spotify-green-light));border-radius:50%;color:var(--spotify-text-light);display:flex;flex-shrink:0;font-size:var(--font-size-lg);font-weight:700;height:48px;justify-content:center;width:48px}.player-details{flex:1 1;min-width:0}.player-name{color:var(--spotify-text-light);font-size:var(--font-size-lg);font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-stats{color:var(--spotify-text-gray);font-size:var(--font-size-sm)}.score-points{color:var(--spotify-green);flex-shrink:0;font-size:var(--font-size-2xl);font-weight:700;text-align:right}.winner-crown{animation:bounce 2s ease-in-out infinite;font-size:var(--font-size-xl);margin-left:.5rem}.scoreboard-actions{animation:fadeInUp 1s ease-out 1.2s both;display:flex;gap:1rem;justify-content:center;margin-top:2rem}.action-button{align-items:center;background:linear-gradient(135deg,var(--spotify-green),var(--spotify-green-light));border:none;border-radius:var(--radius-md);color:var(--spotify-text-light);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:600;gap:.5rem;justify-content:center;min-height:48px;padding:.75rem 1.5rem;transition:all .3s ease}.action-button:hover{background:linear-gradient(135deg,var(--spotify-green-light),var(--spotify-green));box-shadow:var(--shadow-lg);transform:translateY(-2px)}.action-button.secondary{background:#0000;border:2px solid var(--spotify-green);color:var(--spotify-green)}.action-button.secondary:hover{background:var(--spotify-green);color:var(--spotify-text-light)}.empty-scoreboard{color:var(--spotify-text-gray);padding:3rem 2rem;text-align:center}.empty-icon{font-size:var(--font-size-5xl);margin-bottom:1rem;opacity:.5}.empty-message{font-size:var(--font-size-lg);margin-bottom:2rem}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.confetti{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1000}.confetti-piece{animation:confetti-fall 3s linear infinite;background:var(--spotify-green);height:10px;position:absolute;width:10px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-100vh) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}@media (max-width:640px){.scoreboard-container{padding:1rem}.scoreboard-card{padding:2rem 1rem}.scoreboard-title{font-size:var(--font-size-3xl)}.score-item{padding:1rem}.player-info{gap:.75rem}.position-badge{height:32px;width:32px}.player-avatar,.position-badge{font-size:var(--font-size-base)}.player-avatar{height:40px;width:40px}.player-name{font-size:var(--font-size-base)}.score-points{font-size:var(--font-size-xl)}.scoreboard-actions{flex-direction:column;gap:.75rem}.action-button{width:100%}}@media (min-width:641px) and (max-width:1024px){.scoreboard-card{max-width:500px}}.scoreboard-container li.hidden{display:none}.restart-button{background:linear-gradient(45deg,#ff6b6b,#f06595,#cc5de8);border:none;border-radius:50px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-size:18px;font-weight:700;overflow:hidden;padding:15px 30px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.restart-button:before{background:#fff3;border-radius:50%;content:"";height:300%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .5s ease;width:300%}.restart-button:hover:before{transform:translate(-50%,-50%) scale(1)}.restart-button:hover{box-shadow:0 6px 20px #0000004d;transform:scale(1.05)}.restart-button:active{box-shadow:0 2px 10px #0003;transform:scale(.95)}.scoreboard-container table{border-collapse:collapse;color:#fff;font-size:18px;justify-content:center;margin:20px 0;text-align:left;text-align:center;width:100%}.scoreboard-container td,.scoreboard-container th{padding:12px 15px}.scoreboard-container th{background-color:#1c5f33;color:#fff}.scoreboard-container tr:nth-child(2n){background-color:#333}.scoreboard-container tr:nth-child(odd){background-color:#121212}.circle{background-color:#1db954;border-radius:50%;display:inline-block;height:15px;width:15px}
/*# sourceMappingURL=main.686638f9.css.map*/