*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0A0A12;--surface:#14141F;--card:#1C1C2E;--border:#2A2A3F;--accent:#7B2FFF;--accent-hover:#6A20EE;--accent-glow:rgba(123,47,255,0.3);--accent-soft:rgba(123,47,255,0.08);--accent-gradient:linear-gradient(135deg,#7B2FFF,#E040FB 50%,#FF2D87);--text:#F0EEFF;--muted:#6B6B8A;--success:#00E5A0;--success-bg:rgba(0,229,160,0.1);--error:#FF6B6B;--error-bg:rgba(255,107,107,0.1);--warn:#FFE566;--r:12px;--r-lg:20px;--font-display:"Anybody",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--glow-sm:0 0 20px rgba(123,47,255,0.15);--glow-md:0 0 40px rgba(123,47,255,0.2);--glow-lg:0 4px 60px rgba(123,47,255,0.25)}body,html{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 0,rgba(123,47,255,.08) 0,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 100%,rgba(224,64,251,.05) 0,transparent 50%);pointer-events:none;z-index:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 rgba(123,47,255,0)}50%{box-shadow:0 0 20px 4px rgba(123,47,255,.15)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.app-shell{height:100vh;overflow-y:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:1.25rem 0;position:relative;z-index:1}.app-nav{width:100%;max-width:960px;margin:0 auto 1.5rem;display:flex;align-items:center;gap:0;padding:.6rem .75rem;border:1px solid rgba(42,42,63,.7);border-radius:var(--r-lg);background:#0e0e1c;animation:fadeInUp .4s ease-out both;box-shadow:0 8px 32px rgba(0,0,0,.4);position:-webkit-sticky;position:sticky;top:1rem;z-index:100;overflow:hidden;flex-shrink:0;transition:top .3s ease,opacity .3s ease}.app-nav.nav-hidden{top:-120px;opacity:0;pointer-events:none}.app-nav:before{display:none}.app-nav-top{display:flex;align-items:center;flex-shrink:0;padding-right:1rem;margin-right:.75rem;border-right:1px solid var(--border)}.app-nav-brand{display:inline-flex;align-items:center;background:transparent;border:none;padding:0;cursor:pointer;opacity:.9;transition:opacity .2s}.app-nav-brand:hover{opacity:1}.app-nav-menu{justify-content:space-between;gap:.5rem}.app-nav-links,.app-nav-menu{display:flex;align-items:center;flex:1 1;min-width:0}.app-nav-links{gap:.25rem;flex-wrap:nowrap;overflow:hidden;justify-content:flex-end}.app-nav-side{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.app-nav-menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:.28rem;width:2.6rem;height:2.6rem;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text);cursor:pointer;transition:border-color .2s,background .2s}.app-nav-menu-toggle:hover{border-color:var(--accent);background:var(--accent-soft)}.app-nav-menu-toggle span{width:1rem;height:1.5px;border-radius:999px;background:currentColor;transition:transform .2s ease,opacity .2s ease}.app-nav-menu-toggle.active span:first-child{transform:translateY(5.5px) rotate(45deg)}.app-nav-menu-toggle.active span:nth-child(2){opacity:0}.app-nav-menu-toggle.active span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}.app-nav-account,.app-nav-link{border:none;background:transparent;color:var(--muted);border-radius:999px;padding:.45rem .75rem;font-family:var(--font-display);font-size:.76rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative}.app-nav-account:hover,.app-nav-link:hover{color:var(--text);background:rgba(255,255,255,.06)}.app-nav-link.active{background:var(--accent-soft);color:var(--accent)}.app-nav-account.active{background:var(--accent-gradient);color:white;box-shadow:var(--glow-sm)}.app-nav-account{display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0}.app-nav-account.signed-in{padding:.3rem;min-width:0;border:1px solid var(--border);border-radius:999px;transition:border-color .2s,box-shadow .2s}.app-nav-account.signed-in:hover{border-color:var(--accent);box-shadow:var(--glow-sm);background:transparent}.app-nav-account.signed-in.active{border-color:transparent;background:var(--accent-gradient)}.app-nav-account-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center}.app-nav-avatar{width:1.85rem;height:1.85rem;border-radius:50%;object-fit:cover;flex-shrink:0}.app-nav-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;background:var(--accent-soft);color:var(--accent)}.app-nav-account strong{font-size:.76rem;font-weight:700;max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subscription-badge{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:.16rem .42rem;border-radius:999px;background:linear-gradient(135deg,#FFD36F,#E040FB 40%,#7B2FFF);color:#1A1210;font-family:var(--font-display);font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 2px 12px rgba(123,47,255,.3);animation:pulseGlow 3s ease-in-out infinite}.subscription-badge-nav{position:absolute;right:-.45rem;bottom:-.3rem;min-width:1.9rem;padding-inline:.36rem;font-size:.52rem}.language-switcher{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem;margin:0;border-radius:999px;background:var(--surface);border:1px solid var(--border)}.language-chip{border:none;background:transparent;color:var(--muted);border-radius:999px;padding:.4rem .75rem;font:inherit;font-size:.8rem;font-weight:700;cursor:pointer;transition:background .2s,color .2s}.language-chip.active{background:var(--accent);color:white}.screen-container{width:100%;max-width:720px;margin:0 auto;padding:0 1.25rem;animation:fadeInUp .45s cubic-bezier(.4,0,.2,1) both}.btn{background:var(--accent-gradient);color:#fff;border:none;border-radius:var(--r);padding:.7rem 1.4rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;flex-shrink:0;font-family:var(--font-display);letter-spacing:.01em;box-shadow:0 2px 12px rgba(123,47,255,.2);position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent 50%);opacity:0;transition:opacity .25s}.btn:hover{transform:translateY(-2px);box-shadow:var(--glow-md)}.btn:hover:after{opacity:1}.btn:active{transform:translateY(0);box-shadow:var(--glow-sm)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none}.btn:disabled:after{display:none}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border);box-shadow:none}.btn-ghost:after{display:none}.btn-ghost:hover{background:var(--accent-soft);color:var(--text);border-color:var(--accent);box-shadow:none}.search-screen{text-align:left}.ss-section-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:.85rem}.ss-trending{margin-bottom:1rem}.ss-trending-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:.65rem;gap:.65rem}.ss-trending-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:.75rem .5rem .6rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;font:inherit;color:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}.ss-trending-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:var(--card);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.ss-trending-img-wrap{width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--card);flex-shrink:0}.ss-trending-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.ss-trending-card:hover .ss-trending-img{transform:scale(1.07)}.ss-trending-name{font-size:.74rem;font-weight:600;color:var(--text);text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:860px){.ss-trending-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:480px){.ss-trending-grid{grid-template-columns:repeat(3,1fr)}}.logo{font-family:var(--font-display);font-size:clamp(2.8rem,9vw,4.2rem);font-weight:900;letter-spacing:-.05em;line-height:1;margin-bottom:.4rem;display:flex;justify-content:center;align-items:center}.logo-blind{color:var(--text)}.logo-test{color:var(--accent)}.brand-logo-wordmark{width:min(100%,450px);height:auto;animation:fadeInScale .6s cubic-bezier(.4,0,.2,1) both;filter:drop-shadow(0 0 30px rgba(123,47,255,.15))}.brand-logo-header{width:120px;max-width:100%;height:auto;transition:filter .3s}.app-nav-brand:hover .brand-logo-header{filter:drop-shadow(0 0 12px rgba(123,47,255,.3))}.tagline{color:var(--muted);font-size:1.05rem;margin:0 auto 2rem;max-width:36rem;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) .15s both}.search-wrap{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r);padding:.5rem .5rem .5rem 1rem;display:flex;gap:.5rem;align-items:center;transition:border-color .2s,box-shadow .2s;margin-bottom:.5rem}.search-wrap:focus-within{border-color:var(--accent);box-shadow:var(--glow-sm)}.search-input{flex:1 1;background:none;border:none;outline:none;color:var(--text);font-size:.95rem;font-family:inherit;min-width:0;padding:.25rem 0}.search-input::placeholder{color:var(--muted)}.error-msg{color:var(--error)}.error-msg,.info-msg{font-size:.9rem;margin-top:.4rem}.info-msg{color:var(--muted)}.success-msg{margin-top:.4rem}.status-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:.95rem 1rem;border:1px solid var(--border);border-radius:1rem;background:rgba(255,255,255,.02);font-size:.95rem}.status-banner.success{color:var(--success);background:var(--success-bg)}.status-banner.info{color:var(--text)}.status-banner.error{color:var(--error);background:var(--error-bg)}.status-banner-close{background:none;border:none;color:inherit;font:inherit;cursor:pointer;opacity:.9}.status-banner-close:hover{opacity:1}.profile-avatar-section{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.profile-avatar-frame{flex-shrink:0;position:relative}.profile-avatar-image{width:5rem;height:5rem;border-radius:50%;object-fit:cover;border:1.5px solid var(--border);background:var(--card)}.profile-avatar-fallback{display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:var(--text)}.profile-avatar-copy{min-width:0}.subscription-badge-profile{position:absolute;right:-.2rem;bottom:-.3rem}.profile-avatar-button{display:inline-flex;align-items:center;justify-content:center}.pick-screen{text-align:center}.ruleset-artist-preview{display:flex;flex-direction:column;align-items:center;gap:.85rem;margin-bottom:2rem}.ruleset-artist-img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.ruleset-artist-name{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.ruleset-picker{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.5rem}.ruleset-picker-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.ruleset-tabs{display:flex;justify-content:center;width:100%;max-width:320px;margin:0 auto}.difficulty-tabs{max-width:420px}.difficulty-tab--easy.active{background:#22c55e;border-color:#22c55e;color:#fff}.difficulty-tab--medium.active{background:#f59e0b;border-color:#f59e0b;color:#fff}.difficulty-tab--hard.active{background:#ef4444;border-color:#ef4444;color:#fff}.ruleset-picker-desc{font-size:.85rem;color:var(--muted);max-width:320px;line-height:1.5}.section-title{font-family:var(--font-display);font-size:1.4rem;font-weight:700;margin-bottom:.3rem;letter-spacing:-.02em}.section-sub{color:var(--muted);font-size:.95rem;margin-bottom:1.2rem}.artist-grid{grid-template-columns:repeat(auto-fit,minmax(130px,160px));justify-content:center;grid-gap:.85rem;gap:.85rem;margin-bottom:1.25rem}.artist-card{border:1px solid var(--border);border-radius:var(--r);padding:1rem .75rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;color:var(--text);width:100%;overflow:hidden;min-width:0;animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) both}.artist-card:hover{border-color:var(--accent);background:var(--card);transform:translateY(-4px);box-shadow:var(--glow-sm),0 8px 32px rgba(0,0,0,.2)}.artist-card:hover img{box-shadow:0 0 20px rgba(123,47,255,.2)}.artist-card img{width:72px;height:72px;border-radius:50%;object-fit:cover;margin:0 auto .6rem;display:block;background:var(--card);border:2px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1)}.a-name{font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.a-fans{font-size:.75rem;color:var(--muted);margin-top:.15rem}.loading-screen{text-align:center;padding:3rem 1rem}.spinner{width:44px;height:44px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .75s linear infinite;margin:0 auto 1.2rem}@keyframes spin{to{transform:rotate(1turn)}}.countdown-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(10,10,18,.88);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200}.countdown-number{font-family:var(--font-display);font-size:10rem;font-weight:900;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:countdown-pop .9s ease-out forwards}@keyframes countdown-pop{0%{transform:scale(1.6);opacity:0}30%{transform:scale(1);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}.legal-shell{min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-body);display:flex;flex-direction:column}.legal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;background:rgba(10,10,18,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50}.legal-brand{font-family:var(--font-display);font-size:1.5rem;font-weight:900;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none}.legal-nav{display:flex;gap:.25rem}.legal-nav-link{font-size:.85rem;color:var(--muted);text-decoration:none;padding:.4rem .85rem;border-radius:99px;transition:color .15s,background .15s}.legal-nav-link.active,.legal-nav-link:hover{color:var(--text);background:var(--surface)}.legal-main{flex:1 1;max-width:780px;width:100%;margin:0 auto;padding:3rem 2rem 5rem}.legal-hero{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.legal-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:.75rem}.legal-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.1;margin-bottom:1rem}.legal-date{font-size:.85rem;color:var(--muted)}.legal-body{display:flex;flex-direction:column;gap:2.5rem}.legal-section h2{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:.85rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.legal-section h3{font-size:.95rem;font-weight:600;color:var(--text);margin:1.25rem 0 .5rem}.legal-section p{font-size:.925rem;color:rgba(240,238,255,.8);line-height:1.75;margin-bottom:.75rem}.legal-section p:last-child{margin-bottom:0}.legal-section ul{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0}.legal-section ul li{font-size:.925rem;color:rgba(240,238,255,.8);line-height:1.65;padding-left:1.25rem;position:relative}.legal-section ul li:before{content:"—";position:absolute;left:0;color:var(--accent);font-weight:700}.legal-section a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.legal-section a:hover{color:#E040FB}.legal-section code{font-family:Courier New,monospace;font-size:.82rem;background:var(--surface);border:1px solid var(--border);padding:.1em .4em;border-radius:4px;color:var(--accent)}.legal-table{width:100%;border-collapse:collapse;font-size:.875rem;margin:.75rem 0}.legal-table th{text-align:left;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:.6rem .85rem;border-bottom:1px solid var(--border)}.legal-table td{padding:.75rem .85rem;border-bottom:1px solid rgba(42,42,63,.4);color:rgba(240,238,255,.8);vertical-align:top;line-height:1.5}.legal-table tr:last-child td{border-bottom:none}.legal-footer{text-align:center;padding:1.5rem;font-size:.8rem;color:var(--muted);border-top:1px solid var(--border)}.legal-footer a{color:var(--muted);text-decoration:underline}.legal-footer a:hover{color:var(--text)}@media (max-width:600px){.legal-header{padding:1rem}.legal-main{padding:2rem 1.25rem 4rem}.legal-table{font-size:.8rem}.legal-table td,.legal-table th{padding:.5rem}}.app-footer{width:100%;margin-top:4rem;border-top:1px solid var(--border);padding-top:3rem;flex-shrink:0}.app-footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:2.5rem;gap:2.5rem;max-width:960px;margin:0 auto 2.5rem;padding:0 1.25rem}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo{display:block;height:28px;width:auto;align-self:flex-start}.footer-tagline{font-size:.85rem;color:var(--muted);line-height:1.6;max-width:280px}.footer-social{display:flex;gap:.5rem;margin-top:.25rem}.footer-social-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--muted);transition:color .2s,border-color .2s,background .2s;text-decoration:none}.footer-social-btn:hover{color:var(--text);border-color:var(--accent);background:var(--card)}.footer-col{display:flex;flex-direction:column;gap:.6rem}.footer-col-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:.4rem}.footer-link{font-size:.875rem;color:var(--muted);background:none;border:none;padding:0;cursor:pointer;font-family:inherit;text-align:left;text-decoration:none;transition:color .15s;width:-moz-fit-content;width:fit-content}.footer-link:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);padding:1.25rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;font-size:.78rem;color:var(--muted)}.footer-bottom-right{opacity:.7}@media (max-width:860px){.app-footer-inner{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{grid-column:1/-1}}@media (max-width:520px){.app-footer-inner{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}}.game-header{justify-content:space-between;margin-bottom:1rem}.artist-pill,.game-header{display:flex;align-items:center}.artist-pill{gap:.55rem;background:var(--surface);border:1.5px solid var(--border);border-radius:100px;padding:.35rem .85rem .35rem .45rem}.artist-pill img{width:30px;height:30px;border-radius:50%;object-fit:cover;background:var(--card)}.pill-label{font-size:.85rem;font-weight:600}.game-header-right{display:flex;align-items:center;gap:1rem}.score-box{text-align:right}.score-label-sm{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;display:block}.score-label-sm,.score-value{font-family:var(--font-display)}.score-value{font-size:1.5rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.volume-control{display:flex;align-items:center;gap:.4rem}.volume-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.2rem;line-height:1;border-radius:4px;transition:background .15s}.volume-btn:hover{background:var(--card)}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80px;height:4px;background:var(--border);border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer;border:none}.volume-slider::-moz-range-thumb{width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer;border:none}.prog-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden;margin-bottom:1rem}.prog-fill{height:100%;background:var(--accent-gradient);border-radius:2px;transition:width .5s ease;box-shadow:0 0 8px rgba(123,47,255,.3)}.round-row{justify-content:space-between;margin-bottom:1rem}.round-meta,.round-row{display:flex;align-items:center}.round-meta{gap:.55rem;flex-wrap:wrap}.round-badge{background:var(--surface);border:1.5px solid var(--border);border-radius:100px;padding:.3rem .9rem;font-size:.85rem;font-weight:600;color:var(--muted)}.round-badge em{color:var(--text);font-style:normal}.results-variant,.variant-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.3rem .75rem;background:var(--error-bg);border:1.5px solid var(--error);color:var(--error);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.playing-status{font-size:.85rem;color:var(--muted);cursor:default}.playing-status.tap{cursor:pointer;color:var(--accent)}.timer-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:1.6rem}.t-secs{font-size:2rem;font-weight:800;line-height:1}.t-label,.t-secs{font-family:var(--font-display)}.t-label{font-size:.6rem;color:var(--muted);text-transform:uppercase;letter-spacing:.14em}.pot-score{margin-top:.6rem;font-size:.88rem;color:var(--muted)}.pot-pts{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:1rem}.vbar{width:5px;height:56px;background:var(--accent-gradient);border-radius:3px;transform:scaleY(.06);transform-origin:center bottom;opacity:.35;box-shadow:0 0 8px rgba(123,47,255,.2)}.vbar.go{animation:eq var(--d,.5s) ease-in-out infinite alternate}@keyframes eq{0%{transform:scaleY(.06);opacity:.3}to{transform:scaleY(1);opacity:1;box-shadow:0 0 14px rgba(123,47,255,.4)}}.answers{display:grid;grid-template-columns:1fr 1fr;grid-gap:.7rem;gap:.7rem}@media (max-width:440px){.answers{grid-template-columns:1fr}}.ans-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:.9rem 1rem;color:var(--text);font-size:.92rem;font-weight:500;cursor:pointer;text-align:left;line-height:1.35;word-break:break-word;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:flex-start;gap:.55rem;font-family:inherit;position:relative;overflow:hidden;animation:fadeInUp .3s cubic-bezier(.4,0,.2,1) both}.ans-btn:first-child{animation-delay:.05s}.ans-btn:nth-child(2){animation-delay:.1s}.ans-btn:nth-child(3){animation-delay:.15s}.ans-btn:nth-child(4){animation-delay:.2s}.ans-copy{display:flex;flex-direction:column;gap:.14rem;min-width:0}.ans-artist{font-size:.78rem;font-weight:500;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ans-btn:hover:not(:disabled){background:var(--card);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.2),0 0 0 1px rgba(123,47,255,.1)}.ans-btn:disabled{cursor:not-allowed}.ans-letter{width:22px;height:22px;background:var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0;margin-top:1px;transition:background .2s}.ans-btn.correct{background:var(--success-bg);border-color:var(--success);color:var(--success)}.ans-btn.wrong{background:var(--error-bg);border-color:var(--error);color:var(--error)}.ans-btn.reveal{background:var(--success-bg);border-color:var(--success);color:var(--success)}.ans-btn.correct .ans-letter{background:var(--success);color:var(--bg)}.ans-btn.wrong .ans-letter{background:var(--error);color:var(--bg)}.ans-btn.reveal .ans-letter{background:var(--success);color:var(--bg)}.ans-btn.correct .ans-artist,.ans-btn.reveal .ans-artist,.ans-btn.wrong .ans-artist{color:currentColor;opacity:.8}.round-result{text-align:center;margin-top:.9rem;font-size:.95rem;font-weight:600;min-height:1.4rem}.round-result.ok{color:var(--success)}.round-result.bad{color:var(--error)}.round-result.tmo{color:var(--muted)}.results-screen{text-align:center}.final-label{font-size:.68rem;font-weight:700;color:var(--accent);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.14em;animation:fadeInUp .4s both}.results-variant{margin-bottom:.7rem}.final-score{font-family:var(--font-display);font-size:clamp(4rem,15vw,6.5rem);font-weight:900;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:-.04em;animation:countUp .6s cubic-bezier(.4,0,.2,1) .1s both;filter:drop-shadow(0 0 40px rgba(123,47,255,.35))}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.6rem;gap:.6rem;width:100%;margin-bottom:.75rem}.result-badges{width:100%;background:color-mix(in srgb,var(--accent) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:var(--r-lg);padding:.85rem 1.1rem;margin-bottom:1.25rem;text-align:left;animation:fadeInUp .4s .3s both;box-shadow:var(--glow-sm)}.result-badges-title{font-family:var(--font-display);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:.6rem}.result-badges-list{display:flex;flex-direction:column;gap:.45rem}.result-badges-extra{display:inline-flex;align-items:center;gap:.4rem;margin-top:.35rem;padding:.35rem .65rem;background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:999px;font-size:.72rem;color:var(--muted)}.result-badges-extra-count{font-family:var(--font-display);font-weight:800;font-size:.78rem;color:var(--accent)}.result-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:.85rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.35rem;animation:fadeInUp .4s both}.result-stat:first-child{animation-delay:.25s}.result-stat:nth-child(2){animation-delay:.32s}.result-stat:nth-child(3){animation-delay:.39s}.result-stat:nth-child(4){animation-delay:.46s}.result-stat-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.result-stat-value{font-family:var(--font-display);font-size:1.5rem;font-weight:900;line-height:1;color:var(--text);letter-spacing:-.02em}.result-stat-grade{font-size:1.75rem}.grade-card-a,.grade-card-s,.grade-card-splus{animation:gradeCardPop .5s cubic-bezier(.34,1.56,.64,1) .35s both}@keyframes gradeCardPop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.grade-card-a{border-color:rgba(255,140,0,.5);background:color-mix(in srgb,#ff8c00 8%,var(--surface))}.grade-card-s{border-color:rgba(255,78,42,.6);background:color-mix(in srgb,#ff4e2a 10%,var(--surface));box-shadow:0 0 16px rgba(255,78,42,.2)}.grade-card-s .result-stat-grade{animation:gradePulse 2s ease-in-out infinite}@keyframes gradePulse{0%,to{filter:drop-shadow(0 0 4px #ff4e2a)}50%{filter:drop-shadow(0 0 16px #ff4e2a)}}.grade-card-splus{border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(90deg,#ff4e4e,#ff9a3c,#ffe045,#4dff91,#45d4ff,#b44dff,#ff4e4e) border-box;background-size:300% 100%;box-shadow:0 0 24px rgba(180,77,255,.2);animation:gradeCardPop .5s cubic-bezier(.34,1.56,.64,1) .35s both,rainbowMove 3s linear infinite}@keyframes rainbowMove{0%{background-position:0}to{background-position:300%}}.final-sub{font-size:.95rem;color:var(--muted);margin-bottom:.5rem;animation:fadeInUp .4s .2s both}.rating-txt{font-size:clamp(1.6rem,6vw,2.2rem);font-style:italic;color:var(--text);margin-bottom:1.1rem;animation:fadeInUp .4s .18s both}.final-grade,.rating-txt{font-family:var(--font-display);font-weight:900;letter-spacing:-.02em}.final-grade{font-size:clamp(3rem,12vw,5rem);line-height:1;animation:countUp .6s cubic-bezier(.4,0,.2,1) .15s both}.grade-f{color:#555}.grade-e{color:#778899}.grade-d{color:#4a9eff}.grade-c{color:#4ecb71}.grade-b{color:#f0c040}.grade-a{color:#ff8c00}.grade-s{color:#ff4e2a;filter:drop-shadow(0 0 18px rgba(255,78,42,.4))}.grade-splus{background:linear-gradient(90deg,#ff4e4e,#ff9a3c,#ffe045,#4dff91,#45d4ff,#b44dff,#ff4e4e);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbowMove 3s linear infinite;filter:drop-shadow(0 0 24px rgba(123,47,255,.5))}.irl-grade{font-family:var(--font-display);font-size:.85rem;font-weight:800;line-height:1}.leaderboard-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.25rem;margin-bottom:1.4rem;text-align:left;animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) .5s both;box-shadow:0 4px 32px rgba(0,0,0,.18)}.leaderboard-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:.6rem}.leaderboard-submit{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:.85rem}.leaderboard-input{flex:1 1;min-width:190px;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r);color:var(--text);padding:.8rem .95rem;font:inherit;transition:border-color .2s}.leaderboard-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--glow-sm)}.leaderboard-list{display:flex;flex-direction:column;gap:.35rem}.leaderboard-row{display:flex;align-items:center;gap:.75rem;background:var(--bg);border-radius:var(--r);padding:.7rem .85rem;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent;animation:slideInLeft .3s cubic-bezier(.4,0,.2,1) both}.leaderboard-row:hover{background:var(--card);border-color:var(--border)}.leaderboard-row:first-child{animation-delay:.05s}.leaderboard-row:nth-child(2){animation-delay:.1s}.leaderboard-row:nth-child(3){animation-delay:.15s}.leaderboard-row:nth-child(4){animation-delay:.2s}.leaderboard-row:nth-child(5){animation-delay:.25s}.leaderboard-rank{width:26px;height:26px;border-radius:50%;background:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:700;flex-shrink:0;color:var(--muted)}.leaderboard-row:first-child .leaderboard-rank{background:linear-gradient(135deg,#FFD700,#FFA500);border-color:transparent;color:#000;box-shadow:0 0 8px rgba(255,185,0,.4)}.leaderboard-row:nth-child(2) .leaderboard-rank{background:linear-gradient(135deg,#D0D0D0,#A8A8A8);border-color:transparent;color:#000}.leaderboard-row:nth-child(3) .leaderboard-rank{background:linear-gradient(135deg,#CD7F32,#A0522D);border-color:transparent;color:#fff}.player-avatar{width:2.1rem;height:2.1rem;border-radius:50%;object-fit:cover;flex-shrink:0;border:1.5px solid var(--border);background:var(--card);display:inline-flex;align-items:center;justify-content:center;color:var(--text);font-size:.86rem;font-weight:800}.player-avatar-inline{width:1.65rem;height:1.65rem;font-size:.72rem}.player-name-wrap{display:inline-flex;align-items:center;gap:.6rem;min-width:0;max-width:100%}.player-name-wrap>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.player-name-clickable{background:none;border:none;padding:0;color:inherit;font:inherit;cursor:pointer;transition:color .2s}button.player-name-clickable:hover{color:var(--accent)}.leaderboard-name{flex:1 1;font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{font-family:var(--font-display);font-weight:800;font-size:.95rem;color:var(--accent);flex-shrink:0;letter-spacing:-.01em}.leaderboard-empty{color:var(--muted);font-size:.9rem;padding:.6rem 1rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.65rem;gap:.65rem;padding:.5rem 0}.stat-item{text-align:center;padding:.65rem .5rem;background:var(--bg);border-radius:12px;border:1px solid rgba(42,42,63,.5);animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) both}.stat-item:first-child{animation-delay:.05s}.stat-item:nth-child(2){animation-delay:.1s}.stat-item:nth-child(3){animation-delay:.15s}.stat-item:nth-child(4){animation-delay:.2s}.stat-item:nth-child(5){animation-delay:.25s}.stat-item:nth-child(6){animation-delay:.3s}.stat-value{font-family:var(--font-display);font-size:1.5rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.72rem;color:var(--muted);margin-top:.2rem;letter-spacing:.02em}.history-row{flex-wrap:wrap}.history-info{flex:1 1;min-width:0}.history-name{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-meta{font-size:.75rem;color:var(--muted);margin-top:.15rem}.history-score-col{text-align:right;flex-shrink:0}.history-date{font-size:.7rem;color:var(--muted)}.sort-selector{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-bottom:1rem}.sort-btn{padding:.35rem .75rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted);font-family:var(--font-display);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.sort-btn:hover{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.sort-btn-active{background:var(--accent-gradient);color:white;border-color:transparent;box-shadow:var(--glow-sm)}.leaderboard-row-self{background:color-mix(in srgb,var(--accent) 10%,var(--bg));border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);box-shadow:var(--glow-sm)}.leaderboard-row-self:hover{background:color-mix(in srgb,var(--accent) 14%,var(--bg))}.leaderboard-score-details{text-align:right;flex-shrink:0}.leaderboard-sub{font-size:.7rem;color:var(--muted)}.breakdown-header{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:.5rem;text-align:left}.breakdown{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1.8rem}.brow{display:flex;align-items:center;gap:.75rem;background:var(--surface);border-radius:var(--r);padding:.6rem 1rem .6rem 0;border-left:3px solid var(--border);overflow:hidden;transition:background .15s}.brow:hover{background:var(--card)}.brow.ok{border-left-color:var(--success)}.brow.bad{border-left-color:var(--error)}.brow-num{width:28px;height:28px;border-radius:50%;background:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700;flex-shrink:0;margin-left:.85rem;color:var(--muted)}.brow.ok .brow-num{background:color-mix(in srgb,var(--success) 15%,transparent);border-color:color-mix(in srgb,var(--success) 35%,transparent);color:var(--success)}.brow.bad .brow-num{background:color-mix(in srgb,var(--error) 12%,transparent);border-color:color-mix(in srgb,var(--error) 30%,transparent);color:var(--error)}.brow-title{flex:1 1;text-align:left;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brow-pts{font-weight:800;font-size:.88rem;flex-shrink:0;padding-right:.25rem}.brow.ok .brow-pts{color:var(--success)}.brow.bad .brow-pts{color:var(--muted);opacity:.5}.res-actions{display:flex;gap:.85rem;justify-content:center;flex-wrap:wrap;margin-top:.5rem}.glb-screen{width:100%}.glb-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:2.5rem;flex-wrap:wrap}.glb-header-left{flex-shrink:0}.glb-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin-bottom:.3rem}.glb-title{font-family:var(--font-display);font-size:clamp(2.6rem,6vw,4rem);font-weight:900;line-height:1;letter-spacing:-.03em;margin:0}.glb-title-plain{color:var(--text)}.glb-title-gradient{background:linear-gradient(90deg,#7B2FFF,#E040FB,#FF2D87);background-size:200% 100%;background-position:50%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glb-sort{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.glb-sort-btn{padding:.4rem .85rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.glb-sort-btn:hover{border-color:color-mix(in srgb,var(--accent) 50%,transparent);color:var(--text)}.glb-sort-btn.active{background:linear-gradient(90deg,#7B2FFF,#E040FB,#FF2D87);background-size:200% 100%;background-position:50%;border-color:transparent;color:#fff;box-shadow:var(--glow-sm)}.glb-podium{display:flex;align-items:flex-end;justify-content:center;gap:1rem;margin-bottom:2rem;padding:1.5rem 0 0}.glb-podium-spot{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;font:inherit;color:inherit;padding:0;transition:transform .2s}.glb-podium-spot:hover{transform:translateY(-3px)}.glb-podium-avatar-wrap{position:relative;display:flex;align-items:center;justify-content:center}.glb-podium-1 .glb-podium-avatar-wrap{width:96px;height:96px}.glb-podium-2 .glb-podium-avatar-wrap,.glb-podium-3 .glb-podium-avatar-wrap{width:72px;height:72px}.glb-podium-1 .glb-podium-avatar-wrap:before{content:"";position:absolute;inset:-3px;border-radius:50%;background:linear-gradient(90deg,#7B2FFF,#E040FB,#FF2D87);background-size:200% 100%;background-position:50%;z-index:0;box-shadow:0 0 24px rgba(123,47,255,.5)}.glb-podium-avatar{position:relative;z-index:1;border:3px solid var(--bg);width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.glb-podium-badge{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);z-index:2;font-size:.6rem;font-weight:800;letter-spacing:.05em;border-radius:999px;padding:.15rem .55rem;white-space:nowrap}.glb-podium-badge-1{background:linear-gradient(90deg,#7B2FFF,#E040FB,#FF2D87);background-size:200% 100%;background-position:50%;color:#fff;box-shadow:var(--glow-sm)}.glb-podium-badge-2{background:linear-gradient(135deg,#C0C0C0,#A0A0A0);color:#111}.glb-podium-badge-3{background:linear-gradient(135deg,#CD7F32,#A0522D);color:#fff}.glb-podium-name{font-family:var(--font-display);font-size:.9rem;font-weight:700;margin-top:.4rem;color:var(--text);max-width:110px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.glb-podium-name-first{font-size:1.1rem;background:linear-gradient(90deg,#7B2FFF,#E040FB,#FF2D87);background-size:200% 100%;background-position:50%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glb-podium-score{font-family:var(--font-display);font-size:.82rem;font-weight:700;color:var(--muted)}.glb-podium-1 .glb-podium-score{color:var(--text);font-size:.9rem}.glb-list{display:flex;flex-direction:column;gap:.5rem}.glb-row{display:flex;align-items:center;gap:.85rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:.85rem 1.1rem;width:100%;text-align:left;font:inherit;color:var(--text);cursor:pointer;transition:all .2s;animation:fadeInUp .3s both}.glb-row:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:var(--card);transform:translateX(3px)}.glb-row-self{background:color-mix(in srgb,var(--accent) 8%,var(--surface));border-color:color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:var(--glow-sm)}.glb-row-self:hover{transform:translateX(3px)}.glb-row-rank{font-family:var(--font-display);font-size:1rem;font-weight:900;color:var(--muted);width:28px;text-align:center;flex-shrink:0}.glb-row-rank-self{background:linear-gradient(90deg,#7B2FFF,#E040FB,#FF2D87);background-size:200% 100%;background-position:50%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glb-row-avatar{width:2.4rem;height:2.4rem;font-size:1rem;border-radius:50%;flex-shrink:0}.glb-row-info{flex:1 1;min-width:0}.glb-row-name{font-size:.95rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:.5rem}.glb-row-sub{font-size:.76rem;color:var(--muted);margin-top:.1rem}.glb-active-badge{font-size:.6rem;font-weight:700;letter-spacing:.08em;padding:.15rem .5rem;border-radius:999px;background:linear-gradient(90deg,#7B2FFF,#E040FB,#FF2D87);background-size:200% 100%;background-position:50%;color:#fff;flex-shrink:0}.glb-row-stat{text-align:right;flex-shrink:0}.glb-row-stat-label{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.glb-row-stat-val{font-family:var(--font-display);font-size:1rem;font-weight:800;color:var(--text);letter-spacing:-.01em}.glb-row-score{color:var(--accent)}.home-page{width:100%}.home-hero{text-align:center;padding:2.5rem 0 2rem;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) both}@keyframes waveformPulse{0%,to{transform:scaleY(.25);opacity:.4}50%{transform:scaleY(1);opacity:1}}.home-waveform{display:flex;align-items:center;justify-content:center;gap:3px;height:48px;margin-bottom:1.5rem}.waveform-bar{width:3px;height:100%;border-radius:2px;transform-origin:center bottom;animation:waveformPulse 1.4s ease-in-out infinite;animation-delay:calc(var(--bar-i, 0) * .06s)}.waveform-bar:nth-child(3n){background:#7B2FFF}.waveform-bar:nth-child(3n+1){background:#E040FB}.waveform-bar:nth-child(3n+2){background:#FF2D87}.home-tagline{font-family:var(--font-display);font-size:clamp(1.3rem,4vw,1.75rem);font-weight:700;color:var(--text);opacity:.9;letter-spacing:-.02em}.home-modes-header{text-align:center;margin-bottom:1.5rem;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) .1s both}.home-modes-label{display:block;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin-bottom:.4rem}.home-modes-title{font-family:var(--font-display);font-size:clamp(1.6rem,5vw,2.2rem);font-weight:700;color:var(--text);letter-spacing:-.03em}.home-section{margin-top:5rem}.home-section-header{text-align:center;margin-bottom:2.5rem}.home-section-label{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:.6rem}.home-section-title{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:900;color:var(--text)}.home-steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.home-step{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:2rem 1.5rem;position:relative;overflow:hidden}.home-step:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(123,47,255,.06),transparent 60%);pointer-events:none}.home-step-num{font-family:var(--font-display);font-size:3.5rem;font-weight:900;line-height:1;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.25;margin-bottom:1rem}.home-step-icon{color:var(--accent);margin-bottom:.85rem}.home-step-title{font-weight:700;font-size:1rem;color:var(--text);margin-bottom:.5rem}.home-step-desc{font-size:.875rem;color:var(--muted);line-height:1.65}.home-features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}.home-feature{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.5rem;transition:border-color .2s,background .2s}.home-feature:hover{border-color:rgba(123,47,255,.4);background:var(--card)}.home-feature-icon{color:var(--accent);margin-bottom:.85rem}.home-feature-title{font-weight:700;font-size:.95rem;color:var(--text);margin-bottom:.4rem}.home-feature-desc{font-size:.83rem;color:var(--muted);line-height:1.6}.home-pro-banner{margin-top:5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:2.5rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:2.5rem;gap:2.5rem;align-items:center;position:relative;overflow:hidden}.home-pro-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(123,47,255,.12),rgba(224,64,251,.06) 50%,transparent);pointer-events:none}.home-pro-label{display:inline-block;font-size:.65rem;font-weight:800;letter-spacing:.15em;padding:.25em .7em;border-radius:99px;background:var(--accent-gradient);color:#fff;margin-bottom:1rem}.home-pro-title{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2rem);font-weight:900;color:var(--text);margin-bottom:.75rem;line-height:1.2}.home-pro-price{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-pro-price span{font-size:.55em;opacity:.8}.home-pro-desc{font-size:.9rem;color:var(--muted);line-height:1.65}.home-pro-perks{display:grid;grid-template-columns:1fr 1fr;grid-gap:.6rem;gap:.6rem}.home-pro-perk{font-size:.85rem;color:var(--text);opacity:.85;padding:.6rem .85rem;background:rgba(123,47,255,.07);border:1px solid rgba(123,47,255,.15);border-radius:var(--r)}@media (max-width:860px){.home-steps{grid-template-columns:1fr}.home-features{grid-template-columns:1fr 1fr}.home-pro-banner,.home-pro-perks{grid-template-columns:1fr}}@media (max-width:520px){.home-features{grid-template-columns:1fr}}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.85rem;gap:.85rem}@media (max-width:680px){.mode-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:440px){.mode-grid{grid-template-columns:1fr}}.mode-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.4rem 1.25rem 1.25rem;text-align:left;cursor:pointer;font-family:inherit;color:var(--text);width:100%;position:relative;overflow:hidden;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) both;transition:border-color .25s,transform .25s,box-shadow .25s,background .25s}.mode-card:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 10% 0,color-mix(in srgb,var(--mode-color) 10%,transparent) 0,transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.mode-card:hover{border-color:var(--mode-color,var(--accent));background:var(--card);transform:translateY(-3px);box-shadow:0 0 20px color-mix(in srgb,var(--mode-color,var(--accent)) 20%,transparent),0 8px 32px rgba(0,0,0,.3)}.mode-card:hover:after{opacity:1}.mode-card--disabled,.mode-card:disabled{opacity:.45;filter:grayscale(1);cursor:not-allowed;transform:none!important;box-shadow:none!important}.mode-card--disabled:hover:after{opacity:0}.mode-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:color-mix(in srgb,var(--mode-color,var(--accent)) 15%,transparent);color:var(--mode-color,var(--accent));margin-bottom:1rem;transition:transform .25s}.mode-card:hover .mode-icon-wrap{transform:scale(1.08)}.mode-title{font-family:var(--font-display);font-size:1rem;font-weight:700;margin-bottom:.35rem;letter-spacing:-.01em}.mode-desc{font-size:.8rem;color:var(--muted);line-height:1.5}.mode-trial{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;margin-top:.85rem;padding-top:.75rem;border-top:1px solid var(--border)}.mode-trial-dots{display:flex;gap:.35rem;align-items:center}.mode-trial-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);transition:background .2s}.mode-trial-dot--used{background:var(--border)}.mode-trial-label{font-size:.72rem;color:var(--accent);font-weight:500}.mode-trial-label--exhausted,.mode-user-badge{color:var(--muted)}.mode-user-badge{display:inline-flex;margin-bottom:1rem;padding:.4rem .8rem;border-radius:999px;background:var(--surface);border:1.5px solid var(--border);font-size:.85rem}.home-auth{margin:0 auto 1rem;max-width:560px;text-align:left}.home-auth-card{padding:.85rem 1rem}.home-auth-compact{padding-block:.8rem}.home-auth-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.home-auth-head-compact{align-items:center;margin-bottom:0}.home-auth-title{font-size:1.05rem;margin-bottom:.15rem}.home-auth-sub{font-size:.85rem}.home-auth-inline-actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.home-auth-inline-actions .btn{padding:.5rem .9rem;font-size:.82rem}.home-auth-form{margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--border)}.page-header{margin-bottom:1.5rem}.page-header-label{display:block;font-family:var(--font-display);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:.35rem}.page-header-title{font-family:var(--font-display);font-size:1.75rem;font-weight:900;letter-spacing:-.03em;line-height:1.1;margin-bottom:.3rem}.page-header-sub{font-size:.88rem;color:var(--muted);margin:0}.playlist-groups{gap:1.5rem}.playlist-group,.playlist-groups{display:flex;flex-direction:column}.playlist-group-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.2rem}.playlist-group-title{font-family:var(--font-display);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.playlist-group-count{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:.12rem .5rem;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--muted);font-size:.72rem;font-weight:700}.playlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:.85rem;gap:.85rem;margin:1rem 0}.playlist-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.1rem;text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit;color:var(--text);width:100%;animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) both}.playlist-card:hover{border-color:var(--accent);background:var(--card);transform:translateY(-3px);box-shadow:var(--glow-sm),0 8px 24px rgba(0,0,0,.2)}.pc-name{font-family:var(--font-display);font-size:.95rem;font-weight:700;margin-bottom:.25rem}.pc-desc{font-size:.8rem;color:var(--muted);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pc-arrow{margin-top:.65rem;color:var(--accent);font-size:.8rem;font-weight:700}.user-playlist-select{width:100%;max-width:900px;margin:0 auto}.upl-tabs{display:flex;gap:.3rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.3rem;margin:.25rem 0 1.25rem}.upl-tabs .auth-tab{flex:1 1;border:none;background:none;border-radius:999px;padding:.5rem .75rem;text-align:center}.upl-tabs .auth-tab.active{background:linear-gradient(90deg,#7B2FFF,#E040FB,#FF2D87);background-size:200% 100%;background-position:50%;box-shadow:var(--glow-sm)}.upl-create-btn{margin-bottom:1.25rem}.upl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1rem}.upl-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;transition:all .2s cubic-bezier(.4,0,.2,1);animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) both}.upl-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--glow-sm),0 12px 32px rgba(0,0,0,.25)}.upl-cover{width:100%;aspect-ratio:1;background:linear-gradient(135deg,var(--surface) 0,var(--card) 100%);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--border);position:relative}.upl-cover--empty{color:color-mix(in srgb,var(--accent) 30%,var(--border))}.upl-cover-single{width:100%;height:100%;object-fit:cover;transition:transform .3s}.upl-card:hover .upl-cover-single{transform:scale(1.05)}.upl-cover--grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.upl-cover--grid img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.upl-card:hover .upl-cover--grid img{transform:scale(1.05)}.upl-card-body{padding:.85rem;flex:1 1;min-width:0}.upl-card-name{font-family:var(--font-display);font-size:.92rem;font-weight:700;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upl-card-desc{font-size:.78rem;color:var(--muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.35rem}.upl-card-creator{font-size:.72rem;color:var(--muted)}.upl-card-badge{display:inline-block;font-size:.6rem;font-weight:700;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.1rem .5rem;margin-top:.35rem;text-transform:uppercase;letter-spacing:.06em}.upl-card-actions{display:flex;gap:.5rem;padding:.7rem .85rem;border-top:1px solid var(--border);align-items:center}.upl-edit-btn{font-size:.8rem;padding:.4rem .75rem}.upl-empty{text-align:center;padding:3rem 1rem;color:var(--muted)}.upl-empty-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.5}.upl-empty-title{font-family:var(--font-display);font-size:1rem;font-weight:700;margin-bottom:.4rem;color:var(--text)}.upl-empty-sub{font-size:.88rem}.user-playlist-editor{width:100%;max-width:680px;margin:0 auto}.upe-meta{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.upe-input{width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:.65rem .9rem;color:var(--text);font:inherit;font-size:.95rem;transition:border-color .2s}.upe-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--glow-sm)}.upe-visibility{display:flex;gap:.5rem}.upe-vis-btn{flex:1 1;padding:.55rem;border:1px solid var(--border);border-radius:var(--r);background:var(--card);color:var(--muted);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.upe-vis-btn.active{border-color:transparent;background:var(--accent-gradient);color:#fff;box-shadow:var(--glow-sm)}.upe-section-label{font-family:var(--font-display);font-size:.65rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.upe-track-list{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem;max-height:340px;overflow-y:auto}.upe-result-row,.upe-track-row{display:flex;align-items:center;gap:.65rem;padding:.5rem .65rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);transition:border-color .15s}.upe-result-row:hover{border-color:var(--accent);background:var(--card);cursor:pointer}.upe-track-thumb{width:38px;height:38px;object-fit:cover;border-radius:6px;flex-shrink:0}.upe-track-info{flex:1 1;min-width:0}.upe-track-title{font-size:.85rem;font-weight:600}.upe-track-artist,.upe-track-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upe-track-artist{font-size:.75rem;color:var(--muted)}.upe-remove-btn{background:none;border:none;color:var(--muted);cursor:pointer;padding:.25rem;border-radius:4px;flex-shrink:0;transition:color .15s}.upe-remove-btn:hover{color:var(--error)}.upe-add-section{margin-bottom:1rem}.upe-search-results{display:flex;flex-direction:column;gap:.35rem;max-height:260px;overflow-y:auto}.upe-import-msg{font-size:.82rem;color:var(--muted);margin-bottom:.5rem}.upe-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.5rem}.upe-delete-btn{color:var(--error);border-color:var(--error)}.upe-delete-btn:hover{background:var(--error-bg);color:var(--error)}.upe-cover-wrap{display:flex;align-items:flex-start;gap:1rem}.upe-cover-preview{width:96px;height:96px;border-radius:var(--r);object-fit:cover;border:1px solid var(--border);flex-shrink:0}.upe-cover-placeholder{width:96px;height:96px;border-radius:var(--r);border:2px dashed var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);flex-shrink:0;cursor:pointer;transition:all .2s;background:var(--card)}.upe-cover-placeholder:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.upe-cover-actions{display:flex;flex-direction:column;gap:.45rem;justify-content:center}.upe-cover-hint{font-size:.75rem;color:var(--muted)}.success-msg{background:var(--success-bg);border:1px solid var(--success);color:var(--success);border-radius:var(--r);padding:.65rem .9rem;font-size:.9rem}.auth-screen,.multiplayer-screen{width:100%}.auth-card,.waiting-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:1.25rem}.auth-tabs{display:inline-flex;gap:.4rem;margin-bottom:0;flex-wrap:wrap}.auth-tab{border:1.5px solid var(--border);background:transparent;color:var(--muted);border-radius:999px;padding:.55rem .95rem;font:inherit;font-weight:600;cursor:pointer}.auth-tab.active{background:linear-gradient(90deg,#7B2FFF,#E040FB,#FF2D87);background-size:200% 100%;background-position:50%;border-color:transparent;color:white;box-shadow:var(--glow-sm)}.auth-actions{display:flex;gap:.75rem;flex-wrap:wrap}.oauth-divider{display:flex;align-items:center;gap:1rem;margin:1.25rem 0;color:var(--muted);font-size:.8rem}.oauth-divider:after,.oauth-divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.oauth-buttons{display:flex;flex-direction:column;gap:.6rem}.btn-oauth{display:flex;align-items:center;justify-content:center;gap:.65rem;width:100%;padding:.7rem 1rem;border-radius:var(--radius-md,.5rem);font-size:.88rem;font-weight:500;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:all .2s}.btn-oauth:hover:not(:disabled){background:var(--surface-hover,rgba(255,255,255,.06));border-color:var(--accent)}.btn-oauth:disabled{opacity:.5;cursor:not-allowed}.btn-oauth svg{flex-shrink:0}.page-header-row{align-items:center;flex-wrap:wrap}.multiplayer-topbar,.page-header-row{display:flex;justify-content:space-between;gap:1rem}.multiplayer-topbar{align-items:flex-start;margin-bottom:1.25rem}.multiplayer-topbar-actions{display:flex;gap:.75rem;flex-wrap:wrap}.lobby-list{display:flex;flex-direction:column;gap:.75rem}.lobby-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:0;color:var(--text);text-align:left;width:100%;font:inherit;cursor:pointer;overflow:hidden;display:flex;flex-direction:row;align-items:stretch;min-height:100px;transition:all .25s cubic-bezier(.4,0,.2,1);animation:fadeInUp .35s cubic-bezier(.4,0,.2,1) both}.lobby-card:hover:not(:disabled){border-color:var(--accent);background:var(--card);transform:translateY(-2px);box-shadow:var(--glow-sm),0 8px 24px rgba(0,0,0,.25)}.lobby-card:hover:not(:disabled) .lobby-cover-img{transform:scale(1.05)}.lobby-card:disabled{opacity:.45;cursor:not-allowed}.lobby-cover{flex-shrink:0;width:100px;min-height:100px;overflow:hidden;position:relative}.lobby-cover-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s cubic-bezier(.4,0,.2,1)}.lobby-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--card) 0,var(--surface) 100%);font-size:1.8rem;color:var(--border)}.lobby-body{flex:1 1;min-width:0;padding:.8rem 1rem;display:flex;flex-direction:column;gap:.3rem;justify-content:center}.lobby-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.lobby-name{font-family:var(--font-display);font-size:1rem;font-weight:700}.lobby-name,.lobby-subtitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-subtitle{font-size:.88rem;color:var(--accent)}.lobby-footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.15rem}.lobby-chips{display:flex;gap:.3rem;flex-wrap:wrap}.lobby-chip{background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:999px;padding:.12rem .6rem;font-size:.72rem;font-weight:600;color:var(--accent);letter-spacing:.01em}.lobby-hosted{font-size:.74rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.lobby-meta{color:var(--muted);font-size:.86rem}.lobby-status{display:flex;flex-direction:row;align-items:center;gap:.35rem;flex-shrink:0}.lobby-player-count{font-size:.78rem;font-weight:600;color:var(--text);white-space:nowrap}.lobby-lock{background:color-mix(in srgb,#FF2D87 10%,transparent);border:1px solid color-mix(in srgb,#ff2d87 25%,transparent);border-radius:999px;padding:.12rem .55rem;font-size:.72rem;font-weight:600;color:#FF2D87}.waiting-hero{width:100%;height:220px;background:linear-gradient(135deg,var(--card) 0,var(--surface) 100%);background-size:cover;background-position:50%;border-radius:var(--r-lg);overflow:hidden;position:relative;margin-bottom:1rem}.waiting-hero-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:3.5rem;color:var(--border)}.waiting-hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.92) 0,rgba(0,0,0,.3) 50%,transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:1.25rem 1.5rem}.waiting-hero-name{font-family:var(--font-display);font-size:1.6rem;font-weight:900;color:#fff;line-height:1.15;letter-spacing:-.02em}.waiting-hero-subject{font-size:.92rem;color:rgba(255,255,255,.6);margin-top:.25rem}.waiting-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem}.waiting-chip{background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:999px;padding:.25rem .8rem;font-size:.76rem;font-weight:600;color:var(--accent)}.waiting-status-row{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.85rem;margin-bottom:1.25rem}.waiting-host-info{color:var(--muted);opacity:.6}.waiting-pulse{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--accent);animation:waitingPulse 1.6s ease-in-out infinite}@keyframes waitingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.waiting-players-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;margin-bottom:1.5rem}.waiting-players-header{padding:.7rem 1.1rem;font-size:.65rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--border)}.waiting-players-list{display:flex;flex-direction:column}.waiting-player-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.1rem;border-bottom:1px solid var(--border);transition:background .15s}.waiting-player-row:hover{background:color-mix(in srgb,var(--accent) 4%,transparent)}.waiting-player-row:last-child{border-bottom:none}.waiting-player-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.waiting-player-name{font-size:.92rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.waiting-player-team{font-size:.76rem;color:var(--muted)}.waiting-badge{font-size:.72rem;font-weight:600;border-radius:999px;padding:.15rem .6rem;white-space:nowrap}.waiting-badge-host{background:var(--accent-gradient);color:#fff;border:none;box-shadow:var(--glow-sm)}.waiting-badge-ready{color:var(--muted);background:var(--bg);border:1px solid var(--border)}.lobby-ranked-badge{font-size:.65rem;padding:.15rem .55rem;text-transform:uppercase;box-shadow:0 0 8px rgba(123,47,255,.3)}.lobby-ranked-badge,.ranked-badge-inline{display:inline-block;background:linear-gradient(135deg,#7B2FFF,#FF2D87);color:#fff;font-weight:700;letter-spacing:.05em;border-radius:999px;animation:pulseGlow 2s ease-in-out infinite}.ranked-badge-inline{font-size:.7rem;padding:.2rem .6rem;margin-left:.5rem;vertical-align:middle;box-shadow:0 0 12px rgba(123,47,255,.4)}.ranked-tab.active{background:linear-gradient(90deg,#7B2FFF,#E040FB,#FF2D87)!important;background-size:200% 100%!important;background-position:50%!important;color:#fff!important;box-shadow:0 0 12px rgba(123,47,255,.3)}.ranked-info-text{font-size:.76rem;color:var(--muted);margin-top:.45rem;padding:.4rem .75rem;background:color-mix(in srgb,var(--warn,#f59e0b) 8%,transparent);border:1px solid color-mix(in srgb,var(--warn,#f59e0b) 20%,transparent);border-radius:var(--r)}.profile-ranked-section,.profile-xp-section{border-radius:12px;padding:1rem 1.2rem;margin-bottom:.75rem}.profile-section-title{font-size:1rem;margin-bottom:.5rem}.profile-ranked-stats{display:flex;gap:1.5rem;margin-top:.75rem}.profile-ranked-stat-value{font-weight:700;font-size:1.2rem}.profile-ranked-stat-label{font-size:.7rem;letter-spacing:.03em}.ranked-locked{opacity:.6}.ranked-locked-text{margin-bottom:.5rem}.xp-bar-fill--lp{background:linear-gradient(90deg,#7B2FFF,#FF2D87)!important}.waiting-card{display:flex;flex-direction:column;gap:.65rem;margin-bottom:1rem}.waiting-row{display:flex;justify-content:space-between;gap:1rem;color:var(--muted)}.waiting-row strong{color:var(--text)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:1.25rem;z-index:50;animation:fadeIn .2s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{width:100%;max-width:min(680px,calc(100vw - 2.5rem));max-height:min(88vh,760px);overflow-y:auto;overflow-x:hidden;background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:0;animation:fadeInScale .3s cubic-bezier(.4,0,.2,1) both;box-shadow:0 32px 96px rgba(0,0,0,.55),0 0 0 1px rgba(123,47,255,.1)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.4rem 1.5rem 0;margin-bottom:1.25rem}.modal-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:.25rem}.modal-title{font-family:var(--font-display);font-size:1.35rem;font-weight:900;letter-spacing:-.02em;line-height:1.15}.modal-subtitle{padding:0 1.5rem;font-size:.85rem;color:var(--muted);margin-bottom:1.1rem;margin-top:-.5rem}.modal-close-btn{background:var(--surface);border:1px solid var(--border);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;flex-shrink:0;transition:all .15s}.modal-close-btn:hover{background:var(--border);color:var(--text)}.modal-body{padding:0 1.5rem 1.5rem}.create-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;max-height:220px;overflow-y:auto}.create-choice{width:100%;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r);color:var(--muted);font:inherit;font-size:.9rem;text-align:left;padding:.65rem .95rem;cursor:pointer;transition:all .15s}.create-choice:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--text);background:var(--surface)}.create-choice.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg));color:var(--text);box-shadow:var(--glow-sm)}.artist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:.5rem;gap:.5rem;margin-bottom:1rem}.artist-card{position:relative;background:var(--surface);border:2px solid var(--border);border-radius:var(--r-lg);padding:.85rem .5rem .65rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.55rem;transition:all .2s cubic-bezier(.4,0,.2,1);font:inherit}.artist-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.35)}.artist-card.selected{border-color:var(--accent);box-shadow:var(--glow-sm)}.artist-card-img-wrap{width:72px;height:72px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--card)}.artist-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.artist-card:hover .artist-card-img{transform:scale(1.06)}.artist-card-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:var(--border)}.artist-card-name{font-size:.74rem;font-weight:600;color:var(--text);text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.artist-card-check{position:absolute;top:.4rem;right:.4rem;width:18px;height:18px;border-radius:50%;background:linear-gradient(90deg,#7B2FFF,#E040FB,#FF2D87);background-size:200% 100%;background-position:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.4)}.playlist-picker{position:relative;width:100%}.pp-trigger-row{display:flex;align-items:stretch;border:1.5px solid var(--border);border-radius:var(--r);background:var(--input-bg,var(--card));transition:border-color .15s;overflow:hidden}.pp-trigger-row.open,.pp-trigger-row:hover{border-color:var(--accent)}.pp-trigger-btn{flex:1 1;display:flex;align-items:center;gap:.65rem;background:none;border:none;color:var(--text);font:inherit;padding:.55rem .75rem;cursor:pointer;text-align:left;min-width:0}.pp-trigger-thumb{width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0}.pp-trigger-thumb--empty{background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted)}.pp-trigger-info{flex:1 1;min-width:0}.pp-trigger-name{font-size:.9rem;font-weight:600}.pp-trigger-desc,.pp-trigger-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-trigger-desc{font-size:.75rem;color:var(--muted);margin-top:1px}.pp-trigger-placeholder{flex:1 1;font-size:.88rem;color:var(--muted)}.pp-chevron{color:var(--muted);flex-shrink:0;transition:transform .2s}.pp-chevron.flipped{transform:rotate(180deg)}.pp-trigger-clear{background:none;border:none;border-left:1px solid var(--border);color:var(--muted);cursor:pointer;padding:0 .75rem;display:flex;align-items:center;flex-shrink:0;transition:color .15s}.pp-trigger-clear:hover{color:var(--error)}.pp-panel{margin-top:6px;background:var(--card);border:1.5px solid var(--border);border-radius:var(--r);box-shadow:0 4px 16px rgba(0,0,0,.25);padding:.75rem;display:flex;flex-direction:column;gap:.6rem}.pp-tab-row{display:flex;gap:.3rem;flex-shrink:0}.pp-tab{flex:1 1;padding:.4rem .75rem;border-radius:6px;border:1.5px solid var(--border);background:transparent;color:var(--muted);font-size:.82rem;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.pp-tab:hover{border-color:var(--accent);color:var(--text)}.pp-tab.active{border-color:var(--accent);background:var(--accent);color:#fff}.pp-locked{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;color:var(--muted);font-size:.88rem;text-align:center}.pp-locked svg{opacity:.5}.pp-search-row{display:flex;align-items:center;gap:.65rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.55rem 1rem;transition:border-color .2s,box-shadow .2s}.pp-search-row:focus-within{border-color:var(--accent);box-shadow:var(--glow-sm)}.pp-search{flex:1 1;background:none;border:none;outline:none;color:var(--text);font:inherit;font-size:.88rem}.pp-search-clear{background:none;border:none;color:var(--muted);cursor:pointer;padding:0;display:flex;align-items:center;transition:color .15s}.pp-search-clear:hover{color:var(--text)}.pp-cats{display:flex;gap:.35rem;flex-wrap:wrap}.pp-cat{font-family:var(--font-display);font-size:.7rem;font-weight:700;padding:.35rem .85rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;transition:all .15s;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.pp-cat:hover{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.pp-cat.active{border-color:transparent;background:var(--accent-gradient);color:#fff;box-shadow:var(--glow-sm)}.pp-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.65rem;gap:.65rem}.playlist-select-screen .pp-grid{grid-template-columns:repeat(4,1fr);gap:.85rem}.pp-empty{grid-column:1/-1;text-align:center;padding:2rem;color:var(--muted);font-size:.88rem}.pp-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;text-align:left;color:var(--text);transition:all .2s cubic-bezier(.4,0,.2,1);font:inherit;overflow:hidden}.pp-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--glow-sm),0 10px 28px rgba(0,0,0,.25)}.pp-card.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.pp-card-cover{position:relative;width:100%;aspect-ratio:1/1;background:linear-gradient(135deg,var(--surface) 0,var(--card) 100%);flex-shrink:0;overflow:hidden}.pp-card-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.pp-card:hover .pp-card-cover img{transform:scale(1.05)}.pp-card-cover-empty{width:100%;height:100%;color:color-mix(in srgb,var(--accent) 30%,var(--border))}.pp-card-cover-empty,.pp-card-selected-badge{display:flex;align-items:center;justify-content:center}.pp-card-selected-badge{position:absolute;bottom:.5rem;right:.5rem;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--accent);box-shadow:var(--glow-sm)}.pp-card-body{padding:.6rem .7rem .7rem;flex:1 1;min-width:0}.pp-card-name{font-family:var(--font-display);font-size:.8rem;font-weight:700;line-height:1.3;-webkit-line-clamp:2;line-clamp:2;margin-bottom:.2rem}.pp-card-desc,.pp-card-name{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.pp-card-desc{font-size:.68rem;color:var(--muted);-webkit-line-clamp:1;line-clamp:1}.pp-card-cat{font-size:.6rem;color:var(--accent);font-weight:700;margin-top:.3rem;text-transform:uppercase;letter-spacing:.06em}@media (max-width:520px){.playlist-select-screen .pp-grid,.pp-grid{grid-template-columns:repeat(2,1fr)}.playlist-select-screen .pp-grid{gap:.5rem}.result-stats{grid-template-columns:repeat(2,1fr)}}.irl-screen{width:100%}.irl-room-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.irl-room-code{display:inline-flex;align-items:center;justify-content:center;min-width:5.5ch;padding:.15rem .45rem;border-radius:8px;color:var(--accent);font-weight:800;letter-spacing:.16em}.irl-code-card,.irl-room-code{background:var(--surface);border:1px solid var(--border)}.irl-code-card{border-radius:var(--r);padding:1.5rem 1rem;text-align:center;margin-bottom:1rem}.irl-code-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:.5rem}.irl-code-value{font-family:var(--font-display);font-size:3rem;font-weight:900;color:var(--accent);letter-spacing:.3em;line-height:1;margin-bottom:.6rem}.irl-code-hint{font-size:.78rem;color:var(--muted);opacity:.7}.irl-room-code-input{text-transform:uppercase;letter-spacing:.25em;font-weight:700}.irl-audio{width:100%;margin-bottom:1rem}.irl-stage-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:1.2rem;margin-bottom:1rem}.irl-stage-top{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.irl-track-title{font-size:1.35rem;font-weight:800;margin-bottom:.35rem}.irl-audio-status,.irl-player-status,.irl-track-sub{color:var(--muted);font-size:.92rem}.irl-audio-status,.irl-player-status{margin-top:.8rem}.irl-answers{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem;margin-top:1rem}.irl-option-display{cursor:default}.irl-option-display:hover{transform:none;background:var(--surface);border-color:var(--border)}.irl-reveal-answer{font-size:1.8rem;font-weight:900;color:var(--accent);line-height:1.1;margin-bottom:.35rem}@media (max-width:640px){.app-nav{flex-direction:column;align-items:stretch;gap:0;padding:.75rem .85rem}.app-nav-top{width:100%;justify-content:space-between;gap:.75rem;padding-right:0;margin-right:0;border-right:none}.app-nav-menu-toggle{display:inline-flex;flex-shrink:0}.app-nav-menu{display:none;width:100%;flex-direction:column;align-items:stretch;gap:.75rem;padding-top:.85rem;margin-top:.85rem;border-top:1px solid var(--border)}.app-nav.menu-open .app-nav-menu{display:flex}.app-nav-links{justify-content:flex-start;gap:.4rem;overflow:visible}.app-nav-links,.app-nav-side{width:100%;flex-direction:column;align-items:stretch}.app-nav-side{gap:.5rem}.nav-badges{display:none}.app-nav-brand{justify-content:center}.app-nav-account,.app-nav-link{width:100%;justify-content:center}.app-nav-account.signed-in{width:auto;align-self:center}.home-auth-head,.irl-room-head,.irl-stage-top,.lobby-card-head,.multiplayer-topbar,.profile-avatar-section,.waiting-row{flex-direction:column;align-items:flex-start}.lobby-status{align-items:flex-start}.app-shell{justify-content:flex-start;padding:max(.85rem,env(safe-area-inset-top)) 0 max(1rem,env(safe-area-inset-bottom))}.screen-container{max-width:none;padding:0 .85rem}.language-switcher{align-self:stretch;justify-content:center;margin-bottom:0}.tagline{font-size:.96rem;margin-bottom:1.5rem}.search-wrap{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;padding:.8rem .95rem}.search-input{font-size:16px}.search-wrap .btn{grid-column:1/-1;width:100%}.artist-grid,.playlist-grid{grid-template-columns:1fr}.artist-card,.auth-card,.irl-stage-card,.leaderboard-card,.mode-card,.playlist-card,.waiting-card{padding:1rem}.mode-card{padding-block:1.35rem}.home-auth-head-compact{align-items:flex-start}.home-auth-inline-actions{width:100%}.mode-title{font-size:1.02rem}.mode-desc{font-size:.82rem}.btn{width:100%;justify-content:center}.auth-actions,.leaderboard-submit,.multiplayer-topbar-actions,.res-actions{flex-direction:column}.leaderboard-input{min-width:0}.game-header,.round-row{gap:.75rem;align-items:flex-start}.volume-slider{width:50px}.timer-wrap{margin-bottom:1rem}.t-secs{font-size:1.65rem}.answers{gap:.6rem}.ans-btn{padding:.82rem .88rem;font-size:.88rem}.ans-artist{font-size:.74rem}.irl-room-head{gap:.65rem;margin-bottom:.8rem}.irl-audio{margin-bottom:.75rem}.irl-stage-top{gap:.65rem;margin-bottom:.8rem}.irl-track-title{font-size:1.05rem;margin-bottom:.25rem}.irl-audio-status,.irl-player-status,.irl-track-sub{font-size:.84rem}.irl-answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:.8rem}.irl-reveal-answer{font-size:1.35rem}.modal-overlay{align-items:flex-start;padding:max(.75rem,env(safe-area-inset-top)) .75rem .75rem}.modal-card{max-width:none;max-height:none}.modal-header{padding:1.1rem 1.1rem 0}.modal-body{padding:0 1.1rem 1.1rem}.modal-subtitle{padding:0 1.1rem}.form-row{grid-template-columns:1fr}.brand-logo-header{width:110px}}@media (max-width:420px){.app-nav{padding:.8rem .85rem}.app-nav-account,.app-nav-link{padding-inline:.8rem}.app-nav-account.signed-in{padding:.36rem}.app-nav-account strong{max-width:82px}.brand-logo-header{width:100px}.brand-logo-wordmark{width:min(100%,320px)}.search-wrap{gap:.6rem}.search-wrap .btn{padding-inline:1rem}.score-value{font-size:1.25rem}.round-badge{padding:.24rem .72rem}.playing-status,.round-badge{font-size:.8rem}.brow,.leaderboard-row{padding:.62rem .75rem}.irl-room-code{letter-spacing:.12em}.irl-room-code-input{letter-spacing:.18em}.irl-answers{grid-template-columns:1fr}}.admin-layout{height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text)}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.5rem;background:var(--surface);border-bottom:1.5px solid var(--border);flex-shrink:0}.admin-body{display:flex;flex:1 1;overflow:hidden}.admin-sidebar{width:240px;min-width:240px;border-right:1.5px solid var(--border);padding:1rem;overflow-y:auto;background:var(--surface)}.admin-main{flex:1 1;padding:1.5rem 2rem;overflow-y:auto}.pl-item{background:transparent;border:1.5px solid var(--border);border-radius:var(--r);padding:.65rem .85rem;cursor:pointer;text-align:left;width:100%;flex:1 1;font-family:inherit;color:var(--text);transition:all .15s}.pl-item.active,.pl-item:hover{border-color:var(--accent);background:var(--card)}.pl-item-name{font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-playlist-items{display:flex;flex-direction:column;gap:.45rem}.pl-item-shell{display:flex;align-items:stretch;gap:.4rem}.pl-item-actions{display:flex;flex-direction:column;gap:.28rem}.pl-item-sort{width:2rem;min-width:2rem;border:1.5px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted);font:inherit;font-size:.85rem;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.pl-item-sort:hover:not(:disabled){border-color:var(--accent);color:var(--text);background:var(--card)}.pl-item-sort:disabled{opacity:.45;cursor:not-allowed}.admin-playlist-group{margin-bottom:1rem}.admin-playlist-group-title{margin-bottom:.5rem;color:var(--muted);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.pub-badge{display:inline-flex;align-items:center;padding:.1rem .45rem;border-radius:100px;font-size:.65rem;font-weight:700;background:var(--success-bg);color:var(--success);margin-left:.45rem;vertical-align:middle}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem;margin-bottom:1.1rem}.form-row .form-field{margin-bottom:0}.form-field{margin-bottom:1.1rem}.form-label{display:block;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:.45rem}.form-input{width:100%;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r);padding:.7rem 1rem;color:var(--text);font-size:.95rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--accent);box-shadow:var(--glow-sm)}.form-textarea{width:100%;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r);padding:.65rem 1rem;color:var(--text);font-size:.95rem;font-family:inherit;outline:none;transition:border-color .2s;resize:vertical;min-height:70px}.form-textarea:focus{border-color:var(--accent)}.admin-track-list{display:flex;flex-direction:column;gap:.45rem}.admin-track-row{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r);padding:.55rem .85rem}.track-cover{object-fit:cover}.track-cover,.track-cover-placeholder{width:36px;height:36px;border-radius:6px;background:var(--card);flex-shrink:0}.track-cover-placeholder{display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--accent)}.track-info{flex:1 1;min-width:0}.track-title-sm{font-size:.86rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist-sm{font-size:.74rem;color:var(--muted)}.track-answer-input{width:100%;margin-top:.45rem;background:var(--bg);border:1.5px solid var(--border);border-radius:10px;padding:.45rem .65rem;color:var(--text);font:inherit;font-size:.8rem;outline:none}.track-answer-input:focus{border-color:var(--accent)}.btn-remove{background:transparent;border:1.5px solid var(--border);border-radius:8px;padding:.28rem .55rem;color:var(--muted);cursor:pointer;font-size:1rem;line-height:1;transition:all .15s;flex-shrink:0;font-family:inherit}.btn-remove:hover{border-color:var(--error);color:var(--error);background:var(--error-bg)}.btn-add{background:transparent;border:1.5px solid var(--border);border-radius:8px;padding:.28rem .65rem;color:var(--muted);cursor:pointer;font-size:.85rem;font-weight:700;line-height:1;transition:all .15s;flex-shrink:0;font-family:inherit;min-width:30px;text-align:center}.btn-add:hover:not(:disabled){border-color:var(--success);color:var(--success);background:var(--success-bg)}.btn-add:disabled{opacity:.6;cursor:not-allowed}.search-results-list{display:flex;flex-direction:column;gap:.45rem;max-height:420px;overflow-y:auto}.result-row{display:flex;align-items:center;gap:.75rem;background:var(--card);border:1.5px solid var(--border);border-radius:var(--r);padding:.55rem .85rem}.admin-divider{height:1px;background:var(--border);margin:1.5rem 0}.admin-section-title{font-size:.95rem;font-weight:700;margin-bottom:.85rem}.admin-toast{position:fixed;bottom:2rem;right:2rem;padding:.75rem 1.25rem;border-radius:var(--r);font-weight:600;font-size:.9rem;z-index:1000;animation:fadeUp .2s ease both}.admin-toast.ok{background:var(--success-bg);border:1.5px solid var(--success);color:var(--success)}.admin-toast.err{background:var(--error-bg);border:1.5px solid var(--error);color:var(--error)}@media (max-width:900px){.admin-layout{height:auto;min-height:100vh}.admin-header{flex-wrap:wrap;gap:.75rem;padding:.85rem 1rem}.admin-body{display:block;overflow:visible}.admin-sidebar{width:100%;min-width:0;border-right:none;border-bottom:1.5px solid var(--border)}.admin-main,.admin-sidebar{padding:1rem;overflow:visible}}@media (max-width:640px){.admin-header>div:first-child{width:100%;justify-content:space-between;flex-wrap:wrap}.admin-header .logo{font-size:1.3rem!important}.admin-header .btn{width:100%}.admin-track-row,.result-row{align-items:flex-start;padding:.6rem .75rem}.pl-item-name,.track-title-sm{font-size:.82rem}.pl-item-sort{width:2.15rem;min-width:2.15rem}.form-input,.form-textarea{font-size:16px}.admin-main .btn-add,.admin-main .btn-remove{align-self:center}.admin-toast{left:1rem;right:1rem;bottom:1rem}}.profile-screen,.public-profile{width:100%;max-width:680px;margin:0 auto}.profile-banner{position:relative;width:calc(100% + 2.5rem);margin:-1.25rem -1.25rem 0;height:210px;overflow:hidden;border-radius:var(--r-lg) var(--r-lg) 0 0;z-index:1}.profile-banner-img{width:100%;height:100%;object-fit:cover}.profile-banner-default{width:100%;height:100%;background:linear-gradient(135deg,#14141F,#1C1C2E 40%,#2A2A3F)}.profile-banner-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--bg) 0,transparent 60%)}.profile-banner--gradient .profile-banner-default{background:linear-gradient(135deg,#7B2FFF,#E040FB 30%,#FF2D87 60%,#14141F);animation:bannerGradientShift 8s ease infinite}@keyframes bannerGradientShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(15deg)}}.profile-banner--particles .profile-banner-default{background:radial-gradient(2px 2px at 20% 30%,rgba(123,47,255,.6),transparent),radial-gradient(2px 2px at 80% 70%,rgba(123,47,255,.4),transparent),radial-gradient(3px 3px at 50% 20%,rgba(224,64,251,.5),transparent),radial-gradient(2px 2px at 30% 80%,rgba(123,47,255,.3),transparent),radial-gradient(2px 2px at 70% 40%,rgba(224,64,251,.4),transparent),linear-gradient(135deg,#14141F,#1C1C2E);animation:bannerParticlesDrift 6s ease-in-out infinite}@keyframes bannerParticlesDrift{0%,to{background-position:0 0,0 0,0 0,0 0,0 0,0 0}50%{background-position:5px -5px,-5px 5px,3px 3px,-3px -3px,4px -2px,0 0}}.profile-banner--wave .profile-banner-default{background:linear-gradient(135deg,#14141F,#1C1C2E);position:relative;overflow:hidden}.profile-banner--wave .profile-banner-default:after{content:"";position:absolute;bottom:0;left:-50%;width:200%;height:60%;background:radial-gradient(ellipse at center bottom,rgba(123,47,255,.15) 0,transparent 70%);animation:bannerWave 4s ease-in-out infinite}@keyframes bannerWave{0%,to{transform:translateX(0) scaleY(1)}50%{transform:translateX(3%) scaleY(1.1)}}.profile-banner--glow .profile-banner-default{background:linear-gradient(135deg,#14141F,#1C1C2E)}.profile-banner--glow .profile-banner-overlay{background:radial-gradient(ellipse 50% 80% at 50% 30%,rgba(123,47,255,.2) 0,transparent 60%),linear-gradient(to top,var(--bg) 0,transparent 60%);animation:bannerGlow 3s ease-in-out infinite}@keyframes bannerGlow{0%,to{opacity:.8}50%{opacity:1}}.profile-header{display:flex;align-items:flex-end;gap:1.25rem;margin-top:-3.75rem;margin-bottom:1.75rem;position:relative;z-index:2;padding:0 .25rem;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) .1s both}.profile-header-avatar{position:relative;flex-shrink:0;border-radius:50%;padding:3px;background:var(--accent-gradient)}.profile-avatar-large{display:block;width:5.5rem;height:5.5rem;border-radius:50%;border:3px solid var(--bg);font-size:2rem}.subscription-badge-profile-lg{position:absolute;right:-.1rem;bottom:.1rem}.profile-header-info{min-width:0;padding-bottom:.35rem}.profile-name{font-family:var(--font-display);font-size:1.75rem;font-weight:900;letter-spacing:-.03em;line-height:1.1;color:var(--text)}.profile-email{font-size:.82rem;color:var(--muted);margin-top:.2rem}.profile-member-since{font-size:.78rem;color:var(--muted)}.profile-bio-preview{font-size:.85rem;color:var(--muted);margin-top:.3rem;line-height:1.45}.profile-tabs{display:flex;gap:.3rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.3rem;margin-bottom:1.5rem;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) .15s both}.profile-tab{flex:1 1;background:none;border:none;color:var(--muted);font-family:var(--font-display);font-size:.82rem;font-weight:600;padding:.55rem .75rem;cursor:pointer;border-radius:999px;transition:all .2s;text-align:center}.profile-tab:hover{color:var(--text);background:rgba(255,255,255,.05)}.profile-tab.active{background:var(--accent-gradient);color:#fff;box-shadow:var(--glow-sm)}.profile-tab-content{animation:fadeInUp .35s cubic-bezier(.4,0,.2,1) both}.profile-form{gap:1rem}.profile-form,.profile-section{display:flex;flex-direction:column}.profile-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.25rem;gap:.65rem}.profile-section-subtitle{font-size:.82rem;color:var(--muted)}.profile-avatar-edit{display:flex;align-items:center;gap:1rem}.profile-avatar-medium{width:4rem;height:4rem;border-radius:50%;font-size:1.6rem}.profile-avatar-btn{cursor:pointer;flex:1 1;min-width:0}.profile-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.25rem}.genre-grid{display:flex;flex-wrap:wrap;gap:.4rem}.genre-chip{padding:.4rem .85rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted);font-family:var(--font-display);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.genre-chip:hover{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.genre-chip.active{background:var(--accent-gradient);border-color:transparent;color:white;box-shadow:var(--glow-sm)}.genre-grid--readonly .genre-chip{cursor:default;pointer-events:none}.artist-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.35rem}.artist-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:.82rem;font-weight:500;animation:fadeInScale .2s ease both}.artist-tag-remove{background:none;border:none;color:var(--muted);cursor:pointer;font-size:1rem;line-height:1;padding:0;transition:color .15s}.artist-tag-remove:hover{color:var(--error)}.profile-banner-edit-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;color:#fff;background:transparent;cursor:pointer;font-family:var(--font-display);font-size:.8rem;font-weight:600;z-index:3;opacity:0;transition:opacity .2s,background .2s}.profile-banner:hover .profile-banner-edit-overlay{opacity:1;background:rgba(0,0,0,.45)}.profile-banner-delete-btn{position:absolute;top:.75rem;right:.75rem;width:1.75rem;height:1.75rem;border-radius:50%;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,background .2s;z-index:4}.profile-banner:hover .profile-banner-delete-btn{opacity:1}.profile-banner-delete-btn:hover{background:var(--error);border-color:var(--error)}.profile-avatar-clickable{display:block;position:relative;border-radius:50%;cursor:pointer;overflow:hidden}.profile-avatar-overlay{position:absolute;inset:0;border-radius:50%;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s}.profile-avatar-clickable:hover .profile-avatar-overlay{opacity:1}.profile-name-btn{display:inline-flex;align-items:center;gap:.45rem;background:none;border:none;padding:0;cursor:pointer;color:inherit;font:inherit;max-width:100%}.profile-edit-icon{opacity:0;transition:opacity .2s;color:var(--muted);flex-shrink:0}.profile-bio-btn:hover .profile-edit-icon,.profile-name-btn:hover .profile-edit-icon{opacity:1}.profile-name-input{font-family:var(--font-display);font-size:1.75rem;font-weight:900;letter-spacing:-.03em;background:transparent;border:none;border-bottom:2px solid var(--accent);color:var(--text);outline:none;width:100%;padding:0 0 .1rem;line-height:1.1}.profile-bio-btn{display:inline-flex;align-items:flex-start;gap:.35rem;background:none;border:none;padding:0;cursor:pointer;color:inherit;text-align:left;width:100%;margin-top:.3rem}.profile-bio-placeholder{font-size:.82rem;color:var(--muted);font-style:italic}.profile-bio-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--accent);color:var(--text);font-size:.85rem;font-family:var(--font-body);line-height:1.45;outline:none;resize:none;padding:0 0 .1rem;margin-top:.3rem}.profile-most-played{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.25rem;margin-bottom:.75rem}.profile-most-played-row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.75rem;gap:.75rem;margin-top:.65rem}.profile-most-played-card{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--r);padding:.85rem 1rem;min-width:0}.profile-most-played-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:.35rem}.profile-most-played-name{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.profile-most-played-count{font-size:.72rem;color:var(--muted);font-weight:500}.banner-actions{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.banner-actions .btn{flex:1 1;min-width:0}.banner-effects{display:flex;gap:.5rem;flex-wrap:wrap}.banner-effect-btn{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.6rem;border:1px solid var(--border);border-radius:var(--r);background:transparent;color:var(--muted);font-size:.72rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:70px}.banner-effect-btn:hover{border-color:var(--accent);color:var(--text)}.banner-effect-btn.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.banner-effect-preview{width:50px;height:28px;border-radius:4px;background:var(--surface)}.banner-effect-preview--gradient{background:linear-gradient(135deg,#7B2FFF,#E040FB,#FF2D87)}.banner-effect-preview--particles{background:radial-gradient(2px 2px at 30% 40%,var(--accent),transparent),radial-gradient(2px 2px at 70% 60%,var(--accent),transparent),var(--surface)}.banner-effect-preview--wave{background:linear-gradient(0deg,rgba(123,47,255,.2) 0,transparent 60%),var(--surface)}.banner-effect-preview--glow{background:radial-gradient(ellipse at center,rgba(123,47,255,.3),transparent 70%),var(--surface)}.subscription-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:1rem;display:flex;flex-direction:column;gap:.5rem}.subscription-row{display:flex;justify-content:space-between;color:var(--muted);font-size:.9rem}.subscription-row strong{color:var(--text)}.subscription-actions{margin-top:.5rem}.subscription-badge-inline{font-size:.55rem;padding:.1rem .35rem;min-width:auto}.security-content{display:flex;flex-direction:column;gap:1.25rem}.danger-section{border-color:var(--error)!important;background:var(--error-bg)!important}.friends-content{min-height:200px}.friends-subtabs{display:flex;gap:.35rem;margin-bottom:1rem;flex-wrap:wrap}.friends-subtab{background:none;border:1px solid var(--border);color:var(--muted);font-family:var(--font-display);font-size:.78rem;font-weight:600;padding:.45rem .85rem;border-radius:999px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.4rem}.friends-subtab:hover{border-color:var(--accent);color:var(--text)}.friends-subtab.active{background:var(--accent-gradient);color:white;border-color:transparent}.friends-count{background:var(--border);color:var(--text);font-size:.65rem;padding:.1rem .4rem;border-radius:999px;font-weight:700}.friends-count--pending{background:var(--accent);color:white}.friends-subtab.active .friends-count{background:rgba(255,255,255,.25)}.friends-list{display:flex;flex-direction:column;gap:.5rem}.friends-empty{text-align:center;padding:2rem 1rem;color:var(--muted);font-size:.9rem}.friends-section-label{font-family:var(--font-display);font-size:.78rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.friend-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .85rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);transition:all .2s;animation:fadeInUp .3s cubic-bezier(.4,0,.2,1) both}.friend-row:hover{border-color:rgba(42,42,63,.8);background:var(--card)}.friend-profile-btn{display:inline-flex;align-items:center;gap:.6rem;background:none;border:none;color:var(--text);cursor:pointer;min-width:0;font:inherit}.friend-profile-btn:hover .friend-name{color:var(--accent)}.friend-name{font-weight:600;font-size:.9rem;transition:color .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-actions{display:flex;gap:.4rem;flex-shrink:0}.btn-sm{padding:.35rem .65rem;font-size:.75rem;border-radius:8px}.btn-danger{color:var(--error);border-color:var(--error)}.btn-danger:hover{background:var(--error-bg)}.btn-danger-text{color:var(--error)}.btn-danger-text:hover{background:var(--error-bg)}.friend-status-badge{font-size:.78rem;color:var(--muted);padding:.3rem .65rem;border:1px solid var(--border);border-radius:999px}.profile-friend-action{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) .2s both}.profile-action-msg{font-size:.85rem;color:var(--success)}.onboarding-screen{max-width:520px;margin:0 auto;text-align:center;padding:2rem 0}.onboarding-header{margin-bottom:2rem;animation:fadeInScale .5s cubic-bezier(.4,0,.2,1) both}.onboarding-title{font-family:var(--font-display);font-size:1.6rem;font-weight:800;margin-top:1rem;letter-spacing:-.02em}.onboarding-sub{color:var(--muted);margin-top:.35rem}.onboarding-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:1.5rem}.onboarding-step-dot{width:12px;height:12px;border-radius:50%;background:var(--border);transition:all .3s}.onboarding-step-dot.active{background:var(--accent);box-shadow:0 0 10px rgba(123,47,255,.4)}.onboarding-step-line{width:40px;height:2px;background:var(--border)}.onboarding-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.5rem;text-align:left;animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) both}.onboarding-question{font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-bottom:1rem}.onboarding-actions{display:flex;gap:.75rem;margin-top:1.25rem;flex-wrap:wrap}@media (max-width:640px){.profile-banner{height:160px;width:calc(100% + 1.7rem);margin-left:-.85rem;margin-right:-.85rem;margin-top:-.85rem}.profile-header{gap:.85rem;margin-top:-2.75rem}.profile-avatar-large{width:4.5rem;height:4.5rem}.profile-name{font-size:1.4rem}.friend-row{flex-direction:column;align-items:flex-start;gap:.5rem}.friend-actions{width:100%}.profile-actions{flex-direction:column}.onboarding-screen{padding:1rem 0}.banner-effects{gap:.35rem}.banner-effect-btn{min-width:60px;padding:.45rem;font-size:.65rem}.badges-grid{grid-template-columns:repeat(3,1fr)}}.badges-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.badges-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text);margin-bottom:1rem;display:flex;align-items:center;gap:.6rem}.badges-count{font-size:.75rem;font-weight:600;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:.1rem .5rem}.badges-loading{color:var(--muted);font-size:.85rem;padding:.5rem 0}.badges-categories{display:flex;flex-direction:column;gap:1.5rem}.badges-category-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.badges-category-label{font-family:var(--font-display);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));grid-gap:.75rem;gap:.75rem}.badge-item{cursor:default}.badge-item,.badge-item-img-wrap{position:relative;display:flex;align-items:center;justify-content:center}.badge-item-img-wrap{width:5rem;height:5rem;will-change:transform;transform-style:preserve-3d}.badge-item-img{width:100%;height:100%;object-fit:contain}.badge-item--locked .badge-item-img{opacity:.45;filter:grayscale(.5)}.badge-item-lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;line-height:1;filter:drop-shadow(0 1px 3px rgba(0,0,0,.9))}.badge-item-tooltip{display:none;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translateX(-50%);background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:.6rem .8rem;min-width:min(10rem,calc(100vw - 2rem));max-width:min(14rem,calc(100vw - 2rem));text-align:center;z-index:100;pointer-events:none;box-shadow:0 4px 16px rgba(0,0,0,.5)}.badge-item:hover .badge-item-tooltip{display:block}.badge-tooltip-name{font-family:var(--font-display);font-size:.75rem;font-weight:700;color:var(--text);margin-bottom:.25rem}.badge-tooltip-desc{font-size:.7rem;color:var(--muted);line-height:1.4}.badge-tooltip-date{font-size:.65rem;color:var(--accent);margin-top:.35rem}.badge-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:.9rem 1.2rem;min-width:220px;max-width:320px;box-shadow:0 8px 32px rgba(0,0,0,.4);z-index:9999;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .35s;opacity:0}.badge-toast--visible{transform:translate(-50%,-50%) scale(1);opacity:1}.badge-toast-header{font-family:var(--font-display);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:.5rem}.badge-toast-list{display:flex;flex-direction:column;gap:.35rem}.badge-toast-item{display:flex;align-items:center;gap:.6rem}.badge-toast-svg{width:2rem;height:2rem;object-fit:contain;flex-shrink:0}.badge-toast-extra{font-size:.72rem;color:var(--muted);margin-top:.15rem;padding-left:.2rem}.badge-toast-name{font-family:var(--font-display);font-size:.85rem;font-weight:700;color:var(--text)}.badge-toast-item--bronze .badge-toast-name{color:#cd7f32}.badge-toast-item--silver .badge-toast-name{color:#a8a9ad}.badge-toast-item--gold .badge-toast-name{color:#ffd700}.badge-toast-item--platinum .badge-toast-name{background:linear-gradient(90deg,#e040fb,#00e5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.xp-bar-container{width:100%}.xp-bar-label{display:flex;justify-content:space-between;align-items:baseline;font-size:.8rem;color:var(--muted);margin-bottom:.3rem}.xp-bar-level{font-family:var(--font-display);font-weight:700;color:var(--accent)}.xp-bar-numbers{font-size:.72rem}.xp-bar-track{width:100%;height:8px;background:var(--border);border-radius:999px;overflow:hidden}.xp-bar-fill{height:100%;background:var(--accent-gradient);border-radius:999px;transition:width .3s ease}.xp-bar-fill--animated{transition:width 1.2s cubic-bezier(.22,1,.36,1)}.xp-bar-fill--lp{background:linear-gradient(90deg,var(--accent),#f4c542)}.level-badge{padding:.15rem .5rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.68rem;font-weight:700;letter-spacing:.03em}.level-badge,.rank-badge{display:inline-flex;align-items:center;font-family:var(--font-display);white-space:nowrap}.rank-badge{gap:.35rem;font-weight:600}.rank-badge--sm{font-size:.75rem}.rank-badge--md{font-size:.9rem}.rank-badge--lg{font-size:1.3rem}.rank-badge-icon{font-size:1.2em;width:2em;height:2em;object-fit:contain;flex-shrink:0}.rank-badge--sm .rank-badge-icon{width:1.5em;height:1.5em}.rank-badge--lg .rank-badge-icon{width:3em;height:3em}.rank-badge-lp{font-size:.78em;color:var(--muted);font-weight:500}.rank-badge--inline{gap:0}.rank-badge--bronze .rank-badge-text{color:#cd7f32}.rank-badge--silver .rank-badge-text{color:#c0c0c0}.rank-badge--argent .rank-badge-text{color:#a8b7c7}.rank-badge--gold .rank-badge-text{color:#ffd700}.rank-badge--platinum .rank-badge-text{color:#7dd3e8}.rank-badge--diamond .rank-badge-text{color:#b9f2ff}.rank-badge--goat .rank-badge-text{background:linear-gradient(90deg,#ffd700,#ff6b6b,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.post-game-screen{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1rem;max-width:480px;margin:0 auto;text-align:center}.post-game-section{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:1.25rem}.post-game-label{font-family:var(--font-display);font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}.post-game-score-value{font-family:var(--font-display);font-size:3rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.post-game-score-max{font-size:.4em;-webkit-text-fill-color:var(--muted)}.post-game-xp-gained{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--accent);margin-bottom:.5rem}.post-game-xp-breakdown{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.xp-breakdown-item{font-size:.78rem;color:var(--muted);padding:.2rem .6rem;border-radius:999px;background:var(--card)}.xp-breakdown-victory{color:#4ade80;background:rgba(74,222,128,.1)}.xp-breakdown-ranked{color:#c084fc;background:rgba(192,132,252,.1)}.post-game-xp-bar-wrap{width:100%;max-width:320px;margin:0 auto}.post-game-levelup{margin-top:.75rem}.post-game-levelup-text{font-family:var(--font-display);font-size:1.2rem;font-weight:800;background:linear-gradient(90deg,#ffd700,var(--accent),#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulseGlow 1.5s ease-in-out infinite}.post-game-lp-delta,.post-game-rank-display{margin-bottom:.75rem}.post-game-lp-delta{font-family:var(--font-display);font-size:1.5rem;font-weight:700}.lp-positive{color:#4ade80}.lp-negative{color:#f87171}.post-game-lp-total{font-size:.65em;color:var(--muted);margin-left:.5rem}.post-game-lp-bar-wrap{width:100%;max-width:280px;margin:0 auto}.post-game-lp-bar-label{font-size:.72rem;color:var(--muted);margin-top:.3rem}.post-game-promotion{margin-top:.75rem;padding:.75rem;border-radius:.75rem;background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.2)}.post-game-promotion-text{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:#4ade80}.post-game-division-up{font-size:.95rem}.post-game-shield-text{font-size:.78rem;color:var(--muted);margin-top:.25rem}.post-game-demotion{margin-top:.75rem;padding:.75rem;border-radius:.75rem;background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.2)}.post-game-demotion-text{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:#f87171}.post-game-actions{margin-top:.5rem}.post-game-fadein{animation:fadeInUp .5s cubic-bezier(.22,1,.36,1) forwards}.nav-badges{display:flex;align-items:center;gap:.25rem}.profile-ranked-section,.profile-xp-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.25rem;margin-top:.75rem}.profile-section-title{font-family:var(--font-display);font-size:.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.profile-ranked-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5rem;gap:.5rem;margin-top:.85rem}.profile-ranked-stat{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:.65rem .5rem;text-align:center}.profile-ranked-stat-value{font-family:var(--font-display);font-size:1.25rem;font-weight:900;color:var(--text)}.profile-ranked-stat-label{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:.1rem}.profile-xp-total{font-size:.72rem;color:var(--muted);margin-top:.35rem}.profile-lp-label{font-size:.7rem;color:var(--muted);margin-top:.25rem}.ranked-locked{text-align:center;padding:1.5rem;opacity:.7}.ranked-locked-text{font-family:var(--font-display);font-size:.85rem;color:var(--muted);margin-bottom:.75rem}@media (max-width:600px){.post-game-score-value{font-size:2.2rem}.post-game-xp-gained{font-size:1.5rem}.post-game-lp-delta{font-size:1.2rem}.profile-ranked-stats{grid-template-columns:repeat(2,1fr)}.profile-ranked-section .profile-ranked-stats{flex-wrap:wrap;gap:.75rem}}@media (max-width:380px){.app-shell{padding:.6rem 0}.screen-container{padding:0 .6rem}.profile-banner{width:calc(100% + 1.2rem);margin-left:-.6rem;margin-right:-.6rem;margin-top:-.6rem}.profile-most-played-row{grid-template-columns:1fr}.post-game-screen{padding:.85rem .6rem;gap:.85rem}.post-game-section{padding:.85rem}.post-game-score-value{font-size:1.8rem}.post-game-xp-gained{font-size:1.2rem}.result-stats{gap:.4rem}.leaderboard-card{padding:.75rem}.brow,.leaderboard-row{padding:.5rem .6rem}.profile-section-title{font-size:.82rem}.btn{padding:.6rem 1rem;font-size:.88rem}.final-score{font-size:clamp(2.8rem,15vw,4rem)}.irl-code-value{font-size:2rem;letter-spacing:.2em}.lobby-card{height:auto;min-height:72px}.lobby-body{padding:.6rem .75rem}.lobby-cover{width:72px;height:72px}}