.music-player[data-v-401c1872]{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:1.5rem;margin:1rem 0;max-width:500px}.current-track[data-v-401c1872]{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1rem;background:#ffffff1a;border-radius:15px}.track-cover[data-v-401c1872]{width:100px;height:100px;border-radius:10px;overflow:hidden;margin:0 auto;background:linear-gradient(45deg,#ff6b6b,#ffa36c);display:flex;justify-content:center;align-items:center;font-size:2rem}.cover-placeholder[data-v-401c1872]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.track-cover img[data-v-401c1872]{width:100%;height:100%;object-fit:cover}.track-info[data-v-401c1872]{text-align:center}.track-title[data-v-401c1872]{font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.track-artist[data-v-401c1872]{opacity:.8;margin-bottom:1rem}.progress-container[data-v-401c1872]{margin-top:1rem}.progress-bar[data-v-401c1872]{width:100%;height:6px;background:#fff3;border-radius:3px;overflow:hidden;cursor:pointer}.progress[data-v-401c1872]{height:100%;background:linear-gradient(90deg,#ff6b6b,#ffa36c);border-radius:3px;transition:width .1s linear}.time-display[data-v-401c1872]{display:flex;justify-content:space-between;font-size:.8rem;margin-top:5px;opacity:.7}.player-controls[data-v-401c1872]{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.control-btn[data-v-401c1872]{background:#fff3;border:none;border-radius:50%;width:50px;height:50px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center}.control-btn[data-v-401c1872]:hover{background:#ffffff4d;transform:scale(1.1)}.volume-control[data-v-401c1872]{display:flex;align-items:center;gap:10px;margin-top:1rem;justify-content:center}.volume-slider[data-v-401c1872]{width:100px;height:4px;background:#fff3;border-radius:2px;outline:none;-webkit-appearance:none}.volume-slider[data-v-401c1872]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:#fff;cursor:pointer}.track-list[data-v-401c1872]{display:flex;flex-direction:column;gap:.5rem}.track-item[data-v-401c1872]{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff1a;border-radius:12px;cursor:pointer;transition:all .3s ease}.track-item[data-v-401c1872]:hover{background:#fff3;transform:translate(5px)}.track-item.active[data-v-401c1872]{background:#ffffff40;border:1px solid rgba(255,255,255,.3)}.track-item-cover[data-v-401c1872]{width:50px;height:50px;border-radius:8px;overflow:hidden;background:linear-gradient(45deg,#6b6bff,#6cb4ff);display:flex;justify-content:center;align-items:center;font-size:1rem}.track-item-cover img[data-v-401c1872]{width:100%;height:100%;object-fit:cover}.track-item-info[data-v-401c1872]{flex:1}.track-item-title[data-v-401c1872]{font-weight:500;margin-bottom:.25rem}.track-item-artist[data-v-401c1872]{opacity:.8;font-size:.9rem}.track-item-duration[data-v-401c1872]{opacity:.6;font-size:.9rem}.track-item-play[data-v-401c1872]{opacity:.7}.loading[data-v-401c1872]{text-align:center;padding:2rem}.spinner[data-v-401c1872]{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-left:4px solid white;border-radius:50%;animation:spin-401c1872 1s linear infinite;margin:0 auto 1rem}@keyframes spin-401c1872{to{transform:rotate(360deg)}}@media (max-width: 480px){.music-player[data-v-401c1872]{padding:1rem}.current-track[data-v-401c1872]{padding:.75rem}.track-cover[data-v-401c1872]{width:80px;height:80px;font-size:1.5rem}.player-controls[data-v-401c1872]{gap:.5rem}.control-btn[data-v-401c1872]{width:45px;height:45px;font-size:1rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.app{min-height:100vh;color:#fff}.app-header{text-align:center;padding:2rem 1rem 1rem;background:#0003}.app-header h1{font-size:2rem;margin-bottom:.5rem}.app-header p{opacity:.8}.app-main{padding:1rem;max-width:800px;margin:0 auto}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1.2}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}a{color:inherit;text-decoration:none}*{box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html{width:100%;height:100%}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;height:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{width:100%;overflow:hidden;height:100%;margin:0 auto;padding:0;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.dt-exit-startcolor{stop-color:#fdab3b;stop-opacity:1}.dt-exit-endcolor{stop-color:#e5872e;stop-opacity:1}.dt-exit-1{fill:none;stroke:url(#grad1);stroke-width:5px}body,html{background-color:#1a1a1a;margin:0;padding:0;overflow:hidden;height:100vh;font-family:"Press Start 2P",sans-serif}.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.start-screen button{display:inline-block;width:fit-content;height:fit-content;font-size:1.5em;padding:1rem 2rem;background-color:#333;color:#0ff;border:2px solid #0ff;border-radius:5px;font-family:"Press Start 2P",sans-serif}.logo-container{margin-bottom:20px;width:8rem;height:8rem}.game-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100vh;width:100vw;padding:.5rem 0}canvas{max-width:100%;height:auto}.controls{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5rem;max-width:100%;flex:1}.d-pad{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.2rem;position:relative}.d-pad .up{grid-column:2;grid-row:1}.d-pad .left{grid-column:1;grid-row:2}.d-pad .down{grid-column:2;grid-row:3}.d-pad .right{grid-column:3;grid-row:2}.action-pad .rotate{font-size:1.5em;background-color:#333;color:#0ff;border:2px solid #0ff;border-radius:50%;width:3rem;height:3rem;margin-top:.5rem}.control-button{background-color:#333;color:#0ff;border:2px solid #0ff;border-radius:.5rem;width:5rem;height:5rem;font-family:"Press Start 2P",sans-serif;font-size:1em;display:flex;justify-content:center;align-items:center;padding:.2rem}.control-button img{display:block;height:100%;width:100%}.game-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;position:absolute;z-index:10;height:fit-content;width:fit-content;pointer-events:none}.game-controls .control-button{display:block;pointer-events:auto;background-color:#333;color:#0ff;border:2px solid #0ff;width:fit-content;height:fit-content;border-radius:8px;padding:.5rem 1.5rem;font-family:"Press Start 2P",sans-serif;font-size:.4em;cursor:pointer;transition:background-color .3s,transform .2s}.game-controls .control-button:hover{background-color:#0ff;color:#333;transform:scale(1.1)}.game-controls .close{color:#f44;border-color:#f44}.game-controls .close:hover{background-color:#f44;color:#fff}@media (min-width: 640px){.game-container{flex-direction:row;justify-content:center;gap:2rem}}@media (max-width: 640px){.controls{width:95%}.control-button{width:3rem;height:3rem}}section#scoreboards{height:100%}section#scoreboards .container{padding-top:5rem;display:flex;justify-content:space-between;flex-direction:column;height:100%;width:90%;margin:0 auto}section#scoreboards .container .card{background:#1c1c1c;color:#f0f0f0;border-radius:.5em;width:80%;margin:0 auto;padding:1.5rem 2rem;text-transform:uppercase;box-shadow:0 0 10px #00000080}section#scoreboards .container .card:last-of-type{border-bottom-right-radius:0;border-bottom-left-radius:0;width:90%}section#scoreboards .container .card h3{text-align:center;margin-bottom:1rem;font-family:"Press Start 2P",sans-serif;font-size:20px}section#scoreboards .container .card ul li{display:flex;justify-content:space-between;align-items:center;margin:.5rem auto;padding:.5rem;background:#282828;border-radius:.3em;font-family:"Press Start 2P",sans-serif;font-size:16px}section#scoreboards .container .card ul li:nth-child(odd){background:#333}section#scoreboards .container .card ul li a.team{display:flex;justify-content:center;align-items:center;text-align:center;background:#ffdd57;border-radius:.3em;color:#222;padding:.5rem;height:2.8rem;width:8rem;border:2px solid #333}section#scoreboards .container .card ul li a.team.belongs{background:#ff637d;border-color:#f0f0f0}section#scoreboards .container .card ul li h4{display:flex;justify-content:center;align-items:center;color:#57c7ff}section#scoreboards .container .card ul li h4.user{height:2.8rem;display:flex;justify-content:flex-start;align-items:center;gap:.5rem}section#scoreboards .container .card ul li h4.user img{height:2rem;width:2rem;object-fit:contain;pointer-events:none;border-radius:.3em;border:2px solid #57c7ff}section#scoreboards .container .card ul li h4:last-of-type{font-family:"Press Start 2P",sans-serif;font-size:22px}section#scoreboards .container .card .pagination{display:flex;justify-content:center;padding:1rem 0;list-style:none;gap:.3rem}section#scoreboards .container .card .pagination li{margin:0;border-radius:.2em;overflow:hidden;background:#282828;font-size:.85rem;transition:background .3s ease}section#scoreboards .container .card .pagination li.disabled{cursor:not-allowed;opacity:.6}section#scoreboards .container .card .pagination li.disabled span{color:#666}section#scoreboards .container .card .pagination li.active{background:#ffdd57;box-shadow:0 3px 8px #00000040}section#scoreboards .container .card .pagination li.active span{color:#222;font-weight:700}section#scoreboards .container .card .pagination li a,section#scoreboards .container .card .pagination li span{display:inline-block;padding:.3rem .8rem;background:#333;color:#f0f0f0;border-radius:.2em;text-decoration:none;transition:background .3s ease}section#scoreboards .container .card .pagination li a:hover{background:#444}section#scoreboards .container .card .pagination li a[rel=prev],section#scoreboards .container .card .pagination li a[rel=next]{background:#ff637d;color:#f0f0f0}section#scoreboards .container .card .pagination li a[rel=prev]:hover,section#scoreboards .container .card .pagination li a[rel=next]:hover{background:#ff495f}@media (max-width: 768px){section#scoreboards .container{padding-top:3rem}section#scoreboards .container .card{width:90%}section#scoreboards .container .card h3{font-size:18px}section#scoreboards .container .card ul li{font-size:14px;flex-direction:column;padding:.75rem}section#scoreboards .container .card ul li a.team{height:2.5rem;width:100%;font-size:14px}section#scoreboards .container .card ul li h4{font-size:18px}section#scoreboards .container .card ul li h4.user img{height:1.8rem;width:1.8rem}}@media (max-width: 480px){section#scoreboards .container{padding-top:2rem}section#scoreboards .container .card{width:95%;padding:1rem 1.5rem}section#scoreboards .container .card h3{font-size:16px}section#scoreboards .container .card ul li{font-size:12px;padding:.5rem}section#scoreboards .container .card ul li a.team{height:2.3rem;width:100%;font-size:12px}section#scoreboards .container .card ul li h4{font-size:16px}section#scoreboards .container .card ul li h4.user img{height:1.5rem;width:1.5rem}}