@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:authFadeIn .3s ease}@keyframes authFadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{background:linear-gradient(180deg,#1a1a24,#12121a);border:1.5px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem 2rem 1.5rem;width:90%;max-width:400px;position:relative;animation:authSlideUp .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px #00000080}@keyframes authSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-close{position:absolute;top:.8rem;right:.8rem;background:none;border:none;color:#ffffff80;font-size:1.8rem;cursor:pointer;transition:color .2s;line-height:1;z-index:1}.auth-close:hover{color:#fff}.auth-title{font-family:DM Sans,sans-serif;font-size:1.6rem;font-weight:700;color:#fff;margin:0 0 .5rem;text-align:center}.auth-info{font-family:DM Sans,sans-serif;font-size:.85rem;color:#ffffff80;text-align:center;margin:0 0 1.5rem}.auth-tabs{display:flex;gap:0;margin-bottom:1.5rem;border-radius:10px;overflow:hidden;border:1.5px solid rgba(255,255,255,.1)}.auth-tab{flex:1;padding:.75rem;background:transparent;border:none;color:#ffffff80;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s}.auth-tab.active{background:#1db95426;color:#1db954}.auth-tab:hover:not(.active){background:#ffffff0d;color:#fffc}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-input{width:100%;padding:1rem 1.25rem;background:#16161d99;border:1.5px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:1rem;font-family:DM Sans,sans-serif;transition:all .3s;box-sizing:border-box}.auth-input:focus{outline:none;border-color:#1db954;background:#16161dcc;box-shadow:0 0 0 3px #1db9541a}.auth-input::placeholder{color:#ffffff4d}.auth-error{color:#f44;font-family:DM Sans,sans-serif;font-size:.85rem;text-align:center;margin:0}.auth-success{color:#1db954;font-family:DM Sans,sans-serif;font-size:.85rem;text-align:center;margin:0}.auth-submit{padding:1rem;background:linear-gradient(135deg,#1db954,#1ed760);border:none;border-radius:10px;color:#0a0a0f;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #1db95466}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.profile-view{display:flex;flex-direction:column;gap:.75rem}.profile-header{display:flex;align-items:center;gap:.9rem}.profile-avatar-ring{width:56px;height:56px;min-width:56px;border-radius:50%;padding:2.5px;background:conic-gradient(from 0deg,#1db954,#8b5cf6,#1ed760,#8b5cf6,#1db954);position:relative}.profile-avatar-ring:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:conic-gradient(from 0deg,#1db954,#8b5cf6,#1ed760,#8b5cf6,#1db954);opacity:.2;filter:blur(8px);z-index:-1}.profile-avatar{width:100%;height:100%;border-radius:50%;background:#16161e;display:flex;align-items:center;justify-content:center;font-size:1.6rem}.profile-header-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.profile-username{margin:0;color:#fff;font-family:DM Sans,sans-serif;font-size:1.2rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-email{margin:0;color:#ffffff59;font-family:DM Sans,sans-serif;font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-wallet-row{display:flex;gap:.4rem;margin-top:.2rem}.pw-badge{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .45rem;border-radius:6px;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:700}.pw-badge.free{background:#1db9541a;border:1px solid rgba(29,185,84,.2);color:#1db954}.pw-badge.premium{background:#a855f71a;border:1px solid rgba(168,85,247,.2);color:#a855f7}.pw-icon{width:14px;height:14px;object-fit:contain}.pw-badge.free .pw-icon{transform:scale(1.8)}.pw-badge.premium .pw-icon{transform:scale(2.5)}.profile-inv-tabs{display:flex;gap:0;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#ffffff05}.profile-inv-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.2rem;padding:.5rem .2rem;background:transparent;border:none;color:#fff6;font-family:DM Sans,sans-serif;font-size:.68rem;font-weight:600;cursor:pointer;transition:all .25s;position:relative}.profile-inv-tab.active{background:#1db9541a;color:#1db954}.profile-inv-tab.active:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:#1db954;border-radius:2px}.profile-inv-tab:hover:not(.active){background:#ffffff0a;color:#ffffffa6}.inv-tab-count{font-size:.6rem;background:#1db95426;color:#1db954;padding:.05rem .3rem;border-radius:99px;font-weight:700}.profile-inv-content{min-height:140px;background:#ffffff04;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:.6rem;max-height:220px;overflow-y:auto}.profile-inv-content::-webkit-scrollbar{width:3px}.profile-inv-content::-webkit-scrollbar-track{background:transparent}.profile-inv-content::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.profile-genre-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.3rem}.profile-genre-item{display:flex;align-items:center;gap:.4rem;padding:.4rem .5rem;border-radius:8px;background:#1db9540a;border:1px solid rgba(29,185,84,.08)}.genre-item-name{font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:600;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-cosmetic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem}.profile-cosmetic-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.55rem .3rem;border-radius:10px;background:#ffffff08;border:1.5px solid rgba(255,255,255,.07);cursor:pointer;transition:all .25s;font-family:DM Sans,sans-serif;color:#fff}.profile-cosmetic-card:hover:not(:disabled){background:#ffffff0f;border-color:#ffffff26;transform:translateY(-1px)}.profile-cosmetic-card.equipped{border-color:#1db95459;background:#1db9540f;cursor:default}.profile-cosmetic-card:disabled{cursor:default}.cosmetic-card-preview{width:38px;height:38px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.cosmetic-card-preview.theme-card-preview{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.08)}.cosmetic-card-preview.theme-card-preview span{height:100%}.cosmetic-card-preview.avatar-card-preview{font-size:1.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:50%}.cosmetic-card-preview.effect-card-preview{display:flex;gap:4px;background:#0a0a0f80;border:1px solid rgba(255,255,255,.08)}.effect-dot{width:8px;height:8px;border-radius:50%}.effect-none-label{color:#fff3;font-size:.75rem}.cosmetic-card-name{font-size:.68rem;font-weight:600;color:#fffc;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cosmetic-card-status{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#ffffff59;transition:color .2s}.profile-cosmetic-card:hover:not(:disabled) .cosmetic-card-status{color:#1db954}.profile-cosmetic-card.equipped .cosmetic-card-status{color:#1db954}.profile-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:1.5rem 0;min-height:120px}.profile-empty-state .empty-icon{font-size:1.5rem;opacity:.3}.profile-empty-state p{margin:0;font-family:DM Sans,sans-serif;font-size:.78rem;color:#ffffff4d}.profile-logout-btn{width:100%;padding:.65rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffff73;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .25s;text-transform:uppercase;letter-spacing:.04em}.profile-logout-btn:hover{background:#ef444414;border-color:#ef444433;color:#ef4444}@media (max-width: 380px){.auth-modal{padding:1.5rem 1.2rem 1.2rem;margin:.5rem}.profile-genre-grid,.profile-cosmetic-grid{grid-template-columns:1fr}.profile-avatar-ring{width:48px;height:48px;min-width:48px}.profile-avatar{font-size:1.3rem}}.wallet-display{display:flex;gap:.5rem;align-items:center}.wallet-currency{display:flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border-radius:20px;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:700}.wallet-currency.free{background:#1db95426;color:#1db954;border:1px solid rgba(29,185,84,.3)}.wallet-currency.premium{background:#a855f726;color:#a855f7;border:1px solid rgba(168,85,247,.3)}.wallet-icon{width:28px;height:28px;object-fit:contain;flex-shrink:0}.wallet-currency.free .wallet-icon{transform:scale(2.1) translateY(.04rem)}.wallet-currency.premium .wallet-icon{transform:scale(3) translateY(.04rem)}.wallet-amount{min-width:1.5ch;text-align:right}.credits-earned-section{margin:1.5rem 0;padding:1rem 1.5rem;background:#1db95414;border:1.5px solid rgba(29,185,84,.2);border-radius:12px;animation:creditsSlideIn .5s ease}@keyframes creditsSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.credits-earned-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.credits-earned-title{font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:700;color:#1db954;margin:0}.credits-earned-total{display:flex;align-items:center;gap:.25rem;font-family:DM Sans,sans-serif;font-size:1.2rem;font-weight:800;color:#1db954}.credits-earned-icon{width:14px;height:14px;object-fit:contain;transform:scale(3.07)}.credits-breakdown{display:flex;flex-direction:column;gap:.4rem}.credits-breakdown-item{display:flex;justify-content:space-between;font-family:DM Sans,sans-serif;font-size:.8rem;color:#fff9}.credits-breakdown-item .amount{color:#1db954;font-weight:600}.home-container{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top left,rgba(139,92,246,.15),transparent 50%),radial-gradient(ellipse at bottom right,rgba(29,185,84,.15),transparent 50%),linear-gradient(180deg,#0a0a0f,#16161d);padding:0;margin:0;overflow-x:hidden;overflow-y:auto;position:relative}.home-container:before{content:"";position:fixed;width:120vh;height:120vh;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at center,transparent 35%,rgba(29,185,84,.03) 35%,rgba(29,185,84,.03) 36%,transparent 36%),radial-gradient(circle at center,transparent 50%,rgba(139,92,246,.03) 50%,rgba(139,92,246,.03) 51%,transparent 51%),radial-gradient(circle at center,transparent 65%,rgba(29,185,84,.02) 65%,rgba(29,185,84,.02) 66%,transparent 66%);border-radius:50%;animation:vinylSpin 60s linear infinite;pointer-events:none;opacity:.6}.home-content{width:100%;max-width:1400px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:3rem 4rem;position:relative;z-index:1;animation:contentFadeIn 1s ease-out}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.home-topbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:.65rem 2rem;background:#0a0a0f99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05);animation:slideFromTop .6s ease-out .2s both}@keyframes slideFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.topbar-actions{display:flex;gap:.4rem;align-items:center}.topbar-btn{padding:.5rem 1rem;background:#16161dcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.1);border-radius:6px;color:#fff9;font-size:.75rem;font-weight:700;font-family:DM Sans,sans-serif;letter-spacing:.1em;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);text-transform:uppercase}.topbar-btn:hover{border-color:#1db95499;color:#1db954;transform:translateY(-2px);box-shadow:0 6px 20px #1db95433}.topbar-btn.lang-btn.active{background:linear-gradient(135deg,#1db954,#1ed760);color:#0a0a0f;border-color:#1db954;box-shadow:0 6px 25px #1db95466}.topbar-btn.account-btn{border-color:#8b5cf666;color:#fffc;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-btn.account-btn:hover{border-color:#8b5cf6cc;color:#a78bfa;box-shadow:0 6px 20px #8b5cf633}.side-tab{position:fixed;top:6rem;z-index:50;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#16161dbf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1.5px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);padding:0;animation:sideTabIn .8s ease-out .6s both}@keyframes sideTabIn{0%{opacity:0}to{opacity:1}}.side-tab svg{width:20px;height:20px;flex-shrink:0;transition:transform .3s ease}.side-tab-left{left:0;border-radius:0 12px 12px 0;border-left:none;color:#c4b5fd;border-color:#a855f740}.side-tab-left:hover{width:56px;background:#a855f726;border-color:#a855f780;color:#d8b4fe;box-shadow:4px 0 25px #a855f733}.side-tab-left:hover svg{transform:scale(1.15)}.side-tab-right{right:0;border-radius:12px 0 0 12px;border-right:none;color:#4ade80;border-color:#1db95440}.side-tab-right:hover{width:56px;background:#1db95426;border-color:#1db95480;color:#86efac;box-shadow:-4px 0 25px #1db95433}.side-tab-right:hover svg{transform:scale(1.15)}.home-header{text-align:center;margin-bottom:3rem;animation:titleReveal .8s ease-out .3s both}@keyframes titleReveal{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.home-title{font-family:DM Sans,sans-serif;font-size:clamp(4rem,10vw,8rem);font-weight:400;line-height:.9;letter-spacing:.05em;background:linear-gradient(135deg,#1db954,#1ed760,#8b5cf6,#a78bfa,#1db954);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1rem;text-transform:uppercase;animation:gradientShift 8s ease infinite;filter:drop-shadow(0 0 40px rgba(29,185,84,.3))}.home-subtitle{font-family:DM Sans,sans-serif;font-size:clamp(1.1rem,2vw,1.5rem);color:#ffffffb3;font-weight:400;letter-spacing:.02em;margin:0}.name-input-section{margin:0 auto 3rem;max-width:600px;width:100%;animation:inputSlideUp .8s ease-out .5s both}@keyframes inputSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.input-label{display:block;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;color:#fffc;margin-bottom:1rem;text-align:center;letter-spacing:.05em;text-transform:uppercase}.name-input{width:100%;padding:1.25rem 2rem;background:#16161d99;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1.25rem;font-family:DM Sans,sans-serif;font-weight:500;text-align:center;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 20px #0003}.name-input:focus{outline:none;border-color:#1db954;background:#16161dcc;transform:translateY(-3px);box-shadow:0 0 0 4px #1db9541a,0 8px 30px #1db9544d,inset 0 1px #ffffff1a}.name-input::placeholder{color:#ffffff4d;font-weight:400}.error-message{color:#f44;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:500;margin-top:.75rem;text-align:center;animation:errorShake .4s ease}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.mode-selection{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:0 0 2rem;animation:cardsReveal .8s ease-out .7s both}@keyframes cardsReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mode-button{background:#16161d99;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:2.5rem 2rem;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;align-items:center;gap:1.25rem;position:relative;overflow:hidden;box-shadow:0 4px 20px #0003}.mode-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,255,255,.08) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.mode-button:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.mode-button:hover:before{opacity:1}.mode-button:hover:after{left:100%}.mode-button:hover:not(:disabled){transform:translateY(-8px) scale(1.02);border-color:#1db954;box-shadow:0 20px 50px #1db9544d,0 0 0 4px #1db9541a}.mode-button:active:not(:disabled){transform:translateY(-4px) scale(1.01)}.mode-button:disabled{opacity:.3;cursor:not-allowed;filter:grayscale(.8)}.mode-button.solo:before{background:radial-gradient(circle at center,rgba(139,92,246,.15) 0%,transparent 70%)}.mode-button.create:before{background:radial-gradient(circle at center,rgba(29,185,84,.15) 0%,transparent 70%)}.mode-button.join:before{background:radial-gradient(circle at center,rgba(59,130,246,.15) 0%,transparent 70%)}.mode-info{text-align:center;z-index:1}.mode-info h3{font-family:DM Sans,sans-serif;font-size:1.3rem;color:#fff;margin:0 0 .5rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;line-height:1.2}.mode-info p{font-family:DM Sans,sans-serif;font-size:.95rem;color:#fff9;font-weight:400;margin:0;line-height:1.4}@media (max-width: 1024px){.home-content{padding:2.5rem 3rem}.home-title{font-size:clamp(3.5rem,9vw,7rem)}.mode-selection{gap:1.5rem}.mode-button{padding:2rem 1.5rem}.mode-info h3{font-size:1.2rem}}@media (max-width: 768px){.home-content{padding:4rem 1.5rem 2rem;min-height:100vh;justify-content:center}.home-topbar{padding:.5rem 1rem}.home-title{font-size:clamp(2.8rem,10vw,4.5rem);margin-bottom:.6rem}.home-subtitle{font-size:1rem}.home-header,.name-input-section{margin-bottom:1.5rem}.mode-selection{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.mode-button{padding:1.5rem 1.25rem}.mode-info h3{font-size:1.1rem}.mode-info p{font-size:.85rem}.side-tab{top:4.5rem;width:42px;height:42px}.side-tab svg{width:18px;height:18px}}@media (max-width: 480px){.home-container{overflow-y:auto}.home-content{padding:3.5rem 1rem 1rem}.home-topbar{padding:.4rem .75rem;gap:.3rem}.topbar-btn{padding:.4rem .7rem;font-size:.65rem}.topbar-btn.account-btn{max-width:110px}.home-header{margin-bottom:1rem}.home-title{font-size:clamp(2.2rem,12vw,3.5rem);margin-bottom:.3rem}.home-subtitle{font-size:.9rem}.name-input-section{margin-bottom:1.25rem}.input-label{font-size:.9rem;margin-bottom:.5rem}.name-input{padding:.85rem 1.25rem;font-size:1rem;border-radius:10px}.mode-selection{gap:.75rem;margin-bottom:1.25rem}.mode-button{padding:1.2rem 1rem;border-radius:12px;gap:.75rem}.mode-info h3{font-size:1.2rem;margin-bottom:.25rem}.mode-info p{font-size:.75rem;line-height:1.2}.side-tab{top:3.5rem;width:38px;height:38px}.side-tab svg{width:16px;height:16px}.home-container:before{animation-duration:90s;width:100vh;height:100vh}.mode-button:hover:not(:disabled){transform:translateY(-4px) scale(1.005)}.mode-button:active:not(:disabled){transform:translateY(-2px) scale(1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.mode-button,.name-input{border-width:3px}}@media (hover: none) and (pointer: coarse){.mode-button{transition-duration:.2s}.mode-button:active:not(:disabled){transform:scale(.98)}}.category-selector{display:flex;flex-direction:column;gap:.75rem;min-height:0;flex:1;overflow:hidden}.category-tabs{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;flex-shrink:0}.category-tab{padding:.6rem 1.5rem;background:#16161d99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(29,185,84,.2);border-radius:12px;color:#a1a1aa;font-size:1rem;font-weight:700;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.category-tab:hover{border-color:#1db954;color:#e5e5e7;background:#1db9541a;transform:translateY(-2px);box-shadow:0 4px 20px #1db95433}.category-tab.active{background:linear-gradient(135deg,#1db954,#1ed760);color:#fff;border-color:#1db954;box-shadow:0 4px 20px #1db95466;transform:translateY(-2px)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;flex:1;min-height:0;overflow-y:auto;padding:.5rem}.categories-grid::-webkit-scrollbar{width:10px}.categories-grid::-webkit-scrollbar-track{background:#16161d80;border-radius:5px}.categories-grid::-webkit-scrollbar-thumb{background:#1db9544d;border-radius:5px}.categories-grid::-webkit-scrollbar-thumb:hover{background:#1db95480}.category-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem .75rem;background:#16161d99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(29,185,84,.1);border-radius:16px;cursor:pointer;transition:all .3s ease;min-height:100px}.category-card:hover{background:#1db9540d;border-color:#1db9544d;transform:translateY(-6px) scale(1.02);box-shadow:0 8px 32px #1db95433}.category-card.selected{background:#1db95426;border-color:#1db954;box-shadow:0 0 30px #1db95466;transform:translateY(-4px) scale(1.05)}.category-card.selected:hover{transform:translateY(-6px) scale(1.05)}.category-icon{font-size:2.2rem;filter:drop-shadow(0 4px 12px rgba(29,185,84,.3));transition:all .3s ease}.category-card:hover .category-icon{transform:scale(1.1);filter:drop-shadow(0 6px 16px rgba(29,185,84,.5))}.category-card.selected .category-icon{animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.category-name{color:#e5e5e7;font-size:.95rem;font-weight:600;font-family:DM Sans,sans-serif;text-align:center;line-height:1.3}.category-card.selected .category-name{color:#1db954;font-weight:700}.category-card.premium{border-color:#a855f733;position:relative}.category-card.premium:hover{border-color:#a855f766;box-shadow:0 8px 32px #a855f733;background:#a855f70d}.category-card.premium.selected{border-color:#a855f7;background:#a855f726;box-shadow:0 0 30px #a855f766}.category-card.premium.owned{border-color:#1db9544d}.category-card.premium.owned:hover{border-color:#1db95480;box-shadow:0 8px 32px #1db95433;background:#1db9540d}.category-card.premium.locked{opacity:.55}.category-card.premium.locked:hover{opacity:.8}.category-premium-badge{position:absolute;top:.3rem;right:.3rem;line-height:1;display:flex;align-items:center;gap:.2rem;background:#a855f72e;border:1px solid rgba(168,85,247,.45);padding:.14rem .35rem;border-radius:999px}.premium-lock{font-size:.65rem;filter:drop-shadow(0 0 4px rgba(168,85,247,.5))}.premium-text{font-family:DM Sans,sans-serif;font-size:.52rem;font-weight:700;color:#d8b4fe;letter-spacing:.04em;text-transform:uppercase}.category-owned-badge{position:absolute;top:.3rem;right:.3rem;border-radius:999px;background:#1db95433;border:1px solid rgba(29,185,84,.6);color:#fff;font-size:.55rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;gap:.2rem;padding:.14rem .35rem;font-family:DM Sans,sans-serif;text-transform:uppercase;letter-spacing:.04em}.category-trials{font-family:DM Sans,sans-serif;font-size:.58rem;font-weight:700;color:#a855f7;background:#a855f726;padding:.2rem .45rem;border-radius:8px;line-height:1;text-transform:uppercase;letter-spacing:.03em}.category-trials.locked{color:#fda4af;background:#f43f5e26}@media (max-width: 768px){.category-tabs{gap:.75rem}.category-tab{padding:.85rem 1.5rem;font-size:1rem}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem}.category-card{padding:1.25rem .85rem;min-height:120px}.category-icon{font-size:2.5rem}.category-name{font-size:.9rem}}@media (max-width: 480px){.category-selector{gap:.4rem}.category-tabs{gap:.25rem}.category-tab{padding:.4rem .7rem;font-size:.75rem;border-radius:8px;border-width:1.5px}.categories-grid{display:flex;flex-wrap:wrap;gap:.35rem;overflow-y:auto;padding:.2rem}.category-card{flex-direction:row;padding:.4rem .6rem;min-height:auto;gap:.3rem;border-radius:8px;border-width:1.5px}.category-card:hover,.category-card.selected{transform:none}.category-icon{font-size:1rem}.category-card.selected .category-icon{animation:none}.category-name{font-size:.7rem;line-height:1;white-space:nowrap}}.lobby-container{min-height:100vh;height:100vh;width:100%;display:flex;align-items:flex-start;justify-content:center;background:radial-gradient(ellipse at top left,rgba(139,92,246,.15),transparent 50%),radial-gradient(ellipse at bottom right,rgba(29,185,84,.15),transparent 50%),linear-gradient(180deg,#0a0a0f,#16161d);padding:0;margin:0;overflow-y:auto;position:relative}.lobby-container:before{content:"";position:fixed;width:100vh;height:100vh;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at center,transparent 35%,rgba(29,185,84,.03) 35%,rgba(29,185,84,.03) 36%,transparent 36%),radial-gradient(circle at center,transparent 50%,rgba(139,92,246,.03) 50%,rgba(139,92,246,.03) 51%,transparent 51%);border-radius:50%;animation:vinylSpin 60s linear infinite;pointer-events:none;opacity:.4;z-index:0}.lobby-container:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1;opacity:.4;animation:scanlineMove 8s linear infinite}.lobby-content{width:100%;max-width:1000px;animation:slideUp .5s ease-out;overflow:visible;position:relative;z-index:2;padding:1rem 2rem;max-height:100vh;display:flex;flex-direction:column}.lobby-content.waiting{max-width:700px}.lobby-content.creation{max-width:900px}.lobby-content.join{max-width:800px}.lobby-header{text-align:center;margin-bottom:1rem;position:relative;flex-shrink:0;padding-top:3rem}.back-button{position:absolute;left:0;top:0;z-index:10;background:#16161dcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(29,185,84,.2);padding:.75rem 1.5rem;border-radius:12px;color:#e5e5e7;font-size:1rem;font-family:DM Sans,sans-serif;font-weight:500;cursor:pointer;transition:all .3s ease}.back-button:hover{background:#1db9541a;border-color:#1db954;transform:translate(-4px);box-shadow:0 0 20px #1db95433}.lobby-header h1{font-family:DM Sans,sans-serif;font-size:clamp(2.5rem,5vw,4rem);background:linear-gradient(135deg,#1db954,#1ed760,#8b5cf6,#a78bfa,#1db954);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;letter-spacing:.05em;animation:gradientShift 8s ease infinite;filter:drop-shadow(0 0 30px rgba(29,185,84,.3))}.lobby-subtitle{color:#a1a1aa;font-size:1.1rem;font-family:DM Sans,sans-serif;font-weight:400}.loading{text-align:center;padding:3rem}.loading-spinner{width:60px;height:60px;border:4px solid rgba(29,185,84,.1);border-top-color:#1db954;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem;box-shadow:0 0 20px #1db9544d}.loading p{color:#a1a1aa;font-size:1.1rem;font-family:DM Sans,sans-serif}.lobby-form{display:flex;flex-direction:column;gap:.75rem;flex:1;min-height:0;overflow:hidden}.settings-row{display:flex;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;background:#16161d99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(29,185,84,.1);border-radius:16px;box-shadow:0 4px 20px #0003;flex-shrink:0}.setting-item{display:flex;align-items:center;gap:.75rem}.setting-item.tracks-setting{flex:1;flex-direction:column;align-items:stretch;gap:.5rem}.setting-item.tracks-setting label{color:#a1a1aa;font-size:.85rem;font-weight:600;font-family:DM Sans,sans-serif;text-transform:uppercase;letter-spacing:.05em}.setting-item.tracks-setting label strong{color:#1db954;font-size:1rem}.setting-item.privacy-setting{cursor:pointer;padding:.5rem .75rem;background:#0a0a0f80;border:2px solid rgba(29,185,84,.2);border-radius:12px;transition:all .3s ease;flex-shrink:0}.setting-item.privacy-setting:hover{border-color:#1db95466;background:#1db9540d}.setting-item.tv-mode-setting{cursor:pointer;padding:.5rem .75rem;background:#0a0a0f80;border:2px solid rgba(139,92,246,.2);border-radius:12px;transition:all .3s ease;flex-shrink:0}.setting-item.tv-mode-setting:hover{border-color:#8b5cf673;background:#8b5cf614}.toggle-label{font-size:1.2rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.setting-item.privacy-setting:hover .toggle-label{transform:scale(1.15)}.toggle-copy{display:flex;flex-direction:column;gap:.08rem}.toggle-title{color:#e5e5e7;font-size:.8rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.toggle-desc{color:#a1a1aa;font-size:.7rem}.slider{-webkit-appearance:none;width:100%;height:6px;background:#16161dcc;border-radius:3px;outline:none;border:1px solid rgba(29,185,84,.2)}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;background:linear-gradient(135deg,#1db954,#1ed760);border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 0 10px #1db95480}.slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 20px #1db954b3}.toggle-switch{position:relative;width:48px;height:26px;background:#ffffff1a;border-radius:13px;border:2px solid rgba(255,255,255,.2);transition:all .3s ease;flex-shrink:0}.toggle-slider{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fffc;border-radius:50%;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 6px #0000004d}.toggle-switch.active{background:linear-gradient(135deg,#1db954,#1ed760);border-color:#1db954;box-shadow:0 0 15px #1db95466}.toggle-switch.active.tv-active{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-color:#8b5cf6;box-shadow:0 0 15px #8b5cf659}.toggle-switch.active .toggle-slider{transform:translate(22px);background:#fff;box-shadow:0 2px 8px #0006}.genre-section{display:flex;flex-direction:column;gap:.5rem;min-height:0;flex:1;overflow:hidden}.genre-section h2{color:#e5e5e7;font-family:DM Sans,sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:.02em;margin-bottom:.5rem;flex-shrink:0}.create-room-btn{padding:.85rem;background:linear-gradient(135deg,#1db954,#1ed760);border:none;border-radius:12px;color:#fff;font-size:1.3rem;font-weight:700;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 20px #1db9544d;flex-shrink:0}.create-room-btn:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 12px 40px #1db95480}.create-room-btn:disabled{opacity:.5;cursor:not-allowed}.join-by-code{background:#16161d99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem;border-radius:20px;margin-bottom:1rem;border:1px solid rgba(29,185,84,.1);box-shadow:0 8px 32px #0000004d;flex-shrink:0}.join-by-code h3{color:#e5e5e7;font-size:1.3rem;font-family:DM Sans,sans-serif;font-weight:600;margin-bottom:1rem}.code-input-group{display:flex;gap:1rem}.code-input{flex:1;padding:1rem 1.5rem;background:#0a0a0fcc;border:2px solid rgba(29,185,84,.3);border-radius:12px;color:#1db954;font-size:1.5rem;font-family:DM Sans,sans-serif;font-weight:700;text-align:center;letter-spacing:.3em;transition:all .3s ease;text-transform:uppercase}.code-input:focus{outline:none;border-color:#1db954;background:#0a0a0f;box-shadow:0 0 20px #1db9544d}.code-input.small{font-size:1.2rem;padding:.75rem 1rem}.join-code-btn{padding:1rem 2rem;background:linear-gradient(135deg,#1db954,#1ed760);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:700;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 15px #1db9544d}.join-code-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #1db95480}.join-code-btn:disabled{opacity:.5;cursor:not-allowed}.divider{text-align:center;margin:1rem 0;position:relative;flex-shrink:0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(29,185,84,.3),transparent)}.divider span{position:relative;background:#16161d;padding:0 1.5rem;color:#71717a;font-size:.9rem;font-family:DM Sans,sans-serif;text-transform:uppercase;letter-spacing:.1em}.rooms-list{display:flex;flex-direction:column;gap:1rem;flex:1;min-height:0;overflow-y:auto;padding-right:.5rem}.rooms-list::-webkit-scrollbar{width:8px}.rooms-list::-webkit-scrollbar-track{background:#16161d80;border-radius:4px}.rooms-list::-webkit-scrollbar-thumb{background:#1db9544d;border-radius:4px}.rooms-list::-webkit-scrollbar-thumb:hover{background:#1db95480}.room-card{background:#16161d99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem;border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;transition:all .3s ease;border:1px solid rgba(29,185,84,.1)}.room-card:hover{background:#1db9540d;border-color:#1db9544d;transform:translateY(-4px);box-shadow:0 8px 32px #1db95433}.room-info{flex:1}.room-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.room-header h3{color:#e5e5e7;font-size:1.2rem;font-family:DM Sans,sans-serif;font-weight:600;margin:0}.private-badge{background:#8b5cf633;color:#a78bfa;padding:.25rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600;font-family:DM Sans,sans-serif;text-transform:uppercase;letter-spacing:.05em}.room-code{color:#71717a;font-size:.9rem;font-family:DM Sans,sans-serif;margin-bottom:.75rem;letter-spacing:.1em}.room-details{display:flex;gap:1rem;flex-wrap:wrap}.room-detail{color:#a1a1aa;font-size:.9rem;font-family:DM Sans,sans-serif;display:flex;align-items:center;gap:.5rem}.room-detail.difficulty{background:#1db95426;color:#1db954;padding:.25rem .75rem;border-radius:8px;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.join-room-btn{padding:.75rem 2rem;background:linear-gradient(135deg,#1db954,#1ed760);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:700;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 15px #1db9544d}.join-room-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #1db95480}.join-room-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-btn{padding:.75rem 1rem;background:#16161dcc;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#f87171;font-size:.9rem;font-family:DM Sans,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.private-input-group{display:flex;gap:.75rem;align-items:center}.no-rooms{text-align:center;padding:3rem;color:#a1a1aa}.no-rooms p:first-child{font-size:1.5rem;font-family:DM Sans,sans-serif;margin-bottom:.75rem}.no-rooms-hint{font-size:.95rem;color:#71717a;font-family:DM Sans,sans-serif}.room-info-box{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;flex-shrink:0}.room-code-display{background:#16161d99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.25rem 1.5rem;border-radius:16px;text-align:center;border:1px solid rgba(29,185,84,.2);box-shadow:0 8px 32px #0000004d}.room-code-display label{display:block;color:#a1a1aa;font-size:.85rem;font-family:DM Sans,sans-serif;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.1em}.code-display-group{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:.5rem}.code-display{font-size:2.5rem;font-family:DM Sans,sans-serif;font-weight:700;color:#1db954;letter-spacing:.2em;text-shadow:0 0 20px rgba(29,185,84,.5)}.copy-btn{padding:.6rem 1.25rem;background:linear-gradient(135deg,#1db954,#1ed760);border:none;border-radius:10px;color:#fff;font-size:.85rem;font-weight:700;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #1db9544d}.copy-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #1db95480}.code-hint{color:#71717a;font-size:.8rem;font-family:DM Sans,sans-serif}.room-config{background:#16161d99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 1.25rem;border-radius:16px;border:1px solid rgba(29,185,84,.1);box-shadow:0 8px 32px #0000004d}.room-config h3{color:#e5e5e7;font-size:1.1rem;font-family:DM Sans,sans-serif;font-weight:600;margin-bottom:.75rem}.config-details{display:flex;flex-wrap:wrap;gap:.75rem}.config-item{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:#0a0a0f80;border-radius:10px;border:1px solid rgba(29,185,84,.1)}.config-label{color:#71717a;font-size:.75rem;font-family:DM Sans,sans-serif;text-transform:uppercase;letter-spacing:.05em}.config-value{color:#e5e5e7;font-size:.95rem;font-weight:700;font-family:DM Sans,sans-serif;text-transform:capitalize}.config-value.premium{text-transform:none;font-size:.82rem;font-weight:600}.config-value.premium.ok{color:#86efac}.config-value.premium.ko{color:#fda4af}.tv-host-banner{display:flex;align-items:center;gap:.65rem;margin:.2rem 0 .9rem;padding:.85rem 1rem;border-radius:12px;background:#8b5cf61f;border:1px solid rgba(139,92,246,.35);color:#e9d5ff}.tv-host-banner .tv-host-icon{font-size:1.25rem}.tv-host-banner p{margin:0;font-size:.95rem;font-weight:600}.players-section{background:#16161d99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.25rem;border-radius:16px;margin-bottom:1rem;border:1px solid rgba(29,185,84,.1);box-shadow:0 8px 32px #0000004d;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.players-section h3{color:#e5e5e7;font-size:1.1rem;font-family:DM Sans,sans-serif;font-weight:600;margin-bottom:.75rem;flex-shrink:0}.players-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;overflow-y:auto;min-height:0}.player-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#0a0a0f99;border-radius:12px;border:1px solid rgba(29,185,84,.1);transition:all .3s ease}.player-item:hover{background:#1db9540d;border-color:#1db9544d;transform:translateY(-2px)}.player-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#1db954,#1ed760);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;font-family:DM Sans,sans-serif;box-shadow:0 4px 15px #1db9544d;flex-shrink:0}.player-info{flex:1;display:flex;flex-direction:column;gap:.15rem}.player-name{color:#e5e5e7;font-weight:600;font-family:DM Sans,sans-serif;font-size:.95rem}.host-badge{color:#1db954;font-size:.75rem;font-weight:700;font-family:DM Sans,sans-serif;text-transform:uppercase;letter-spacing:.05em}.start-game-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#1db954,#1ed760);border:none;border-radius:14px;color:#fff;font-size:1.3rem;font-weight:700;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 8px 32px #1db95466;flex-shrink:0}.start-game-btn:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 16px 48px #1db95499}.start-game-btn:disabled{opacity:.5;cursor:not-allowed}.start-game-lock-hint{margin:.5rem 0 0;text-align:center;color:#fda4af;font-size:.9rem;font-family:DM Sans,sans-serif;font-weight:600}.waiting-indicator{text-align:center;padding:1.5rem;flex-shrink:0}.waiting-dots{display:flex;justify-content:center;gap:.75rem;margin-bottom:1rem}.waiting-dots span{width:14px;height:14px;background:#1db954;border-radius:50%;animation:pulse 1.4s infinite ease-in-out both;box-shadow:0 0 10px #1db95480}.waiting-dots span:nth-child(1){animation-delay:-.32s}.waiting-dots span:nth-child(2){animation-delay:-.16s}@keyframes pulse{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.waiting-indicator p{color:#a1a1aa;font-size:1.1rem;font-family:DM Sans,sans-serif}.game-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0a0a0feb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:overlayFadeIn .4s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.game-loading-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:loadingSlideUp .5s ease-out .1s both}@keyframes loadingSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.game-loading-spinner{width:72px;height:72px;border:4px solid rgba(29,185,84,.1);border-top-color:#1db954;border-right-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 30px #1db9544d,0 0 60px #8b5cf626}.game-loading-text{color:#e5e5e7;font-size:1.4rem;font-family:DM Sans,sans-serif;font-weight:700;letter-spacing:.02em}.game-loading-sub{color:#71717a;font-size:.95rem;font-family:DM Sans,sans-serif;font-weight:400}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:1rem 1.5rem;border-radius:12px;text-align:center;margin-top:1.5rem;font-family:DM Sans,sans-serif;font-weight:500;flex-shrink:0}@media (max-width: 768px){.lobby-container{padding:.75rem}.lobby-content{padding:1.25rem;max-height:calc(100vh - 1.5rem)}.config-details{gap:.5rem}.players-list{grid-template-columns:1fr}.code-display,.lobby-header h1{font-size:2.5rem}.lobby-header{padding-top:0}.back-button{position:static;margin-bottom:.75rem;width:100%}.genre-section h2{font-size:1.5rem}.lobby-content.join .join-by-code{padding:1.5rem}.lobby-content.join .room-card{padding:1.25rem;gap:1rem}.lobby-content.waiting .room-code-display{padding:1rem}.lobby-content.waiting .room-config{padding:.85rem 1rem}.lobby-content.waiting .players-section{padding:1rem;margin-bottom:.75rem}.lobby-content.waiting .room-info-box{gap:.75rem;margin-bottom:.75rem}}@media (max-width: 480px){.lobby-container{padding:.5rem;align-items:flex-start}.lobby-content{margin-top:0;padding:.75rem .75rem 1rem;min-height:auto;max-height:calc(100vh - 1rem)}.lobby-content.creation .lobby-header{margin-bottom:.75rem}.lobby-content.creation .lobby-header h1{font-size:1.8rem;margin-bottom:.25rem}.lobby-content.creation .lobby-subtitle{display:none}.lobby-content.creation .back-button{padding:.5rem 1rem;font-size:.85rem;margin-bottom:.5rem}.lobby-form{gap:.75rem}.settings-row{padding:.75rem 1rem;gap:1rem;border-radius:12px}.setting-item.tracks-setting label{font-size:.8rem}.setting-item.privacy-setting,.setting-item.tv-mode-setting{padding:.4rem .6rem}.toggle-title{font-size:.72rem}.toggle-desc{display:none}.toggle-switch{width:42px;height:22px;border-radius:11px}.toggle-slider{width:14px;height:14px;top:2px;left:2px}.toggle-switch.active .toggle-slider{transform:translate(20px)}.genre-section{gap:.5rem}.genre-section h2{font-size:1.3rem;margin-bottom:0}.create-room-btn{padding:1rem;font-size:1.05rem;border-radius:10px}.lobby-content.waiting .lobby-header{margin-bottom:.5rem}.lobby-content.waiting .lobby-header h1{font-size:1.6rem;margin-bottom:.15rem}.lobby-content.waiting .lobby-subtitle{font-size:.8rem}.lobby-content.waiting .back-button{padding:.5rem 1rem;font-size:.85rem;margin-bottom:.4rem}.lobby-content.waiting .room-info-box{gap:.5rem;margin-bottom:.5rem}.lobby-content.waiting .room-code-display{padding:.6rem .75rem;border-radius:12px}.lobby-content.waiting .room-code-display label{font-size:.7rem;margin-bottom:.35rem}.lobby-content.waiting .code-display-group{gap:.75rem;margin-bottom:.25rem}.lobby-content.waiting .code-display{font-size:1.8rem;letter-spacing:.15em}.lobby-content.waiting .copy-btn{padding:.4rem .85rem;font-size:.75rem;border-radius:8px}.lobby-content.waiting .code-hint{font-size:.7rem}.lobby-content.waiting .room-config{padding:.6rem .75rem;border-radius:12px}.lobby-content.waiting .room-config h3{display:none}.lobby-content.waiting .config-details{gap:.4rem}.lobby-content.waiting .config-item{flex:1;flex-direction:row;align-items:center;gap:.3rem;padding:.35rem .5rem;background:#0a0a0f80;border-radius:8px;justify-content:center}.lobby-content.waiting .config-label{font-size:.6rem;letter-spacing:.05em}.lobby-content.waiting .config-value{font-size:.8rem}.lobby-content.waiting .players-section{padding:.6rem .75rem;border-radius:12px;margin-bottom:.5rem}.lobby-content.waiting .players-section h3{font-size:.9rem;margin-bottom:.5rem}.lobby-content.waiting .players-list{display:flex;flex-wrap:wrap;gap:.4rem}.lobby-content.waiting .player-item{padding:.4rem .6rem;gap:.4rem;border-radius:8px}.lobby-content.waiting .player-item:hover{transform:none}.lobby-content.waiting .player-avatar{width:28px;height:28px;font-size:.8rem}.lobby-content.waiting .player-name{font-size:.8rem}.lobby-content.waiting .host-badge{font-size:.6rem}.lobby-content.waiting .start-game-btn{padding:.85rem;font-size:1rem;border-radius:10px}.lobby-content.waiting .waiting-indicator{padding:.75rem}.lobby-content.waiting .waiting-dots{gap:.4rem;margin-bottom:.5rem}.lobby-content.waiting .waiting-dots span{width:10px;height:10px}.lobby-content.waiting .waiting-indicator p{font-size:.85rem}.lobby-content.join .lobby-header{margin-bottom:.75rem}.lobby-content.join .lobby-header h1{font-size:1.8rem;margin-bottom:.15rem}.lobby-content.join .lobby-subtitle{font-size:.8rem}.lobby-content.join .back-button{padding:.5rem 1rem;font-size:.85rem;margin-bottom:.4rem}.lobby-content.join .join-by-code{padding:1rem;border-radius:14px;margin-bottom:.75rem}.lobby-content.join .join-by-code h3{font-size:1rem;margin-bottom:.6rem}.lobby-content.join .code-input{padding:.75rem 1rem;font-size:1.2rem;letter-spacing:.2em;border-radius:10px}.lobby-content.join .code-input-group{flex-direction:row;gap:.6rem}.lobby-content.join .join-code-btn{width:auto;padding:.75rem 1.25rem;font-size:.85rem;border-radius:10px;white-space:nowrap}.lobby-content.join .divider{margin:.75rem 0}.lobby-content.join .divider span{font-size:.75rem;padding:0 1rem}.lobby-content.join .rooms-list{gap:.6rem;max-height:400px}.lobby-content.join .room-card{padding:.85rem 1rem;border-radius:12px;flex-direction:row;align-items:center;gap:.75rem}.lobby-content.join .room-card:hover{transform:none}.lobby-content.join .room-header{margin-bottom:.2rem;gap:.5rem}.lobby-content.join .room-header h3{font-size:.95rem}.lobby-content.join .private-badge{font-size:.65rem;padding:.15rem .5rem;border-radius:6px}.lobby-content.join .room-code{font-size:.75rem;margin-bottom:.35rem}.lobby-content.join .room-details{gap:.5rem}.lobby-content.join .room-detail{font-size:.75rem;gap:.25rem}.lobby-content.join .room-detail.difficulty{font-size:.65rem;padding:.15rem .5rem;border-radius:6px}.lobby-content.join .join-room-btn{width:auto;padding:.6rem 1.25rem;font-size:.85rem;border-radius:8px;flex-shrink:0}.lobby-content.join .no-rooms{padding:2rem 1rem}.lobby-content.join .no-rooms p:first-child{font-size:1.1rem;margin-bottom:.5rem}.lobby-content.join .no-rooms-hint{font-size:.85rem}.lobby-content.join .private-input-group{gap:.5rem;flex-wrap:wrap}.lobby-content.join .private-input-group .code-input.small{font-size:1rem;padding:.6rem .75rem}.lobby-content.join .cancel-btn{padding:.5rem .75rem;font-size:.8rem}.lobby-content.join .error-message{padding:.75rem 1rem;font-size:.85rem;margin-top:.75rem;border-radius:10px}.lobby-header{margin-bottom:1.5rem}.lobby-header h1{font-size:2rem;line-height:1.2}.lobby-subtitle{font-size:.95rem}.code-input-group{flex-direction:column}.join-code-btn{width:100%}.room-card{flex-direction:column;align-items:stretch;padding:1.25rem}.join-room-btn{width:100%}.code-display{font-size:2rem}.ranking-actions{flex-direction:column;gap:1rem}.btn-play-again,.btn-home{width:100%}}.mission-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#06060aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200;display:flex;align-items:center;justify-content:center;padding:1rem}.mission-popup{width:min(520px,100%);background:#16161df2;border:1px solid rgba(29,185,84,.35);border-radius:14px;padding:1rem 1rem .9rem;position:relative;box-shadow:0 18px 60px #00000073}.mission-popup-close{position:absolute;top:.45rem;right:.55rem;border:none;background:transparent;color:#ffffff8c;font-size:1.5rem;cursor:pointer}.mission-popup h3{margin:0;color:#86efac;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mission-popup-total{margin:.3rem 0 .8rem;color:#1db954;font-family:DM Sans,sans-serif;font-size:1.6rem;font-weight:800;display:flex;align-items:center;gap:.3rem}.mission-popup-currency-icon{width:14px;height:14px;object-fit:contain;transform:scale(3.07)}.mission-popup-currency-icon-sm{width:14px;height:14px;object-fit:contain;vertical-align:middle;margin-left:2px;transform:scale(3.07)}.mission-popup-list{display:flex;flex-direction:column;gap:.5rem}.mission-popup-item{display:flex;justify-content:space-between;gap:.7rem;padding:.6rem;border-radius:10px;background:#1db95414;border:1px solid rgba(29,185,84,.18)}.mission-popup-item strong{color:#fff;font-family:DM Sans,sans-serif;font-size:.82rem}.mission-popup-item p{margin:.18rem 0 0;color:#ffffff9e;font-family:DM Sans,sans-serif;font-size:.7rem}.mission-popup-item span{color:#86efac;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:700;white-space:nowrap}@media (max-width: 640px){.mission-popup-item{flex-direction:column;align-items:flex-start}}.bingo-game{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:radial-gradient(ellipse at top left,rgba(139,92,246,.15),transparent 50%),radial-gradient(ellipse at bottom right,rgba(29,185,84,.15),transparent 50%),linear-gradient(180deg,#0a0a0f,#16161d);padding:16px;margin:0;overflow-y:auto;position:relative;font-family:DM Sans,sans-serif;color:#e0e0e0}.category-banner{width:100%;max-width:500px;padding:12px 20px;border-radius:12px;text-align:center;font-family:DM Sans,sans-serif;font-size:1.4rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:8px}.category-banner .category-label{opacity:.7;font-size:1rem}.category-banner.violet{background:linear-gradient(135deg,#8b5cf64d,#8b5cf61a);border:1px solid rgba(139,92,246,.5);color:#c4b5fd;box-shadow:0 0 20px #8b5cf633}.category-banner.blue{background:linear-gradient(135deg,#3b82f64d,#3b82f61a);border:1px solid rgba(59,130,246,.5);color:#93c5fd;box-shadow:0 0 20px #3b82f633}.category-banner.green{background:linear-gradient(135deg,#22c55e4d,#22c55e1a);border:1px solid rgba(34,197,94,.5);color:#86efac;box-shadow:0 0 20px #22c55e33}.category-banner.yellow{background:linear-gradient(135deg,#eab3084d,#eab3081a);border:1px solid rgba(234,179,8,.5);color:#fde047;box-shadow:0 0 20px #eab30833}.category-banner.pink{background:linear-gradient(135deg,#ec48994d,#ec48991a);border:1px solid rgba(236,72,153,.5);color:#f9a8d4;box-shadow:0 0 20px #ec489933}.bingo-header{width:100%;max-width:500px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.round-info{font-family:DM Sans,sans-serif;font-size:1.1rem;color:#ffffffb3;letter-spacing:1px}.players-answered-list{display:flex;gap:6px;flex-wrap:wrap}.answered-badge{font-size:.75rem;background:#1db95433;color:#1db954;padding:2px 8px;border-radius:10px;border:1px solid rgba(29,185,84,.3)}.bingo-player{width:100%;max-width:500px;display:flex;align-items:center;gap:12px;margin-bottom:12px}.bingo-player .tv-audio-hint{min-width:170px;padding:10px 12px;border-radius:10px;border:1px solid rgba(139,92,246,.35);background:#8b5cf61f;color:#d8b4fe;font-size:.82rem;font-weight:600;text-align:center}.bingo-player .btn-play{padding:10px 20px;border-radius:20px;border:1px solid rgba(29,185,84,.5);background:#1db95433;color:#1db954;font-family:DM Sans,sans-serif;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.bingo-player .btn-play:hover:not(:disabled){background:#1db9544d;box-shadow:0 0 15px #1db9544d}.bingo-player .btn-play.playing{background:#8b5cf633;border-color:#8b5cf680;color:#8b5cf6}.bingo-player .btn-play:disabled{opacity:.4;cursor:not-allowed}.bingo-player .timer{flex:1}.bingo-player .timer-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:4px}.bingo-player .timer-fill{height:100%;background:linear-gradient(90deg,#1db954,#8b5cf6);border-radius:3px;transition:width 1s linear}.bingo-player .timer-text{font-size:.75rem;color:#ffffff80}.bingo-answer-form{width:100%;max-width:500px;margin-bottom:16px}.bingo-answer-form .answer-input{width:100%;padding:12px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fff;font-size:1rem;font-family:DM Sans,sans-serif;outline:none;transition:border-color .2s;box-sizing:border-box;margin-bottom:8px}.bingo-answer-form .answer-input:focus{border-color:#1db95480;box-shadow:0 0 10px #1db9541a}.bingo-answer-form .button-row{display:flex;gap:8px}.bingo-answer-form .btn-submit{flex:1;padding:10px;border-radius:10px;border:none;background:linear-gradient(135deg,#1db954,#1ed760);color:#000;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s}.bingo-answer-form .btn-submit:hover:not(:disabled){box-shadow:0 0 20px #1db95466;transform:translateY(-1px)}.bingo-answer-form .btn-submit:disabled{opacity:.4;cursor:not-allowed}.bingo-answer-form .btn-skip{padding:10px 20px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff9;font-weight:500;cursor:pointer;transition:all .2s}.bingo-answer-form .btn-skip:hover{background:#ffffff1a}.answer-result{width:100%;max-width:500px;text-align:center;padding:16px;border-radius:12px;margin-bottom:16px}.answer-result.correct{background:#22c55e26;border:1px solid rgba(34,197,94,.3)}.answer-result.wrong{background:#ef444426;border:1px solid rgba(239,68,68,.3)}.answer-result .result-icon{font-size:2rem;margin-bottom:4px}.answer-result.correct .result-icon{color:#22c55e}.answer-result.wrong .result-icon{color:#ef4444}.answer-result p{margin:4px 0}.answer-result .submitted-hint{font-size:.8rem;color:#ffffff80}.bingo-grid-container{width:100%;max-width:500px;margin-top:8px}.bingo-grid-container h3{font-family:DM Sans,sans-serif;font-size:1rem;letter-spacing:1px;color:#ffffff80;margin-bottom:8px;text-transform:uppercase}.bingo-grid{display:flex;flex-direction:column;gap:4px;width:100%}.bingo-row{display:flex;gap:4px}.bingo-cell{flex:1;aspect-ratio:1;border-radius:8px;border:2px solid transparent;cursor:default;display:flex;align-items:center;justify-content:center;font-size:1.4rem;transition:all .3s ease;position:relative;overflow:hidden}.bingo-cell-violet{background:#8b5cf640;border-color:#8b5cf666}.bingo-cell-blue{background:#3b82f640;border-color:#3b82f666}.bingo-cell-green{background:#22c55e40;border-color:#22c55e66}.bingo-cell-yellow{background:#eab30840;border-color:#eab30866}.bingo-cell-pink{background:#ec489940;border-color:#ec489966}.bingo-cell.marked{opacity:1}.bingo-cell-violet.marked{background:#8b5cf699;box-shadow:0 0 12px #8b5cf666}.bingo-cell-blue.marked{background:#3b82f699;box-shadow:0 0 12px #3b82f666}.bingo-cell-green.marked{background:#22c55e99;box-shadow:0 0 12px #22c55e66}.bingo-cell-yellow.marked{background:#eab30899;box-shadow:0 0 12px #eab30866}.bingo-cell-pink.marked{background:#ec489999;box-shadow:0 0 12px #ec489966}.cell-mark{color:#fff;font-weight:900;text-shadow:0 0 8px rgba(255,255,255,.5);animation:markPop .3s ease-out}@keyframes markPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}.bingo-cell.selectable{cursor:pointer;animation:selectPulse 1.5s ease-in-out infinite}.bingo-cell-violet.selectable{border-color:#8b5cf6;box-shadow:0 0 16px #8b5cf680}.bingo-cell-blue.selectable{border-color:#3b82f6;box-shadow:0 0 16px #3b82f680}.bingo-cell-green.selectable{border-color:#22c55e;box-shadow:0 0 16px #22c55e80}.bingo-cell-yellow.selectable{border-color:#eab308;box-shadow:0 0 16px #eab30880}.bingo-cell-pink.selectable{border-color:#ec4899;box-shadow:0 0 16px #ec489980}.bingo-cell.selectable:hover{transform:scale(1.08)}@keyframes selectPulse{0%,to{opacity:.8}50%{opacity:1}}.bingo-cell.winning{animation:winGlow .8s ease-in-out infinite alternate}.bingo-cell-violet.winning{box-shadow:0 0 24px #8b5cf6cc}.bingo-cell-blue.winning{box-shadow:0 0 24px #3b82f6cc}.bingo-cell-green.winning{box-shadow:0 0 24px #22c55ecc}.bingo-cell-yellow.winning{box-shadow:0 0 24px #eab308cc}.bingo-cell-pink.winning{box-shadow:0 0 24px #ec4899cc}@keyframes winGlow{0%{transform:scale(1)}to{transform:scale(1.05)}}.bingo-selection-phase{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center}.selection-prompt{text-align:center;margin:12px 0}.selection-prompt h2{font-family:DM Sans,sans-serif;font-size:1.5rem;letter-spacing:2px;color:#1db954;margin-bottom:4px}.selection-timer{font-family:DM Sans,sans-serif;font-size:2rem;color:#ffffffb3}.bingo-round-results{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center}.correct-answer-display{text-align:center;margin:12px 0;padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);width:100%}.correct-answer-display.compact{padding:10px;margin:8px 0}.correct-answer-display h3{font-size:.85rem;color:#ffffff80;margin-bottom:4px;text-transform:uppercase;letter-spacing:1px}.correct-value{font-family:DM Sans,sans-serif;font-size:1.6rem;color:#1db954;letter-spacing:1px}.track-info{font-size:.85rem;color:#ffffff80;margin-top:4px}.results-players{width:100%;display:flex;flex-direction:column;gap:6px;margin:12px 0}.result-player-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:.9rem}.result-player-item.correct{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#86efac}.result-player-item.wrong{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ffffff80}.player-answer{margin-left:auto;font-size:.8rem;opacity:.6;font-style:italic}.bingo-progress-section{width:100%;margin:12px 0;padding:12px;background:#ffffff0a;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.bingo-progress-section h3{font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#ffffff80;margin-bottom:10px}.bingo-progress-list{display:flex;flex-direction:column;gap:8px}.bingo-progress-item{display:flex;align-items:center;gap:10px}.bingo-progress-item .progress-name{font-family:DM Sans,sans-serif;font-size:.85rem;color:#e0e0e0;min-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bingo-progress-item .progress-bar-container{flex:1;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden}.bingo-progress-item .progress-bar-fill{height:100%;background:linear-gradient(90deg,#1db954,#8b5cf6);border-radius:4px;transition:width .5s ease}.bingo-progress-item .progress-remaining{font-family:DM Sans,sans-serif;font-size:.75rem;color:#ffffff80;white-space:nowrap;min-width:70px;text-align:right}.next-round-hint{text-align:center;color:#fff6;font-size:.85rem;margin-top:12px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.bingo-cell.half{position:relative}.bingo-cell-violet.half{background:linear-gradient(135deg,#8b5cf680,#8b5cf626,#8b5cf640)}.bingo-cell-blue.half{background:linear-gradient(135deg,#3b82f680,#3b82f626,#3b82f640)}.bingo-cell-green.half{background:linear-gradient(135deg,#22c55e80,#22c55e26,#22c55e40)}.bingo-cell-yellow.half{background:linear-gradient(135deg,#eab30880,#eab30826,#eab30840)}.bingo-cell-pink.half{background:linear-gradient(135deg,#ec489980,#ec489926,#ec489940)}.cell-half{font-size:1rem;font-weight:700;color:#ffffffb3;text-shadow:0 0 6px rgba(255,255,255,.3)}.bingo-cell.rainbow-selectable{border-image:linear-gradient(135deg,#8b5cf6,#3b82f6,#22c55e,#eab308,#ec4899) 1;border-width:2px;border-style:solid;animation:rainbowPulse 1.5s ease-in-out infinite;cursor:pointer}.bingo-cell.rainbow-selectable:hover{transform:scale(1.08);box-shadow:0 0 20px #8b5cf64d,0 0 20px #1db9544d}@keyframes rainbowPulse{0%,to{opacity:.75}50%{opacity:1}}.category-banner.rainbow{background:linear-gradient(135deg,#8b5cf633,#3b82f633,#22c55e33,#eab30833,#ec489933);border:1px solid rgba(139,92,246,.4);color:#e0e0e0;box-shadow:0 0 20px #8b5cf633}.rainbow-hint{font-size:.8rem;color:#ffffff80;margin-top:2px}.track-info .track-title{color:#fff;font-weight:600}.track-info .track-separator{color:#ffffff4d}.track-info .track-artist{color:#ffffffb3}.track-info .track-year{color:#fff6;font-style:italic}.bingo-winner-screen{width:100%;max-width:500px;text-align:center;padding:24px 0}.bingo-winner-banner{margin-bottom:24px}.bingo-ball-animation{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.bingo-ball{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;font-family:DM Sans,sans-serif;font-size:1.6rem;font-weight:900;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);animation:ballBounce .6s ease-out both}.bingo-ball:nth-child(1){background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 0 20px #8b5cf699;animation-delay:0s}.bingo-ball:nth-child(2){background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 0 20px #3b82f699;animation-delay:.1s}.bingo-ball:nth-child(3){background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 20px #22c55e99;animation-delay:.2s}.bingo-ball:nth-child(4){background:linear-gradient(135deg,#eab308,#ca8a04);box-shadow:0 0 20px #eab30899;animation-delay:.3s}.bingo-ball:nth-child(5){background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 0 20px #ec489999;animation-delay:.4s}@keyframes ballBounce{0%{transform:translateY(-60px) scale(.3);opacity:0}60%{transform:translateY(8px) scale(1.1);opacity:1}80%{transform:translateY(-4px) scale(.95)}to{transform:translateY(0) scale(1);opacity:1}}.winner-title{font-family:DM Sans,sans-serif;font-size:2.5rem;color:#1db954;letter-spacing:3px;text-shadow:0 0 30px rgba(29,185,84,.5);animation:winnerPop .6s ease-out .5s both}.winner-detail{font-size:1rem;color:#fff9;margin-top:8px}.bingo-grid-container.final{margin-top:16px;padding:16px;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.08)}@keyframes winnerPop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.bingo-section-selector{display:flex;gap:12px}.bingo-section-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;border-radius:16px;border:2px solid rgba(255,255,255,.15);background:#ffffff0d;cursor:pointer;transition:all .3s ease}.bingo-section-btn:hover{border-color:#1db95466;background:#1db95414;transform:translateY(-2px)}.bingo-section-btn.active{border-color:#1db954;background:#1db95426;box-shadow:0 0 24px #1db9544d;transform:translateY(-2px)}.bingo-section-btn .section-icon{font-size:2.5rem}.bingo-section-btn .section-label{font-family:DM Sans,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.02em;color:#e0e0e0}.bingo-section-btn.active .section-label{color:#1db954}@media (max-width: 480px){.bingo-section-selector{gap:8px}.bingo-section-btn{padding:14px 8px}.bingo-section-btn .section-icon{font-size:2rem}.bingo-section-btn .section-label{font-size:.85rem}}.gamemode-selector{margin-bottom:16px;flex-shrink:0}.gamemode-selector h3{font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.05em;color:#fff9;margin-bottom:8px;text-transform:uppercase}.gamemode-options{display:flex;gap:10px}.gamemode-btn{flex:1;padding:12px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;font-family:DM Sans,sans-serif}.gamemode-btn:hover{border-color:#ffffff4d;background:#ffffff14}.gamemode-btn.active{border-color:#1db95499;background:#1db95426;box-shadow:0 0 15px #1db95426}.gamemode-icon{font-size:1.5rem}.gamemode-name{font-family:DM Sans,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.02em;color:#fff}.gamemode-desc{font-size:.7rem;color:#ffffff80;font-family:DM Sans,sans-serif}.bingo-game .loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px}.bingo-game .loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#1db954;border-radius:50%;animation:spin .8s linear infinite}.bingo-side-panel{display:none}@media (min-width: 900px){.bingo-side-panel{display:flex;flex-direction:column;gap:12px;position:fixed;top:50%;transform:translateY(-50%);width:170px;z-index:10}.bingo-side-left{left:24px}.bingo-side-right{right:24px}.side-player-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.side-player-name{font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;color:#e0e0e0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.side-remaining-value{font-family:DM Sans,sans-serif;font-size:2.2rem;font-weight:900;color:#1db954;line-height:1;text-shadow:0 0 20px rgba(29,185,84,.4)}.side-remaining-label{font-family:DM Sans,sans-serif;font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.side-progress-track{width:100%;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;margin-top:4px}.side-progress-fill{height:100%;background:linear-gradient(90deg,#1db954,#8b5cf6);border-radius:3px;transition:width .5s ease}.bingo-progress-section{display:none}}@media (max-width: 600px){.bingo-game{padding:10px}.category-banner{font-size:1.1rem;padding:10px 14px}.bingo-cell{border-radius:6px;font-size:1.1rem}.winner-title{font-size:2rem}.gamemode-options{gap:6px}.gamemode-btn{padding:10px 8px}}.multiplayer-game{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:radial-gradient(ellipse at top left,rgba(139,92,246,.15),transparent 50%),radial-gradient(ellipse at bottom right,rgba(29,185,84,.15),transparent 50%),linear-gradient(180deg,#0a0a0f,#16161d);padding:0;margin:0;overflow-y:auto;position:relative}.multiplayer-game:before{content:"";position:fixed;width:100vh;height:100vh;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at center,transparent 35%,rgba(29,185,84,.03) 35%,rgba(29,185,84,.03) 36%,transparent 36%),radial-gradient(circle at center,transparent 50%,rgba(139,92,246,.03) 50%,rgba(139,92,246,.03) 51%,transparent 51%);border-radius:50%;animation:vinylSpin 60s linear infinite;pointer-events:none;opacity:.4;z-index:0}.multiplayer-game:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1;opacity:.4;animation:scanlineMove 8s linear infinite}.multiplayer-game>*{width:100%;max-width:800px;position:relative;z-index:2}.multiplayer-game .game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;margin-top:2rem;flex-wrap:wrap;gap:1rem;padding:0 2rem}.round-info h2{color:#e5e5e7;font-family:DM Sans,sans-serif;font-size:clamp(1.8rem,4vw,2.5rem);letter-spacing:.05em;margin:0;background:linear-gradient(135deg,#1db954,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.round-subtitle{margin:.35rem 0 0;color:#a7f3d0;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.04em}.players-answered{flex:1;display:flex;justify-content:flex-end}.answered-list{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.answered-player{background:#1db95433;color:#1db954;padding:.5rem 1rem;border-radius:10px;font-size:.9rem;font-weight:600;font-family:DM Sans,sans-serif;animation:slideIn .3s ease;border:1px solid rgba(29,185,84,.3);text-transform:uppercase;letter-spacing:.05em}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.answer-submitted{background:#16161d99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:3rem;border-radius:20px;text-align:center;animation:slideUp .3s ease;border:1px solid rgba(29,185,84,.2);box-shadow:0 8px 32px #0000004d;margin:0 2rem}.submitted-icon{font-size:5rem;margin-bottom:1.5rem;animation:scaleIn .5s ease;filter:drop-shadow(0 0 20px rgba(29,185,84,.5))}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.answer-submitted p{color:#e5e5e7;font-size:1.5rem;font-family:DM Sans,sans-serif;font-weight:600;margin-bottom:.75rem}.submitted-hint{color:#a1a1aa;font-size:1.1rem;font-family:DM Sans,sans-serif}.multiplayer-game .player-section{margin-bottom:3rem;padding:0 2rem}.multiplayer-game .album-cover{width:320px;height:320px;margin:0 auto 2rem;border-radius:16px;overflow:hidden;box-shadow:0 16px 64px #00000080;border:2px solid rgba(29,185,84,.2);position:relative}.multiplayer-game .album-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1db9541a,#8b5cf61a);pointer-events:none}.multiplayer-game .album-cover img{width:100%;height:100%;object-fit:cover}.multiplayer-game .player-controls{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.multiplayer-game .tv-audio-hint{padding:.9rem 1rem;border-radius:12px;border:1px solid rgba(139,92,246,.35);background:#8b5cf61f;color:#d8b4fe;font-size:.95rem;font-weight:600;text-align:center;letter-spacing:.02em}.multiplayer-game .btn-play{width:100%;padding:1.25rem 2rem;background:linear-gradient(135deg,#1db954,#1ed760);color:#fff;border:none;border-radius:50px;font-size:1.3rem;font-weight:700;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 8px 32px #1db95466}.multiplayer-game .btn-play:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 12px 48px #1db95499}.multiplayer-game .btn-play:disabled{opacity:.5;cursor:not-allowed}.multiplayer-game .btn-play.playing{background:linear-gradient(135deg,#8b5cf6,#a78bfa);animation:playingPulse 1.5s ease-in-out infinite;box-shadow:0 8px 32px #8b5cf666}@keyframes playingPulse{0%,to{transform:scale(1);box-shadow:0 8px 32px #8b5cf666}50%{transform:scale(1.02);box-shadow:0 12px 48px #8b5cf699}}.multiplayer-game .timer{display:flex;flex-direction:column;gap:.75rem}.multiplayer-game .timer-bar{height:10px;background:#16161dcc;border-radius:50px;overflow:hidden;border:1px solid rgba(29,185,84,.2)}.multiplayer-game .timer-fill{height:100%;background:linear-gradient(90deg,#1db954,#1ed760);transition:width 1s linear;border-radius:50px;box-shadow:0 0 15px #1db95480}.multiplayer-game .timer-text{color:#a1a1aa;font-size:1.1rem;text-align:center;font-weight:700;font-family:DM Sans,sans-serif;text-transform:uppercase;letter-spacing:.1em}.multiplayer-game .hints{color:#e5e5e7;font-size:1.2rem;text-align:center;margin-top:1rem;padding:1rem 1.5rem;background:#16161d99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;border:1px solid rgba(29,185,84,.2);font-family:DM Sans,sans-serif;font-weight:600}.multiplayer-game .answer-form{display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:600px;margin:0 auto;padding:0 2rem}.multiplayer-game .answer-input{width:100%;padding:1.25rem 1.75rem;background:#16161d99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(29,185,84,.2);border-radius:12px;color:#e5e5e7;font-size:1.2rem;font-family:DM Sans,sans-serif;transition:all .3s ease}.multiplayer-game .answer-input::placeholder{color:#71717a}.multiplayer-game .answer-input:focus{outline:none;border-color:#1db954;background:#16161dcc;box-shadow:0 0 30px #1db9544d}.multiplayer-game .button-row{display:flex;gap:1rem}.multiplayer-game .btn-submit,.multiplayer-game .btn-skip{flex:1;padding:1.25rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.multiplayer-game .btn-submit{background:linear-gradient(135deg,#1db954,#1ed760);color:#fff;box-shadow:0 4px 20px #1db9544d}.multiplayer-game .btn-submit:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 8px 32px #1db95480}.multiplayer-game .btn-submit:disabled{opacity:.5;cursor:not-allowed}.multiplayer-game .btn-skip{background:#16161dcc;color:#a1a1aa;border:1px solid rgba(239,68,68,.3)}.multiplayer-game .btn-skip:hover{background:#ef44441a;border-color:#ef4444;color:#f87171;transform:translateY(-2px)}.round-results{width:100%;max-width:900px;animation:slideUp .5s ease;padding:0 2rem;margin-bottom:2rem}.round-results h2{text-align:center;font-family:DM Sans,sans-serif;font-size:clamp(2rem,5vw,3rem);margin-bottom:2rem;margin-top:2rem;letter-spacing:.05em;background:linear-gradient(135deg,#1db954,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.correct-answer-display{background:#16161d99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:20px;text-align:center;margin-bottom:1.5rem;border:2px solid #1db954;box-shadow:0 0 40px #1db9544d;display:flex;flex-direction:column;align-items:center}.correct-answer-display h3{color:#71717a;font-size:.85rem;font-family:DM Sans,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}.track-title{color:#e5e5e7;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;font-family:DM Sans,sans-serif;letter-spacing:.05em;margin-bottom:.25rem}.track-artist{color:#a1a1aa;font-size:clamp(1.1rem,3vw,1.4rem);font-family:DM Sans,sans-serif;margin-bottom:1rem}.result-album{width:180px;height:180px;object-fit:cover;border-radius:16px;box-shadow:0 16px 48px #00000080;border:2px solid rgba(29,185,84,.2)}.players-results{background:#16161d99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem;border-radius:20px;margin-bottom:1rem;border:1px solid rgba(29,185,84,.1);box-shadow:0 8px 32px #0000004d}.players-results h3{color:#e5e5e7;font-size:1.3rem;font-family:DM Sans,sans-serif;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.results-list{display:flex;flex-direction:column;gap:.6rem}.result-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#0a0a0f99;border-radius:12px;border-left:4px solid transparent;transition:all .3s ease}.result-item:hover{transform:translate(8px)}.result-item.correct{border-left-color:#1db954;background:#1db9540d}.result-item.incorrect{border-left-color:#ef4444;background:#ef44440d}.result-rank{font-size:1.2rem;font-weight:700;font-family:DM Sans,sans-serif;color:#71717a;min-width:40px;flex-shrink:0}.result-player{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.result-name{color:#e5e5e7;font-weight:700;font-size:1.1rem;font-family:DM Sans,sans-serif}.result-answer{color:#a1a1aa;font-size:.85rem;font-family:DM Sans,sans-serif}.result-answer.no-answer{color:#71717a;font-style:italic}.result-score{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.points-earned{color:#1db954;font-size:1.4rem;font-weight:700;font-family:DM Sans,sans-serif}.speed-bonus{color:#a78bfa;font-size:.8rem;font-weight:700;font-family:DM Sans,sans-serif;text-transform:uppercase;letter-spacing:.05em}.total-score{color:#e5e5e7;font-size:1rem;font-weight:700;font-family:DM Sans,sans-serif}.next-round-timer{text-align:center;padding:1rem;color:#a1a1aa;font-size:1.1rem;font-family:DM Sans,sans-serif;font-weight:600;animation:pulse 2s infinite}.multiplayer-game .loading{text-align:center;padding:4rem 2rem}.multiplayer-game .loading-spinner{width:70px;height:70px;border:5px solid rgba(29,185,84,.1);border-top-color:#1db954;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 2rem;box-shadow:0 0 30px #1db9544d}@keyframes spin{to{transform:rotate(360deg)}}.multiplayer-game .loading p{color:#a1a1aa;font-size:1.3rem;font-family:DM Sans,sans-serif;font-weight:600}@media (max-width: 768px){.multiplayer-game{padding:1rem}.multiplayer-game .game-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:0 1rem;margin-bottom:2rem}.round-info h2{font-size:1.8rem}.players-answered{width:100%;justify-content:flex-start}.round-results{padding:0 1rem}.round-results h2{font-size:1.8rem;margin-bottom:1.5rem}.correct-answer-display{padding:1.5rem}.track-title{font-size:1.8rem}.track-artist{font-size:1.1rem}.result-album{width:150px;height:150px}.players-results{padding:1.25rem}}@media (max-width: 480px){.multiplayer-game{padding:.75rem;align-items:flex-start}.multiplayer-game .game-header{margin-bottom:1rem;margin-top:.5rem;padding:0 .5rem}.round-info h2{font-size:1.5rem;line-height:1.2}.answered-player{font-size:.75rem;padding:.3rem .6rem}.round-results{margin-top:.5rem;padding:0 .5rem}.round-results h2{font-size:1.5rem;margin-bottom:1rem;margin-top:1rem}.correct-answer-display{padding:1.25rem;margin-bottom:1rem;border-radius:16px}.correct-answer-display h3{font-size:.75rem;margin-bottom:.5rem}.track-title{font-size:1.4rem}.track-artist{font-size:1rem;margin-bottom:.75rem}.result-album{width:120px;height:120px;border-radius:12px}.players-results{padding:1rem;margin-bottom:.75rem;border-radius:16px}.players-results h3{font-size:1.1rem;margin-bottom:.75rem}.results-list{gap:.5rem}.result-item{padding:.75rem 1rem;gap:.75rem;border-radius:10px}.result-item:hover{transform:none}.result-rank{font-size:1rem;min-width:32px}.result-name{font-size:.95rem}.result-answer{font-size:.8rem}.points-earned{font-size:1.15rem}.speed-bonus{font-size:.7rem}.total-score{font-size:.85rem}.next-round-timer{padding:.75rem;font-size:.95rem}.answer-submitted{padding:1.5rem 1.25rem;margin:0 .5rem;border-radius:16px}.submitted-icon{font-size:3.5rem;margin-bottom:1rem}.answer-submitted p{font-size:1.2rem;line-height:1.4}.submitted-hint{font-size:.9rem;margin-top:.5rem}.multiplayer-game .player-section{margin-bottom:1.5rem;padding:0 .5rem}.multiplayer-game .album-cover{width:200px;height:200px;margin:0 auto 1.25rem}.multiplayer-game .player-controls{gap:1rem;margin-bottom:1.25rem}.multiplayer-game .btn-play{font-size:1.1rem;padding:1rem 1.5rem;min-height:50px}.multiplayer-game .timer{width:100%}.multiplayer-game .timer-text{font-size:.95rem;margin-top:.25rem}.multiplayer-game .hints{font-size:.95rem;margin-top:.75rem;padding:.75rem 1rem}.multiplayer-game .answer-form{width:100%;padding:0 .5rem;gap:1rem}.multiplayer-game .answer-input{font-size:1rem;padding:1rem 1.25rem;min-height:50px}.multiplayer-game .button-row{gap:.75rem}.multiplayer-game .btn-submit,.multiplayer-game .btn-skip{font-size:1rem;padding:1rem;min-height:50px}}.final-ranking{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top left,rgba(139,92,246,.15),transparent 50%),radial-gradient(ellipse at bottom right,rgba(29,185,84,.15),transparent 50%),linear-gradient(180deg,#0a0a0f,#16161d);padding:0;margin:0;overflow-y:auto;position:relative}.final-ranking:before{content:"";position:fixed;width:120vh;height:120vh;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at center,transparent 35%,rgba(29,185,84,.03) 35%,rgba(29,185,84,.03) 36%,transparent 36%),radial-gradient(circle at center,transparent 50%,rgba(139,92,246,.03) 50%,rgba(139,92,246,.03) 51%,transparent 51%);border-radius:50%;animation:vinylSpin 80s linear infinite;pointer-events:none;opacity:.5;z-index:0}@keyframes vinylSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.final-ranking:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1;opacity:.4;animation:scanlineMove 8s linear infinite}@keyframes scanlineMove{0%{transform:translateY(0)}to{transform:translateY(100%)}}.ranking-content{width:100%;max-width:1000px;animation:slideUp .5s ease-out;position:relative;z-index:2;padding:3rem 2rem}.ranking-title{text-align:center;font-family:DM Sans,sans-serif;font-size:clamp(2.5rem,8vw,4.5rem);background:linear-gradient(135deg,#1db954,#1ed760,#8b5cf6,#a78bfa,#1db954);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;animation:gradientShift 8s ease infinite,scaleIn .6s ease-out;filter:drop-shadow(0 0 40px rgba(29,185,84,.4));letter-spacing:.05em}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.ranking-subtitle{text-align:center;color:#a1a1aa;font-size:1.5rem;font-family:DM Sans,sans-serif;font-weight:600;margin-bottom:3rem;text-transform:uppercase;letter-spacing:.1em}.podium{display:flex;align-items:flex-end;justify-content:center;gap:2rem;margin-bottom:3rem;padding:2.5rem 0}.podium-place{position:relative;display:flex;flex-direction:column;align-items:center;animation:slideUp .8s ease-out;opacity:0;animation-fill-mode:forwards}.podium-place.first{order:2;animation-delay:.2s}.podium-place.second{order:1;animation-delay:.3s}.podium-place.third{order:3;animation-delay:.4s}.podium-player{position:relative;background:#16161d99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:20px;text-align:center;margin-bottom:1.25rem;transition:all .3s ease;min-width:220px;border:2px solid transparent}.podium-place.first .podium-player{border-color:gold;box-shadow:0 0 50px #ffd70066}.podium-place.second .podium-player{border-color:silver;box-shadow:0 0 40px #c0c0c04d}.podium-place.third .podium-player{border-color:#cd7f32;box-shadow:0 0 40px #cd7f324d}.podium-player:hover{transform:translateY(-12px) scale(1.05)}.player-avatar{width:110px;height:110px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;font-family:DM Sans,sans-serif;color:#fff;margin:0 auto 1.25rem;position:relative;z-index:1;border:3px solid rgba(255,255,255,.2)}.player-avatar.gold{background:linear-gradient(135deg,gold,orange);box-shadow:0 12px 40px #ffd70080}.player-avatar.silver{background:linear-gradient(135deg,silver,#a8a8a8);box-shadow:0 12px 40px #c0c0c066}.player-avatar.bronze{background:linear-gradient(135deg,#cd7f32,sienna);box-shadow:0 12px 40px #cd7f3266}.medal{font-size:3.5rem;position:absolute;top:-25px;right:-15px;z-index:2;animation:bounce 2s infinite;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.medal.winner{font-size:4.5rem;top:-35px;animation:rotate 3s linear infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.crown{position:absolute;top:-50px;left:50%;transform:translate(-50%);font-size:3rem;animation:float 2s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(255,215,0,.6))}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-12px)}}.podium-player h3{color:#e5e5e7;font-size:1.5rem;font-family:DM Sans,sans-serif;font-weight:700;margin-bottom:.5rem}.player-score{color:#1db954;font-size:1.8rem;font-weight:700;font-family:DM Sans,sans-serif;letter-spacing:.05em;text-shadow:0 0 20px rgba(29,185,84,.5)}.podium-rank{width:110px;height:90px;background:#16161dcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;font-family:DM Sans,sans-serif;color:#e5e5e7;border:2px solid rgba(29,185,84,.2);border-bottom:none}.podium-place.first .podium-rank{height:140px;background:linear-gradient(135deg,#ffd70033,#ffa5001a);border-color:gold;box-shadow:0 0 30px #ffd7004d}.podium-place.second .podium-rank{height:110px;background:linear-gradient(135deg,#c0c0c033,#a8a8a81a);border-color:silver;box-shadow:0 0 25px #c0c0c033}.podium-place.third .podium-rank{height:90px;background:linear-gradient(135deg,#cd7f3233,#a0522d1a);border-color:#cd7f32;box-shadow:0 0 25px #cd7f3233}.other-players{background:#16161d99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2.5rem;border-radius:20px;margin-bottom:3rem;border:1px solid rgba(29,185,84,.1);box-shadow:0 8px 32px #0000004d}.other-players h3{color:#e5e5e7;font-size:1.6rem;font-family:DM Sans,sans-serif;font-weight:700;margin-bottom:1.75rem;text-transform:uppercase;letter-spacing:.05em}.players-list{display:flex;flex-direction:column;gap:1rem}.player-row{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.75rem;background:#0a0a0f99;border-radius:12px;transition:all .3s ease;border:1px solid rgba(29,185,84,.1)}.player-row:hover{background:#1db9540d;border-color:#1db9544d;transform:translate(12px);box-shadow:0 4px 20px #1db95433}.player-rank{font-size:1.4rem;font-weight:700;font-family:DM Sans,sans-serif;color:#71717a;min-width:45px}.player-avatar-small{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#1db954,#1ed760);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.4rem;font-family:DM Sans,sans-serif;box-shadow:0 4px 15px #1db9544d}.player-name{flex:1;color:#e5e5e7;font-size:1.2rem;font-weight:600;font-family:DM Sans,sans-serif}.player-points{color:#1db954;font-size:1.4rem;font-weight:700;font-family:DM Sans,sans-serif;letter-spacing:.05em;text-shadow:0 0 15px rgba(29,185,84,.4)}.ranking-actions{display:flex;flex-direction:column;gap:1.5rem;align-items:center;justify-content:center}.btn-play-again,.btn-home{padding:1.5rem 3rem;border:none;border-radius:12px;font-size:1.3rem;font-weight:700;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.btn-play-again{background:linear-gradient(135deg,#1db954,#1ed760);color:#fff;box-shadow:0 8px 32px #1db95466}.btn-play-again:hover:not(:disabled){transform:translateY(-6px);box-shadow:0 16px 48px #1db95499}.btn-play-again.disabled,.btn-play-again:disabled{background:#47556980;color:#e2e8f080;cursor:not-allowed;box-shadow:none}.btn-play-again.requested{background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 8px 32px #8b5cf666}.btn-home{background:#16161dcc;color:#e5e5e7;border:2px solid rgba(29,185,84,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-home:hover{background:#1db9541a;border-color:#1db954;transform:translateY(-6px);box-shadow:0 8px 32px #1db9544d}.rematch-info{text-align:center;color:#1db954;font-size:1.1rem;font-weight:600;font-family:DM Sans,sans-serif;padding:1rem 2rem;background:#1db9541a;border-radius:8px;border:1px solid rgba(29,185,84,.3);animation:pulse 2s ease-in-out infinite}.rematch-counter{text-align:center;color:#8b5cf6;font-size:1rem;font-weight:600;font-family:DM Sans,sans-serif;padding:.75rem 1.5rem;background:#8b5cf61a;border-radius:8px;border:1px solid rgba(139,92,246,.3)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.victory-effect-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8;overflow:hidden}.victory-effect-overlay.effect-lasers{background:repeating-linear-gradient(125deg,#a855f700,#a855f700 14px,#a855f738 14px,#a855f738 17px),repeating-linear-gradient(55deg,#1db95400,#1db95400 20px,#1db9542b 20px,#1db9542b 23px);animation:laserSweep 2.4s linear infinite}@keyframes laserSweep{0%{transform:translate(-6%)}to{transform:translate(6%)}}.confetti-layer{position:absolute;top:0;right:0;bottom:0;left:0}.confetti-layer span{position:absolute;top:-12%;left:calc((var(--i) * 4.3%) + 2%);width:10px;height:14px;border-radius:3px;opacity:.85;background:#1db954;animation:confettiFall 2.8s linear infinite;animation-delay:calc((var(--i) % 7) * -.22s)}.confetti-layer span:nth-child(3n){background:#f59e0b}.confetti-layer span:nth-child(4n){background:#f43f5e}.confetti-layer span:nth-child(5n){background:#a855f7}@keyframes confettiFall{0%{transform:translateY(0) rotate(0)}to{transform:translateY(130vh) rotate(540deg)}}.fireworks-layer{position:absolute;top:0;right:0;bottom:0;left:0}.fireworks-layer span{position:absolute;width:180px;height:180px;border-radius:50%;border:2px solid rgba(255,255,255,.2);animation:fireworkBurst 1.5s ease-out infinite}.fireworks-layer span:nth-child(1){left:18%;top:22%;border-color:#34d399b3}.fireworks-layer span:nth-child(2){left:62%;top:30%;border-color:#f43f5eb3;animation-delay:.35s}.fireworks-layer span:nth-child(3){left:42%;top:58%;border-color:#facc15bf;animation-delay:.7s}@keyframes fireworkBurst{0%{transform:scale(.2);opacity:.85}to{transform:scale(1.05);opacity:0}}@media (max-width: 768px){.ranking-content{padding:2rem 1.5rem}.ranking-title{font-size:2.8rem}.ranking-subtitle{font-size:1.2rem}.podium{flex-direction:column;align-items:center;gap:2rem}.podium-place{width:100%;max-width:350px}.podium-place.first,.podium-place.second,.podium-place.third{order:initial}.podium-rank{width:100%;height:70px!important}.podium-player{min-width:0;width:100%}.other-players{padding:2rem}.ranking-actions{flex-direction:column;gap:1.25rem}.btn-play-again,.btn-home{width:100%;padding:1.25rem 2rem}}@media (max-width: 480px){.final-ranking{align-items:flex-start}.ranking-content{padding:1rem .75rem}.ranking-title{font-size:2rem;margin-bottom:.25rem}.ranking-subtitle{font-size:.85rem;margin-bottom:1rem;letter-spacing:.05em}.podium{gap:.6rem;padding:0;margin-bottom:1rem}.podium-rank{display:none}.podium-place{max-width:100%}.podium-player{display:flex;flex-direction:row;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:14px;min-width:0;text-align:left;position:relative}.podium-player h3{font-size:1.05rem;margin-bottom:0}.player-score{font-size:1.2rem;margin-left:auto;flex-shrink:0}.player-avatar{width:48px;height:48px;font-size:1.4rem;margin:0;border-width:2px;flex-shrink:0}.medal{font-size:1.5rem;position:static;flex-shrink:0}.medal.winner{font-size:1.8rem;animation:none}.crown{display:none}.podium-player:hover{transform:none}.podium-place.first .podium-player{box-shadow:0 0 20px #ffd70040}.podium-place.second .podium-player{box-shadow:0 0 15px #c0c0c033}.podium-place.third .podium-player{box-shadow:0 0 15px #cd7f3233}.other-players{padding:.75rem;margin-bottom:1rem;border-radius:14px}.other-players h3{font-size:1rem;margin-bottom:.6rem}.players-list{gap:.4rem}.player-row{padding:.6rem .75rem;gap:.6rem;border-radius:10px}.player-row:hover{transform:none}.player-rank{font-size:1rem;min-width:32px}.player-avatar-small{width:34px;height:34px;font-size:1rem}.player-name{font-size:.9rem}.player-points{font-size:1rem}.ranking-actions{gap:.6rem}.btn-play-again,.btn-home{padding:.9rem 1.5rem;font-size:1rem;border-radius:10px}.rematch-info{font-size:.9rem;padding:.6rem 1rem}.rematch-counter{font-size:.85rem;padding:.5rem 1rem}}.tv-display{width:100vw;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 20% 20%,rgba(139,92,246,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(29,185,84,.12) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,#0a0a14,#0d0d14);font-family:DM Sans,sans-serif;color:#f0f0f0;position:relative}.tv-display:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:1}.tv-display>*{position:relative;z-index:2}.tv-waiting{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.tv-logo-pulse{font-size:6rem;animation:tvPulse 2.5s ease-in-out infinite}@keyframes tvPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 20px rgba(139,92,246,.4))}50%{transform:scale(1.08);filter:drop-shadow(0 0 40px rgba(29,185,84,.6))}}.tv-waiting-title{font-size:3.5rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;background:linear-gradient(135deg,#1db954,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tv-waiting-sub{font-size:1.6rem;color:#ffffff80}.tv-room-code{font-size:4rem;font-weight:700;letter-spacing:12px;padding:1rem 2.5rem;border-radius:16px;background:#ffffff0d;border:2px solid rgba(139,92,246,.3);color:#c4b5fd}.tv-top-bar{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:absolute;top:1.5rem;left:0;right:0;z-index:10}.tv-round-label{font-size:2rem;font-weight:600;letter-spacing:2px;color:#ffffffb3}.tv-stem-label{font-size:1.4rem;color:#8b5cf6;font-weight:500;letter-spacing:1px}.tv-source-label{font-size:1.4rem;color:#1db954;font-weight:600;letter-spacing:2px;text-transform:uppercase;opacity:.85}.tv-source-label.waiting{font-size:1.8rem;margin-bottom:.5rem;opacity:.9}.tv-volume{display:flex;align-items:center;gap:.75rem}.tv-volume-icon{font-size:1.8rem}.tv-volume-slider{width:120px;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1f;border-radius:3px;outline:none}.tv-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#1db954;cursor:pointer}.tv-category-banner{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 3rem;border-radius:16px;font-size:2.2rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;background:linear-gradient(135deg,color-mix(in srgb,var(--cat-color) 25%,transparent),color-mix(in srgb,var(--cat-color) 8%,transparent));border:1px solid color-mix(in srgb,var(--cat-color) 50%,transparent);color:color-mix(in srgb,var(--cat-color) 70%,white);box-shadow:0 0 30px color-mix(in srgb,var(--cat-color) 20%,transparent);margin-bottom:1rem}.tv-cat-type{font-size:1.4rem;opacity:.6;font-weight:500}.tv-playing{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:5rem 2rem 2rem}.tv-center-stage{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.tv-timer{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.tv-timer-ring{position:absolute;width:100%;height:100%;transform:rotate(-90deg)}.tv-timer-track{fill:none;stroke:#ffffff0f;stroke-width:6}.tv-timer-fill{fill:none;stroke:#1db954;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset 1s linear;filter:drop-shadow(0 0 8px rgba(29,185,84,.5))}.tv-timer.low .tv-timer-fill{stroke:#ef4444;filter:drop-shadow(0 0 12px rgba(239,68,68,.6));animation:timerPulse .8s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.6}}.tv-timer-value{font-size:5rem;font-weight:700;letter-spacing:2px;color:#fff;z-index:2}.tv-timer.low .tv-timer-value{color:#fca5a5}.tv-audio-indicator{display:flex;align-items:flex-end;gap:6px;height:40px}.tv-audio-indicator span{width:8px;background:#1db9544d;border-radius:4px;height:12px;transition:height .2s,background .2s}.tv-audio-indicator.active span{background:#1db954;animation:audioWave .8s ease-in-out infinite}.tv-audio-indicator.active span:nth-child(1){animation-delay:0s}.tv-audio-indicator.active span:nth-child(2){animation-delay:.15s}.tv-audio-indicator.active span:nth-child(3){animation-delay:.3s}.tv-audio-indicator.active span:nth-child(4){animation-delay:.15s}.tv-audio-indicator.active span:nth-child(5){animation-delay:0s}@keyframes audioWave{0%,to{height:12px}50%{height:40px}}.tv-audio-unlock{margin-top:.25rem;padding:.7rem 1.2rem;border-radius:999px;border:1px solid rgba(139,92,246,.55);background:#8b5cf633;color:#f3e8ff;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.tv-audio-unlock:hover{transform:translateY(-1px);box-shadow:0 8px 20px #8b5cf647}.tv-audio-error{margin-top:.25rem;font-size:.9rem;color:#fca5a5}.tv-audio-debug{position:fixed;right:12px;bottom:12px;width:min(460px,calc(100vw - 24px));z-index:50;font-family:DM Sans,sans-serif}.tv-audio-debug-toggle{width:100%;padding:.5rem .75rem;border-radius:10px;border:1px solid rgba(148,163,184,.45);background:#0f172ae0;color:#e2e8f0;font-weight:700;cursor:pointer}.tv-audio-debug-body{margin-top:.4rem;border-radius:12px;border:1px solid rgba(148,163,184,.35);background:#020617eb;color:#cbd5e1;padding:.7rem .8rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem;line-height:1.35;max-height:42vh;overflow-y:auto}.tv-audio-debug-url{word-break:break-all}.tv-audio-debug-error{color:#fca5a5}.tv-audio-debug-actions{display:flex;gap:.4rem;margin-top:.5rem}.tv-audio-debug-actions button{padding:.35rem .55rem;border-radius:8px;border:1px solid rgba(148,163,184,.45);background:#1e293be6;color:#e2e8f0;cursor:pointer;font-size:.72rem;font-family:inherit}.tv-hint-year{font-size:1.8rem;color:#ffffff80;font-weight:500}.tv-album-cover{width:200px;height:200px;border-radius:16px;object-fit:cover;box-shadow:0 8px 40px #00000080}.tv-album-cover.playing{animation:albumFloat 3s ease-in-out infinite}@keyframes albumFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.tv-badges-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.tv-badges-label{font-size:1.4rem;color:#ffffff80;letter-spacing:1px}.tv-player-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.tv-badge{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.2rem;border-radius:50px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);font-size:1.3rem;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.tv-badge.answered{background:#1db95426;border-color:#1db95466;box-shadow:0 0 16px #1db95433;animation:badgePop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes badgePop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.tv-badge-initial{width:36px;height:36px;border-radius:50%;background:#8b5cf64d;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.tv-badge.answered .tv-badge-initial{background:#1db9544d}.tv-badge-name{font-weight:500}.tv-badge-check{color:#1db954;font-weight:700;font-size:1.4rem}.tv-grids-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:1rem;max-width:100%}.tv-grids-container.compact{gap:1rem}.tv-mini-grid-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.8rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;min-width:130px}.tv-mini-grid-name{font-size:1rem;font-weight:600;color:#fffc;letter-spacing:.5px}.tv-mini-grid{display:flex;flex-direction:column;gap:2px}.tv-mini-row{display:flex;gap:2px}.tv-mini-cell{width:18px;height:18px;border-radius:3px;opacity:.35;transition:opacity .3s,box-shadow .3s}.tv-mini-cell.marked{opacity:1;box-shadow:0 0 6px currentColor}.tv-mini-cell.half{opacity:.65}.tv-mini-violet{background:#8b5cf6;color:#8b5cf6}.tv-mini-blue{background:#3b82f6;color:#3b82f6}.tv-mini-green{background:#22c55e;color:#22c55e}.tv-mini-yellow{background:#eab308;color:#eab308}.tv-mini-pink{background:#ec4899;color:#ec4899}.tv-mini-progress{width:100%;display:flex;align-items:center;gap:.4rem;margin-top:.2rem}.tv-mini-progress-bar{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.tv-mini-progress-fill{height:100%;background:linear-gradient(90deg,#1db954,#8b5cf6);border-radius:2px;transition:width .5s ease}.tv-mini-progress-text{font-size:.7rem;color:#fff6;white-space:nowrap}.tv-correct-answer{display:flex;align-items:center;gap:2rem;padding:1.5rem 2.5rem;border-radius:16px;background:#1db95414;border:1px solid rgba(29,185,84,.25);margin:1rem 0}.tv-correct-info{display:flex;flex-direction:column;gap:.3rem}.tv-correct-value{font-size:2.8rem;font-weight:700;color:#86efac;text-shadow:0 0 20px rgba(29,185,84,.3)}.tv-correct-track{font-size:1.5rem;color:#fff9}.tv-classic-results .tv-album-cover,.tv-correct-answer .tv-album-cover{width:140px;height:140px;border-radius:12px;object-fit:cover;box-shadow:0 4px 20px #0006;animation:none}.tv-classic-results{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;max-width:900px;width:100%}.tv-results-header h2{font-size:2.2rem;font-weight:600;background:linear-gradient(135deg,#1db954,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tv-scores-list{width:100%;display:flex;flex-direction:column;gap:.6rem}.tv-score-row{display:flex;align-items:center;gap:1.2rem;padding:.8rem 1.5rem;border-radius:12px;background:#ffffff08;border-left:4px solid transparent;font-size:1.3rem;transition:transform .2s}.tv-score-row.correct{border-left-color:#1db954;background:#1db9540f}.tv-score-row.wrong{border-left-color:#ef4444}.tv-score-rank{font-weight:700;color:#fff6;min-width:40px}.tv-score-name{font-weight:600;min-width:120px}.tv-score-answer{flex:1;color:#ffffff80}.tv-score-points{color:#1db954;font-weight:700;min-width:60px;text-align:right}.tv-score-total{font-weight:600;min-width:80px;text-align:right;color:#ffffffb3}.tv-next-round{font-size:1.4rem;color:#fff6;animation:nextPulse 1.5s ease-in-out infinite}@keyframes nextPulse{0%,to{opacity:.4}50%{opacity:.8}}.tv-bingo-results{display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:2rem;width:100%;height:100%;overflow-y:auto}.tv-round-players{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}.tv-result-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.2rem;border-radius:50px;font-size:1.2rem;font-weight:500}.tv-result-badge.correct{background:#1db95426;border:1px solid rgba(29,185,84,.3);color:#86efac}.tv-result-badge.wrong{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5}.tv-result-icon{font-weight:700;font-size:1.4rem}.tv-result-answer{color:#fff6;font-size:1rem}.tv-selection-phase{display:flex;flex-direction:column;align-items:center;gap:.5rem}.tv-selection-phase h2{font-size:1.8rem;color:#c4b5fd}.tv-selection-timer{font-size:3rem;font-weight:700;color:#8b5cf6;text-shadow:0 0 20px rgba(139,92,246,.4)}.tv-finished-bingo{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;width:100%;height:100%;overflow-y:auto}.tv-bingo-ball-row{display:flex;gap:1rem}.tv-bingo-ball{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#fff;animation:ballBounce .6s cubic-bezier(.34,1.56,.64,1) both}.tv-bingo-ball:nth-child(1){background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.tv-bingo-ball:nth-child(2){background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.tv-bingo-ball:nth-child(3){background:linear-gradient(135deg,#1db954,#15803d)}.tv-bingo-ball:nth-child(4){background:linear-gradient(135deg,#eab308,#a16207)}.tv-bingo-ball:nth-child(5){background:linear-gradient(135deg,#ec4899,#be185d)}@keyframes ballBounce{0%{transform:translateY(-60px) scale(0);opacity:0}60%{transform:translateY(8px) scale(1.1);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.tv-winner-name{font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,#1db954,#86efac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.tv-win-detail{font-size:1.6rem;color:#ffffff80}.tv-finished-classic{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem}.tv-finished-title{font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,#1db954,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tv-podium{display:flex;align-items:flex-end;gap:1.5rem}.tv-podium-entry{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1.5rem 2rem;border-radius:16px 16px 0 0;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-bottom:none;min-width:160px}.tv-podium-1st{padding-bottom:3rem;background:#1db95414;border-color:#1db95433;order:2}.tv-podium-2nd{padding-bottom:2rem;order:1}.tv-podium-3rd{padding-bottom:1.5rem;order:3}.tv-podium-medal{font-size:3rem}.tv-podium-name{font-size:1.8rem;font-weight:700}.tv-podium-score{font-size:1.4rem;color:#fff9}.tv-other-players{display:flex;flex-direction:column;gap:.4rem;width:100%;max-width:500px}.tv-other-entry{display:flex;align-items:center;gap:1rem;padding:.6rem 1.2rem;border-radius:8px;background:#ffffff08;font-size:1.3rem}.tv-other-rank{color:#fff6;font-weight:600;min-width:40px}.tv-other-name{flex:1;font-weight:500}.tv-other-score{color:#fff9}.tv-bingo-leaderboard{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;margin-top:1.5rem;width:100%;max-width:700px}.tv-bingo-lb-entry{display:flex;align-items:center;gap:.75rem;padding:.6rem 1.2rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;min-width:180px}.tv-bingo-lb-entry.first{background:#1db95426;border-color:#1db95466}.tv-bingo-lb-medal{font-size:1.3rem;min-width:2rem;text-align:center;color:#ffffff80}.tv-bingo-lb-entry.first .tv-bingo-lb-medal{color:#fff}.tv-bingo-lb-name{flex:1;font-size:1.1rem;font-weight:600;color:#e5e5e7}.tv-bingo-lb-score{font-size:1rem;font-weight:700;color:#1db954}.tv-rematch-area{display:flex;gap:1rem;margin-top:1rem}.tv-rematch-meta{font-size:1rem;color:#fff9;letter-spacing:.03em}.tv-btn-rematch{padding:1rem 2.5rem;border:none;border-radius:50px;font-size:1.4rem;font-weight:700;font-family:DM Sans,sans-serif;cursor:pointer;background:linear-gradient(135deg,#1db954,#15803d);color:#fff;letter-spacing:1px;text-transform:uppercase;transition:transform .2s,box-shadow .2s}.tv-btn-rematch:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1db9544d}.tv-btn-home{padding:1rem 2.5rem;border:1px solid rgba(255,255,255,.15);border-radius:50px;font-size:1.4rem;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;background:#ffffff0d;color:#ffffffb3;letter-spacing:1px;transition:background .2s}.tv-btn-home:hover{background:#ffffff1a}.cosmetic-preview{width:100%;height:76px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#0a0a0fa6;display:flex;align-items:center;justify-content:center;overflow:hidden}.cosmetic-preview.theme .theme-strip{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr)}.cosmetic-preview.theme .theme-strip span{display:block;height:100%}.cosmetic-preview.avatar .avatar-emoji{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:1.8rem}.cosmetic-preview.effect .effect-sample{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:.4rem}.cosmetic-preview.effect .effect-sample span{width:10px;height:10px;border-radius:50%;background:#ffffffb3}.cosmetic-preview.effect.effect-confetti .effect-sample span:nth-child(1){background:#34d399}.cosmetic-preview.effect.effect-confetti .effect-sample span:nth-child(2){background:#f59e0b}.cosmetic-preview.effect.effect-confetti .effect-sample span:nth-child(3){background:#f43f5e}.cosmetic-preview.effect.effect-lasers .effect-sample{background:repeating-linear-gradient(130deg,#a855f759,#a855f759 6px,#3b82f659 6px,#3b82f659 12px)}.cosmetic-preview.effect.effect-fireworks .effect-sample{background:radial-gradient(circle at 20% 50%,rgba(250,204,21,.5),transparent 35%),radial-gradient(circle at 70% 30%,rgba(52,211,153,.45),transparent 35%),radial-gradient(circle at 60% 80%,rgba(236,72,153,.45),transparent 35%)}.ad-reward-card{width:100%;padding:.95rem 1rem;border-radius:14px;background:#16161d9e;border:1px solid rgba(251,191,36,.2);box-shadow:0 8px 30px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ad-reward-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.ad-reward-head h3{margin:0;color:#e5e5e7;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ad-reward-value{display:flex;align-items:center;gap:.25rem;color:#fbbf24;font-family:DM Sans,sans-serif;font-size:.86rem;font-weight:700;letter-spacing:.05em}.ad-reward-currency-icon{width:14px;height:14px;object-fit:contain;transform:scale(3.93)}.ad-reward-subtitle{margin:.4rem 0 .55rem;color:#ffffff94;font-family:DM Sans,sans-serif;font-size:.75rem}.ad-reward-meta{display:flex;justify-content:space-between;gap:.7rem;margin-bottom:.6rem;color:#ffffffa6;font-family:DM Sans,sans-serif;font-size:.72rem}.ad-reward-btn{width:100%;border:1.5px solid rgba(251,191,36,.35);border-radius:9px;background:#fbbf241a;color:#fcd34d;font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.62rem .75rem;cursor:pointer;transition:all .25s ease}.ad-reward-btn:hover:not(:disabled){background:#fbbf242e;border-color:#fbbf2499;transform:translateY(-1px);box-shadow:0 4px 15px #fbbf241f}.ad-reward-btn:disabled{opacity:.45;cursor:not-allowed}.ad-reward-success,.ad-reward-error{margin:.52rem 0 0;font-family:DM Sans,sans-serif;font-size:.72rem}.ad-reward-success{color:#86efac}.ad-reward-error{color:#fda4af}.shop-container{height:100vh;width:100vw;background:linear-gradient(180deg,#0a0a0f,#12121a,#0a0a0f);position:relative;overflow-x:hidden;overflow-y:auto}.shop-premium-reward{max-width:420px;margin:0 auto 1.5rem;animation:shopFadeDown .5s ease .12s both}.shop-bg-glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 20% 0%,rgba(29,185,84,.12),transparent 55%),radial-gradient(ellipse at 80% 100%,rgba(168,85,247,.1),transparent 55%);z-index:0}.shop-content{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:1.5rem 2rem 4rem}.shop-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.06);animation:shopFadeDown .5s ease both}@keyframes shopFadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.shop-back{display:flex;align-items:center;gap:.5rem;background:#16161d99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.08);border-radius:10px;padding:.6rem 1.1rem;color:#ffffffb3;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .25s ease;flex-shrink:0}.shop-back:hover{border-color:#fff3;color:#fff;transform:translate(-3px)}.shop-back-arrow{font-size:1.1rem;line-height:1}.shop-header-center{text-align:center;flex:1}.shop-title{font-family:DM Sans,sans-serif;font-size:1.8rem;font-weight:700;margin:0;background:linear-gradient(135deg,#1db954,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.04em;text-transform:uppercase}.shop-subtitle{font-family:DM Sans,sans-serif;font-size:.85rem;color:#fff6;margin:.25rem 0 0}.shop-wallet{flex-shrink:0}.shop-mode-tabs{display:flex;justify-content:center;gap:.55rem;margin-bottom:1.2rem;animation:shopFadeDown .5s ease .08s both}.shop-mode-btn{padding:.55rem 1rem;border-radius:8px;border:1.5px solid rgba(255,255,255,.1);background:#16161d80;color:#ffffff8f;font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .25s ease}.shop-mode-btn:hover{color:#ffffffd9;border-color:#1db95459}.shop-mode-btn.active{color:#1db954;border-color:#1db95466;background:#1db9541f}.shop-filters{display:flex;gap:.5rem;margin-bottom:2rem;justify-content:center;animation:shopFadeDown .5s ease .1s both}.shop-filter-btn{padding:.55rem 1.2rem;background:#16161d80;border:1.5px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffff80;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .25s ease;letter-spacing:.03em}.shop-filter-btn:hover{border-color:#1db9544d;color:#fffc}.shop-filter-btn.active{background:#1db9541f;border-color:#1db95466;color:#1db954}.shop-sections{animation:shopFadeUp .5s ease .15s both}@keyframes shopFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.shop-section{margin-bottom:2.5rem}.shop-section-title{font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:700;color:#ffffff59;letter-spacing:.12em;text-transform:uppercase;margin:0 0 1rem .25rem}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.premium-packs-section{margin-top:1.1rem}.premium-packs-subtitle{margin:-.55rem 0 1.1rem .25rem;color:#ffffff80;font-family:DM Sans,sans-serif;font-size:.74rem}.premium-packs-checkout-note{margin:-.75rem 0 .85rem .25rem;color:#fbbf24cc;font-family:DM Sans,sans-serif;font-size:.68rem;letter-spacing:.02em}.premium-payment-notice{margin:0 0 .9rem .25rem;border-radius:8px;padding:.55rem .7rem;font-family:DM Sans,sans-serif;font-size:.74rem;font-weight:600}.premium-payment-notice.info{color:#fbbf24;background:#fbbf241f;border:1px solid rgba(251,191,36,.3)}.premium-payment-notice.success{color:#86efac;background:#22c55e1f;border:1px solid rgba(34,197,94,.3)}.premium-payment-notice.error{color:#fda4af;background:#f43f5e1f;border:1px solid rgba(244,63,94,.28)}.premium-packs-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))}.shop-card{position:relative;background:#16161d8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.07);border-radius:14px;padding:1.4rem 1rem 1rem;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;align-items:center;gap:.6rem;overflow:hidden;animation:cardReveal .4s ease both}@keyframes cardReveal{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.shop-card-glow{position:absolute;top:-40%;left:50%;transform:translate(-50%);width:80%;height:60%;background:radial-gradient(ellipse,rgba(29,185,84,.08),transparent 70%);pointer-events:none;transition:opacity .3s ease;opacity:0}.shop-card:hover:not(.owned){border-color:#1db95459;transform:translateY(-5px) scale(1.02);box-shadow:0 12px 35px #00000059,0 0 0 1px #1db9541a}.shop-card:hover:not(.owned) .shop-card-glow{opacity:1}.shop-card.owned{cursor:default;border-color:#1db95433;background:#1db9540a}.shop-card.owned .shop-card-icon,.shop-card.owned .shop-card-name{opacity:.6}.premium-pack-card{cursor:default;min-height:235px}.premium-pack-card.best-value{border-color:#fbbf246b;box-shadow:0 0 0 1px #fbbf2433,0 10px 30px #00000047}.premium-value-badge{background:#fbbf2433;color:#fbbf24}.premium-pack-icon{width:44px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#a855f729;border:1px solid rgba(168,85,247,.35)}.premium-pack-icon .shop-price-icon{transform:scale(4.15)}.premium-pack-amount{font-family:DM Sans,sans-serif;font-size:1.35rem;font-weight:800;color:#e9d5ff;letter-spacing:.03em}.premium-pack-name{font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:700;color:#ffffffeb;text-align:center}.premium-pack-bonus{font-family:DM Sans,sans-serif;font-size:.67rem;font-weight:700;color:#fbbf24;background:#fbbf241f;border:1px solid rgba(251,191,36,.25);border-radius:999px;padding:.16rem .5rem}.premium-pack-footer{gap:.45rem}.premium-pack-buy-btn{width:100%;border:1.5px solid rgba(29,185,84,.36);background:#1db9541a;color:#1db954;border-radius:9px;padding:.5rem .6rem;font-family:DM Sans,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .22s ease}.premium-pack-buy-btn:hover:not(:disabled){background:#1db9542e;border-color:#1db9549e}.premium-pack-buy-btn:disabled{opacity:.45;cursor:not-allowed}.premium-pack-price{display:inline-flex;align-items:center;gap:.25rem}.shop-card-owned-badge{position:absolute;top:.5rem;right:.5rem;background:#1db95433;color:#1db954;font-family:DM Sans,sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .5rem;border-radius:5px}.shop-card-icon{font-size:2.2rem;line-height:1;filter:drop-shadow(0 3px 8px rgba(0,0,0,.3));transition:transform .3s ease}.shop-card:hover:not(.owned) .shop-card-icon{transform:scale(1.12) rotate(-4deg)}.shop-card-name{font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:700;color:#fff;text-align:center;letter-spacing:.02em}.shop-card-footer{width:100%;display:flex;flex-direction:column;align-items:center;gap:.35rem;margin-top:auto;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.04)}.shop-card-prices{display:flex;align-items:center;gap:.4rem}.shop-price{display:inline-flex;align-items:center;gap:2px;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:700}.shop-price.free{color:#1db954}.shop-price.premium{color:#a855f7}.shop-price-sep{color:#fff3;font-size:.7rem}.shop-card-trials{font-family:DM Sans,sans-serif;font-size:.65rem;color:#ffffff59;background:#ffffff0a;padding:.15rem .5rem;border-radius:4px}.cosmetics-mode{margin-top:.25rem}.cosmetic-type-tabs{margin-bottom:1rem}.cosmetic-card{cursor:default;padding-top:1rem;min-height:240px}.cosmetic-card.owned .shop-card-name{opacity:1}.cosmetic-card.active{border-color:#1db95473;box-shadow:0 0 0 1px #1db95433,0 10px 28px #00000052}.cosmetic-card .shop-card-name{font-size:.82rem}.cosmetic-footer{width:100%}.cosmetic-equip-btn{width:100%;border:1.5px solid rgba(29,185,84,.35);background:#1db9541a;color:#1db954;border-radius:8px;padding:.5rem .6rem;font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .25s ease}.cosmetic-equip-btn:hover:not(:disabled){border-color:#1db954b3;background:#1db95433}.cosmetic-equip-btn.equipped{opacity:.85;cursor:default}.cosmetic-buy-row{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.cosmetic-buy-btn{border-radius:8px;border:1.5px solid;padding:.45rem .4rem;font-family:DM Sans,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:all .2s ease}.cosmetic-buy-btn.free{border-color:#1db95459;background:#1db95414;color:#1db954}.cosmetic-buy-btn.free:hover:not(:disabled){background:#1db9542e}.cosmetic-buy-btn.premium{border-color:#a855f759;background:#a855f714;color:#a855f7}.cosmetic-buy-btn.premium:hover:not(:disabled){background:#a855f72e}.cosmetic-buy-btn:disabled{opacity:.4;cursor:not-allowed}.cosmetic-auth-needed{font-family:DM Sans,sans-serif;font-size:.68rem;color:#ffffff80;text-align:center}.shop-empty-state{grid-column:1 / -1;text-align:center;padding:2rem;color:#ffffff80;font-family:DM Sans,sans-serif}.shop-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalFadeIn .25s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.shop-modal{background:linear-gradient(180deg,#1a1a24,#12121a);border:1.5px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem;width:90%;max-width:380px;position:relative;text-align:center;animation:modalSlideUp .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px #00000080}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.shop-modal-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:#fff6;font-size:1.6rem;cursor:pointer;transition:color .2s;line-height:1}.shop-modal-close:hover{color:#fff}.shop-modal-icon{font-size:3rem;margin-bottom:.75rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.shop-modal-title{font-family:DM Sans,sans-serif;font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .35rem}.shop-modal-desc{font-family:DM Sans,sans-serif;font-size:.85rem;color:#ffffff73;margin:0 0 1.5rem}.shop-modal-options{display:flex;align-items:center;gap:.75rem;justify-content:center}.shop-modal-or{font-family:DM Sans,sans-serif;font-size:.75rem;color:#ffffff40;text-transform:uppercase;letter-spacing:.1em}.shop-buy-btn{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:1rem 1.8rem;border:1.5px solid;border-radius:12px;cursor:pointer;transition:all .3s ease;font-family:DM Sans,sans-serif;position:relative;min-width:100px}.shop-buy-btn.free{background:#1db95414;border-color:#1db9544d;color:#1db954}.shop-buy-btn.free:hover:not(:disabled){background:#1db95426;border-color:#1db954;transform:translateY(-2px);box-shadow:0 6px 20px #1db95440}.shop-buy-btn.premium{background:#a855f714;border-color:#a855f74d;color:#a855f7}.shop-buy-btn.premium:hover:not(:disabled){background:#a855f726;border-color:#a855f7;transform:translateY(-2px);box-shadow:0 6px 20px #a855f740}.shop-buy-btn:disabled{opacity:.4;cursor:not-allowed}.buy-price{font-size:1.4rem;font-weight:800;line-height:1}.buy-currency-icon{width:14px;height:14px;object-fit:contain}.shop-buy-btn.free .buy-currency-icon{transform:scale(3.07)}.shop-buy-btn.premium .buy-currency-icon{transform:scale(3.93)}.shop-price-icon{width:14px;height:14px;object-fit:contain;flex-shrink:0}.shop-price.free .shop-price-icon{transform:scale(3.07)}.shop-price.premium .shop-price-icon{transform:scale(3.93)}.buy-insufficient{position:absolute;bottom:-1.2rem;left:50%;transform:translate(-50%);font-size:.6rem;color:#f44;white-space:nowrap}.shop-modal-loading{font-family:DM Sans,sans-serif;font-size:.85rem;color:#ffffff80;margin-top:1rem}.shop-loading{display:flex;justify-content:center;padding:4rem 0}.shop-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.08);border-top-color:#1db954;border-radius:50%;animation:shopSpin .7s linear infinite}@keyframes shopSpin{to{transform:rotate(360deg)}}@media (max-width: 768px){.shop-content{padding:1rem 1rem 3rem}.shop-header{flex-wrap:wrap;gap:.75rem}.shop-header-center{order:-1;flex:0 0 100%}.shop-title{font-size:1.4rem}.shop-mode-tabs{margin-bottom:.9rem}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:.75rem}.premium-packs-grid{grid-template-columns:1fr}.shop-card{padding:1.1rem .75rem .85rem;border-radius:12px}.shop-card-icon{font-size:1.8rem}.shop-card-name{font-size:.8rem}.shop-modal{padding:2rem 1.5rem;margin:1rem}.shop-modal-options{flex-direction:column}.shop-buy-btn{width:100%;flex-direction:row;justify-content:center;gap:.5rem;padding:.85rem}.buy-insufficient{position:static;transform:none;margin-left:.5rem}}@media (max-width: 480px){.shop-mode-tabs{gap:.35rem}.shop-mode-btn{padding:.45rem .7rem;font-size:.7rem}.shop-filters{gap:.35rem}.shop-filter-btn{padding:.45rem .85rem;font-size:.75rem}.shop-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion: reduce){.shop-card,.shop-header,.shop-sections,.shop-filters{animation:none!important}}.daily-missions{width:100%;padding:1rem;background:#16161d99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(29,185,84,.14);border-radius:14px}.daily-missions-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.daily-missions-title-wrap{display:flex;flex-direction:column;gap:.25rem}.daily-missions-header h3{margin:0;color:#e5e5e7;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.daily-missions-summary{color:#ffffffa8;font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.03em}.daily-reset-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .58rem;border-radius:999px;background:#fbbf2424;border:1px solid rgba(251,191,36,.35);color:#fcd34d;font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}.daily-reset-icon{filter:drop-shadow(0 0 6px rgba(251,191,36,.35))}.daily-missions-state{margin:0;color:#ffffffa6;font-family:DM Sans,sans-serif;font-size:.85rem}.daily-missions-state.error{color:#fda4af}.daily-missions-state.info{color:#fcd34d}.missions-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:100%;margin-bottom:.9rem;overflow:hidden;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:0;background:#ffffff08}.missions-tab-btn{min-width:0;border:0;border-right:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffffb8;border-radius:0;padding:.45rem .3rem;font-family:DM Sans,sans-serif;font-size:.64rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:all .2s ease;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.missions-tab-btn:last-child{border-right:0}.missions-tab-btn:hover{color:#ffffffeb;background:#1db95414}.missions-tab-btn.active{color:#1db954;background:#1db9541f}@media (max-width: 720px){.missions-tab-btn{font-size:.58rem;padding:.42rem .2rem;letter-spacing:.01em}}.daily-missions-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.mission-card{background:#0a0a0f8c;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.75rem}.mission-card.completed{border-color:#1db95466;background:#1db95414}.mission-head{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.55rem}.mission-head-main{min-width:0}.mission-head h4{margin:0;color:#fff;font-family:DM Sans,sans-serif;font-size:.83rem;font-weight:700}.mission-head p{margin:.15rem 0 0;color:#ffffffa8;font-family:DM Sans,sans-serif;font-size:.74rem;line-height:1.25}.mission-head-side{display:flex;align-items:center;gap:.4rem}.mission-progress{color:#1db954;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:.2rem}.mission-progress-check{color:#86efac}.mission-toggle{width:24px;height:24px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#fffc;font-family:DM Sans,sans-serif;font-size:.85rem;cursor:pointer;transition:all .2s ease;line-height:1;display:inline-flex;align-items:center;justify-content:center}.mission-toggle:hover{border-color:#1db95466;color:#1db954}.mission-toggle.open{border-color:#1db95480;color:#1db954}.mission-bar{width:100%;height:7px;background:#ffffff14;border-radius:999px;overflow:hidden;position:relative}.mission-bar.completed{box-shadow:0 0 0 1px #1db95438,0 0 18px #1db95433}.mission-bar-fill{height:100%;background:linear-gradient(90deg,#1db954,#22c55e);transition:width .35s ease;position:relative;box-shadow:0 0 10px #22c55e59}.mission-bar-cap{position:absolute;right:0;top:50%;width:9px;height:9px;border-radius:999px;transform:translate(50%,-50%);background:#bbf7d0;box-shadow:0 0 10px #bbf7d0d9}.mission-tiers{margin-top:.55rem;display:flex;flex-wrap:wrap;gap:.35rem}.mission-tier{border-radius:999px;padding:.2rem .5rem;border:1px solid rgba(255,255,255,.12);color:#ffffff9e;font-family:DM Sans,sans-serif;font-size:.64rem;letter-spacing:.03em;display:inline-flex;align-items:center;gap:.28rem}.mission-tier.reached{border-color:#1db95459;color:#ffffffd1}.mission-tier.tier-1{border-color:#cd7f324d;color:#dcb48a}.mission-tier.tier-2{border-color:#b0b8c557;color:#d6deea}.mission-tier.tier-3{border-color:#ffd70057;color:#ffe8a0}.mission-tier.tier-1.reached{border-color:#cd7f32a6;background:#cd7f321f;color:#f2d2ad}.mission-tier.tier-2.reached{border-color:#b0b8c5b8;background:#b0b8c51f;color:#eef3fb}.mission-tier.tier-3.reached{border-color:#ffd700b8;background:#ffd70024;color:#fff1ba}.mission-tier.done{background:#1db9542e;border-color:#1db95499;color:#86efac;box-shadow:0 0 14px #1db95433}.mission-tier.tier-1.done{background:#cd7f3238;border-color:#cd7f32b8;color:#f5d8b9;box-shadow:0 0 14px #cd7f323d}.mission-tier.tier-2.done{background:#b0b8c53b;border-color:#b0b8c5c2;color:#f3f7ff;box-shadow:0 0 14px #b0b8c53d}.mission-tier.tier-3.done{background:#ffd70042;border-color:#ffd700d1;color:#fff6ca;box-shadow:0 0 16px #ffd70047}.mission-tier-reward{display:inline-flex;align-items:center;gap:.12rem}.mission-tier-check{color:#86efac;font-size:.66rem;font-weight:700}.mission-currency-icon{width:14px;height:14px;object-fit:contain;vertical-align:middle;margin-left:2px;transform:scale(3.07)}.mission-next{margin:.58rem 0 0;color:#fffc;font-family:DM Sans,sans-serif;font-size:.73rem;line-height:1.3;display:flex;flex-wrap:wrap;gap:.25rem}.mission-next-prefix{color:#ffffffe6;font-weight:700}.mission-next-value{display:inline-flex;align-items:center;gap:.15rem;color:#bbf7d0;font-weight:700}.mission-next-in{color:#ffffffd1}.mission-next.completed{color:#86efac}.mission-claim-row{margin-top:.5rem}.mission-claim-btn{border:1.5px solid rgba(29,185,84,.38);background:#1db95424;color:#bbf7d0;border-radius:8px;padding:.35rem .62rem;font-family:DM Sans,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.mission-claim-btn:hover:not(:disabled){background:#1db9543d;border-color:#1db954b3}.mission-claim-btn:disabled{opacity:.5;cursor:not-allowed}.mission-claim-auto{color:#86efac;font-family:DM Sans,sans-serif;font-size:.68rem;font-weight:700}.missions-coming-soon{border:1px dashed rgba(255,255,255,.2);border-radius:10px;background:#ffffff08;padding:1rem}.missions-coming-soon h4{margin:0 0 .3rem;font-family:DM Sans,sans-serif;font-size:.9rem;color:#fff}.missions-coming-soon p{margin:0;font-family:DM Sans,sans-serif;font-size:.78rem;color:#ffffffc7}.missions-page{height:100vh;width:100vw;background:linear-gradient(180deg,#0a0a0f,#12121a,#0a0a0f);position:relative;overflow-x:hidden;overflow-y:auto}.missions-page-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 20% 0%,rgba(29,185,84,.12),transparent 55%),radial-gradient(ellipse at 80% 100%,rgba(168,85,247,.1),transparent 55%);z-index:0}.missions-page-content{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:1.5rem 2rem 4rem}.missions-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.06);animation:missionsFadeDown .5s ease both}@keyframes missionsFadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.missions-back{display:flex;align-items:center;gap:.5rem;background:#16161d99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.08);border-radius:10px;padding:.6rem 1.1rem;color:#ffffffb3;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .25s ease;flex-shrink:0}.missions-back:hover{border-color:#fff3;color:#fff;transform:translate(-3px)}.missions-back-arrow{font-size:1.1rem;line-height:1}.missions-header-center{text-align:center;flex:1}.missions-page-title{font-family:DM Sans,sans-serif;font-size:1.8rem;font-weight:700;margin:0;background:linear-gradient(135deg,#1db954,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.04em;text-transform:uppercase}.missions-wallet{flex-shrink:0}.missions-page .daily-missions{background:#16161d66;border:none;padding:0;animation:missionsFadeUp .5s ease .1s both}@keyframes missionsFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.missions-page .daily-missions-list{grid-template-columns:1fr;gap:1rem}.missions-page .missions-tabs{margin-bottom:1rem}.missions-page .missions-tab-btn{font-size:.72rem;padding:.44rem .7rem}.missions-page .mission-card{padding:1.1rem 1.35rem;border-radius:12px}.missions-page .mission-head h4{font-size:.95rem}.missions-page .mission-head p{font-size:.82rem}.missions-page .mission-progress{font-size:.85rem}.missions-page .mission-bar{height:9px}.missions-page .mission-tier{font-size:.68rem;padding:.2rem .55rem}.missions-page .mission-next{font-size:.8rem}.missions-page .mission-claim-btn,.missions-page .mission-claim-auto{font-size:.72rem}@media (max-width: 768px){.daily-missions{padding:.85rem}.daily-missions-list{grid-template-columns:1fr}.daily-missions-header{flex-direction:column;align-items:flex-start}.missions-tabs{width:100%}.missions-page-content{padding:1rem 1rem 3rem}.missions-page-header{flex-wrap:wrap;gap:.75rem}.missions-header-center{order:-1;flex:0 0 100%}.missions-page-title{font-size:1.4rem}}@media (max-width: 480px){.missions-page-content{padding:.75rem .75rem 2rem}.missions-back{padding:.5rem .8rem;font-size:.78rem}.missions-page .mission-card{padding:.85rem 1rem}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary, #121212);display:flex;align-items:center;justify-content:center;z-index:10000;transition:opacity .5s ease,transform .5s ease;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.loading-screen:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(29,185,84,.12) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 50% 80%,rgba(236,72,153,.08) 0%,transparent 50%);animation:loadingBgPulse 4s ease-in-out infinite;pointer-events:none}@keyframes loadingBgPulse{0%,to{transform:translate(0) scale(1);opacity:1}50%{transform:translate(20px,-30px) scale(1.05);opacity:.8}}.loading-screen.fade-out{opacity:0;transform:scale(1.05);pointer-events:none}.loading-content{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.loading-logo{width:110px;height:110px;border-radius:28px;overflow:hidden;animation:logoEntrance .8s cubic-bezier(.16,1,.3,1) both;box-shadow:0 0 40px #1db95433,0 0 80px #8b5cf61a}.loading-logo img{width:100%;height:100%;object-fit:cover}@keyframes logoEntrance{0%{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.loading-title{font-family:DM Sans,sans-serif;font-size:32px;font-weight:800;color:#fff;margin-top:20px;letter-spacing:-.5px;animation:titleEntrance .8s cubic-bezier(.16,1,.3,1) .2s both}.loading-subtitle{font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:var(--text-secondary, #B3B3B3);margin-top:6px;letter-spacing:1px;text-transform:uppercase;animation:titleEntrance .8s cubic-bezier(.16,1,.3,1) .35s both}@keyframes titleEntrance{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.loading-equalizer{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:40px;margin-top:36px;animation:titleEntrance .8s cubic-bezier(.16,1,.3,1) .5s both}.eq-bar{width:5px;border-radius:3px;animation:eqBounce 1.1s ease-in-out infinite;transform-origin:bottom}.eq-bar:nth-child(1){height:16px;background:#1db954}.eq-bar:nth-child(2){height:28px;background:#1db954}.eq-bar:nth-child(3){height:36px;background:linear-gradient(to top,#1db954,#8b5cf6)}.eq-bar:nth-child(4){height:40px;background:#8b5cf6}.eq-bar:nth-child(5){height:36px;background:linear-gradient(to top,#8b5cf6,#ec4899)}.eq-bar:nth-child(6){height:28px;background:#ec4899}.eq-bar:nth-child(7){height:16px;background:#ec4899}@keyframes eqBounce{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.loading-progress-container{display:flex;align-items:center;gap:12px;margin-top:36px;width:220px;animation:titleEntrance .8s cubic-bezier(.16,1,.3,1) .65s both}.loading-progress-track{flex:1;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.loading-progress-fill{height:100%;background:linear-gradient(90deg,#1db954,#8b5cf6);border-radius:2px;transition:width .4s cubic-bezier(.16,1,.3,1);position:relative}.loading-progress-fill:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3));border-radius:2px}.loading-progress-text{font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;color:var(--text-secondary, #B3B3B3);min-width:32px;text-align:right;font-variant-numeric:tabular-nums}.loading-step{font-family:DM Sans,sans-serif;font-size:13px;font-weight:400;color:var(--text-muted, #6B7280);margin-top:16px;min-height:20px;transition:opacity .3s ease;animation:titleEntrance .8s cubic-bezier(.16,1,.3,1) .8s both}@media (max-width: 480px){.loading-logo{width:90px;height:90px;border-radius:22px}.loading-title{font-size:26px}.loading-equalizer{margin-top:28px}.loading-progress-container{width:180px;margin-top:28px}}@media (prefers-reduced-motion: reduce){.loading-screen:before,.loading-logo,.loading-title,.loading-subtitle,.loading-equalizer,.loading-progress-container,.loading-step{animation:none;opacity:1;transform:none}.eq-bar{animation:none;transform:scaleY(.7)}.loading-progress-fill{transition:width .2s ease}}:root{--bg-primary: #121212;--bg-secondary: #181818;--bg-elevated: #282828;--bg-card: #1e1e1e;--accent-green: #1DB954;--accent-purple: #8B5CF6;--accent-pink: #EC4899;--accent-blue: #3B82F6;--accent-orange: #F59E0B;--text-primary: #FFFFFF;--text-secondary: #B3B3B3;--text-muted: #6B7280;--gradient-pop: linear-gradient(135deg, #EC4899 0%, #F59E0B 100%);--gradient-rock: linear-gradient(135deg, #EF4444 0%, #7C3AED 100%);--gradient-rap: linear-gradient(135deg, #8B5CF6 0%, #3B82F6 100%);--gradient-electro: linear-gradient(135deg, #06B6D4 0%, #8B5CF6 100%);--gradient-dance: linear-gradient(135deg, #EC4899 0%, #8B5CF6 100%);--gradient-jazz: linear-gradient(135deg, #F59E0B 0%, #EF4444 100%);--gradient-classical: linear-gradient(135deg, #6366F1 0%, #A855F7 100%);--gradient-country: linear-gradient(135deg, #F59E0B 0%, #10B981 100%);--gradient-rnb: linear-gradient(135deg, #8B5CF6 0%, #EC4899 100%);--gradient-indie: linear-gradient(135deg, #10B981 0%, #3B82F6 100%);--gradient-metal: linear-gradient(135deg, #DC2626 0%, #1F2937 100%);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(236,72,153,.08) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(59,130,246,.08) 0%,transparent 50%);animation:bgPulse 20s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes bgPulse{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.app{position:relative;z-index:1;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overflow-x:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full);border:3px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:#404040}.loading{text-align:center;color:var(--text-primary);font-size:1.25rem;font-weight:600;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error-message{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);text-align:center;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}button{cursor:pointer;border:none;outline:none;font-family:inherit;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}button:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.game-setup{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:100%;width:100%;max-height:95vh;box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideUp .5s ease-out;display:flex;flex-direction:column;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.setup-header{text-align:center;margin-bottom:var(--spacing-lg);flex-shrink:0}.setup-header h1{font-size:2rem;font-weight:800;margin-bottom:var(--spacing-xs);background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.setup-header p{color:var(--text-secondary);font-size:.9rem;font-weight:500}.setup-form{display:flex;flex-direction:column;gap:var(--spacing-lg);flex:1;min-height:0;overflow:hidden}.form-group label{display:block;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--text-primary);font-size:.95rem;letter-spacing:-.01em}.settings-sidebar{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.button-group{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs)}.button-group button{padding:var(--spacing-sm);background:var(--bg-elevated);border:2px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:600;position:relative;overflow:hidden;font-size:.85rem}.button-group button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--accent-green),var(--accent-purple));opacity:0;transition:opacity .3s}.button-group button span{position:relative;z-index:1}.button-group button.active{background:linear-gradient(135deg,#1db95433,#8b5cf633);border-color:var(--accent-green);color:var(--text-primary)}.button-group button.active:before{opacity:.1}.button-group button:hover:not(.active){background:#ffffff14;border-color:#ffffff1a;transform:translateY(-2px)}input[type=range]{width:100%;height:6px;border-radius:var(--radius-full);background:var(--bg-elevated);outline:none;-webkit-appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-green);cursor:pointer;box-shadow:0 0 0 4px #1db95433;transition:all .2s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 8px #1db95433}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent-green);cursor:pointer;border:none;box-shadow:0 0 0 4px #1db95433;transition:all .2s}input[type=range]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 8px #1db95433}.genre-selection{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.genre-selection label{margin-bottom:var(--spacing-sm);font-size:1.1rem;font-weight:700;flex-shrink:0}.playlists-grid{display:flex;gap:var(--spacing-md);overflow-x:auto;overflow-y:visible;padding:var(--spacing-sm) 0 var(--spacing-lg) 0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--bg-elevated) transparent;min-height:0;height:auto}.playlists-grid::-webkit-scrollbar{height:6px}.playlists-grid::-webkit-scrollbar-track{background:transparent}.playlists-grid::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full)}.playlists-grid::-webkit-scrollbar-thumb:hover{background:#fff3}.playlist-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;position:relative;overflow:hidden;width:150px;min-width:150px;scroll-snap-align:start;flex-shrink:0}.playlist-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s;z-index:0}.playlist-card.genre-pop:before{background:var(--gradient-pop)}.playlist-card.genre-rock:before{background:var(--gradient-rock)}.playlist-card.genre-rap:before{background:var(--gradient-rap)}.playlist-card.genre-electro:before{background:var(--gradient-electro)}.playlist-card.genre-dance:before{background:var(--gradient-dance)}.playlist-card.genre-jazz:before{background:var(--gradient-jazz)}.playlist-card.genre-classical:before{background:var(--gradient-classical)}.playlist-card.genre-country:before{background:var(--gradient-country)}.playlist-card.genre-rb:before{background:var(--gradient-rnb)}.playlist-card.genre-indie:before{background:var(--gradient-indie)}.playlist-card.genre-metal:before{background:var(--gradient-metal)}.playlist-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg)}.playlist-card:hover:before{opacity:.15}.playlist-card.selected{border-color:var(--accent-green);transform:scale(1.02)}.playlist-card.selected:before{opacity:.2}.playlist-card .playlist-image{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:center;font-size:2.5rem;z-index:1}.playlist-card.genre-pop .playlist-image{background:var(--gradient-pop)}.playlist-card.genre-rock .playlist-image{background:var(--gradient-rock)}.playlist-card.genre-rap .playlist-image{background:var(--gradient-rap)}.playlist-card.genre-electro .playlist-image{background:var(--gradient-electro)}.playlist-card.genre-dance .playlist-image{background:var(--gradient-dance)}.playlist-card.genre-jazz .playlist-image{background:var(--gradient-jazz)}.playlist-card.genre-classical .playlist-image{background:var(--gradient-classical)}.playlist-card.genre-country .playlist-image{background:var(--gradient-country)}.playlist-card.genre-rb .playlist-image{background:var(--gradient-rnb)}.playlist-card.genre-indie .playlist-image{background:var(--gradient-indie)}.playlist-card.genre-metal .playlist-image{background:var(--gradient-metal)}.playlist-card img{width:100%;height:100%;object-fit:cover}.playlist-info{position:relative;z-index:1}.playlist-info h3{font-size:.85rem;font-weight:700;margin-bottom:2px;color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.genre-tag{display:inline-block;background:#ffffff1a;color:var(--text-secondary);padding:2px 8px;border-radius:var(--radius-full);font-size:.65rem;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.hints-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-sm);background:var(--bg-elevated);border-radius:var(--radius-md);transition:all .2s}.checkbox-label:hover{background:#ffffff14}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-green);flex-shrink:0}.checkbox-label span{color:var(--text-primary);font-weight:500;font-size:.85rem}.actions-area{display:flex;flex-direction:column;gap:var(--spacing-sm);flex-shrink:0}.btn-start{background:var(--accent-green);color:var(--text-primary);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-full);font-size:1rem;font-weight:700;box-shadow:0 4px 16px #1db95466;letter-spacing:.02em;text-transform:uppercase}.btn-start:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #1db95480;background:#1ed760}.btn-start:active:not(:disabled){transform:translateY(0) scale(.98)}.powered-by{text-align:center;color:var(--text-muted);font-size:.7rem;font-weight:500}.powered-by strong{color:var(--accent-green);font-weight:700}.disclaimer{font-size:.65rem;color:var(--text-muted);margin-top:2px}.game-play{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-2xl);max-width:700px;width:100%;box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideUp .5s ease-out}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1)}.score-info{display:flex;gap:var(--spacing-lg);align-items:center}.points{font-size:1.25rem;font-weight:700;color:var(--accent-green);display:flex;align-items:center;gap:var(--spacing-xs)}.points:before{content:"🎵";font-size:1.5rem}.streak{font-size:1.125rem;font-weight:700;background:var(--gradient-pop);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:var(--spacing-xs);animation:streakPulse .6s ease-in-out}@keyframes streakPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.track-progress{font-weight:600;color:var(--text-secondary);background:var(--bg-elevated);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full)}.player-section{margin-bottom:var(--spacing-xl)}.album-cover{width:100%;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-xl);position:relative}.album-cover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.4) 100%);pointer-events:none}.album-cover img{width:100%;height:100%;object-fit:cover;animation:albumFadeIn .5s ease-out}@keyframes albumFadeIn{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.player-controls{display:flex;flex-direction:column;gap:var(--spacing-md)}.btn-play{width:100%;padding:var(--spacing-lg);background:var(--accent-green);color:var(--bg-primary);border-radius:var(--radius-full);font-size:1.125rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);box-shadow:0 4px 16px #1db95466}.btn-play:hover:not(:disabled){transform:scale(1.02);box-shadow:0 6px 20px #1db95480;background:#1ed760}.btn-play.playing{background:var(--accent-purple);box-shadow:0 4px 16px #8b5cf666;animation:playingPulse 1.5s ease-in-out infinite}@keyframes playingPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.timer{display:flex;flex-direction:column;gap:var(--spacing-sm)}.timer-bar{width:100%;height:10px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden;position:relative}.timer-bar:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.timer-fill{height:100%;background:var(--gradient-pop);transition:width .5s linear;position:relative;z-index:1}.timer-text{text-align:center;font-weight:700;color:var(--text-secondary);font-size:1rem}.volume-control{display:flex;align-items:center;gap:10px;width:100%;max-width:500px;padding:0 4px;margin-bottom:8px}.volume-icon{font-size:1.1rem;width:24px;text-align:center;flex-shrink:0}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:6px;border-radius:3px;background:#ffffff1a;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#1db954;cursor:pointer;box-shadow:0 0 8px #1db95466;transition:transform .15s ease,box-shadow .15s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 14px #1db95499}.volume-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#1db954;cursor:pointer;border:none;box-shadow:0 0 8px #1db95466}.volume-slider::-moz-range-track{height:6px;border-radius:3px;background:#ffffff1a}.hints{margin-top:var(--spacing-md);display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.hints span{background:#1db95426;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);color:var(--accent-green);font-weight:600;border:1px solid rgba(29,185,84,.3);font-size:.9rem}.answer-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.answer-input{width:100%;padding:var(--spacing-lg);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);font-size:1.125rem;font-weight:600;outline:none;transition:all .3s;background:var(--bg-elevated);color:var(--text-primary)}.answer-input::placeholder{color:var(--text-muted);font-weight:500}.answer-input:focus{border-color:var(--accent-green);box-shadow:0 0 0 4px #1db9541a;background:#ffffff0d}.button-row{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-md)}.btn-submit{padding:var(--spacing-lg);background:var(--accent-green);color:var(--bg-primary);border-radius:var(--radius-full);font-weight:700;box-shadow:0 4px 12px #1db9544d}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #1db95466;background:#1ed760}.btn-skip{padding:var(--spacing-lg);background:var(--bg-elevated);color:var(--text-secondary);border-radius:var(--radius-full);font-weight:700;border:2px solid rgba(255,255,255,.1)}.btn-skip:hover:not(:disabled){background:#ffffff14;border-color:#fff3;color:var(--text-primary);transform:translateY(-2px)}.feedback{text-align:center;padding:var(--spacing-xl);border-radius:var(--radius-lg);animation:feedbackPopIn .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}@keyframes feedbackPopIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.feedback:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:feedbackGlow 2s ease-out}@keyframes feedbackGlow{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.feedback.correct{background:#10b98126;border:2px solid rgba(16,185,129,.4)}.feedback.incorrect{background:#ef444426;border:2px solid rgba(239,68,68,.4)}.feedback-icon{font-size:5rem;margin-bottom:var(--spacing-md);animation:iconBounce .6s cubic-bezier(.34,1.56,.64,1)}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.feedback h2{font-size:2rem;font-weight:800;margin-bottom:var(--spacing-md);letter-spacing:-.02em}.correct-answer{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-lg)}.correct-answer strong{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.correct-answer span{color:var(--text-secondary);font-size:1.125rem}.points-earned{margin-top:var(--spacing-lg);font-size:1.5rem;font-weight:800;background:var(--gradient-pop);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pointsGrow .5s ease-out .3s both}@keyframes pointsGrow{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.bonus-detail{display:block;font-size:1rem;color:var(--text-secondary);font-weight:600;margin-top:var(--spacing-sm)}.track-metadata{margin-top:var(--spacing-md);color:var(--text-muted);font-size:.9rem}.results{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-2xl);max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideUp .5s ease-out}.results-header{text-align:center;margin-bottom:var(--spacing-xl)}.results-header h1{font-size:3rem;font-weight:800;background:var(--gradient-pop);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.final-score-card{background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-purple) 100%);color:var(--text-primary);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.final-score-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:cardShine 3s ease-in-out infinite}@keyframes cardShine{0%,to{transform:translate(0)}50%{transform:translate(30px,30px)}}.final-score{position:relative;z-index:1}.final-score h2{font-size:4rem;font-weight:900;margin-bottom:var(--spacing-sm);text-shadow:0 4px 12px rgba(0,0,0,.3)}.final-score p{font-size:1.25rem;opacity:.95;font-weight:600}.rank-badge{margin-top:var(--spacing-lg);position:relative;z-index:1}.rank{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-full);font-size:1.5rem;font-weight:800;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px #0003}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--bg-elevated);padding:var(--spacing-lg);border-radius:var(--radius-lg);text-align:center;border:1px solid rgba(255,255,255,.05);transition:all .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#1db9544d}.stat-value{font-size:2.5rem;font-weight:800;background:var(--gradient-pop);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-xs)}.stat-label{color:var(--text-secondary);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.accuracy-section{margin-bottom:var(--spacing-xl)}.accuracy-section h3{font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-primary)}.accuracy-label{display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);font-weight:700;color:var(--text-secondary)}.accuracy-bar{width:100%;height:24px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden;border:1px solid rgba(255,255,255,.1)}.accuracy-fill{height:100%;background:linear-gradient(90deg,var(--accent-green) 0%,var(--accent-purple) 100%);transition:width 1.5s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:flex-end;padding-right:var(--spacing-md);color:var(--text-primary);font-weight:700;font-size:.875rem}.achievements-section{margin-bottom:var(--spacing-xl)}.achievements-section h3{font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-primary)}.achievements-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.achievement-item{background:#f59e0b26;border-left:4px solid var(--accent-orange);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.answer-history-section{margin-bottom:var(--spacing-xl)}.answer-history-section h3{font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-primary)}.answer-history{display:flex;flex-direction:column;gap:var(--spacing-sm)}.answer-item{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid rgba(255,255,255,.05);transition:all .2s}.answer-item:hover{background:#ffffff0d;transform:translate(4px)}.answer-item.correct{border-left:4px solid var(--accent-green)}.answer-item.incorrect{border-left:4px solid #EF4444}.answer-number{font-size:1.5rem;font-weight:800;background:var(--gradient-pop);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-width:40px}.answer-details{flex:1}.song-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.song-info strong{color:var(--text-primary);font-weight:700;font-size:1.125rem}.artist{color:var(--text-secondary);font-size:.9rem;font-weight:500}.user-answer{margin-top:var(--spacing-xs);font-size:.875rem;color:var(--text-muted)}.user-answer em{color:#fca5a5;font-style:normal;font-weight:600}.answer-stats{display:flex;align-items:center;gap:var(--spacing-md)}.result-icon{font-size:1.5rem}.time{color:var(--text-muted);font-size:.875rem;font-weight:600}.results-actions{text-align:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid rgba(255,255,255,.1)}.btn-play-again{background:var(--accent-green);color:var(--bg-primary);padding:var(--spacing-lg) var(--spacing-2xl);border-radius:var(--radius-full);font-size:1.125rem;font-weight:700;box-shadow:0 4px 16px #1db95466;text-transform:uppercase;letter-spacing:.02em}.btn-play-again:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #1db95480;background:#1ed760}@media (max-width: 700px){.settings-sidebar{grid-template-columns:1fr;gap:var(--spacing-md)}}@media (max-width: 768px){.game-setup,.game-play,.results{padding:var(--spacing-md);max-width:100%}.setup-header h1{font-size:1.5rem}.setup-header p{font-size:.8rem}.playlist-card{width:130px;min-width:130px}.playlist-card .playlist-image{font-size:2.2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.final-score h2{font-size:3rem}.button-row{grid-template-columns:1fr}.game-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.results{max-height:none}.answer-item{gap:var(--spacing-md);padding:var(--spacing-md)}.answer-stats{flex-direction:column;gap:var(--spacing-xs);align-items:flex-end}}@media (max-width: 480px){.app{align-items:flex-start}.game-setup{padding:.75rem;max-height:none;border-radius:12px}.setup-header{margin-bottom:.6rem}.setup-header h1{font-size:1.4rem;margin-bottom:2px}.setup-header p{font-size:.75rem}.setup-form{gap:.6rem}.settings-sidebar{padding-bottom:.6rem;gap:.75rem}.form-group label{font-size:.8rem;margin-bottom:.35rem}.button-group{gap:3px}.button-group button{padding:.4rem;font-size:.75rem;border-radius:6px}input[type=range]{height:5px}input[type=range]::-webkit-slider-thumb{width:18px;height:18px}.genre-selection label{font-size:.9rem;margin-bottom:.35rem}.playlists-grid{gap:.5rem;padding:4px 0 .6rem}.playlist-card{width:100px;min-width:100px;padding:.4rem;border-radius:8px}.playlist-card .playlist-image{font-size:1.6rem;margin-bottom:4px;border-radius:6px}.playlist-info h3{font-size:.7rem;margin-bottom:1px}.genre-tag{font-size:.55rem;padding:1px 5px}.playlist-card:hover{transform:none}.btn-start{padding:.75rem;font-size:.9rem;border-radius:10px}.powered-by{font-size:.6rem}.disclaimer{font-size:.55rem}.game-play{padding:.75rem;border-radius:12px}.game-play .game-header{flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.6rem;gap:.5rem}.score-info{gap:.6rem}.points{font-size:1rem}.points:before{font-size:1.1rem}.streak{font-size:.9rem}.track-progress{font-size:.8rem;padding:.3rem .6rem;white-space:nowrap}.player-section{margin-bottom:.75rem}.game-play .album-cover{width:180px;aspect-ratio:1;margin:0 auto .75rem;border-radius:10px}.player-controls{gap:.6rem}.btn-play{padding:.85rem;font-size:1rem;border-radius:10px}.btn-play:hover:not(:disabled){transform:none}.timer-bar{height:8px}.timer-text{font-size:.85rem}.hints{margin-top:.6rem;gap:.5rem}.hints span{padding:.35rem .75rem;font-size:.8rem}.game-play .answer-form{gap:.6rem}.game-play .answer-input{padding:.85rem 1rem;font-size:1rem;border-radius:10px}.game-play .button-row{grid-template-columns:2fr 1fr;gap:.5rem}.game-play .btn-submit,.game-play .btn-skip{padding:.85rem;font-size:.9rem;border-radius:10px}.game-play .btn-submit:hover:not(:disabled),.game-play .btn-skip:hover:not(:disabled){transform:none}.feedback{padding:1.25rem;border-radius:10px}.feedback-icon{font-size:3rem;margin-bottom:.5rem}.feedback h2{font-size:1.4rem;margin-bottom:.5rem}.correct-answer{margin-top:.6rem;gap:2px}.correct-answer strong{font-size:1.15rem}.correct-answer span{font-size:.9rem}.feedback .points-earned{margin-top:.6rem;font-size:1.2rem}.bonus-detail{font-size:.8rem;margin-top:.25rem}.track-metadata{margin-top:.5rem;font-size:.75rem}.results{padding:.75rem;border-radius:12px;max-height:none}.results-header{margin-bottom:.75rem}.results-header h1{font-size:2rem}.final-score-card{padding:1.25rem;border-radius:12px;margin-bottom:.75rem}.final-score h2{font-size:2.5rem}.final-score p{font-size:1rem}.rank-badge{margin-top:.6rem}.rank{font-size:1rem;padding:.4rem 1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.75rem}.stat-card{padding:.75rem;border-radius:10px}.stat-card:hover{transform:none}.stat-value{font-size:1.8rem}.stat-label{font-size:.7rem}.accuracy-section{margin-bottom:.75rem}.accuracy-label{margin-bottom:.5rem;font-size:.85rem}.accuracy-bar{height:18px;border-radius:9px}.achievements-section{margin-bottom:.75rem}.achievements-section h3{font-size:1rem;margin-bottom:.5rem}.achievement-item{padding:.6rem .85rem;font-size:.85rem;border-radius:6px}.answer-history-section{margin-bottom:.75rem}.answer-history-section h3{font-size:1rem;margin-bottom:.5rem}.answer-history{gap:.4rem}.answer-item{padding:.6rem .75rem;gap:.6rem;border-radius:10px}.answer-item:hover{transform:none}.answer-number{font-size:1.1rem;min-width:28px}.song-info strong{font-size:.9rem}.artist,.user-answer{font-size:.75rem}.answer-stats{flex-direction:column;gap:2px;align-items:flex-end}.result-icon{font-size:1.1rem}.answer-stats .points{font-size:.8rem}.answer-stats .points:before{content:none}.time{font-size:.7rem}.results-actions{margin-top:.75rem;padding-top:.75rem}.results .btn-play-again{width:100%;padding:.85rem;font-size:1rem;border-radius:10px}.results .btn-play-again:hover{transform:none}.results .powered-by{margin-top:.5rem}}body.theme-default{--accent-green: #1DB954;--accent-purple: #8B5CF6;--accent-pink: #EC4899;--accent-blue: #3B82F6}body.theme-sunset{--accent-green: #ff7a18;--accent-purple: #ff4d6d;--accent-pink: #ff8fab;--accent-blue: #f59e0b}body.theme-sunset:before{background:radial-gradient(circle at 40% 30%,rgba(255,122,24,.16) 0%,transparent 52%),radial-gradient(circle at 80% 20%,rgba(255,77,109,.12) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(245,158,11,.12) 0%,transparent 52%)}body.theme-ocean{--accent-green: #06b6d4;--accent-purple: #2563eb;--accent-pink: #22d3ee;--accent-blue: #60a5fa}body.theme-ocean:before{background:radial-gradient(circle at 35% 35%,rgba(6,182,212,.16) 0%,transparent 55%),radial-gradient(circle at 80% 20%,rgba(37,99,235,.12) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(34,211,238,.12) 0%,transparent 54%)}body.theme-retrowave{--accent-green: #f43f5e;--accent-purple: #a855f7;--accent-pink: #f59e0b;--accent-blue: #ec4899}body.theme-retrowave:before{background:radial-gradient(circle at 30% 30%,rgba(244,63,94,.16) 0%,transparent 55%),radial-gradient(circle at 80% 18%,rgba(168,85,247,.14) 0%,transparent 52%),radial-gradient(circle at 20% 80%,rgba(245,158,11,.12) 0%,transparent 54%)}.app.theme-sunset:after,.app.theme-ocean:after,.app.theme-retrowave:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;mix-blend-mode:screen;opacity:.1}.app.theme-sunset:after{background:linear-gradient(135deg,#ff7a1859,#ff4d6d47)}.app.theme-ocean:after{background:linear-gradient(135deg,#06b6d452,#2563eb47)}.app.theme-retrowave:after{background:linear-gradient(135deg,#f43f5e4d,#a855f752)}