:root{--bg-0:#070a12;--bg-1:#101625;--surface-1:#171d2d;--surface-2:#20283b;--cyan:#24d5e8;--lime:#8dff4f;--pink:#ff3d9a;--gold:#ffd447;--coral:#ff7043;--purple:#7657ff;--text:#eaf4f8;--muted:#95a2b3;--arena-bg:var(--bg-0);--arena-bg-deep:#03050a;--arena-surface:var(--surface-1);--arena-surface-elevated:var(--surface-2);--arena-surface-hover:#252f45;--arena-border:#303a50;--arena-border-strong:#4c5b75;--arena-ink:var(--text);--arena-muted:var(--muted);--arena-accent:var(--purple);--arena-accent-bright:#a997ff;--arena-accent-cyan:var(--cyan);--arena-accent-soft:#7657ff24;--arena-accent-glow:#7657ff4d;--arena-success:var(--lime);--arena-warning:var(--gold);--arena-danger:var(--coral);--arena-bronze:#c98252;--arena-silver:#b9c3d4;--arena-gold:#f4ce57;--arena-platinum:#75e5ef;--arena-legendary:#f18cff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:3px;--radius-md:5px;--radius-lg:7px;--radius-xl:10px;--shadow-card:0 22px 64px #00000047;--shadow-focus:0 0 0 3px #a78bfa38;--arena-ease:cubic-bezier(.22, 1, .36, 1);--font-display:"Rajdhani", "Space Grotesk", Arial, sans-serif;--font-ui:"Space Grotesk", Arial, sans-serif;--font-serif:"Instrument Serif", Georgia, serif}*{box-sizing:border-box}html,body{width:100%;max-width:100%;margin:0;overflow-x:hidden}body{font-family:var(--font-ui);background:var(--bg-0);color:var(--text)}main{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;min-height:100vh;padding:96px 24px 40px;display:flex}h1{margin-bottom:16px;font-size:64px}p{color:#cfcfcf;margin-bottom:32px;font-size:20px}button{color:#111;cursor:pointer;background:#fff;border:none;border-radius:999px;padding:14px 28px;font-size:16px;font-weight:700}button:hover{background:#ddd}.eyebrow{text-transform:uppercase;letter-spacing:1px;color:#aaa;margin-bottom:12px;font-size:14px}.subtitle{color:#ccc;margin-bottom:24px;font-size:18px}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:88vh;padding:112px 24px 64px;display:flex;position:relative;overflow:hidden}.hero-glow{filter:blur(18px);pointer-events:none;background:radial-gradient(circle,#7c5cff3d,#7c5cff0f 45%,#0000 70%);width:660px;height:660px;animation:14s ease-in-out infinite arena-drift;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}.hero-title{letter-spacing:0;flex-direction:column;margin:0 0 28px;font-size:clamp(52px,8vw,112px);line-height:.95;display:flex;position:relative}.hero-title em{font-family:var(--font-serif);color:var(--arena-accent-bright);font-style:italic;font-weight:400}.hero .subtitle{max-width:560px;margin-bottom:34px;font-size:19px;line-height:1.45;position:relative}.sparkle{color:var(--arena-accent-bright);pointer-events:none;font-size:20px;animation:5s ease-in-out infinite arena-sparkle;position:absolute}.s1{top:24%;left:16%}.s2{font-size:14px;animation-delay:1.4s;top:20%;right:18%}.s3{font-size:15px;animation-delay:2.6s;bottom:26%;left:24%}.s4{font-size:22px;animation-delay:.8s;bottom:30%;right:22%}.reveal{animation:arena-rise .8s var(--arena-ease) both}.d1{animation-delay:50ms}.d2{animation-delay:.15s}.d3{animation-delay:.25s}.d4{animation-delay:.36s}.d5{animation-delay:.48s}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hero .hero-buttons{position:relative}.secondary-button{color:#fff;background:0 0;border:1px solid #fff}.secondary-button:hover{color:#111;background:#fff}.marquee{background:#0d0d14;border-top:1px solid #242432;border-bottom:1px solid #242432;width:100%;padding:16px 0;overflow:hidden}.marquee-track{white-space:nowrap;animation:22s linear infinite arena-marquee;display:inline-flex}.marquee-track span{text-transform:uppercase;letter-spacing:2px;color:#777285;padding-right:18px;font-size:15px;font-weight:700}.marquee-track b{color:var(--arena-accent);padding-left:18px}@keyframes arena-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes arena-drift{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-44%,-56%)scale(1.12)}}@keyframes arena-sparkle{0%,to{opacity:.5;transform:translateY(0)rotate(0)scale(1)}50%{opacity:1;transform:translateY(-18px)rotate(35deg)scale(1.2)}}@keyframes arena-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111c;justify-content:space-between;align-items:center;width:100%;height:72px;padding:0 40px;display:flex;position:fixed;top:0;left:0}.logo{margin:0;font-size:24px}.logo-button{color:#f8f4ff;letter-spacing:0;text-shadow:0 0 18px #9a5dff73;background:0 0;border:none;border-radius:0;padding:0;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:900;transition:color .16s,text-shadow .16s,transform .16s;position:relative}.logo-button:after{content:"";opacity:.82;background:linear-gradient(90deg,#8b5cf6,#e879f9,#4fd1ff);border-radius:2px;height:2px;position:absolute;bottom:-7px;left:0;right:0;box-shadow:0 0 12px #a855f7ad}.logo-button:hover{color:#fff;text-shadow:0 0 24px #c084fcbd;background:0 0;transform:translateY(-1px)}.nav-links{align-items:center;gap:24px;display:flex}.nav-links a,.nav-link-button{color:#ccc;font-weight:700;text-decoration:none}.nav-link-button{font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.nav-links a:hover,.nav-link-button:hover,.nav-link-button.active{color:#fff}.nav-link-button:hover,.nav-login-button:hover{background:0 0}.account-button{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.nav-login-button{color:#ccc;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.nav-login-button:hover{color:#fff}.album-search{text-align:center;width:100%;min-height:60vh;padding:104px 24px 140px}.album-search h2{margin-bottom:12px;font-size:clamp(38px,5vw,56px);line-height:1}.album-search p{color:#ccc;margin-bottom:28px}.section-sub{margin-bottom:34px}.music-search-tabs{border:1px solid var(--arena-border);background:#09090fb8;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:min(100%,560px);margin:0 auto 20px;padding:6px;display:grid}.music-search-tabs button{min-width:0;color:var(--arena-muted);background:0 0;border:1px solid #0000;border-radius:8px;padding:10px 12px;font-size:14px}.music-search-tabs button.is-active{color:#fff;background:#7c5cff2e;border-color:#a78bfa6b}.music-search-tabs button:disabled{cursor:not-allowed;opacity:.45}.music-search-tabs small{color:inherit;text-transform:uppercase;margin-top:2px;font-size:9px;display:block}.search-box{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.search-box input{border:1px solid var(--arena-border);background:var(--arena-surface);color:#fff;border-radius:999px;width:360px;max-width:100%;padding:15px 22px;font-family:inherit;font-size:16px;transition:border-color .25s,box-shadow .25s}.search-box input::placeholder{color:#777285}.search-box input:focus{border-color:var(--arena-accent);box-shadow:0 0 0 4px var(--arena-accent-soft);outline:none}.search-result{color:#fff;margin-top:24px}.album-result-count{margin:-12px 0 0;font-size:15px;color:var(--arena-muted)!important}.album-grid{grid-template-columns:repeat(3,1fr);gap:18px;width:100%;max-width:940px;margin:40px auto 0;display:grid}.artist-search-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(100%,940px);margin:32px auto 0;display:grid}.artist-search-card{background:var(--arena-surface);text-align:left;border:1px solid #282838;border-radius:14px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;padding:14px;display:grid}.artist-search-card img,.artist-image-fallback{object-fit:cover;border-radius:50%;width:58px;height:58px}.artist-image-fallback{color:#fff;background:linear-gradient(135deg,#392465,#7c5cff);place-items:center;font-size:24px;font-weight:800;display:grid}.artist-search-card h3,.artist-search-card p{overflow-wrap:anywhere}.artist-search-card h3{color:#fff;margin:0 0 5px;font-size:18px}.album-search .artist-search-card p{color:var(--arena-muted);margin:0;font-size:13px}.artist-search-card .secondary-button{white-space:nowrap;padding:9px 12px}.album-search .artist-search-note{color:var(--arena-muted);margin:18px auto 0;font-size:13px}.catalog-discovery{text-align:left;background:linear-gradient(145deg,#7c5cff17,#0000 44%),#0d0c16d1;border:1px solid #a78bfa3d;border-radius:8px;width:min(100%,1040px);margin:28px auto 0;padding:24px}.catalog-discovery-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.catalog-discovery-heading h3{margin:3px 0 8px;font-size:clamp(24px,4vw,34px);line-height:1.05}.album-search .catalog-discovery-heading p{max-width:640px;color:var(--arena-muted);margin:0}.catalog-coming-soon{color:#f4d77d;text-transform:uppercase;background:#f5c45114;border:1px solid #f5c4516b;border-radius:999px;flex:none;padding:7px 10px;font-size:10px;font-weight:800}.catalog-discovery-search{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:24px 0 16px;display:grid}.catalog-discovery-search input{border:1px solid var(--arena-border);color:#fff;min-width:0;font:inherit;background:#06060cb8;border-radius:8px;padding:13px 16px}.catalog-discovery-search input:focus{border-color:var(--arena-accent);box-shadow:0 0 0 3px var(--arena-accent-soft);outline:none}.catalog-discovery-search button,.catalog-state button{background:var(--arena-accent);color:#fff;font:inherit;cursor:pointer;border:1px solid #a78bfa6b;border-radius:8px;padding:11px 18px;font-weight:800}.catalog-category-filter{scrollbar-width:thin;gap:8px;margin-bottom:20px;padding-bottom:2px;display:flex;overflow-x:auto}.catalog-category-filter button{color:var(--arena-muted);font:inherit;cursor:pointer;background:#11101a;border:1px solid #343044;border-radius:999px;flex:none;padding:8px 11px;font-size:12px;font-weight:700}.catalog-category-filter button.is-active{color:#fff;background:#7c5cff33;border-color:#a78bfa99}.catalog-result-summary{color:var(--arena-muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;display:flex}.catalog-result-summary strong{color:#fff;white-space:nowrap}.catalog-discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.catalog-discovery-card{background:#11101a;border:1px solid #312d41;border-radius:8px;flex-direction:column;min-width:0;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden;box-shadow:0 16px 36px #00000038}.catalog-discovery-card:not(.is-loading):hover{border-color:var(--catalog-accent-end,var(--arena-accent));transform:translateY(-3px);box-shadow:0 20px 42px #00000059}.catalog-artwork{aspect-ratio:16/10;background:linear-gradient(140deg, var(--catalog-accent-start,#261744), var(--catalog-accent-end,#7c5cff));place-items:center;display:grid;position:relative;overflow:hidden}.catalog-artwork:after{content:"";background:linear-gradient(160deg,#ffffff29,#0000 46%);position:absolute;inset:0}.catalog-artwork img{object-fit:cover;width:100%;height:100%}.catalog-artwork>span{color:#ffffffe6;font-size:40px;font-weight:900}.catalog-card-copy{flex:1;padding:15px 15px 12px}.catalog-card-type{color:var(--catalog-accent-end,#a78bfa);text-transform:uppercase;font-size:10px;font-weight:900}.catalog-card-copy h4{color:#fff;overflow-wrap:anywhere;margin:5px 0 7px;font-size:18px}.album-search .catalog-card-copy p{color:var(--arena-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 10px;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.catalog-card-copy small{color:#817b91;font-size:11px}.catalog-locked-action{color:#777184;font:inherit;cursor:not-allowed;background:#171522;border:1px solid #373246;border-radius:8px;margin:0 15px 15px;padding:9px 12px;font-size:12px;font-weight:800}.catalog-discovery-card.is-loading{min-height:280px;padding-bottom:18px}.catalog-discovery-card.is-loading .catalog-artwork{background:#201d2b}.catalog-discovery-card.is-loading .skeleton-line{margin-left:15px;margin-right:15px}.catalog-state{min-height:170px;color:var(--arena-muted);background:#09090f8c;border:1px dashed #383348;border-radius:8px;align-content:center;justify-items:start;gap:7px;padding:28px;display:grid}.catalog-state strong{color:#fff;font-size:18px}.catalog-state-error{border-color:#f8717161}.catalog-discovery-loading{width:min(100%,1040px);margin:28px auto 0}.catalog-state button{margin-top:6px}.catalog-load-more{margin:20px auto 0;display:block}@media (width<=800px){.catalog-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.catalog-discovery{padding:18px}.catalog-discovery-heading{flex-direction:column}.catalog-discovery-search,.catalog-discovery-grid{grid-template-columns:1fr}}.album-card{background:var(--arena-surface);text-align:left;cursor:pointer;color:#fff;animation:arena-rise .55s var(--arena-ease) both;transition:transform .28s var(--arena-ease), border-color .28s var(--arena-ease), box-shadow .28s var(--arena-ease), background .28s var(--arena-ease);border:1px solid #282838;border-radius:22px;padding:16px 16px 20px;position:relative}.album-card:hover{border-color:var(--arena-border);background:var(--arena-surface-hover);transform:translateY(-6px);box-shadow:0 20px 48px #00000073}.album-card.selected-card{border-color:var(--arena-accent);box-shadow:0 0 0 2px var(--arena-accent), 0 14px 40px var(--arena-accent-glow)}.card-check{z-index:2;background:var(--arena-accent);min-width:34px;height:28px;transition:transform .25s var(--arena-ease);box-shadow:0 4px 16px var(--arena-accent-glow);border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-weight:700;display:flex;position:absolute;top:26px;right:26px;transform:scale(0);color:#fff!important;font-size:11px!important}.selected-card .card-check{transform:scale(1)}.album-card h3{margin:0 0 6px;font-size:19px;line-height:1.2}.album-card p{color:#ccc;margin:0 0 10px;font-size:15px}.album-card span{color:#888;font-size:14px}.album-cover-frame{aspect-ratio:1;border-radius:14px;margin-bottom:16px;display:block;overflow:hidden}.album-cover{aspect-ratio:1;object-fit:cover;width:100%;height:100%;transition:transform .45s var(--arena-ease)}.album-card-skeleton{cursor:default;pointer-events:none;min-height:320px;animation:none}.skeleton-cover,.skeleton-line{background:linear-gradient(90deg,#202231 25%,#2d3043 50%,#202231 75%) 0 0/200% 100%;animation:1.2s ease-in-out infinite skeleton-shift;display:block}.skeleton-cover{aspect-ratio:1;border-radius:14px;margin-bottom:16px}.skeleton-line{border-radius:4px;width:62%;height:12px;margin-top:10px}.skeleton-line-title{width:84%;height:18px}@keyframes skeleton-shift{to{background-position:-200% 0}}.album-card:hover .album-cover{transform:scale(1.06)}.album-year{letter-spacing:1px;font-weight:700;color:var(--arena-accent-bright)!important;font-size:12px!important}.view-more-albums{color:var(--arena-ink);background:0 0;border:1px solid #7c5cff73;margin-top:28px;box-shadow:0 0 28px #7c5cff1f}.view-more-albums:hover{background:var(--arena-accent-soft);color:#fff}.selected-album{color:#fff;flex-direction:column;align-items:center;gap:14px;margin-top:28px;display:flex}.selected-album p{margin:0}.start-bar{z-index:900;border:1px solid var(--arena-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(92vw,500px);animation:arena-start-bar .35s var(--arena-ease) both;text-align:left;background:#111118e6;border-radius:20px;align-items:center;gap:14px;padding:10px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 24px 64px #0000008c}.start-bar img{object-fit:cover;border-radius:12px;flex-shrink:0;width:54px;height:54px}.start-bar-info{flex:1;gap:2px;min-width:0;display:grid}.start-bar-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.start-bar-info span{text-overflow:ellipsis;white-space:nowrap;color:var(--arena-muted);font-size:13px;overflow:hidden}.start-bar button{background:var(--arena-accent);color:#fff;flex-shrink:0}.start-bar button:hover{background:var(--arena-accent-bright);color:#111}@keyframes arena-start-bar{0%{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%)}}.quiz{text-align:center;width:100%;min-height:70vh;padding:80px 24px}.quiz h2{margin-bottom:12px;font-size:42px}.quiz-album-cover{object-fit:cover;border:1px solid #333;border-radius:24px;width:160px;height:160px;margin-bottom:24px}.score{color:#fff;margin-bottom:20px;font-size:20px;font-weight:700}.quiz-status{color:#ccc;flex-wrap:wrap;justify-content:center;gap:14px;margin:0 auto 24px;font-size:16px;font-weight:700;display:flex}.quiz-status span{background:#1a1a1a;border:1px solid #333;border-radius:999px;min-width:132px;padding:10px 14px}.timer-low{color:#fc0;border-color:#fc0!important}.game-state{flex-direction:column;justify-content:center;align-items:center;min-height:116px;margin:0 auto 24px;display:flex}.game-state-label{color:#fff;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px;font-size:18px;font-weight:700}.game-state-detail{color:#ccc;margin:0;font-size:17px}.start-countdown{color:#fc0;margin:0;font-size:72px;font-weight:900;line-height:1}.quiz-clue{color:#ccc;margin-bottom:28px}.audio-preview-wrapper{justify-content:center;margin:18px auto 24px;display:flex}.audio-preview{width:320px;max-width:100%;margin:18px 0 24px}.preview-unavailable{color:#aaa;margin-bottom:24px;font-size:15px}.song-options{flex-wrap:wrap;justify-content:center;gap:14px;width:100%;margin-bottom:24px;display:flex}.song-button{color:#111;background:#fff}.selected-song{color:#fff;background:#111;border:1px solid #fff}.correct-song{color:#000;background:#1db954;border:1px solid #1db954}.wrong-song{color:#fff;background:#ff4d4d;border:1px solid #ff4d4d}.selected-guess,.quiz-message{color:#fff;margin-top:20px}.score-breakdown{gap:10px;width:min(100%,520px);margin:0 auto 28px;display:grid}.score-breakdown p{color:#ccc;background:#1a1a1a;border:1px solid #333;border-radius:14px;margin:0;padding:14px 18px;font-size:18px}.score-breakdown strong{color:#fff}.next-button{margin-left:12px}.quiz-live,.quiz-complete{position:relative;overflow:hidden}.quiz-live:before,.quiz-complete:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 10%,#7c5cff33,#0000 36%),linear-gradient(#ffffff08,#0000 32%);position:absolute;inset:0}.quiz-live>*,.quiz-complete>*{z-index:1;position:relative}.quiz-live .quiz-album-cover{border-color:#7c5cff80;box-shadow:0 18px 60px #7c5cff3d}.score-live,.score-hero{color:var(--arena-ink);text-shadow:0 0 24px #7c5cff5c}.score-hero{font-size:30px}.quiz-status .streak-chip{color:var(--arena-muted);border-color:var(--arena-border)}.quiz-status .streak-active{color:#2ee66b;border-color:#2ee66ba6;box-shadow:0 0 22px #2ee66b24}.quiz-status .streak-reward{color:#ffd76a;background:linear-gradient(135deg,#ffd76a29,#7c5cff24),#1a1a1a;border-color:#ffd76ac7;animation:1.2s ease-in-out infinite alternate arena-reward-pulse;box-shadow:0 0 28px #ffd76a38}.quiz-status .streak-legendary{color:#111;background:linear-gradient(135deg,#fff1a8,#ffd76a 45%,#ffb84d);border-color:#ffd76a;box-shadow:0 0 34px #ffd76a61}.mute-toggle{border:1px solid var(--arena-border);min-width:118px;color:var(--arena-ink);background:#1a1a1a;padding:10px 14px;font-size:14px}.mute-toggle:hover{background:var(--arena-surface-hover)}.quiz-end-run{color:#ffb4b4;border-color:#ff4d4d6b}.quiz-end-run:hover{background:#ff4d4d1f;border-color:#ff4d4db8}.quiz-flash,.danger-vignette{z-index:0;pointer-events:none;position:absolute;inset:0}.quiz-flash{animation:.65s ease-out forwards arena-flash-fade}.quiz-flash-good{background:#2ee66b2e}.quiz-flash-bad{background:#ff4d4d33}.quiz-flash-opponent{background:#ffa62b33}.quiz-flash-timeout{background:#ffd44724}.hype-opponent{color:#ffd47a;text-shadow:0 0 18px #ffa62b47}.danger-vignette{border:2px solid #ffcc0061;animation:.8s ease-in-out infinite alternate arena-vignette-pulse;box-shadow:inset 0 0 72px #fc03}.start-countdown{animation:arena-countdown-pop .32s var(--arena-ease);text-shadow:0 0 28px #ffcc0073}.timer-ring{place-items:center;width:132px;height:132px;margin:4px auto 12px;display:grid;position:relative}.timer-ring svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.timer-ring-bg,.timer-ring-fg{fill:none;stroke-width:10px}.timer-ring-bg{stroke:#ffffff1f}.timer-ring-fg{stroke:var(--arena-accent-bright);stroke-linecap:round;filter:drop-shadow(0 0 10px #7c5cff73);transition:stroke-dashoffset .28s linear,stroke .16s}.timer-ring-low .timer-ring-fg{stroke:#fc0;filter:drop-shadow(0 0 12px #ffcc008c)}.timer-ring span{color:#fff;font-size:42px;font-weight:900;line-height:1}.correct-burst{width:120px;height:74px;margin:0 auto -8px;position:relative}.correct-burst span{transform-origin:50% 44px;border-radius:999px;width:8px;height:20px;animation:.68s ease-out forwards arena-burst;position:absolute;top:55%;left:50%}.points-pop{color:#2ee66b;text-shadow:0 0 24px #2ee66b59;animation:arena-countdown-pop .42s var(--arena-ease);margin:0 0 10px;font-size:44px;font-weight:900;line-height:1}.reveal-answer{max-width:560px;color:var(--arena-ink);margin:0 auto 12px;font-size:20px}.reveal-answer strong{color:#fff}.hype-message{max-width:560px;margin:0 auto 12px;font-size:19px;font-weight:800}.hype-good{color:#2ee66b}.quiz-perfect-run .score-hero{text-shadow:0 0 34px #ffd76a66}.hype-bad{color:#ffb4b4}.song-button{transition:transform .18s var(--arena-ease), box-shadow .18s ease, background .18s ease, border-color .18s ease}.song-button:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 12px 28px #7c5cff38}.correct-song{box-shadow:0 0 28px #2ee66b47}.wrong-song{box-shadow:0 0 28px #ff4d4d3d}.grade-word{color:var(--arena-accent-bright);text-transform:uppercase;letter-spacing:1px;margin:0 auto 8px;font-size:18px;font-weight:900}.gold-badge{color:#111;background:linear-gradient(135deg,#fff1a8,#ffd76a 48%,#ffb84d);border:1px solid #ffd76abf;border-radius:999px;width:fit-content;padding:10px 18px;box-shadow:0 0 34px #ffd76a47}.gold-text{color:#ffd76a!important}.quiz-perfect-run:before{background:radial-gradient(circle at 50% 12%,#ffd76a52,#0000 34%),radial-gradient(circle at 22% 22%,#7c5cff38,#0000 26%),linear-gradient(#ffffff0a,#0000 38%)}.quiz-perfect-run h2{color:#fff1a8;text-shadow:0 0 34px #ffd76a61}.quiz-perfect-run .confetti-piece{animation-duration:1.8s}.confetti-field{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-piece{border-radius:3px;width:8px;height:16px;animation:2.4s linear infinite arena-confetti-fall;position:absolute;top:-18px}@keyframes arena-countdown-pop{0%{opacity:.45;transform:scale(.78)}70%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes arena-flash-fade{0%{opacity:1}to{opacity:0}}@keyframes arena-vignette-pulse{0%{opacity:.2}to{opacity:.75}}@keyframes arena-reward-pulse{0%{transform:translateY(0)}to{transform:translateY(-2px)}}@keyframes arena-burst{0%{opacity:1;scale:.5}to{opacity:0;scale:1.35}}@keyframes arena-confetti-fall{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:1}to{opacity:0;transform:translateY(78vh)rotate(460deg)}}@media (width<=800px){.album-grid,.artist-search-grid{grid-template-columns:1fr}}@media (width<=768px){main{text-align:center;min-height:100vh;padding:0;display:block}.navbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#111;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:18px;width:100%;height:auto;padding:28px 20px 18px;position:static}.logo{font-size:32px;line-height:1}.nav-links{flex-wrap:wrap;gap:18px;width:100%;font-size:18px;display:flex}.nav-link-button,.nav-login-button{max-width:none;min-height:auto}.account-button{max-width:100%}.hero,.album-search,.quiz{width:100%;max-width:100%;padding:44px 20px 90px}.hero{min-height:78vh;padding-top:72px;overflow:hidden}h1,.hero h1{font-size:44px;line-height:1.05}.hero-title{font-size:52px}.hero .subtitle{font-size:17px}.marquee-track span{font-size:13px}.album-search h2,.quiz h2{margin-bottom:20px;font-size:44px;line-height:1.05}p{font-size:18px}.quiz-album-cover{width:140px;height:140px;margin-bottom:40px}.score{margin-bottom:26px;font-size:26px}.quiz-status{gap:10px;margin-bottom:34px}.quiz-status span{width:100%;max-width:340px;font-size:17px}.game-state{min-height:128px;margin-bottom:34px}.game-state-label{font-size:17px}.game-state-detail{max-width:340px;font-size:17px;line-height:1.35}.start-countdown{font-size:68px}.quiz-clue{max-width:100%;margin:0 auto 40px;font-size:22px;line-height:1.35}.preview-unavailable{max-width:340px;margin:0 auto 40px;font-size:18px;line-height:1.4}.audio-preview-wrapper{width:100%;margin:0 auto 40px}.audio-preview{width:100%;max-width:320px}.song-options{flex-direction:column;align-items:center;gap:18px;width:100%;margin-bottom:28px;display:flex}.song-button{white-space:normal;text-align:center;width:100%;max-width:340px;min-height:64px;padding:16px 22px;font-size:18px}.score-breakdown{max-width:340px}.score-breakdown p{font-size:17px;line-height:1.35}button{max-width:340px;min-height:56px;font-size:17px}.auth-page{padding:44px 20px 90px}.auth-panel{padding:24px}.auth-panel h1{font-size:38px}.next-button{margin-top:10px;margin-left:0}.hero-buttons{flex-direction:column;align-items:center;gap:14px}.album-grid{grid-template-columns:1fr;gap:18px;padding:0}.music-search-tabs{grid-template-columns:1fr 1fr}.music-search-tabs button:disabled{grid-column:1/-1}.artist-search-card{grid-template-columns:52px minmax(0,1fr)}.artist-search-card img,.artist-image-fallback{width:52px;height:52px}.artist-search-card .secondary-button{grid-column:1/-1;width:100%}.album-card{width:100%;max-width:340px;margin:0 auto}.search-box{flex-direction:column;align-items:center;gap:14px;width:100%}.search-box input,.search-box button{width:100%;max-width:340px}.start-bar{width:min(94vw,420px);bottom:14px}.start-bar button{min-height:48px;padding:12px 18px}}@media (width<=420px){.hero,.album-search,.quiz{padding-left:16px;padding-right:16px}.nav-links{gap:14px;font-size:16px}.quiz h2,.album-search h2{font-size:38px}.quiz-clue{font-size:20px}.song-button{max-width:100%}.start-bar{align-items:stretch}.start-bar img{display:none}}.hidden-audio-preview{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.clip-button{min-width:220px}.home-dashboard{text-align:left;width:min(100%,1240px);min-height:100vh;margin:0 auto;padding:120px 24px 64px;display:block}.home-hero-panel{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:stretch;gap:22px;margin-bottom:22px;display:grid}.home-hero-panel>div,.home-player-card,.home-mode-card,.home-panel{background:radial-gradient(circle at 12% 0,#7c5cff33,#0000 34%),linear-gradient(145deg,#ffffff0b,#0000 34%),#15151f;border:1px solid #7c5cff3d;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000047}.home-hero-panel>div{flex-direction:column;justify-content:flex-end;min-height:430px;padding:clamp(28px,5vw,56px);display:flex}.home-hero-panel h1{color:#fff;letter-spacing:0;max-width:780px;margin:0 0 18px;font-size:clamp(52px,7vw,96px);line-height:.95}.home-hero-panel p:not(.eyebrow){max-width:640px;color:var(--arena-muted);margin:0 0 28px;font-size:19px;line-height:1.55}.home-player-card{flex-direction:column;padding:24px;display:flex}.home-player-topline,.home-tier-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.home-player-topline span,.home-player-topline strong{color:var(--arena-muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900}.home-player-card h2{color:#fff;overflow-wrap:anywhere;margin:30px 0 6px;font-size:clamp(34px,4vw,54px)}.home-player-card p{color:var(--arena-muted);margin:0 0 18px;font-size:17px}.home-tier-row{margin:22px 0}.home-tier-row>span{color:#fff1a8;text-transform:uppercase;background:#ffd76a1a;border:1px solid #ffd76a80;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:900;display:inline-flex}.home-tier-row button{padding:9px 14px;font-size:13px}.home-player-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:auto;display:grid}.home-player-stats span{color:var(--arena-muted);background:#101018b8;border:1px solid #ffffff1a;border-radius:16px;padding:14px;font-size:13px;font-weight:800}.home-player-stats strong{color:#fff;margin-top:6px;font-size:20px;display:block}.home-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:22px;display:grid}.home-mode-card{flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:260px;padding:28px;display:flex}.home-mode-card span{color:var(--arena-muted);text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;margin-bottom:auto;padding:8px 11px;font-size:12px;font-weight:900}.home-mode-card h2{color:#fff;margin:34px 0 10px;font-size:clamp(32px,4vw,54px)}.home-mode-card p{max-width:460px;color:var(--arena-muted);margin:0 0 22px;font-size:18px;line-height:1.45}.home-mode-solo{background:radial-gradient(circle at 18% 8%,#61dafb33,#0000 36%),#15151f}.home-mode-arena{background:radial-gradient(circle at 18% 8%,#ff4fa033,#0000 36%),#15151f}.home-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.home-panel h2{color:#fff;margin:0}.home-list{gap:12px;display:grid}.home-list-row{background:#101018b8;border:1px solid #ffffff1a;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.home-list-row strong,.home-list-row small{overflow-wrap:anywhere;display:block}.home-list-row strong{color:#fff}.home-list-row small{color:var(--arena-muted);margin-top:4px;font-size:13px}.home-list-row b{color:var(--arena-accent-bright);font-size:18px}.home-badge-strip{gap:12px;display:grid}.home-badge-pill{background:radial-gradient(circle at 12% 0,#7c5cff2e,#0000 34%),#101018d1;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;justify-content:center;min-height:76px;padding:14px 16px;display:flex}.home-badge-pill strong{color:#fff}.home-badge-pill small{color:var(--arena-muted);text-transform:uppercase;margin-top:5px;font-weight:900}.home-global-preview p{color:var(--arena-muted);margin:0 0 22px;font-size:17px;line-height:1.5}.home-active-room{margin:0 0 22px}.single-player-page{text-align:left;width:min(100%,1240px);min-height:100vh;margin:0 auto;padding:120px 24px 140px}.single-player-hero{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:22px;margin-bottom:22px;display:grid}.single-player-hero>div,.single-player-card,.single-player-search-panel,.single-player-side-panel{background:radial-gradient(circle at 12% 0,#7c5cff33,#0000 34%),linear-gradient(145deg,#ffffff0b,#0000 34%),#15151f;border:1px solid #7c5cff3d;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000047}.single-player-hero>div{flex-direction:column;justify-content:flex-end;min-height:330px;padding:clamp(28px,5vw,52px);display:flex}.single-player-hero h1{color:#fff;max-width:720px;margin:0 0 16px;font-size:clamp(46px,7vw,84px);line-height:.95}.single-player-hero p:not(.eyebrow){max-width:620px;color:var(--arena-muted);margin:0;font-size:18px;line-height:1.55}.single-player-card{padding:24px}.single-player-card h2{color:#fff;overflow-wrap:anywhere;margin:26px 0 6px;font-size:clamp(30px,4vw,48px)}.single-player-card>p{color:var(--arena-muted);margin:0 0 18px}.single-player-stats{margin-top:22px}.single-player-shell{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);align-items:start;gap:22px;display:grid}.album-search-compact{text-align:left;min-height:0;padding:0}.album-search-compact h2{font-size:clamp(32px,4vw,48px)}.album-search-compact p{margin-bottom:20px}.album-search-compact .search-box{justify-content:flex-start}.album-search-compact .music-search-tabs{margin-left:0}.album-search-compact .album-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.album-search-compact .artist-search-grid{max-width:none}.album-search-compact .album-card{border-radius:18px}.auth-page{text-align:center;justify-content:center;align-items:flex-start;width:100%;min-height:70vh;padding:104px 24px 64px;display:flex}.auth-panel{background:#1a1a1a;border:1px solid #333;border-radius:14px;width:min(100%,480px);padding:28px}.auth-panel h1{margin:0 0 16px;font-size:42px}.auth-panel p{margin-bottom:24px}.auth-panel strong{color:#fff}.auth-form input{color:#fff;background:#111;border:1px solid #333;border-radius:999px;width:100%;padding:14px 18px;font-size:16px}.auth-form input:focus{border-color:#fff;outline:none}.profile-setup-form{margin-top:20px}.profile-setup-form input:focus{border-color:var(--arena-accent-bright);box-shadow:0 0 0 3px var(--arena-accent-soft)}.profile-rules{color:var(--arena-muted);margin:16px 0 0;font-size:15px;line-height:1.4}.auth-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.auth-message,.cloud-sync-message,.cloud-save-message{color:#fff;font-size:16px}.cloud-save-message{background:#1a1a1a;border:1px solid #333;border-radius:14px;width:min(100%,520px);margin:0 auto 24px;padding:12px 16px}.profile-page{text-align:center;width:100%;min-height:70vh;padding:104px 24px 64px}.profile-hero,.profile-empty{background:radial-gradient(circle at 18% 0,#7c5cff33,#0000 34%),linear-gradient(#ffffff0b,#ffffff03),#12121a;border:1px solid #7c5cff47;border-radius:22px;width:min(100%,1100px);margin:0 auto 28px;box-shadow:0 24px 80px #00000047}.profile-hero{text-align:left;grid-template-columns:1fr minmax(220px,280px);align-items:center;gap:24px;padding:28px;display:grid;position:relative;overflow:hidden}.profile-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 86% 20%,#ffd76a29,#0000 24%),radial-gradient(circle at 18% 88%,#a78bfa24,#0000 28%);position:absolute;inset:0}.profile-hero>*{z-index:1;position:relative}.profile-hero h1{overflow-wrap:anywhere;margin:0 0 8px;font-size:clamp(42px,6vw,72px);line-height:.98}.profile-handle{color:var(--arena-accent-bright);overflow-wrap:anywhere;margin:0;font-size:20px;font-weight:900}.profile-handle-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.profile-tier-card{text-align:center;background:radial-gradient(circle at 50% 0,#ffd76a2e,#0000 42%),#ffffff0a;border:1px solid #ffd76a5c;border-radius:18px;place-content:center;gap:8px;min-height:180px;padding:22px;display:grid;box-shadow:0 0 44px #ffd76a1a}.profile-tier-card span,.profile-tier-card small{color:var(--arena-muted);text-transform:uppercase;letter-spacing:1px;font-weight:800}.profile-tier-card strong{color:#fff1a8;text-shadow:0 0 28px #ffd76a4d;font-size:42px;line-height:1}.profile-empty{max-width:680px;padding:34px}.profile-empty h1{margin:0 0 14px;font-size:clamp(36px,5vw,58px)}.profile-empty p{max-width:520px;margin-left:auto;margin-right:auto}.profile-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.profile-source-note{color:#e8dba8;background:#ffcf4d14;border:1px solid #ffcf4d57;border-radius:14px;width:min(100%,760px);margin:0 auto 24px;padding:12px 16px;font-size:16px}.profile-stats-grid{margin-bottom:28px}.profile-overview-section{width:min(100%,960px);margin:0 auto 28px}.profile-section-header,.profile-panel-heading{text-align:left;justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px;display:flex}.profile-section-header h2,.profile-panel-heading h2{color:#fff;margin:0;font-size:24px}.profile-section-header .eyebrow,.profile-panel-heading .eyebrow{margin-bottom:6px}.profile-section-header>span,.profile-panel-heading>span{color:var(--arena-muted);white-space:nowrap;background:#7c5cff14;border:1px solid #7c5cff47;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:800}.profile-showcase{margin-bottom:28px}.profile-collection-toggle{margin-top:18px}.profile-badge-collection{margin-bottom:28px}.featured-badge-actions{flex-wrap:wrap;gap:12px;margin:0 0 18px;display:flex}.featured-badge-actions button{min-height:42px;padding:10px 16px;font-size:14px}.featured-badge-message{color:var(--arena-muted);margin:0 0 18px;font-size:15px}.featured-badge-editor{background:radial-gradient(circle at 12% 0,#7c5cff24,#0000 34%),#ffffff08;border:1px solid #7c5cff47;border-radius:16px;margin-bottom:22px;padding:18px}.featured-badge-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.featured-badge-option{min-height:92px;color:var(--arena-ink);text-align:left;transition:border-color .18s ease, box-shadow .18s ease, transform .18s var(--arena-ease);background:#101018e6;border:1px solid #ffffff1a;border-radius:14px;align-content:center;gap:5px;padding:14px;display:grid}.featured-badge-option:hover:not(:disabled),.featured-badge-option.selected{border-color:var(--arena-accent-bright);background:var(--arena-accent-soft);transform:translateY(-2px);box-shadow:0 0 24px #7c5cff29}.featured-badge-option:disabled{cursor:not-allowed;opacity:.45}.featured-badge-option strong{color:#fff;font-size:15px}.featured-badge-option span{color:var(--arena-muted);font-size:13px}.profile-showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-sections{align-items:start}.profile-recent-results{margin-bottom:0}.leaderboard-page{text-align:center;width:100%;min-height:70vh;padding:104px 24px 64px}.arena-page{--arena-mode-accent:#ff4fa0;--arena-mode-accent-soft:#ff4fa026;--arena-mode-accent-glow:#ff4fa03d;text-align:center;width:100%;min-height:70vh;padding:104px 24px 64px}.arena-page[class*=arena-theme-] .eyebrow,.arena-page[class*=arena-theme-] .duel-room-status{color:var(--arena-mode-accent)}.arena-page[class*=arena-theme-] .duel-builder,.arena-page[class*=arena-theme-] .duel-lobby-list,.arena-page[class*=arena-theme-] .duel-room-card{border-color:color-mix(in srgb, var(--arena-mode-accent), transparent 58%)}.arena-page[class*=arena-theme-] .duel-album-card:hover,.arena-page[class*=arena-theme-] .duel-album-card.selected{border-color:var(--arena-mode-accent);box-shadow:0 10px 30px var(--arena-mode-accent-glow)}.arena-page[class*=arena-theme-] .duel-room-status{border-color:color-mix(in srgb, var(--arena-mode-accent), transparent 48%);background:var(--arena-mode-accent-soft)}.arena-page[class*=arena-theme-] :is(button,input):focus-visible{outline-color:var(--arena-mode-accent)}.arena-hero{width:min(100%,760px);margin:0 auto 28px}.arena-hero h1{margin:0 0 16px;font-size:clamp(48px,7vw,86px);line-height:.95}.arena-hero p:not(.eyebrow){max-width:620px;color:var(--arena-muted);margin:0 auto;line-height:1.45}.arena-status{border:1px solid color-mix(in srgb, var(--arena-mode-accent), transparent 62%);background:radial-gradient(circle at 12% 0%, var(--arena-mode-accent-soft), transparent 34%), #15151f;text-align:left;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:18px;width:min(100%,940px);margin:0 auto 24px;padding:18px;display:grid}.arena-status>span{border:1px solid color-mix(in srgb, var(--arena-mode-accent), white 16%);color:var(--arena-mode-accent);background:var(--arena-mode-accent-soft);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900}.arena-code-entry,.arena-recovery-strip{width:min(100%,940px);margin:0 auto 24px}.arena-code-entry{border:1px solid color-mix(in srgb, var(--arena-mode-accent), transparent 62%);background:radial-gradient(circle at 12% 0%, var(--arena-mode-accent-soft), transparent 34%), #15151f;text-align:left;border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(220px,320px) auto;align-items:center;gap:14px;padding:18px;display:grid}.arena-code-entry h2{color:#fff;margin:0;font-size:22px}.arena-code-entry input{color:#fff;width:100%;font:inherit;text-transform:uppercase;background:#101018e6;border:1px solid #ffffff1f;border-radius:999px;padding:14px 18px}.arena-code-entry input:focus,.arena-page .search-box input:focus{border-color:var(--arena-mode-accent);box-shadow:0 0 0 4px var(--arena-mode-accent-soft)}.arena-code-entry button,.arena-page .start-bar>button,.arena-page .duel-start-button{background:var(--arena-mode-accent);box-shadow:0 0 28px var(--arena-mode-accent-glow)}.arena-active-room-card{border:1px solid color-mix(in srgb, var(--arena-mode-accent,#7c5cff), transparent 56%);background:radial-gradient(circle at 10% 0%, var(--arena-mode-accent-soft,#7c5cff29), transparent 34%), #12121cf0;text-align:left;border-radius:20px;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:16px;width:min(100%,1100px);margin:0 auto;padding:16px;display:grid;box-shadow:0 24px 80px #00000047}.arena-active-room-card.compact{width:100%}.arena-active-room-card>img{aspect-ratio:1;object-fit:cover;border-radius:16px;width:92px}.arena-active-room-main h2{color:#fff;overflow-wrap:anywhere;margin:0 0 5px;font-size:clamp(24px,3vw,36px)}.arena-active-room-main p:not(.eyebrow){color:var(--arena-muted);margin:0 0 10px}.arena-active-room-meta{flex-wrap:wrap;gap:8px;display:flex}.arena-active-room-meta span,.arena-accept-meta span{border:1px solid color-mix(in srgb, var(--arena-mode-accent,#7c5cff), transparent 62%);color:var(--arena-ink);background:var(--arena-mode-accent-soft,#7c5cff1f);text-transform:uppercase;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.arena-active-room-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.arena-status h2{color:#fff;margin:0 0 5px;font-size:22px}.arena-status p{color:var(--arena-muted);margin:0;font-size:16px;line-height:1.4}.arena-mode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:min(100%,1100px);margin:0 auto 28px;display:grid}.arena-mode-overlay{z-index:80;background:radial-gradient(circle at 50% 0%, var(--arena-mode-accent-glow), transparent 34%), #05050ad6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:arenaOverlayIn .18s var(--arena-ease) both;place-items:start center;padding:86px 18px 28px;display:grid;position:fixed;inset:0;overflow-y:auto}.arena-mode-modal{width:min(100%,1180px);position:relative}.arena-modal-close{border:1px solid color-mix(in srgb, var(--arena-mode-accent), transparent 58%);color:#fff;background:#ffffff14;width:fit-content;margin:0 0 14px auto;display:flex}@keyframes arenaOverlayIn{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.global-ranking-tabs{margin:0 0 18px}.multiplayer-rankings{gap:16px;display:grid}.multiplayer-category-tabs{scrollbar-width:thin;gap:8px;padding:2px 2px 8px;display:flex;overflow-x:auto}.multiplayer-category-tabs button{background:var(--surface-soft);color:var(--text-muted);border:1px solid #ffffff21;flex:none}.multiplayer-category-tabs button.active{border-color:var(--duel-accent,#a98cff);color:var(--text-primary);box-shadow:0 0 24px #9b71ff33}.multiplayer-leaderboard-panel{border-top:3px solid var(--duel-accent,#a98cff)}.multiplayer-leaderboard-panel .leaderboard-list-row{grid-template-columns:44px minmax(0,1fr) auto}.competitive-rank-value{font-size:1.05rem;font-weight:800;color:var(--text-primary)!important}.leaderboard-your-position{border-top:1px dashed #a98cff73;gap:7px;margin-top:14px;padding-top:13px;display:grid}.leaderboard-your-position>span{color:var(--duel-accent,#a98cff);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:900}.view-full-leaderboard{margin-top:16px}.leaderboard-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04050acc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.leaderboard-modal{border:1px solid #a98cff61;border-top:3px solid var(--duel-accent,#a98cff);background:var(--surface-strong);border-radius:8px;width:min(760px,100%);max-height:min(760px,88vh);padding:24px;position:relative;box-shadow:0 24px 80px #0000007a}.leaderboard-modal-scroll{overscroll-behavior:contain;gap:8px;max-height:62vh;margin-top:18px;display:grid;overflow-y:auto}.leaderboard-modal-scroll .leaderboard-list-row{grid-template-columns:44px minmax(0,1fr) auto}.multiplayer-profile-section{border-top-color:var(--duel-accent,#a98cff)}.competitive-result{border-top:4px solid var(--result-accent,#a98cff);position:relative;overflow:hidden}.competitive-result.victory{--result-accent:#47e39a;box-shadow:0 18px 60px #47e39a21}.competitive-result.defeat{--result-accent:#ff5f7d}.competitive-result.draw{--result-accent:#b8c3d7}.competitive-result.clean-sheet{--result-accent:#ffd447;box-shadow:0 18px 70px #ffd4472e}.competitive-result.clean-sheet:before{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 25%,#ffd4471f,#0000 70%);animation:2.8s ease-in-out infinite result-sweep;position:absolute;inset:0}.competitive-outcome-banner{text-align:center;justify-items:center;gap:5px;margin:12px 0 22px;display:grid;position:relative}.competitive-outcome-banner span,.match-badges-earned>span{color:var(--result-accent);letter-spacing:.13em;text-transform:uppercase;font-size:.72rem;font-weight:900}.competitive-outcome-banner h2{color:var(--result-accent);text-transform:uppercase;text-shadow:0 0 32px color-mix(in srgb, var(--result-accent) 48%, transparent);margin:0;font-size:clamp(2.5rem,9vw,5.8rem);line-height:.9}.competitive-outcome-banner p{margin:4px 0 0}.competitive-match-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.competitive-match-summary>div{background:#0000002e;border:1px solid #ffffff1a;gap:4px;padding:12px;display:grid}.competitive-match-summary span{color:var(--text-muted);font-size:.72rem}.competitive-match-summary strong{font-size:1.15rem}.match-badges-earned{border:1px solid color-mix(in srgb, var(--result-accent) 45%, transparent);background:color-mix(in srgb, var(--result-accent) 7%, transparent);gap:9px;margin-top:16px;padding:14px;display:grid;position:relative}.match-badges-earned>div{flex-wrap:wrap;gap:8px;display:flex}.match-badges-earned strong{border:1px solid color-mix(in srgb, var(--result-accent) 55%, transparent);color:var(--result-accent);background:#0003;padding:6px 9px}@keyframes result-sweep{0%,to{opacity:0;transform:translate(-65%)}45%,60%{opacity:1}80%{opacity:0;transform:translate(65%)}}@media (width<=620px){.competitive-match-summary{grid-template-columns:1fr}.leaderboard-modal{padding:20px 14px}.multiplayer-leaderboard-panel .leaderboard-list-row,.leaderboard-modal-scroll .leaderboard-list-row{grid-template-columns:36px minmax(0,1fr)}.competitive-rank-value{grid-column:2}}@media (prefers-reduced-motion:reduce){.competitive-result.clean-sheet:before{animation:none}}.arena-mode-card{--mode-accent:#7c5cff;--mode-accent-soft:#7c5cff29;--mode-accent-glow:#7c5cff42;border:1px solid color-mix(in srgb, var(--mode-accent), transparent 44%);min-height:260px;color:var(--arena-ink);background:radial-gradient(circle at 50% -10%, var(--mode-accent-soft), transparent 44%), linear-gradient(160deg, #ffffff13, #ffffff04), #14141f;text-align:left;transition:transform .2s var(--arena-ease), border-color .2s ease, box-shadow .2s ease;border-radius:18px;flex-direction:column;justify-content:space-between;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 60px #0000003d}.arena-mode-card:before{content:"";pointer-events:none;background:linear-gradient(120deg, transparent 0%, #ffffff14 46%, transparent 58%), radial-gradient(circle at 82% 18%, var(--mode-accent-glow), transparent 24%);position:absolute;inset:0}.arena-mode-card:hover:not(:disabled),.arena-mode-card.active{border-color:var(--mode-accent);box-shadow:0 28px 72px var(--mode-accent-glow);transform:translateY(-5px)}.arena-mode-card:disabled{cursor:not-allowed;opacity:.72}.arena-mode-card>*{z-index:1;position:relative}.arena-mode-label{border:1px solid color-mix(in srgb, var(--mode-accent), white 10%);width:fit-content;color:var(--mode-accent);background:var(--mode-accent-soft);text-transform:uppercase;letter-spacing:1px;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900}.arena-mode-card h2{color:#fff;margin:22px 0 10px;font-size:28px}.arena-mode-card p{color:#c9c5d8;margin:0;font-size:16px;line-height:1.45}.arena-mode-card strong{width:fit-content;color:var(--arena-muted);text-transform:uppercase;letter-spacing:1px;background:#ffffff0f;border-radius:999px;margin-top:22px;padding:8px 10px;font-size:12px}.arena-message,.arena-note{width:min(100%,760px);color:var(--arena-muted);margin:0 auto 20px;font-size:16px}.duel-lobby,.duel-room-screen{width:min(100%,1100px);margin:0 auto 28px}.duel-lobby{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:18px;display:grid}.duel-builder,.duel-open-rooms,.duel-room-screen{border:1px solid color-mix(in srgb, var(--arena-mode-accent), transparent 66%);background:radial-gradient(circle at 14% 0%, var(--arena-mode-accent-soft), transparent 30%), #15151f;text-align:left;border-radius:18px;padding:22px}.duel-builder .search-box{justify-content:flex-start;margin-bottom:18px}.duel-album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.duel-result-count{margin:0 0 12px}.duel-view-more-albums{width:100%;margin:0 0 18px}.duel-album-card{min-height:92px;color:var(--arena-ink);text-align:left;background:#101018e6;border:1px solid #ffffff1a;border-radius:14px;grid-template-columns:58px 1fr;align-items:center;gap:10px;padding:10px;display:grid}.duel-album-card:hover,.duel-album-card.selected{border-color:var(--arena-mode-accent);background:var(--arena-mode-accent-soft)}.duel-album-card img,.duel-room-card img,.duel-room-hero img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%}.duel-album-card strong,.duel-album-card small{overflow-wrap:anywhere;display:block}.duel-album-skeleton{pointer-events:none;min-height:94px}.duel-album-skeleton .skeleton-cover{width:64px;min-width:64px;margin:0}.duel-album-card small{color:var(--arena-muted);margin-top:4px}.duel-create-button{width:100%}.arena-start-bar{border-color:color-mix(in srgb, var(--arena-mode-accent), transparent 58%);width:min(94vw,820px);box-shadow:0 24px 64px #0000008c, 0 0 42px var(--arena-mode-accent-glow)}.arena-privacy-toggle{border:1px solid color-mix(in srgb, var(--arena-mode-accent), transparent 66%);background:#101018d1;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.start-bar .arena-privacy-toggle button{min-height:34px;color:var(--arena-muted);background:0 0;border:1px solid #0000;padding:8px 11px;font-size:12px;font-weight:900}.start-bar .arena-privacy-toggle button:hover,.start-bar .arena-privacy-toggle button.active{border-color:color-mix(in srgb, var(--arena-mode-accent), transparent 42%);background:var(--arena-mode-accent-soft);color:#fff}.arena-accept-screen{width:min(100%,760px);margin:0 auto 28px}.arena-accept-card{text-align:left;justify-items:start;gap:14px;display:grid}.arena-accept-card img{aspect-ratio:1;object-fit:cover;border-radius:18px;width:150px;box-shadow:0 20px 50px #00000057}.arena-accept-card h2{margin:0}.arena-accept-meta{flex-wrap:wrap;gap:8px;display:flex}.arena-accept-card .arena-note{width:100%;margin:0}.arena-accept-actions{margin-top:4px}.arena-invite-panel,.rematch-album-picker{border:1px solid color-mix(in srgb, var(--arena-mode-accent), transparent 64%);background:radial-gradient(circle at 10% 0%, var(--arena-mode-accent-soft), transparent 30%), #101018d6;border-radius:18px;padding:18px}.arena-invite-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.arena-invite-panel h3{color:#fff;letter-spacing:.08em;margin:6px 0;font-size:30px}.arena-invite-panel p{color:var(--arena-muted);overflow-wrap:anywhere;margin:0}.arena-invite-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.rematch-actions{margin-top:18px}.rematch-album-picker{gap:16px;display:grid}.rematch-album-picker .search-box{justify-content:flex-start}.duel-room-list{gap:12px;display:grid}.duel-room-card{background:#101018d1;border:1px solid #ffffff1a;border-radius:16px;grid-template-columns:64px minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:12px;display:grid}.duel-room-card strong,.duel-room-card span,.duel-room-card small{overflow-wrap:anywhere;display:block}.duel-room-card span,.duel-room-card small{color:var(--arena-muted)}.duel-room-status,.duel-room-count{border:1px solid color-mix(in srgb, var(--arena-mode-accent), transparent 62%);background:var(--arena-mode-accent-soft);text-transform:uppercase;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:900;color:var(--arena-ink)!important}.duel-room-card button{min-height:42px;padding:10px 15px;font-size:14px}.duel-room-screen{gap:18px;display:grid}.duel-room-actions{flex-wrap:wrap;gap:10px;display:flex}.danger-button{color:#ffb4b4;border-color:#ff4d4d6b}.danger-button:hover{background:#ff4d4d1f;border-color:#ff4d4db8}.duel-room-hero{grid-template-columns:130px 1fr;align-items:center;gap:18px;display:grid}.duel-room-hero h2{color:#fff;margin:0 0 8px;font-size:clamp(30px,4vw,48px)}.duel-room-hero p:not(.eyebrow){color:var(--arena-muted);margin:0 0 12px}.duel-room-hero span{color:#fff1a8;text-transform:uppercase;background:#ffd76a1f;border:1px solid #ffd76a61;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900;display:inline-flex}.duel-player-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.group-player-grid,.group-results-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.duel-player-card{background:#101018d1;border:1px solid #ffffff1a;border-radius:16px;min-height:120px;padding:18px}.duel-player-card span{color:var(--arena-muted);text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:900}.duel-player-card strong{color:#fff;overflow-wrap:anywhere;margin-top:10px;font-size:24px;display:block}.duel-player-card p{color:var(--arena-accent-bright);margin:6px 0 0;font-size:16px}.duel-player-card small{color:var(--arena-muted);margin-top:6px;display:block}.duel-player-card.audio-ready{border-color:#2ee66b8c;box-shadow:inset 3px 0 #2ee66b,0 0 24px #2ee66b1a}.duel-player-card.audio-ready small{color:#8dffb5;font-weight:800}.duel-player-card.lobby-ready{background:linear-gradient(135deg,#2ee66b17,#0000 58%),#101018e0;border-color:#2ee66b94;box-shadow:inset 3px 0 #2ee66b,0 0 24px #2ee66b1a}.duel-player-card.lobby-reconnecting{border-color:#ffd76a80;box-shadow:inset 3px 0 #ffd76a}.duel-player-card.lobby-left{opacity:.58;filter:saturate(.35)}.lobby-player-status{letter-spacing:.06em;border:1px solid #ffffff1f;border-radius:999px;width:fit-content;padding:5px 9px;font-size:11px;font-weight:900}.lobby-ready .lobby-player-status{color:#8dffb5;background:#2ee66b17;border-color:#2ee66b80}.lobby-reconnecting .lobby-player-status{color:#fff1a8;background:#ffd76a14;border-color:#ffd76a75}.arena-ready-controls{justify-items:center;gap:12px;display:grid}.duel-ready-button{background:linear-gradient(135deg,#7c5cff,#a855f7);border:1px solid #7c5cffb3;min-width:min(100%,260px);box-shadow:0 0 28px #7c5cff3d}.duel-ready-button.is-ready{color:#dfffea;background:linear-gradient(135deg,#13793a,#20a959);border-color:#2ee66b9e;box-shadow:0 0 28px #2ee66b2e}.arena-host-choosing{color:#fff1a8;font-weight:800}.arena-confirm-overlay{z-index:12000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04030ac7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.arena-confirm-dialog{text-align:left;background:radial-gradient(circle at 16% 0,#7c5cff33,#0000 42%),#12121c;border:1px solid #7c5cff80;border-radius:18px;width:min(100%,480px);padding:clamp(24px,5vw,38px);box-shadow:0 28px 90px #0000008f}.arena-confirm-dialog h2{color:#fff;margin:0 0 12px;font-size:clamp(24px,5vw,34px)}.arena-confirm-dialog>p:not(.eyebrow){color:var(--arena-muted);margin:0 0 24px;line-height:1.6}.arena-audio-check{background:linear-gradient(115deg,#7c5cff24,#101018eb);border:1px solid #7c5cff66;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.arena-audio-check p{color:var(--arena-muted);margin:6px 0 0}.arena-audio-debug{z-index:10000;color:#dbe7f1;pointer-events:none;background:#05080ef5;border:1px solid #61dafb8c;border-radius:8px;gap:3px;min-width:min(290px,100vw - 24px);padding:12px;font:12px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid;position:fixed;bottom:12px;right:12px;box-shadow:0 18px 50px #00000073}.arena-audio-debug strong{color:#61dafb;text-transform:uppercase;margin-bottom:4px}.arena-readiness-debug{border-top:1px solid #61dafb40;gap:6px;margin-top:7px;padding-top:7px;display:grid}.arena-readiness-player{background:#ffffff09;border:1px solid #ffffff1a;border-radius:5px;gap:1px;padding:6px;display:grid}@media (width<=640px){.arena-audio-check{flex-direction:column;align-items:stretch}.arena-audio-debug{max-height:34vh;overflow:auto}}.duel-winner-card{background:radial-gradient(circle at 18% 0,#ffd76a2e,#0000 34%),#101018eb;border-color:#ffd76ab3;box-shadow:0 0 34px #ffd76a29}.duel-head-to-head{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.group-live-board{text-align:left;background:radial-gradient(circle at 12% 0,#7c5cff24,#0000 32%),#101018db;border:1px solid #7c5cff3d;border-radius:18px;padding:18px}.group-live-list{gap:10px;display:grid}.group-live-row{background:#101018d1;border:1px solid #ffffff1a;border-radius:14px;grid-template-columns:34px minmax(0,1.2fr) minmax(86px,auto) repeat(3,minmax(82px,auto));align-items:center;gap:10px;padding:12px;display:grid}.group-live-row.current{border-color:#61dafb6b;box-shadow:0 0 24px #61dafb1f}.group-live-row .rank-number{color:#fff1a8;background:#ffd76a1a;border:1px solid #ffd76a6b;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.group-live-row strong,.group-live-row span,.group-live-row small{overflow-wrap:anywhere}.group-live-row strong{color:#fff}.group-live-row span:not(.rank-number){color:var(--arena-accent-bright);font-weight:900}.group-live-row small{color:var(--arena-muted);font-size:12px;font-weight:800}.duel-h2h-card{background:radial-gradient(circle at 12% 0,#7c5cff24,#0000 32%),#101018db;border:1px solid #ffffff1a;border-radius:18px;min-width:0;padding:18px}.duel-h2h-card.current{border-color:#61dafb6b;box-shadow:0 0 28px #61dafb1f}.duel-h2h-card span,.duel-h2h-card small{color:var(--arena-muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900;display:block}.duel-h2h-card strong{color:#fff;overflow-wrap:anywhere;margin-top:8px;font-size:clamp(18px,2.5vw,26px);display:block}.duel-h2h-card p{color:var(--arena-accent-bright);margin:8px 0;font-size:22px;font-weight:900}.duel-h2h-vs{color:#fff1a8;background:#ffd76a1a;border:1px solid #ffd76a73;border-radius:50%;align-self:center;place-items:center;width:48px;height:48px;font-weight:900;display:grid;box-shadow:0 0 24px #ffd76a24}.duel-game-screen{text-align:center;position:relative;overflow:hidden}.duel-game-screen .duel-room-hero,.duel-game-screen .duel-head-to-head{text-align:left}.duel-start-button:disabled{opacity:.7;cursor:not-allowed}.leaderboard-header{max-width:720px;margin:0 auto 36px}.leaderboard-header h1{margin:0 0 16px}.leaderboard-header p{margin-bottom:24px}.leaderboard-header .cloud-sync-message{background:#1a1a1a;border:1px solid #333;border-radius:14px;width:min(100%,640px);margin:0 auto 24px;padding:12px 16px}.leaderboard-tabs{border:1px solid var(--arena-border);background:#1a1a22e6;border-radius:999px;gap:6px;width:fit-content;max-width:100%;margin:0 auto 24px;padding:6px;display:flex}.leaderboard-tabs button{color:var(--arena-muted);background:0 0;border:1px solid #0000;padding:10px 18px}.leaderboard-tabs button:hover,.leaderboard-tabs button.active{color:var(--arena-ink);background:var(--arena-accent-soft);border-color:#7c5cff73}.account-button{white-space:normal;align-items:center;gap:8px;max-width:none;display:inline-flex}.player-label{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.player-profile-link{max-width:100%;min-height:0;color:inherit;font:inherit;font-weight:inherit;text-align:left;text-underline-offset:3px;background:0 0;border:none;border-radius:0;padding:0;-webkit-text-decoration:underline #a78bfa6b;text-decoration:underline #a78bfa6b}.player-profile-link:hover{color:var(--arena-accent-bright);-webkit-text-decoration-color:var(--arena-accent-bright);text-decoration-color:var(--arena-accent-bright);background:0 0}.player-identity-badges{flex-wrap:wrap;align-items:center;gap:5px;display:inline-flex}.player-identity-badges.compact{gap:4px}.player-identity-badge{min-height:22px;color:var(--arena-ink);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;background:#7c5cff24;border:1px solid #7c5cff61;border-radius:999px;align-items:center;gap:4px;padding:3px 7px;font-size:11px;font-weight:900;line-height:1;display:inline-flex;box-shadow:0 0 18px #7c5cff14}.player-identity-badges:not(.compact) .player-identity-badge{min-height:30px;padding:6px 10px;font-size:12px}.identity-tier-newcomer{background:#7c5cff29;border-color:#a78bfa73}.identity-tier-bronze{background:#d9985f29;border-color:#d9985f8c}.identity-tier-silver{background:#d8deea21;border-color:#d8deea94}.identity-tier-gold,.identity-tier-legendary{color:#fff1a8;background:#ffd76a26;border-color:#ffd76aad}.identity-tier-platinum{color:#c9f4ff;background:#61dafb24;border-color:#61dafb9e}.identity-form{color:#ffe2ca;background:linear-gradient(135deg,#ff585457,#ff4fa038 48%,#ffb84d4d),#ff4fa01f;border-color:#ff8740b8;animation:1.6s ease-in-out infinite alternate identity-hot-pulse;box-shadow:0 0 18px #ff4fa038,inset 0 0 12px #ffb84d14}.identity-dailyStreak,.identity-winningStreak{color:#d7ffe2;background:linear-gradient(135deg,#2ee66b33,#61dafb1f),#2ee66b1f;border-color:#2ee66b80;box-shadow:0 0 18px #2ee66b29}.identity-badge-symbol{background:#ffffff24;border-radius:999px;place-items:center;width:15px;height:15px;font-size:10px;line-height:1;display:inline-grid}.identity-form .identity-badge-symbol{color:#ffcf4d;background:radial-gradient(circle,#ffcf4d70,#ff58542e);box-shadow:0 0 12px #ff87406b}@keyframes identity-hot-pulse{0%{box-shadow:0 0 18px #ff4fa02e,inset 0 0 12px #ffb84d14}to{box-shadow:0 0 28px #ff874057,inset 0 0 16px #ffb84d1f}}.leaderboard-grid,.leaderboard-sections{gap:16px;width:min(100%,960px);margin:0 auto;display:grid}.leaderboard-grid{grid-template-columns:repeat(3,1fr);margin-bottom:24px}.leaderboard-sections{grid-template-columns:repeat(2,1fr);margin-bottom:32px}.global-leaderboard-sections{align-items:start}.player-identity-panel,.daily-goals-panel{text-align:left;background:radial-gradient(circle at 14% 0,#7c5cff29,#0000 30%),#15151f;border:1px solid #7c5cff3d;border-radius:18px;width:min(100%,1100px);margin:0 auto 28px;padding:22px}.player-identity-panel{justify-content:space-between;align-items:center;gap:18px;display:flex}.player-identity-panel h2,.daily-goals-panel h2{color:#fff;margin:0 0 8px;font-size:24px}.player-identity-panel p{color:var(--arena-muted);margin:0;font-size:16px}.daily-goal-list{gap:12px;display:grid}.daily-goal{border-top:1px solid #ffffff14;grid-template-columns:1fr minmax(160px,240px);align-items:center;gap:18px;padding:14px 0;display:grid}.daily-goal:first-child{border-top:none}.daily-goal strong{color:#fff;margin-bottom:4px;display:block}.daily-goal span{color:var(--arena-muted);font-size:15px}.daily-goal.complete strong{color:#fff1a8}.badge-section{text-align:left;background:radial-gradient(circle at 18% 0,#7c5cff2e,#0000 30%),linear-gradient(#ffffff0a,#ffffff03),#12121a;border:1px solid #7c5cff47;border-radius:18px;width:min(100%,1100px);margin:0 auto 36px;padding:24px;box-shadow:0 24px 80px #00000047}.badge-section-header{justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;display:flex}.badge-section-header h2{color:#fff;margin:0;font-size:28px}.badge-section-header .eyebrow{margin-bottom:8px}.badge-section-header>span{color:var(--arena-ink);white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;padding:8px 12px;font-weight:800}.badge-earned{background:linear-gradient(135deg,#ffd76a29,#7c5cff1a),#ffffff0a;border:1px solid #ffd76a73;border-radius:16px;gap:4px;margin-bottom:24px;padding:16px 18px;display:grid;box-shadow:0 0 34px #ffd76a1f}.badge-earned span,.badge-earned small{color:#d9d0a3;text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:800}.badge-earned strong{color:#fff1a8;font-size:22px}.badge-category{margin-top:24px}.badge-category h3{color:var(--arena-ink);margin:0 0 12px;font-size:19px}.badge-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.badge-card{--badge-accent:#7c5cff;--badge-accent-soft:#7c5cff2e;--badge-accent-glow:#7c5cff42;border:1px solid color-mix(in srgb, var(--badge-accent), transparent 42%);background:radial-gradient(circle at 50% -10%, var(--badge-accent-soft), transparent 42%), linear-gradient(160deg, #ffffff14, #ffffff04), #15151f;min-height:260px;transition:transform .2s var(--arena-ease), border-color .2s ease, box-shadow .2s ease, filter .2s ease;border-radius:18px;flex-direction:column;justify-content:space-between;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000003d}.badge-card:before{content:"";pointer-events:none;background:linear-gradient(120deg, transparent 0%, #ffffff14 46%, transparent 58%), radial-gradient(circle at 82% 18%, var(--badge-accent-glow), transparent 24%);opacity:.7;position:absolute;inset:0}.badge-card:hover{border-color:var(--badge-accent);box-shadow:0 26px 70px var(--badge-accent-glow);transform:translateY(-4px)}.badge-card-clickable{cursor:pointer}.badge-card-clickable:focus-visible{outline:2px solid var(--badge-accent);outline-offset:3px}.badge-card>*{z-index:1;position:relative}.badge-topline{color:var(--arena-muted);text-transform:uppercase;letter-spacing:1px;justify-content:space-between;gap:12px;font-size:12px;font-weight:900;display:flex}.badge-topline strong{color:var(--badge-accent)}.badge-icon{border:1px solid color-mix(in srgb, var(--badge-accent), white 10%);background:radial-gradient(circle at 50% 22%, #ffffff2e, transparent 34%), linear-gradient(145deg, var(--badge-accent-soft), #ffffff0a);width:86px;height:86px;box-shadow:inset 0 0 22px #ffffff0d, 0 0 32px var(--badge-accent-glow);border-radius:28px;place-items:center;margin:18px auto 16px;display:grid}.badge-icon span{color:var(--badge-accent);text-shadow:0 0 22px var(--badge-accent-glow);font-size:42px;line-height:1}.badge-icon-checkRing,.badge-icon-record,.badge-icon-discs{border-radius:999px}.badge-icon-bolt{transform:skew(-8deg)}.badge-icon-shield{border-radius:28px 28px 34px 34px}.badge-copy h3{color:#fff;margin:0 0 8px;font-size:20px}.badge-copy p{color:#c9c5d8;margin:0;font-size:15px;line-height:1.4}.badge-progress{gap:8px;margin-top:16px;display:grid}.badge-progress div{background:#ffffff1a;border-radius:999px;height:7px;overflow:hidden}.badge-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--badge-accent), white);height:100%;display:block}.badge-progress small{color:var(--arena-muted);font-weight:800}.badge-locked{filter:grayscale(.75)saturate(.55);opacity:.58}.badge-locked .badge-icon span{color:#8d8999}.badge-locked:after{content:"LOCKED";z-index:2;color:#aaa6b8;letter-spacing:1px;background:#00000047;border:1px solid #ffffff1f;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900;position:absolute;bottom:14px;right:14px}.badge-unlocked.badge-tier-legendary{animation:1.8s ease-in-out infinite alternate badge-legendary-breathe}.badge-detail-overlay{z-index:1200;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05050ab8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.badge-detail-modal{--badge-accent:#7c5cff;--badge-accent-soft:#7c5cff2e;--badge-accent-glow:#7c5cff42;border:1px solid color-mix(in srgb, var(--badge-accent), white 12%);background:radial-gradient(circle at 20% 0%, var(--badge-accent-soft), transparent 38%), linear-gradient(145deg, #ffffff14, #ffffff05), #12121a;width:min(100%,520px);box-shadow:0 28px 90px #00000085, 0 0 48px var(--badge-accent-glow);text-align:left;animation:arena-rise .22s var(--arena-ease) both;border-radius:20px;padding:26px;position:relative}.badge-detail-close{min-width:36px;min-height:36px;color:var(--arena-ink);background:#ffffff0d;border:1px solid #ffffff1f;padding:0;font-size:13px;position:absolute;top:14px;right:14px}.badge-detail-close:hover{background:#ffffff1a}.badge-detail-modal h2{color:#fff;margin:0 0 14px;font-size:34px}.badge-detail-modal p:not(.eyebrow){color:#c9c5d8;margin:0 0 20px;font-size:17px;line-height:1.45}.badge-detail-meta{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.badge-detail-meta span{border:1px solid color-mix(in srgb, var(--badge-accent), transparent 48%);color:var(--badge-accent);background:var(--badge-accent-soft);text-transform:uppercase;letter-spacing:.8px;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.badge-detail-progress{margin-top:0}.badge-earned-popup{--badge-accent:#7c5cff;--badge-accent-soft:#7c5cff2e;--badge-accent-glow:#7c5cff42;z-index:40;border:1px solid color-mix(in srgb, var(--badge-accent), white 12%);background:radial-gradient(circle at 16% 0%, var(--badge-accent-soft), transparent 38%), linear-gradient(145deg, #ffffff17, #ffffff05), #101018f5;width:min(420px,100vw - 32px);box-shadow:0 24px 80px #0000006b, 0 0 44px var(--badge-accent-glow);text-align:left;animation:badge-earned-slide 4.2s var(--arena-ease) forwards;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;grid-template-columns:72px 1fr;align-items:center;gap:14px;padding:16px;display:grid;position:fixed;bottom:24px;right:24px}.badge-earned-popup-icon{border:1px solid color-mix(in srgb, var(--badge-accent), white 10%);background:radial-gradient(circle at 50% 20%, #ffffff2e, transparent 34%), var(--badge-accent-soft);width:64px;height:64px;box-shadow:0 0 30px var(--badge-accent-glow);border-radius:22px;place-items:center;display:grid}.badge-earned-popup-icon span{color:var(--badge-accent);text-shadow:0 0 22px var(--badge-accent-glow);font-size:34px;line-height:1}.badge-earned-popup span{color:var(--badge-accent);text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:900}.badge-earned-popup strong{color:#fff;margin:4px 0;font-size:21px;display:block}.badge-earned-popup small{color:var(--arena-muted);font-weight:800}.badge-gold,.badge-amber{--badge-accent:#ffd76a;--badge-accent-soft:#ffd76a29;--badge-accent-glow:#ffd76a4d}.badge-cyan{--badge-accent:#61dafb;--badge-accent-soft:#61dafb24;--badge-accent-glow:#61dafb3d}.badge-yellow{--badge-accent:#ffcf4d;--badge-accent-soft:#ffcf4d26;--badge-accent-glow:#ffcf4d3d}.badge-violet{--badge-accent:#a78bfa;--badge-accent-soft:#a78bfa29;--badge-accent-glow:#a78bfa47}.badge-magenta,.badge-rose{--badge-accent:#ff4fa0;--badge-accent-soft:#ff4fa024;--badge-accent-glow:#ff4fa03d}.badge-bronze{--badge-accent:#d9985f;--badge-accent-soft:#d9985f26;--badge-accent-glow:#d9985f38}.badge-silver{--badge-accent:#d8deea;--badge-accent-soft:#d8deea21;--badge-accent-glow:#d8deea33}@keyframes badge-legendary-breathe{0%{box-shadow:0 20px 50px #0000003d}to{box-shadow:0 28px 86px var(--badge-accent-glow)}}@keyframes badge-earned-slide{0%{opacity:0;transform:translateY(24px)scale(.96)}12%,82%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(18px)scale(.98)}}.stat-card,.leaderboard-panel,.recent-results{background:#1a1a1a;border:1px solid #333;border-radius:14px}.stat-card{flex-direction:column;justify-content:center;gap:10px;min-height:120px;padding:22px;display:flex}.stat-card span,.leaderboard-panel span,.result-row span{color:#aaa}.stat-card strong{color:#fff;font-size:30px;line-height:1}.leaderboard-panel{text-align:left;padding:22px}.leaderboard-panel h2,.recent-results h2{margin:0 0 14px;font-size:22px}.leaderboard-panel p{color:#ccc;gap:8px;margin:0;font-size:17px;display:grid}.leaderboard-panel strong{color:#fff}.leaderboard-list{gap:10px;display:grid}.leaderboard-limit-note{margin:6px 0 0;color:var(--arena-muted)!important;font-size:14px!important}.leaderboard-list-row{border-top:1px solid #333;grid-template-columns:28px 1fr auto auto;align-items:center;gap:14px;padding:12px 0;display:grid}.leaderboard-list-row:first-child{border-top:none;padding-top:0}.leaderboard-list-row div{gap:4px;min-width:0;display:grid}.leaderboard-list-row strong,.leaderboard-list-row span{overflow-wrap:anywhere}.rank-number{background:#fff;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:inline-flex;color:#111!important}.recent-results{text-align:left;width:min(100%,960px);margin:0 auto;padding:22px}.results-table{gap:10px;display:grid}.result-row{border-top:1px solid #333;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:14px 0;display:grid}.result-row div{gap:4px;display:grid}.result-row strong{color:#fff}.empty-stats{color:#ccc;margin:0;font-size:17px}.clear-stats-button{color:#ffb3b3;background:0 0;border:1px solid #633;margin-top:24px}.clear-stats-button:hover{background:#2a1717}@media (width<=800px){.home-dashboard{padding:44px 20px 90px}.home-hero-panel,.home-mode-grid,.home-dashboard-grid{grid-template-columns:1fr}.home-hero-panel>div{min-height:420px}.home-hero-panel h1{font-size:clamp(44px,13vw,64px)}.home-player-stats{grid-template-columns:1fr}.home-mode-card{min-height:240px}.home-list-row{grid-template-columns:1fr}.profile-page,.arena-page{padding:44px 20px 90px}.arena-status{text-align:center;grid-template-columns:1fr}.arena-status>span{justify-self:center}.arena-mode-grid{grid-template-columns:1fr}.arena-mode-card{min-height:220px}.arena-code-entry,.arena-active-room-card{text-align:center;grid-template-columns:1fr}.arena-active-room-card>img{margin:0 auto}.arena-active-room-meta,.arena-active-room-actions,.arena-accept-meta,.arena-invite-actions{justify-content:center}.duel-lobby,.duel-player-grid,.duel-head-to-head{grid-template-columns:1fr}.group-live-row{grid-template-columns:34px 1fr;align-items:start}.group-live-row span:not(.rank-number),.group-live-row small{grid-column:2}.duel-h2h-vs{justify-self:center}.duel-album-grid{grid-template-columns:1fr}.duel-room-card{grid-template-columns:58px 1fr}.duel-room-card>span,.duel-room-card>button{grid-column:2;width:fit-content}.duel-room-hero{text-align:center;grid-template-columns:1fr}.duel-room-hero img{width:min(180px,100%);margin:0 auto}.profile-hero{text-align:center;grid-template-columns:1fr;padding:22px}.profile-hero .player-identity-badges,.profile-handle-row{justify-content:center}.profile-tier-card{min-height:140px}.profile-section-header,.profile-panel-heading{flex-direction:column;align-items:start;gap:8px}.profile-showcase-grid,.featured-badge-picker{grid-template-columns:1fr}.account-button{justify-content:center}.player-identity-panel{flex-direction:column;align-items:start}.daily-goal{grid-template-columns:1fr;gap:10px}.badge-section{padding:18px}.badge-section-header{flex-direction:column;align-items:start}.badge-grid{grid-template-columns:1fr}.badge-card{min-height:230px}.badge-earned-popup{grid-template-columns:56px 1fr;bottom:16px;right:16px}.badge-earned-popup-icon{border-radius:18px;width:52px;height:52px}.badge-earned-popup strong{font-size:18px}.leaderboard-grid,.leaderboard-sections{grid-template-columns:1fr}.leaderboard-list-row{grid-template-columns:28px 1fr;align-items:start}.leaderboard-list-row>span:not(.rank-number){grid-column:2}.result-row{grid-template-columns:1fr;gap:8px}.single-player-page{padding:44px 20px 140px}.single-player-hero,.single-player-shell{grid-template-columns:1fr}.single-player-hero>div{min-height:320px}.single-player-hero h1{font-size:clamp(42px,13vw,64px)}.album-search-compact .album-grid{grid-template-columns:1fr}.arena-start-bar{flex-wrap:wrap;align-items:stretch;width:min(94vw,520px)}.arena-start-bar .start-bar-info{flex-basis:calc(100% - 76px)}.arena-privacy-toggle{order:3;width:100%}.arena-privacy-toggle button{flex:1}.arena-start-bar>button{order:4;width:100%}.arena-invite-panel{grid-template-columns:1fr}}button,input,.badge-card,.album-card,.duel-album-card,.leaderboard-list-row{transition:transform .15s var(--arena-ease), border-color .15s ease, background .15s ease, color .15s ease, box-shadow .15s ease, opacity .15s ease}button:focus-visible,input:focus-visible,[role=button]:focus-visible{outline-offset:3px;outline:2px solid #c4b5fd}button:active:not(:disabled){transform:translateY(1px)scale(.985)}.empty-stats,.preview-unavailable,.arena-note{background:#7c5cff0e;border:1px dashed #a78bfa3d;border-radius:12px;padding:14px 16px;line-height:1.45}.single-player-page{gap:24px;padding-bottom:120px}.single-player-hero{align-items:stretch;margin-bottom:0}.single-player-hero>div{min-height:300px}.single-player-search-panel{border-color:#a78bfa57}.album-search-compact .eyebrow{color:#c4b5fd;margin-bottom:6px}.album-search-compact h2{color:#fff;margin:0 0 8px}.album-search-compact .section-sub{color:#bdb8cc;max-width:560px}.single-player-side-panel{position:sticky;top:96px}.single-player-side-panel .home-list-row{background:#08080e75;border-color:#ffffff17}.song-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,820px);margin-left:auto;margin-right:auto;display:grid}.song-button{color:#f8f7ff;text-align:left;white-space:normal;overflow-wrap:anywhere;width:100%;min-width:0;min-height:68px;animation:answer-card-in .22s var(--arena-ease) both;background:linear-gradient(135deg,#7c5cff1f,#0000 52%),linear-gradient(#222231,#171720);border:1px solid #c4b5fd33;border-radius:12px;padding:15px 18px;font-size:16px;line-height:1.25;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 10px 24px #0003}.song-button:before{content:"";opacity:.55;background:#8b5cf6;width:4px;position:absolute;inset:0 auto 0 0}.song-button:not(:disabled):hover{background:linear-gradient(135deg,#7c5cff3d,#0000 58%),#242435;border-color:#c4b5fdad;transform:translateY(-2px);box-shadow:0 14px 34px #5b44be42}.song-button.selected-song{color:#fff;background:linear-gradient(135deg,#8b5cf66b,#4c1d953d),#211c35;border-color:#c4b5fd;box-shadow:0 0 0 2px #c4b5fd29,0 0 28px #8b5cf64d}.song-button.correct-song,.song-button.correct-song:disabled{opacity:1;color:#effff4;animation:answer-correct .36s var(--arena-ease) both;background:linear-gradient(135deg,#2ee66b61,#0c5e3047),#13271b;border-color:#34d36f;box-shadow:0 0 30px #2ee66b47}.song-button.correct-song:before{opacity:1;background:#55f28d}.song-button.wrong-song,.song-button.wrong-song:disabled{opacity:1;color:#fff3f3;background:linear-gradient(135deg,#ff4d4d5c,#74172a40),#2b171c;border-color:#f66;animation:.3s ease-out both answer-wrong;box-shadow:0 0 28px #ff4d4d38}.song-button.wrong-song:before{opacity:1;background:#f66}.song-button:disabled:not(.correct-song):not(.wrong-song){opacity:.48;color:#aaa6b8;cursor:default}.points-pop{animation:score-gain-pop .42s var(--arena-ease) both}.streak-reward,.streak-active{animation:streak-chip-pop .34s var(--arena-ease) both}@keyframes answer-card-in{0%{opacity:0;transform:translateY(7px)}}@keyframes answer-correct{0%{transform:scale(.97)}65%{transform:scale(1.018)}to{transform:scale(1)}}@keyframes answer-wrong{0%,to{transform:translate(0)}35%{transform:translate(-4px)}70%{transform:translate(4px)}}@keyframes score-gain-pop{0%{opacity:0;transform:translateY(8px)scale(.82)}70%{opacity:1;transform:translateY(0)scale(1.08)}to{transform:scale(1)}}@keyframes streak-chip-pop{0%{transform:scale(.9)}70%{transform:scale(1.05)}to{transform:scale(1)}}.arena-game-overlay{place-items:center;padding:8px;overflow:hidden}.arena-game-modal{width:min(100%,1440px);height:calc(100dvh - 16px)}.arena-game-modal .duel-room-screen.duel-game-screen{border-radius:14px;grid-template:"hero side""status side""state side"minmax(92px,1fr)"clue side""answers side"/minmax(0,1fr) minmax(280px,.42fr);gap:clamp(6px,1vh,11px) clamp(10px,1.3vw,18px);width:100%;height:100%;margin:0;padding:clamp(10px,1.7vh,18px);display:grid;overflow:hidden}.arena-game-modal .duel-room-hero{grid-area:hero;grid-template-columns:clamp(46px,7vh,72px) minmax(0,1fr);gap:12px;min-width:0;padding-right:96px}.arena-game-modal .duel-room-hero img{border-radius:9px}.arena-game-modal .duel-room-hero h2{overflow-wrap:anywhere;margin-bottom:2px;font-size:clamp(18px,3vh,30px);line-height:1}.arena-game-modal .duel-room-hero p,.arena-game-modal .duel-room-hero .eyebrow{margin:0 0 3px;font-size:11px}.arena-game-modal .duel-room-hero span{padding:4px 7px;font-size:9px}.arena-game-modal .duel-room-actions{z-index:5;position:absolute;top:10px;right:10px}.arena-game-modal .duel-head-to-head,.arena-game-modal .group-live-board{grid-area:side;min-height:0;margin:0;overflow:hidden}.arena-game-modal .duel-head-to-head{grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);grid-template-columns:1fr;gap:8px}.arena-game-modal .duel-h2h-card{min-height:0;padding:12px}.arena-game-modal .duel-h2h-card strong{margin-top:4px;font-size:17px}.arena-game-modal .duel-h2h-card p{margin:4px 0;font-size:18px}.arena-game-modal .duel-h2h-vs{width:32px;height:32px;margin:0 auto;font-size:11px}.arena-game-modal .group-live-board{flex-direction:column;padding:12px;display:flex}.arena-game-modal .group-live-board .profile-panel-heading{flex:none;margin-bottom:8px}.arena-game-modal .group-live-board h2{font-size:18px}.arena-game-modal .group-live-list{overscroll-behavior:contain;scrollbar-color:var(--arena-mode-accent) #ffffff0f;min-height:0;overflow-y:auto}.arena-game-modal .group-live-row{grid-template-columns:28px minmax(100px,1fr) auto;gap:7px;padding:8px}.arena-game-modal .group-live-row small{grid-column:2/-1;display:inline}.group-live-row.current{background:linear-gradient(135deg,#22d3ee33,#7c5cff1f),#171925;border-color:#67e8f9;font-weight:800;box-shadow:inset 4px 0 #67e8f9,0 0 30px #22d3ee2e}.group-you-tag{color:#d8fbff;letter-spacing:0;vertical-align:middle;background:#22d3ee2e;border:1px solid #67e8f9a6;border-radius:4px;margin-left:7px;padding:2px 5px;font-size:8px;line-height:1.2;display:inline-flex}.arena-game-modal .quiz-status{flex-wrap:nowrap;grid-area:status;gap:6px;margin:0}.arena-game-modal .quiz-status span,.arena-game-modal .quiz-status button{white-space:nowrap;min-width:0;min-height:30px;padding:5px 9px;font-size:11px}.arena-game-modal .game-state{grid-area:state;min-height:0;margin:0;overflow:hidden}.arena-game-modal .game-state-label{margin-bottom:3px;font-size:13px}.arena-game-modal .game-state-detail,.arena-game-modal .hype-message,.arena-game-modal .reveal-answer{margin-bottom:4px;font-size:13px}.arena-game-modal .timer-ring{width:clamp(66px,12vh,96px);height:clamp(66px,12vh,96px);margin:0 auto 3px}.arena-game-modal .timer-ring span{font-size:28px}.arena-game-modal .start-countdown{font-size:clamp(38px,8vh,64px)}.arena-game-modal .points-pop{margin-bottom:4px;font-size:clamp(28px,6vh,42px)}.arena-game-modal .correct-burst{height:44px}.arena-game-modal .quiz-clue{grid-area:clue;margin:0;font-size:13px;line-height:1.25}.arena-game-modal .audio-preview-wrapper{pointer-events:none;grid-area:clue;align-self:end;min-height:0;margin:0}.arena-game-modal .audio-preview-wrapper button{z-index:20;pointer-events:auto;min-height:34px;box-shadow:0 18px 70px #00000094, 0 0 36px var(--arena-mode-accent-glow);padding:7px 12px;font-size:12px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.arena-game-modal .party-host-audio-note,.arena-game-modal .audio-preview-wrapper>.preview-unavailable{display:none}.arena-game-modal .song-options{grid-area:answers;gap:8px;width:100%;margin:0}.arena-game-modal .song-button{min-height:clamp(42px,7vh,58px);padding:9px 12px;font-size:clamp(12px,1.8vh,15px)}.arena-game-modal>.duel-game-screen>.score-live{display:none}.leaderboard-header{max-width:840px}.leaderboard-header h1{color:#fff;font-size:52px;line-height:1}.global-leaderboard-sections{gap:20px;width:min(100%,1180px)}.global-leaderboard-sections .leaderboard-panel{background:linear-gradient(145deg,#7c5cff17,#0000 42%),#15151e;border-color:#a78bfa38;border-radius:8px;padding:20px;position:relative;overflow:hidden;box-shadow:0 20px 58px #0000003d}.global-leaderboard-sections .leaderboard-panel:before{content:"";background:#8b5cf6;width:3px;position:absolute;inset:0 auto 0 0}.global-leaderboard-sections .leaderboard-panel-accuracy:before{background:#2dd4bf}.global-leaderboard-sections .leaderboard-panel-albums:before{background:#f472b6}.global-leaderboard-sections .leaderboard-panel-artists:before{background:#facc15}.global-leaderboard-sections .leaderboard-panel h2{color:#fff;letter-spacing:0;margin-bottom:18px;font-size:25px}.global-leaderboard-sections .leaderboard-list-row{background:#07070c6b;border:1px solid #ffffff12;border-radius:7px;min-height:70px;padding:11px;position:relative}.global-leaderboard-sections .leaderboard-list-row:first-child{padding-top:11px}.global-leaderboard-sections .player-profile-link{color:#fff;font-size:17px;font-weight:900;text-decoration:none}.global-leaderboard-sections .leaderboard-list-row>span:last-child,.global-leaderboard-sections .leaderboard-list-row>span:nth-last-child(2){color:#f7f4ee;font-weight:900}.global-leaderboard-sections .rank-number{background:#7c5cff1f;border:1px solid #a78bfa57;color:#d8d3e7!important}.global-leaderboard-sections .rank-first{background:linear-gradient(135deg,#ffd76a29,#0000 56%),#1c180fb8;border-color:#ffd76aa3;min-height:84px;box-shadow:0 0 28px #ffd76a1c}.global-leaderboard-sections .rank-first .rank-number{background:linear-gradient(135deg,#fff1a8,#d99f22);border-color:#ffd76a;width:34px;height:34px;color:#1a1305!important}.global-leaderboard-sections .rank-second .rank-number{background:linear-gradient(135deg,#f4f6fa,#a9afbd);border-color:#d8deea;color:#171820!important}.global-leaderboard-sections .rank-third .rank-number{background:linear-gradient(135deg,#efbd8e,#a86435);border-color:#d9985f;color:#201108!important}.global-leaderboard-sections .rank-top-five{background:linear-gradient(135deg,#7c5cff1a,#0000 52%);border-color:#a78bfa57}.leaderboard-current-user{border-color:#67e8f9!important;box-shadow:inset 4px 0 #67e8f9,0 0 24px #22d3ee24!important}.leaderboard-current-user:after{content:"YOU";color:#d8fbff;background:#22d3ee33;border-radius:4px;padding:2px 5px;font-size:8px;font-weight:900;position:absolute;top:5px;right:6px}.recent-results .leaderboard-current-user{padding-left:14px;position:relative}.badge-card{border-radius:8px}.badge-card:after{pointer-events:none}.badge-card.badge-unlocked{box-shadow:inset 0 1px #ffffff12, 0 20px 54px #0000004d, 0 0 26px var(--badge-accent-glow)}.badge-card.badge-tier-bronze{background:linear-gradient(145deg,#d9985f29,#0000 48%),#17141a;border-color:#d9985f94}.badge-card.badge-tier-silver{background:linear-gradient(145deg,#d8deea29,#0000 48%),#151821;border-color:#d8deea9e}.badge-card.badge-tier-gold{background:radial-gradient(circle at 50% -8%,#ffd76a38,#0000 38%),#1c1814;border-color:#ffd76ab8}.badge-card.badge-tier-platinum{background:linear-gradient(145deg,#67e8f92e,#7c5cff14 55%,#0000),#121a22;border-color:#67e8f9b8;box-shadow:0 20px 60px #22d3ee1f}.badge-card.badge-tier-legendary{background:radial-gradient(circle at 18% 0,#facc1533,#0000 30%),linear-gradient(145deg,#f472b633,#7c5cff29 52%,#0000),#191222;border-color:#f472b6c7;box-shadow:0 24px 72px #0000004d,0 0 38px #f472b633}.badge-card.badge-locked{filter:grayscale(.82)saturate(.4);opacity:.52;box-shadow:none}.badge-card.badge-locked:hover{opacity:.7;filter:grayscale(.65)saturate(.55)}.badge-icon{box-shadow:inset 0 0 0 5px #ffffff06, inset 0 0 24px #ffffff0d, 0 0 34px var(--badge-accent-glow);border-radius:50%}.badge-icon span,.badge-earned-popup-icon span{font-family:Georgia,serif;font-weight:700}.badge-progress div{background:#0000004d;border:1px solid #ffffff14;height:8px}.badge-progress span{box-shadow:0 0 14px var(--badge-accent-glow);position:relative;overflow:hidden}.badge-progress span:after{content:"";background:linear-gradient(90deg,#0000,#ffffff70,#0000);animation:2.8s ease-in-out infinite badge-progress-shine;position:absolute;inset:0;transform:translate(-100%)}@keyframes badge-progress-shine{55%,to{transform:translate(100%)}}.home-panel,.home-player-card,.single-player-card,.single-player-search-panel,.single-player-side-panel,.profile-hero,.profile-empty,.auth-panel,.duel-builder,.duel-open-rooms,.duel-room-screen{box-shadow:inset 0 1px #ffffff0a,0 22px 64px #00000042}.auth-panel{background:radial-gradient(circle at 50% 0,#7c5cff2e,#0000 38%),#16161f;border-color:#a78bfa4d}@media (width<=800px){.single-player-side-panel{position:static}.leaderboard-header h1{font-size:40px}.global-leaderboard-sections .leaderboard-list-row{grid-template-columns:32px minmax(0,1fr);padding:11px}.global-leaderboard-sections .leaderboard-list-row>span:not(.rank-number){grid-column:2}.arena-game-modal .duel-room-screen.duel-game-screen{grid-template:"hero""side""status""state"minmax(78px,1fr)"clue""answers"/1fr;gap:5px;padding:8px}.arena-game-modal .duel-room-hero{text-align:left;grid-template-columns:44px minmax(0,1fr);gap:8px;padding-right:88px}.arena-game-modal .duel-room-hero h2{font-size:16px}.arena-game-modal .duel-head-to-head{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:5px}.arena-game-modal .duel-h2h-card{min-height:58px;padding:7px}.arena-game-modal .duel-h2h-card strong{font-size:12px}.arena-game-modal .duel-h2h-card p{margin:2px 0;font-size:13px}.arena-game-modal .duel-h2h-card small,.arena-game-modal .duel-h2h-card span{font-size:8px}.arena-game-modal .duel-h2h-vs{align-self:center;width:26px;height:26px;font-size:9px}.arena-game-modal .group-live-board{max-height:104px;padding:7px}.arena-game-modal .group-live-board .profile-panel-heading{display:none}.arena-game-modal .group-live-row{grid-template-columns:24px minmax(0,1fr) auto;min-height:36px;padding:5px 7px;font-size:10px}.arena-game-modal .group-live-row small{display:none}.arena-game-modal .quiz-status{justify-content:flex-start;max-width:100%;overflow-x:auto}.arena-game-modal .quiz-status span,.arena-game-modal .quiz-status button{flex:none;width:auto;min-height:26px;padding:4px 7px;font-size:9px}.arena-game-modal .game-state{min-height:74px}.arena-game-modal .timer-ring{width:62px;height:62px}.arena-game-modal .timer-ring span{font-size:22px}.arena-game-modal .game-state-detail,.arena-game-modal .hype-message,.arena-game-modal .reveal-answer,.arena-game-modal .quiz-clue{max-width:100%;font-size:11px}.arena-game-modal .song-options,.quiz-live>.song-options{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:6px;display:grid}.arena-game-modal .song-button{width:100%;max-width:none;min-height:42px;padding:7px 9px;font-size:11px}.quiz-live>.song-options .song-button{max-width:none}}@media (height<=720px){.arena-game-modal .duel-room-screen.duel-game-screen{gap:4px;padding:6px}.arena-game-modal .game-state{min-height:64px}.arena-game-modal .timer-ring{width:56px;height:56px}.arena-game-modal .start-countdown{font-size:36px}.arena-game-modal .song-button{min-height:38px}}.arena-page-has-dock,.arena-overlay-has-dock:not(.arena-game-overlay){padding-bottom:calc(142px + env(safe-area-inset-bottom,0px))}.arena-start-bar{bottom:max(12px, env(safe-area-inset-bottom,0px));width:min(100vw - 28px,920px);max-width:920px;animation:arena-dock-in .26s var(--arena-ease) both;border-radius:14px}.start-bar .start-bar-clear{min-height:36px;color:var(--arena-muted);background:#ffffff0f;border-color:#ffffff24;padding:8px 11px}.start-bar .start-bar-clear:hover{border-color:var(--arena-mode-accent);color:#fff;background:var(--arena-mode-accent-soft)}@keyframes arena-dock-in{0%{opacity:0;transform:translate(-50%,22px)}to{opacity:1;transform:translate(-50%)}}.party-host-answer-state{border:1px solid color-mix(in srgb, var(--arena-mode-accent), transparent 52%);color:#fff;background:linear-gradient(135deg, var(--arena-mode-accent-soft), transparent 58%), #0d0d16db;text-align:center;border-radius:10px;grid-area:answers;place-content:center;gap:5px;min-height:96px;padding:18px;display:grid}.party-host-answer-state strong{font-size:clamp(18px,2.3vw,28px)}.party-host-answer-state span{color:var(--arena-muted);font-weight:800}@media (width>=769px){.arena-game-overlay{padding:6px 10px 10px;inset:72px 0 0}.arena-game-modal{height:100%;max-height:100%}.arena-game-modal .duel-room-screen.duel-game-screen{grid-template-rows:auto auto minmax(116px,1fr) auto auto;grid-template-columns:minmax(0,1fr) clamp(270px,25vw,360px);gap:clamp(4px,.8vh,8px) clamp(10px,1.2vw,17px);max-height:100%;padding:clamp(8px,1.2vh,13px)}.arena-game-modal .duel-room-hero{grid-template-columns:clamp(42px,6.5vh,64px) minmax(0,1fr)}.arena-game-modal .game-state{justify-content:flex-start;padding-top:clamp(0px,.6vh,5px)}.arena-game-modal .timer-ring{width:clamp(78px,13vh,112px);height:clamp(78px,13vh,112px)}.arena-game-modal .timer-ring span{font-size:clamp(30px,5.4vh,46px)}.arena-game-modal .start-countdown{font-size:clamp(64px,13vh,104px);line-height:.92}.arena-game-modal .song-button{min-height:clamp(40px,6.2vh,54px);padding-block:clamp(7px,1.1vh,10px)}.arena-game-modal .group-live-board{height:100%;max-height:100%}}@media (width<=768px){.arena-game-overlay{inset:0}.arena-start-bar{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:8px;width:min(100vw - 20px,520px);padding:9px;display:grid}.arena-start-bar img{grid-column:1;width:48px;height:48px}.arena-start-bar .start-bar-info{grid-area:1/2;min-width:0}.arena-start-bar .start-bar-clear{order:initial;grid-area:1/3;width:auto}.arena-start-bar .arena-privacy-toggle{order:initial;grid-area:2/1/auto/-1}.arena-start-bar>button:not(.start-bar-clear){order:initial;grid-area:3/1/auto/-1;width:100%}.party-host-answer-state{min-height:72px;padding:10px}.arena-game-modal .start-countdown{font-size:clamp(52px,11vh,78px);line-height:.92}}@media (width<=800px) and (height<=720px){.arena-game-modal .start-countdown{font-size:48px}}.app-loading-screen{gap:var(--space-4);background:linear-gradient(145deg, #7c5cff24, transparent 42%), var(--arena-bg-deep);min-height:100dvh;display:flex}.app-loading-screen p{color:var(--arena-muted);margin:0;font-size:15px}.route-loading-state{gap:var(--space-3);background:var(--arena-bg);min-height:calc(100dvh - 72px);padding-top:104px;display:flex}.route-loading-state p{color:var(--arena-muted);margin:0;font-size:14px}.app-loading-mark{border:1px solid var(--arena-accent-bright);border-radius:var(--radius-md);background:var(--arena-accent-soft);width:52px;height:52px;box-shadow:0 0 28px var(--arena-accent-glow);color:var(--arena-ink);place-items:center;font-size:26px;font-weight:900;animation:1.2s ease-in-out infinite alternate auth-loading-pulse;display:grid}@keyframes auth-loading-pulse{to{box-shadow:0 0 38px var(--arena-accent-glow);transform:translateY(-3px)}}.auth-page{min-height:100dvh;padding:112px var(--space-6) 56px;background:linear-gradient(125deg, #7c5cff1c, transparent 40%), linear-gradient(315deg, #4fd1ff0a, transparent 36%), var(--arena-bg);text-align:left;align-items:center}.auth-layout{border-radius:var(--radius-lg);width:min(100%,1040px);box-shadow:var(--shadow-card);background:#101018f0;border:1px solid #a78bfa42;grid-template-columns:minmax(0,.9fr) minmax(380px,1fr);display:grid;overflow:hidden}.auth-brand-panel,.auth-panel{min-width:0;padding:clamp(30px,5vw,56px)}.auth-brand-panel{justify-content:space-between;gap:var(--space-10);background:linear-gradient(150deg, #7c5cff57, #161228eb 58%), var(--arena-surface);border-right:1px solid #a78bfa33;flex-direction:column;display:flex}.auth-brand-panel h1{max-width:500px;margin:0 0 var(--space-5);color:var(--arena-ink);font-size:clamp(38px,5vw,64px);line-height:.98}.auth-brand-panel p,.auth-panel p{font-size:16px;line-height:1.55}.auth-brand-panel p{color:#d7d1e6;max-width:440px;margin:0}.auth-benefits{gap:var(--space-3);color:var(--arena-ink);margin:0;padding:0;font-size:14px;font-weight:700;list-style:none;display:grid}.auth-benefits li{padding-left:22px;position:relative}.auth-benefits li:before{content:"";background:var(--arena-accent-cyan);border-radius:50%;width:8px;height:8px;position:absolute;top:.45em;left:0;box-shadow:0 0 12px #4fd1ffb8}.auth-panel{width:auto;box-shadow:none;background:#0f0f16cc;border:0;border-radius:0}.auth-panel h2{margin:0 0 var(--space-3);color:var(--arena-ink);font-size:clamp(30px,4vw,44px);line-height:1.02}.auth-panel .auth-intro{margin:0 0 var(--space-8);color:var(--arena-muted)}.auth-form{gap:var(--space-4);display:grid}.auth-field{gap:7px;display:grid}.auth-field label{color:#e9e5f2;font-size:14px;font-weight:800}.auth-field input,.auth-input-prefix{border:1px solid var(--arena-border);border-radius:var(--radius-md);width:100%;min-height:48px;color:var(--arena-ink);font:inherit;background:#0d0d14}.auth-field input{padding:12px 14px}.auth-field input:focus{border-color:var(--arena-accent-bright);box-shadow:var(--shadow-focus);outline:none}.auth-input-prefix{align-items:center;display:flex}.auth-input-prefix>span{color:var(--arena-accent-bright);padding-left:14px;font-weight:900}.auth-input-prefix input{min-width:0;box-shadow:none;background:0 0;border:0}.auth-input-prefix:focus-within{border-color:var(--arena-accent-bright);box-shadow:var(--shadow-focus)}.auth-input-prefix input:focus{box-shadow:none}.password-field{position:relative}.password-field input{padding-right:72px}.password-visibility-button{border-radius:var(--radius-sm);min-width:56px;min-height:36px;color:var(--arena-accent-bright);background:0 0;padding:7px 9px;font-size:12px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-visibility-button:hover{background:var(--arena-accent-soft);color:#fff;transform:translateY(-50%)}.auth-field-help,.auth-panel .auth-field-help{color:var(--arena-muted);margin:0;font-size:12px;line-height:1.4}.auth-field-help.is-success{color:var(--arena-success)}.auth-password-help{margin-top:-4px}.auth-primary-button,.auth-secondary-button,.auth-danger-button,.settings-toggle{border-radius:var(--radius-md);min-height:46px;padding:11px 18px;font-family:inherit;font-size:14px;font-weight:900}.auth-primary-button{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d4ee8);box-shadow:0 10px 28px #7c5cff3d}.auth-primary-button:hover:not(:disabled){background:linear-gradient(135deg,#9c76ff,#7c5cff);box-shadow:0 12px 34px #7c5cff57}.auth-secondary-button{border:1px solid var(--arena-border-strong);background:var(--arena-surface);color:var(--arena-ink)}.auth-secondary-button:hover:not(:disabled){border-color:var(--arena-accent-bright);background:var(--arena-surface-hover)}.auth-danger-button{color:#ffb0bd;background:#ff647c1a;border:1px solid #ff647c6b}.auth-danger-button:hover:not(:disabled){color:#fff;background:#ff647c2e}.auth-primary-button:disabled,.auth-secondary-button:disabled,.auth-danger-button:disabled{cursor:not-allowed;opacity:.48}.auth-inline-action{justify-content:flex-end;margin-top:-5px;display:flex}.auth-session-actions{gap:var(--space-3);display:grid}.auth-inline-action button,.auth-switch-copy button{color:var(--arena-accent-bright);font:inherit;background:0 0;border-radius:0;padding:0;font-weight:800}.auth-inline-action button{font-size:13px}.auth-inline-action button:hover,.auth-switch-copy button:hover{color:#fff;background:0 0}.auth-switch-copy,.auth-panel .auth-switch-copy{margin:var(--space-2) 0 0;color:var(--arena-muted);text-align:center;font-size:14px}.auth-message,.auth-panel .auth-message{border:1px solid var(--arena-border);border-radius:var(--radius-sm);color:var(--arena-ink);background:#ffffff09;margin:0;padding:11px 13px;font-size:13px;line-height:1.45}.auth-message-error{color:#ffc1cb;background:#ff647c17;border-color:#ff647c6b}.auth-message-success{color:#b8f8d5;background:#43e58c14;border-color:#43e58c5c}.auth-message-info{color:#bdefff;background:#4fd1ff12;border-color:#4fd1ff52}.auth-loading-state{justify-content:center;align-items:center;gap:var(--space-3);min-height:120px;color:var(--arena-muted);font-size:14px;display:flex}.auth-loading-dot{background:var(--arena-accent-bright);width:10px;height:10px;box-shadow:0 0 16px var(--arena-accent-glow);border-radius:50%;animation:.9s ease-in-out infinite alternate auth-loading-pulse}.account-settings-page{width:min(100%,1120px);min-height:100dvh;padding:112px var(--space-6) 72px;margin:0 auto}.settings-header{justify-content:space-between;align-items:flex-end;gap:var(--space-6);margin-bottom:var(--space-8);display:flex}.settings-header h1{margin:0 0 var(--space-2);font-size:clamp(36px,5vw,58px);line-height:1}.settings-header p{max-width:620px;color:var(--arena-muted);margin:0;font-size:16px}.settings-header .eyebrow{margin-bottom:var(--space-3);color:var(--arena-accent-bright);font-size:12px}.settings-sections{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.settings-section{align-content:start;gap:var(--space-6);min-width:0;padding:var(--space-6);border:1px solid var(--arena-border);border-radius:var(--radius-md);background:var(--arena-surface);display:grid;box-shadow:inset 0 1px #ffffff09}.settings-section-heading h3{margin:0 0 var(--space-2);font-size:21px}.settings-section-heading p{color:var(--arena-muted);margin:0;font-size:14px;line-height:1.5}.settings-section-heading .eyebrow{margin-bottom:var(--space-2);color:var(--arena-accent-bright);font-size:11px}.settings-preference-row,.settings-signout-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.settings-toggle{border:1px solid var(--arena-border-strong);min-width:154px;color:var(--arena-muted);background:#101018}.settings-toggle.is-active{color:#bcf8d7;background:#43e58c1a;border-color:#43e58c6b;box-shadow:0 0 20px #43e58c1a}@media (width<=820px){.auth-page{padding:96px var(--space-4) 40px}.auth-layout{grid-template-columns:1fr}.auth-brand-panel{gap:var(--space-5);border-bottom:1px solid #a78bfa33;border-right:0}.auth-brand-panel h1{font-size:clamp(36px,11vw,52px)}.auth-benefits{display:none}.auth-brand-panel,.auth-panel{padding:28px 22px}.settings-header{flex-direction:column;align-items:flex-start}.settings-sections{grid-template-columns:1fr}}@media (width<=520px){.auth-brand-panel{padding-bottom:22px}.auth-brand-panel p{font-size:14px}.auth-panel{padding-top:24px}.account-settings-page{padding:96px var(--space-4) 48px}.settings-section{padding:18px}.settings-preference-row,.settings-signout-row{grid-template-columns:1fr}.settings-toggle,.auth-danger-button{width:100%}}.leaderboard-page,.profile-page{--competitive-gold:#f4c95d;--competitive-silver:#aeb9ca;--competitive-bronze:#c8834d;box-sizing:border-box;overflow-x:clip}.competitive-header{border:1px solid var(--ui-border);background:radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--brand-primary) 15%, transparent), transparent 38%), var(--ui-surface);width:min(100%,1180px);max-width:1180px;box-shadow:var(--shadow-soft);text-align:left;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px 22px;min-width:0;margin-bottom:18px;padding:22px;display:grid}.competitive-header>*,.competitive-scope-tabs,.global-ranking-tabs,.competitive-scope-tabs button,.global-ranking-tabs button{min-width:0}.competitive-header-copy h1{margin-bottom:8px;font-size:clamp(38px,5vw,58px)}.competitive-header-copy>p:last-child{max-width:620px;color:var(--ui-text-secondary);margin:0}.competitive-header .cloud-sync-message{grid-column:1/-1;margin:0;padding:9px 12px;font-size:13px}.competitive-scope-tabs,.global-ranking-tabs{border-radius:12px;width:fit-content;min-width:0;margin:0;padding:4px}.competitive-scope-tabs button,.global-ranking-tabs button{min-height:44px;padding:9px 16px}.global-ranking-tabs{justify-content:flex-start;width:min(100%,1180px);margin:0 auto 12px}.multiplayer-rankings{gap:12px;width:min(100%,1180px);margin-inline:auto}.multiplayer-category-control{border:1px solid var(--ui-border);width:min(100%,460px);color:var(--ui-text);background:var(--ui-surface);box-shadow:var(--shadow-soft);border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;display:grid}.multiplayer-category-control label{color:var(--ui-text-secondary);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:850}.multiplayer-category-select{border:1px solid color-mix(in srgb, var(--brand-primary) 42%, var(--ui-border));width:100%;min-height:44px;color:var(--ui-text);background-color:var(--ui-surface-raised);font:inherit;border-radius:9px;padding:8px 36px 8px 12px;font-weight:750}.multiplayer-category-select:focus-visible{outline:3px solid color-mix(in srgb, var(--brand-primary) 38%, transparent);outline-offset:2px}.multiplayer-leaderboard-panel{border-top:0;position:relative;overflow:hidden}.multiplayer-leaderboard-panel:before{content:"";background:linear-gradient(90deg, var(--mode-duel), var(--brand-primary), var(--mode-group));height:3px;position:absolute;inset:0 0 auto}.global-leaderboard-sections .leaderboard-list-row,.multiplayer-leaderboard-panel .leaderboard-list-row,.leaderboard-modal .leaderboard-list-row{transition:transform .16s,border-color .16s,box-shadow .16s}.global-leaderboard-sections .leaderboard-list-row:hover,.multiplayer-leaderboard-panel .leaderboard-list-row:hover,.leaderboard-modal .leaderboard-list-row:hover{border-color:color-mix(in srgb, var(--brand-primary) 42%, var(--ui-border));transform:translate(3px)}.global-leaderboard-sections .rank-first,.multiplayer-leaderboard-panel .rank-first,.leaderboard-modal .rank-first{border-color:color-mix(in srgb, var(--competitive-gold) 72%, var(--ui-border));background:radial-gradient(circle at 6% 50%, color-mix(in srgb, var(--competitive-gold) 21%, transparent), transparent 24%), linear-gradient(105deg, color-mix(in srgb, var(--competitive-gold) 13%, var(--ui-surface)), var(--ui-surface-raised));box-shadow:0 12px 34px color-mix(in srgb, var(--competitive-gold) 12%, transparent)}.global-leaderboard-sections .rank-second,.multiplayer-leaderboard-panel .rank-second,.leaderboard-modal .rank-second{border-color:color-mix(in srgb, var(--competitive-silver) 60%, var(--ui-border));background:linear-gradient(105deg, color-mix(in srgb, var(--competitive-silver) 12%, var(--ui-surface)), var(--ui-surface-raised))}.global-leaderboard-sections .rank-third,.multiplayer-leaderboard-panel .rank-third,.leaderboard-modal .rank-third{border-color:color-mix(in srgb, var(--competitive-bronze) 62%, var(--ui-border));background:linear-gradient(105deg, color-mix(in srgb, var(--competitive-bronze) 12%, var(--ui-surface)), var(--ui-surface-raised))}.global-leaderboard-sections :is(.rank-first,.rank-second,.rank-third) .rank-number,.multiplayer-leaderboard-panel :is(.rank-first,.rank-second,.rank-third) .rank-number,.leaderboard-modal :is(.rank-first,.rank-second,.rank-third) .rank-number{width:36px;height:36px;font-size:15px;box-shadow:inset 0 1px #ffffff73,0 6px 16px #0000002e}.multiplayer-leaderboard-panel .rank-first,.leaderboard-modal .rank-first{min-height:78px}.leaderboard-current-user{isolation:isolate;border-color:var(--mode-group)!important;box-shadow:inset 4px 0 var(--mode-group), 0 0 0 1px color-mix(in srgb, var(--mode-group) 34%, transparent), 0 12px 30px color-mix(in srgb, var(--mode-group) 11%, transparent)!important}.leaderboard-current-user:after{border:1px solid color-mix(in srgb, var(--mode-group) 42%, transparent);color:var(--ui-group-text);background:color-mix(in srgb, var(--mode-group) 14%, var(--ui-surface));letter-spacing:.08em;padding:3px 7px;font-size:9px;top:7px;right:8px}.profile-overview-section{width:min(100%,1100px)}.profile-overview-section .profile-stats-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.profile-overview-section .stat-card{min-height:106px;padding:16px}.profile-overview-section .stat-card strong{font-size:clamp(22px,2.5vw,30px)}.multiplayer-profile-section{border:1px solid var(--ui-border);border-top:3px solid var(--mode-duel);background:linear-gradient(145deg, color-mix(in srgb, var(--mode-duel) 7%, transparent), transparent 50%), var(--ui-surface);border-radius:14px;padding:20px}.profile-showcase{position:relative;overflow:hidden}.profile-showcase:before{content:"";background:linear-gradient(90deg, var(--competitive-gold), var(--brand-primary), var(--mode-group));height:3px;position:absolute;inset:0 0 auto}.profile-showcase-grid .badge-card{min-height:310px}.profile-secondary-records{width:min(100%,1100px);margin:0 auto}.profile-secondary-records>summary{border:1px solid var(--ui-border);min-height:64px;color:var(--ui-text);background:var(--ui-surface);box-shadow:var(--shadow-soft);cursor:pointer;text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:12px 16px;list-style:none;display:flex}.profile-secondary-records>summary::-webkit-details-marker{display:none}.profile-secondary-records>summary>span:first-child{gap:3px;display:grid}.profile-secondary-records>summary strong{font-size:18px}.profile-secondary-records>summary small{color:var(--ui-text-secondary);font-size:13px}.profile-disclosure-label{color:var(--brand-primary);align-items:center;gap:7px;font-size:13px;font-weight:850;display:inline-flex}.profile-disclosure-label:after{content:"+";border:1px solid color-mix(in srgb, var(--brand-primary) 42%, var(--ui-border));border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.profile-secondary-records[open] .profile-disclosure-label:after{content:"−"}.profile-secondary-records[open]>summary{border-color:color-mix(in srgb, var(--brand-primary) 42%, var(--ui-border))}.profile-sections,.profile-recent-results{width:100%}.badge-state{border:1px solid color-mix(in srgb, var(--badge-accent) 48%, var(--ui-border));width:fit-content;color:var(--badge-accent);background:var(--badge-accent-soft);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin:-5px auto 13px;padding:4px 8px;font-size:10px;font-weight:900}.badge-locked .badge-state{color:var(--ui-text-secondary);background:var(--ui-surface-muted)}.badge-card-clickable:hover .badge-icon,.badge-card-clickable:focus-visible .badge-icon{transform:scale(1.04)}.badge-icon{transition:transform .18s}@media (width<=900px){.profile-overview-section .profile-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.competitive-header{grid-template-columns:1fr;padding:18px}.competitive-scope-tabs,.global-ranking-tabs{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.competitive-scope-tabs button,.global-ranking-tabs button,.multiplayer-category-control{width:100%}.profile-showcase-grid{scroll-snap-type:x proximity;scrollbar-width:thin;gap:12px;padding:3px 3px 14px;display:flex;overflow-x:auto}.profile-showcase-grid .badge-card{scroll-snap-align:start;flex:0 0 min(82vw,320px);min-height:290px}.profile-badge-collection .profile-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.profile-badge-collection .badge-card{min-width:0}}@media (width<=520px){.leaderboard-page,.profile-page{padding-inline:14px}.competitive-header-copy h1{font-size:36px}.competitive-header .cloud-sync-message{display:none}.competitive-scope-tabs button,.global-ranking-tabs button{white-space:normal;padding-inline:8px}.multiplayer-category-control{grid-template-columns:1fr;gap:6px}.multiplayer-leaderboard-panel,.global-leaderboard-sections .leaderboard-panel{padding:14px}.multiplayer-leaderboard-panel .leaderboard-list-row,.leaderboard-modal .leaderboard-list-row,.global-leaderboard-sections .leaderboard-list-row{grid-template-columns:36px minmax(0,1fr);gap:8px 10px}.multiplayer-leaderboard-panel .competitive-rank-value,.leaderboard-modal .competitive-rank-value,.global-leaderboard-sections .leaderboard-list-row>span:not(.rank-number){grid-column:2;justify-self:start}.profile-overview-section .profile-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.profile-overview-section .stat-card{min-height:92px;padding:13px}.profile-overview-section .stat-card span{font-size:12px}.profile-overview-section .stat-card strong{font-size:22px}.profile-secondary-records>summary{align-items:flex-start}.profile-disclosure-label{font-size:0}.profile-disclosure-label:after{font-size:14px}.profile-badge-collection .profile-showcase-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.global-leaderboard-sections .leaderboard-list-row,.multiplayer-leaderboard-panel .leaderboard-list-row,.leaderboard-modal .leaderboard-list-row,.badge-card-clickable,.badge-icon{transition:none}.global-leaderboard-sections .leaderboard-list-row:hover,.multiplayer-leaderboard-panel .leaderboard-list-row:hover,.leaderboard-modal .leaderboard-list-row:hover,.badge-card-clickable:hover .badge-icon,.badge-card-clickable:focus-visible .badge-icon{transform:none}}@media (width<=768px){.navbar{z-index:1000;align-items:center;gap:var(--space-5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0b10f5;flex-direction:row;min-height:62px;padding:12px 16px;position:sticky;top:0}.logo,.logo-button{flex:none;font-size:22px}.nav-links{scrollbar-width:none;flex-wrap:nowrap;flex:auto;gap:18px;padding:7px 3px;display:flex;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-link-button,.nav-login-button{white-space:nowrap;flex:none;font-size:14px}.account-button{max-width:190px}}@media (width>=801px){.single-player-hero>div{min-height:250px;padding:34px 40px}.single-player-hero h1{font-size:clamp(44px,5.5vw,70px)}.single-player-card{padding:20px}.single-player-card h2{margin-top:16px}.single-player-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.single-player-stats span{padding:10px}.single-player-stats strong{margin-top:4px;font-size:17px}}@media (prefers-reduced-motion:reduce){.app-loading-mark,.auth-loading-dot{animation:none}}.guest-player-badge,.nav-guest-tag{color:#7cebf5;text-transform:uppercase;background:#24d5e817;border:1px solid #24d5e88c;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:3px 7px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.guest-player-badge.compact{padding:2px 5px;font-size:8px}.guest-name-modal-backdrop{z-index:1200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04030ad1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.guest-name-modal{background:linear-gradient(145deg,#7c5cff26,#0000 44%),#121019;border:1px solid #9e7cff75;border-radius:8px;width:min(100%,460px);max-height:calc(100dvh - 24px);padding:34px;position:relative;overflow-y:auto;box-shadow:0 28px 80px #00000094,0 0 38px #7c5cff26}.guest-name-modal h2{color:#fff;margin:8px 0 10px;font-size:clamp(26px,5vw,38px);line-height:1.05}.guest-name-modal>p:not(.eyebrow){color:var(--arena-muted);margin:0;line-height:1.55}.guest-name-close{color:#fff;background:#ffffff0a;border:1px solid #ffffff24;border-radius:50%;width:36px;height:36px;min-height:0;padding:0;font-size:14px;position:absolute;top:14px;right:14px}.guest-name-form{gap:12px;margin-top:26px;display:grid}.guest-name-form label{color:#fff;text-transform:uppercase;font-size:13px;font-weight:800}.guest-name-form input{color:#fff;width:100%;min-width:0;font:inherit;background:#030308b8;border:1px solid #ffffff2b;border-radius:6px;padding:15px 16px}.guest-name-form input:focus{outline-offset:2px;border-color:#9e7cff;outline:2px solid #9e7cff61}.guest-name-field-meta{color:var(--arena-muted);justify-content:space-between;gap:16px;display:flex}.guest-name-error{color:#ff9ba8;margin:0;font-size:13px;font-weight:700}.guest-name-modal .guest-name-privacy{margin-top:18px;font-size:12px}@media (width<=520px){.guest-name-modal-backdrop{align-items:end;padding:12px}.guest-name-modal{padding:28px 20px 24px}}.guest-name-line,.arena-invite-host-name,.arena-room-host-line{align-items:center;gap:7px;min-width:0;display:inline-flex}.guest-name-line h1,.guest-name-line h2,.guest-name-line strong{overflow-wrap:anywhere;min-width:0;margin:0}.profile-guest-name{justify-content:center}.group-live-row>strong .guest-player-badge{margin-left:6px}.arena-guest-entry{background:#24d5e80f;border:1px solid #24d5e847;gap:10px;margin-bottom:16px;padding:14px;display:grid}.arena-guest-actions,.settings-reset-actions{flex-wrap:wrap;gap:10px;display:flex}.arena-guest-banner{color:#b8c6d8;background:#24d5e812;border-left:3px solid #24d5e8;margin:0 0 16px;padding:10px 12px;font-size:13px}.auth-guest-button{margin-top:2px}.settings-danger-zone{background:#ff70430a;border-color:#ff704373}.settings-reset-backdrop{z-index:2000;background:#02040ad1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.settings-reset-dialog{background:#171d2d;border:1px solid #ff70438c;width:min(460px,100%);padding:24px;box-shadow:0 24px 70px #00000080}.settings-reset-dialog h3{margin:6px 0 10px}.settings-reset-dialog label{color:#eaf4f8;margin:18px 0 6px;font-weight:700;display:block}.settings-reset-dialog input{color:#eaf4f8;background:#070a12;border:1px solid #ff70438c;width:100%;min-height:44px;margin-bottom:16px;padding:10px 12px}body{background-color:var(--bg-0);background-image:linear-gradient(#24d5e806 1px,#0000 1px),linear-gradient(90deg,#24d5e806 1px,#0000 1px);background-size:44px 44px;position:relative}#root{z-index:1;isolation:isolate;min-height:100vh;position:relative}#root:before,#root:after{content:"";z-index:-1;pointer-events:none;position:fixed}#root:after{opacity:.15;clip-path:polygon(0 18%,86% 0,100% 72%,24% 100%);background:linear-gradient(24deg,#ff3d9a3d,#0000 48%),repeating-linear-gradient(118deg,#0000 0 28px,#8dff4f29 29px 30px);width:min(52vw,760px);height:min(38vw,520px);inset:auto auto -18vh -10vw}h1,h2,h3,.logo,.logo-button,.score-hero,.timer-ring span,.start-countdown,.rank-number{font-family:var(--font-display);font-weight:700}h1,h2,h3{text-transform:none}button{min-height:44px;font-family:var(--font-ui);border-radius:4px}button:focus-visible,input:focus-visible,[role=button]:focus-visible{outline-color:var(--cyan);box-shadow:0 0 0 3px #24d5e82e}.navbar{background:#070a12f0;border-bottom:1px solid #24d5e824}.logo,.logo-button{color:var(--text);letter-spacing:0;font-size:27px;position:relative}.logo:after,.logo-button:after{content:"";background:linear-gradient(90deg, var(--cyan), var(--purple));height:3px;position:absolute;bottom:-7px;left:0;right:0}.nav-link-button,.nav-login-button{border-radius:2px}.nav-link-button.active{color:var(--cyan)}.eyebrow{color:var(--cyan);font-family:var(--font-display);letter-spacing:1.5px;font-weight:700}.home-dashboard,.single-player-page,.leaderboard-page,.profile-page,.arena-page,.auth-page,.account-settings-page{color:var(--text)}.home-hero-panel>div,.home-player-card,.home-mode-card,.home-panel,.single-player-hero>div,.single-player-card,.single-player-search-panel,.single-player-side-panel,.player-identity-panel,.daily-goals-panel,.badge-section,.profile-hero,.leaderboard-panel,.leaderboard-stat,.duel-builder,.duel-open-rooms,.duel-room-screen,.arena-status,.arena-code-entry,.auth-panel,.auth-brand-panel,.settings-section{background:var(--surface-1);border-color:#95a2b33d;border-radius:7px;box-shadow:0 18px 46px #00000040}.home-hero-panel>div,.single-player-hero>div{border-top:3px solid var(--cyan);background:linear-gradient(115deg, #24d5e817, transparent 46%), var(--surface-1)}.home-hero-panel h1,.single-player-hero h1,.arena-hero h1,.leaderboard-header h1,.profile-hero h1{color:var(--text);font-family:var(--font-display);font-weight:700;line-height:.9}.home-player-card,.single-player-card{border-top:3px solid var(--gold);background:linear-gradient(145deg, #ffd44712, transparent 40%), var(--surface-1)}.home-player-topline strong{color:var(--gold)}.home-player-stats span,.home-list-row,.home-badge-pill{background:#070a12b8;border-color:#95a2b32e;border-radius:4px}.home-player-stats strong,.home-list-row b{font-family:var(--font-display);font-size:23px}.home-mode-card,.arena-mode-card{isolation:isolate;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);border-radius:5px}.home-mode-card:before,.arena-mode-card:after{content:"";background:var(--mode-accent,var(--cyan));width:5px;position:absolute;inset:0 auto 0 0}.home-mode-solo{--mode-accent:var(--cyan);background:linear-gradient(120deg, #24d5e81f, transparent 50%), var(--surface-1);border-color:#24d5e86b}.home-mode-arena{--mode-accent:var(--pink);background:linear-gradient(120deg, #ff3d9a1f, transparent 50%), var(--surface-1);border-color:#ff3d9a6b}.home-mode-card span,.arena-mode-label,.arena-mode-card strong,.arena-status>span,.arena-active-room-meta span,.arena-accept-meta span,.player-identity-badge,.badge-section-header>span{border-radius:3px}.home-mode-card button,.arena-mode-card strong{border-left:3px solid var(--mode-accent,var(--cyan))}.single-player-search-panel{border-top:3px solid var(--cyan)}.single-player-side-panel{border-top:3px solid var(--purple)}.album-card,.duel-album-card,.duel-room-card,.start-bar,.arena-start-bar,.arena-active-room-card{border-radius:5px}.album-card:hover,.album-card.selected,.duel-album-card:hover,.duel-album-card.selected{border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 10px 30px #24d5e81f}.arena-page{--arena-mode-accent:var(--pink);--arena-mode-accent-soft:#ff3d9a21;--arena-mode-accent-glow:#ff3d9a38}.arena-theme-group_lobby{--arena-mode-accent:var(--cyan);--arena-mode-accent-soft:#24d5e81f;--arena-mode-accent-glow:#24d5e833}.arena-theme-party,.arena-theme-party_mode{--arena-mode-accent:var(--lime);--arena-mode-accent-soft:#8dff4f1f;--arena-mode-accent-glow:#8dff4f33}.arena-theme-championship{--arena-mode-accent:var(--gold);--arena-mode-accent-soft:#ffd4471f;--arena-mode-accent-glow:#ffd44733}.arena-mode-card{background:linear-gradient(150deg, var(--mode-accent-soft), transparent 52%), var(--surface-1)}.arena-mode-duel{--mode-accent:var(--pink);--mode-accent-soft:#ff3d9a24;--mode-accent-glow:#ff3d9a38}.arena-mode-group{--mode-accent:var(--cyan);--mode-accent-soft:#24d5e821;--mode-accent-glow:#24d5e833}.arena-mode-championship{--mode-accent:var(--gold);--mode-accent-soft:#ffd44721;--mode-accent-glow:#ffd44733}.arena-mode-card:hover:not(:disabled),.arena-mode-card.active{box-shadow:0 18px 46px var(--mode-accent-glow);transform:translateY(-3px)}.arena-game-modal .duel-room-screen.duel-game-screen{border:1px solid color-mix(in srgb, var(--arena-mode-accent), transparent 58%);background:var(--bg-0);border-radius:5px}.arena-game-modal .duel-room-hero,.arena-game-modal .duel-head-to-head,.arena-game-modal .group-live-board,.arena-game-modal .game-state{background:var(--surface-1);border-radius:4px}.arena-game-modal .timer-ring{filter:drop-shadow(0 0 12px var(--arena-mode-accent-glow))}.arena-game-modal .song-button{background:linear-gradient(115deg, var(--arena-mode-accent-soft), transparent 55%), var(--surface-2);border-radius:4px}.arena-game-modal .song-button:before{background:var(--arena-mode-accent)}.arena-game-modal .song-button.selected-song{border-color:var(--arena-mode-accent);box-shadow:0 0 0 2px var(--arena-mode-accent-soft)}.arena-game-modal .duel-game-screen:has(.quiz-flash-bad) .game-state{animation:.26s ease-out multiplayer-impact-shake}.arena-game-modal .duel-game-screen:has(.quiz-flash-opponent) .game-state{animation:.32s ease-out multiplayer-opponent-impact}@keyframes multiplayer-impact-shake{25%{transform:translate(-4px)}55%{transform:translate(3px)}80%{transform:translate(-1px)}}@keyframes multiplayer-opponent-impact{35%{transform:scale(.988)}70%{transform:scale(1.006)}}.group-live-row.current{border-left:4px solid var(--lime);color:var(--text);background:#8dff4f1f}.leaderboard-header{border-top:3px solid var(--gold);padding-top:18px}.leaderboard-tabs{background:var(--surface-1);border-radius:4px}.leaderboard-tabs button{border-radius:2px}.leaderboard-tabs button.active{color:var(--cyan);background:#24d5e81a;border-color:#24d5e880}.global-leaderboard-sections .leaderboard-panel{background:var(--surface-1);border-radius:6px}.global-leaderboard-sections .leaderboard-list-row{background:#070a12b3;border-radius:3px}.global-leaderboard-sections .rank-first{background:linear-gradient(100deg,#ffd44729,#070a12b8);border-color:#ffd447b3}.global-leaderboard-sections .rank-second{background:linear-gradient(100deg,#b9c3d421,#070a12b8);border-color:#b9c3d49e}.global-leaderboard-sections .rank-third{background:linear-gradient(100deg,#c9825224,#070a12b8);border-color:#c98252a8}.global-leaderboard-sections .leaderboard-current-user{outline:2px solid var(--cyan);outline-offset:2px}.badge-card{background:linear-gradient(155deg, var(--badge-accent-soft), transparent 48%), var(--surface-1);border-radius:5px}.badge-card:before{background:linear-gradient(120deg, transparent 55%, var(--badge-accent-soft))}.badge-icon{border-radius:7px}.badge-tier-bronze{border-color:#c98252a3}.badge-tier-silver{border-color:#b9c3d4b3}.badge-tier-gold{border-color:#ffd447b8;box-shadow:0 14px 42px #ffd4471a}.badge-tier-platinum{border-color:#24d5e8c2;box-shadow:0 14px 42px #24d5e81f}.badge-tier-legendary{border-color:#ff3d9ad1;box-shadow:0 14px 48px #ff3d9a29}.badge-locked{filter:saturate(.12)brightness(.64)}.badge-progress>div{background:#95a2b32e;border-radius:2px}.badge-progress>div span{background:var(--badge-accent)}.auth-brand-panel{border-top:3px solid var(--purple)}.auth-panel,.settings-section{border-top:3px solid #24d5e86b}@media (width<=768px){body{background-size:32px 32px}.home-hero-panel>div,.home-player-card,.home-mode-card,.home-panel,.single-player-hero>div,.single-player-card,.single-player-search-panel,.single-player-side-panel{border-radius:5px}.home-mode-card,.arena-mode-card{clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%)}}@media (prefers-reduced-motion:reduce){:is(.arena-game-modal .duel-game-screen:has(.quiz-flash-bad) .game-state,.arena-game-modal .duel-game-screen:has(.quiz-flash-opponent) .game-state){animation:none}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#070b14;--page-elevated:#0c1220;--surface:#111827;--surface-strong:#182235;--surface-soft:#111827c2;--glass:#0c1220c2;--glass-border:#ffffff1f;--arena-glass-surface:#111b2b;--arena-glass-highlight:#d7e8ff14;--separator:#99adcc2e;--content-primary:#f5f8ff;--content-secondary:#aebbd0;--content-tertiary:#7f8ca2;--brand-primary:#8b7cff;--brand-secondary:#52d9ff;--control-fill:#f6f8fc;--control-ink:#101522;--mode-duel:#ff4f9a;--mode-group:#35d6f3;--mode-party:#9af36a;--mode-championship:#f2c85b;--shadow-soft:0 18px 48px #00000047;--shadow-lifted:0 28px 80px #0000005c;--radius-card:8px;--radius-control:10px;--content-width:1240px;--nav-height:74px;--font-display:"Space Grotesk", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-ui:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg-0:var(--page);--bg-1:var(--page-elevated);--surface-1:var(--surface);--surface-2:var(--surface-strong);--text:var(--content-primary);--muted:var(--content-secondary);--arena-bg:var(--page);--arena-bg-deep:#03060d;--arena-surface:var(--surface);--arena-surface-elevated:var(--surface-strong);--arena-surface-hover:#202d43;--arena-border:var(--separator);--arena-border-strong:#afc2e057;--arena-ink:var(--content-primary);--arena-muted:var(--content-secondary)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f3f6fb;--page-elevated:#e9eef6;--surface:#fff;--surface-strong:#f2f5fa;--surface-soft:#ffffffd6;--glass:#f8faffc7;--glass-border:#1d2d4824;--arena-glass-surface:#f5f8ff;--arena-glass-highlight:#ffffffb3;--separator:#23355224;--content-primary:#121927;--content-secondary:#526079;--content-tertiary:#718099;--brand-primary:#6657e8;--brand-secondary:#087ca0;--control-fill:#182136;--control-ink:#f7f9ff;--shadow-soft:0 18px 46px #2837501f;--shadow-lifted:0 28px 70px #2837502e;--arena-bg-deep:#e7ecf4;--arena-surface-hover:#e7edf6;--arena-border-strong:#23355247}html{background:var(--page);scroll-behavior:smooth}body{background-color:var(--page);min-width:0;color:var(--content-primary);font-family:var(--font-ui);background-image:linear-gradient(110deg,#0000 0 62%,#8b7cff0b 62.1% 62.3%,#0000 62.4%),linear-gradient(#52d9ff06 1px,#0000 1px),linear-gradient(90deg,#52d9ff06 1px,#0000 1px);background-size:auto,64px 64px,64px 64px;transition:background-color .18s,color .18s}#root:before{opacity:1;clip-path:none;background:radial-gradient(at 12% 0,#52d9ff1a,#0000 42%),radial-gradient(at 88% 4%,#8b7cff1f,#0000 44%);width:100%;height:620px;inset:0 0 auto}#root:after{display:none}:root[data-theme=light] body{background-image:linear-gradient(110deg,#0000 0 62%,#6657e80a 62.1% 62.3%,#0000 62.4%),linear-gradient(#087ca009 1px,#0000 1px),linear-gradient(90deg,#087ca009 1px,#0000 1px)}p,.section-sub,.arena-note,.empty-stats{color:var(--content-secondary)}button,input{font-family:var(--font-ui)}button{border-radius:var(--radius-control);min-height:44px}button:focus-visible,input:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--brand-secondary);outline-offset:3px;box-shadow:0 0 0 4px color-mix(in srgb, var(--brand-secondary) 18%, transparent)}.eyebrow{color:var(--brand-secondary);font-family:var(--font-ui);letter-spacing:1.4px;margin-bottom:10px;font-size:12px;font-weight:800}.primary-button,.hero-buttons>button:first-child,.home-mode-card>button,.search-box button,.catalog-discovery-search button,.arena-start-bar>button{color:var(--control-ink);background:var(--control-fill);border:1px solid #0000;box-shadow:0 8px 24px #00000029}.secondary-button,.view-more-albums{border:1px solid var(--separator);color:var(--content-primary);background:color-mix(in srgb, var(--surface-strong) 82%, transparent)}.primary-button:hover:not(:disabled),.hero-buttons>button:first-child:hover,.home-mode-card>button:hover,.search-box button:hover:not(:disabled),.catalog-discovery-search button:hover:not(:disabled),.arena-start-bar>button:hover:not(:disabled){background:color-mix(in srgb, var(--control-fill) 88%, var(--brand-secondary));transform:translateY(-1px)}.navbar{width:100%;height:var(--nav-height);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:10px 20px;position:fixed;inset:0 0 auto}.nav-shell{width:min(100%, calc(var(--content-width) + 32px));border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%);border-radius:18px;justify-content:space-between;align-items:center;gap:18px;height:54px;margin:0 auto;padding:0 10px 0 18px;display:flex;box-shadow:inset 0 1px #ffffff1c,0 14px 42px #0003}.logo-button{min-height:42px;color:var(--content-primary);text-shadow:none;align-content:center;justify-items:start;gap:1px;font-size:22px;line-height:1;display:grid}.logo-button small{color:var(--content-tertiary);font-family:var(--font-ui);letter-spacing:1.25px;text-transform:uppercase;font-size:8px;font-weight:800}.logo-button:after{background:linear-gradient(90deg, var(--mode-duel), var(--brand-primary), var(--mode-group));border-radius:2px;width:34px;height:2px;bottom:2px;right:auto;box-shadow:0 0 12px #8b7cff80}.logo-button:hover{color:var(--content-primary);text-shadow:none}.nav-links{justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex}.nav-link-button,.nav-login-button,.theme-toggle{min-height:38px;color:var(--content-secondary);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;padding:0 12px;font-size:13px;font-weight:650}.nav-link-button:hover,.nav-login-button:hover,.nav-link-button.active{color:var(--content-primary);background:color-mix(in srgb, var(--surface-strong) 72%, transparent)}.nav-link-button.active{border-color:var(--separator);box-shadow:inset 0 -2px var(--brand-secondary)}.account-button{align-items:center;gap:6px;max-width:190px;display:inline-flex}.account-button>span:first-child{text-overflow:ellipsis;overflow:hidden}.theme-toggle{border-color:var(--separator);background:color-mix(in srgb, var(--surface-strong) 62%, transparent);justify-content:center;align-items:center;gap:7px;min-width:72px;display:inline-flex}.theme-toggle-icon{border:2px solid;border-radius:50%;flex:none;width:14px;height:14px;position:relative;box-shadow:inset -4px -2px 0 -2px}:root[data-theme=light] .theme-toggle-icon{box-shadow:inset 0 0 0 3px var(--page);background:currentColor;border-width:1.5px}.nav-menu-button{display:none}.home-dashboard,.single-player-page{width:min(100%, var(--content-width));padding-top:112px}.home-hero-panel{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;margin-bottom:18px}.home-hero-panel>div:first-child{min-height:410px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:44px 44px 40px;overflow:hidden}.home-hero-panel>div:first-child:before{content:"";background:linear-gradient(90deg, var(--mode-duel), var(--brand-primary), var(--mode-group));border-radius:8px;width:92px;height:6px;position:absolute;inset:18% auto auto 44px;box-shadow:0 0 26px #8b7cff61}.home-hero-panel h1{max-width:680px;color:var(--content-primary);letter-spacing:0;margin:0 0 18px;font-size:72px;line-height:.98}.home-hero-panel p:not(.eyebrow){color:var(--content-secondary);font-size:18px}.home-hero-pulse{opacity:.58;pointer-events:none;align-items:center;gap:5px;height:110px;display:flex;position:absolute;inset:46px 30px auto auto;transform:rotate(-8deg)}.home-hero-pulse span{background:linear-gradient(180deg, var(--mode-group), var(--brand-primary), var(--mode-duel));border-radius:999px;width:4px;height:24px;box-shadow:0 0 12px #8b7cff3d}.home-hero-pulse span:nth-child(3n+1){height:44px}.home-hero-pulse span:nth-child(3n+2){height:82px}.home-hero-pulse span:nth-child(5n){height:104px}.home-player-card,.home-mode-card,.home-panel,.single-player-card,.single-player-search-panel,.single-player-side-panel{border:1px solid var(--separator);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-soft)}.home-player-card{border-top:2px solid var(--mode-championship);background:linear-gradient(150deg, #f2c85b17, transparent 42%), var(--surface);padding:22px}.home-player-card h2{color:var(--content-primary);margin-top:24px;font-size:38px}.home-player-stats span,.home-list-row,.home-badge-pill{border-color:var(--separator);background:var(--page-elevated);border-radius:6px}.home-player-stats span{min-height:78px}.home-player-stats strong,.home-list-row b{color:var(--content-primary)}.home-mode-grid,.home-dashboard-grid{gap:18px;margin-bottom:18px}.home-mode-card{clip-path:none;min-height:224px;transition:transform .18s var(--arena-ease), box-shadow .18s ease, border-color .18s ease;padding:26px}.home-mode-card:after{content:"";background:var(--mode-accent);height:3px;box-shadow:0 0 22px var(--mode-accent);position:absolute;inset:auto 0 0}.home-mode-card:hover{border-color:color-mix(in srgb, var(--mode-accent) 58%, var(--separator));box-shadow:var(--shadow-lifted);transform:translateY(-3px)}.home-mode-card h2{color:var(--content-primary);font-size:40px}.home-mode-card p{color:var(--content-secondary);font-size:16px}.home-mode-solo{--mode-accent:var(--mode-group);background:linear-gradient(130deg, #35d6f31f, transparent 52%), var(--surface)}.home-mode-arena{--mode-accent:var(--mode-duel);background:linear-gradient(130deg, #ff4f9a1f, transparent 52%), var(--surface)}.home-panel{min-height:232px;padding:22px}.home-panel h2,.profile-panel-heading h2{color:var(--content-primary)}.single-player-page{grid-template-columns:minmax(0,1fr) minmax(280px,340px);grid-template-areas:"intro intro""search career""search recent";align-items:start;gap:18px;display:grid}.single-player-hero{display:contents}.single-player-hero>div{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;grid-area:intro;padding:12px 0}.single-player-hero h1{color:var(--content-primary);margin:8px 0;font-size:36px;line-height:1.15}.single-player-hero p:not(.eyebrow),.single-player-card>p,.album-search-compact .section-sub{color:var(--content-secondary)}.single-player-card{border-top:2px solid var(--brand-primary);grid-area:career;padding:18px}.single-player-card h2{color:var(--content-primary);font-size:24px}.single-player-card .home-player-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.single-player-card .home-player-stats strong{overflow-wrap:anywhere}.single-player-shell{display:contents}.single-player-search-panel,.single-player-side-panel{padding:24px}.single-player-search-panel{border-top:2px solid var(--mode-group);background:linear-gradient(145deg, var(--arena-glass-highlight), transparent 55%), var(--surface);grid-area:search;min-width:0}.single-player-side-panel{border-top:2px solid var(--brand-primary);grid-area:recent;min-width:0;position:static}.single-player-hero>div>p:last-child{margin-bottom:0}.single-player-card .home-player-stats{gap:8px}.single-player-card .home-player-stats>span{padding:10px}.album-search-compact h2{color:var(--content-primary);font-size:42px}.music-search-tabs{border-color:var(--separator);background:var(--page-elevated);border-radius:12px;width:min(100%,580px);padding:4px}.music-search-tabs button{min-height:44px;color:var(--content-secondary);border-radius:8px}.music-search-tabs button.is-active{border-color:var(--separator);color:var(--content-primary);background:var(--surface-strong);box-shadow:0 4px 14px #00000029}.search-box{flex-wrap:nowrap}.search-box input,.catalog-discovery-search input,.arena-code-entry input{border-color:var(--separator);min-height:48px;color:var(--content-primary);background:var(--page-elevated);border-radius:12px}.search-box input::placeholder,.catalog-discovery-search input::placeholder,.arena-code-entry input::placeholder{color:var(--content-tertiary)}.album-search-compact .album-grid{gap:16px}.album-card{border:1px solid var(--separator);border-radius:var(--radius-card);min-width:0;color:var(--content-primary);background:var(--page-elevated);box-shadow:none;text-align:left;padding:10px 10px 14px}.album-card:hover,.album-card.selected-card{border-color:var(--brand-secondary);background:var(--surface-strong);transform:translateY(-3px);box-shadow:0 18px 36px #00000038}.album-cover-frame,.album-cover{aspect-ratio:1;border-radius:6px;width:100%}.album-cover-frame{background:var(--surface-strong);margin-bottom:13px;display:block;overflow:hidden}.album-cover{object-fit:cover}.album-card h3{color:var(--content-primary);margin:0 0 5px;font-size:16px;line-height:1.25}.album-card p,.album-card span,.album-year{color:var(--content-secondary)}.card-check{background:var(--control-fill);border-radius:999px;color:var(--control-ink)!important}.artist-search-grid{gap:12px}.artist-search-card{border-color:var(--separator);border-radius:var(--radius-card);background:var(--page-elevated)}.artist-search-card h3{color:var(--content-primary)}.artist-search-card img,.artist-image-fallback{border:1px solid var(--separator);width:64px;height:64px}.start-bar,.arena-start-bar{border-color:var(--glass-border);color:var(--content-primary);background:var(--glass);box-shadow:var(--shadow-lifted);-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%);border-radius:18px}.start-bar img,.arena-start-bar img{border-radius:6px}.catalog-discovery{border-top-color:var(--separator)}.catalog-coming-soon,.catalog-card-type{color:var(--brand-primary);background:color-mix(in srgb, var(--brand-primary) 12%, transparent)}.catalog-category-filter{gap:8px}.catalog-category-filter button{border-color:var(--separator);min-height:40px;color:var(--content-secondary);background:var(--page-elevated)}.catalog-category-filter button.is-active{color:var(--content-primary);background:var(--surface-strong)}.catalog-discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.catalog-discovery-card{border-color:var(--separator);border-radius:var(--radius-card);background:var(--page-elevated);box-shadow:none}.catalog-discovery-card:not(.is-loading):hover{border-color:var(--brand-primary);box-shadow:var(--shadow-soft);transform:translateY(-3px)}.catalog-artwork{aspect-ratio:1;border-radius:6px}.catalog-card-copy h4,.catalog-state strong{color:var(--content-primary)}.catalog-card-copy p,.catalog-card-copy small,.catalog-result-summary,.catalog-state span{color:var(--content-secondary)}.catalog-provider-note,.catalog-rights-note{color:var(--content-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.catalog-detail-action,.catalog-detail-close{border:1px solid var(--separator);border-radius:var(--radius-control);background:var(--surface-strong);min-height:42px;color:var(--content-primary);font:inherit;cursor:pointer;font-size:12px;font-weight:800}.catalog-detail-action{margin:0 15px 15px;padding:9px 12px}.catalog-detail-action:hover,.catalog-detail-action:focus-visible,.catalog-detail-close:hover,.catalog-detail-close:focus-visible{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-primary) 18%, transparent)}.catalog-detail-panel{border:1px solid var(--separator);border-radius:var(--radius-card);background:var(--page-elevated);margin-top:22px;padding:20px}.catalog-detail-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.catalog-detail-heading h4{color:var(--content-primary);margin:5px 0 4px;font-size:clamp(22px,4vw,30px)}.album-search .catalog-detail-heading p{color:var(--content-secondary);margin:0;font-size:13px}.catalog-detail-close{flex:none;padding:8px 14px}.catalog-track-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.catalog-track-list li{border-bottom:1px solid var(--separator);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:8px 10px;display:grid}.catalog-track-number,.catalog-track-duration,.catalog-track-copy small{color:var(--content-secondary);font-size:12px}.catalog-track-copy{gap:2px;min-width:0;display:grid}.catalog-track-copy strong{color:var(--content-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.catalog-collection-section{margin-top:24px}.catalog-collection-section h5{color:var(--content-primary);margin:0 0 12px;font-size:16px}.catalog-collection-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.catalog-collection-grid article{min-width:0;color:var(--content-secondary);gap:6px;display:grid}.catalog-collection-grid img,.catalog-collection-grid article>span{aspect-ratio:1;object-fit:cover;background:var(--surface-strong);border-radius:6px;width:100%}.catalog-collection-grid article>span{color:var(--content-primary);place-items:center;font-size:22px;font-weight:800;display:grid}.catalog-collection-grid strong{color:var(--content-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.catalog-collection-grid small{font-size:11px}@media (width<=800px){.catalog-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.catalog-detail-panel{padding:16px}.catalog-detail-heading{align-items:center}.catalog-track-list li{grid-template-columns:22px minmax(0,1fr) auto}.catalog-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.arena-page{padding-top:112px}.arena-hero{text-align:left;width:min(100%,980px);margin-bottom:22px}.arena-hero h1{color:var(--content-primary);font-size:64px;line-height:1}.arena-hero p:not(.eyebrow){max-width:680px;color:var(--content-secondary);margin-left:0}.arena-status,.arena-code-entry,.duel-builder,.duel-open-rooms{border-color:var(--separator);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-soft)}.arena-status{width:min(100%,980px);padding:16px 18px}.arena-status h2,.arena-code-entry h2,.duel-builder h2,.duel-open-rooms h2{color:var(--content-primary)}.arena-mode-grid{gap:14px;width:min(100%,1180px)}.arena-mode-card{border-radius:var(--radius-card);border-color:color-mix(in srgb, var(--mode-accent) 30%, var(--separator));background:linear-gradient(150deg, var(--mode-accent-soft), transparent 64%), linear-gradient(var(--arena-glass-highlight), transparent 48%), var(--arena-glass-surface);min-height:224px;box-shadow:inset 0 1px var(--glass-border), var(--shadow-soft);clip-path:none;padding:20px;transition:transform .16s,border-color .16s,box-shadow .16s}.arena-mode-card:before{background:linear-gradient(130deg, transparent 58%, var(--mode-accent-soft))}.arena-mode-card:after{background:var(--mode-accent);width:auto;height:3px;box-shadow:0 0 20px var(--mode-accent);inset:auto 0 0}.arena-mode-card.active{border-color:var(--mode-accent);box-shadow:inset 0 1px var(--glass-border), 0 10px 28px var(--mode-accent-soft)}.arena-mode-card:hover:not(:disabled){border-color:color-mix(in srgb, var(--mode-accent) 30%, var(--separator));background:linear-gradient(150deg, var(--mode-accent-soft), transparent 64%), linear-gradient(var(--arena-glass-highlight), transparent 48%), var(--arena-glass-surface);box-shadow:inset 0 1px var(--glass-border), var(--shadow-soft);transform:none}@media (hover:hover) and (pointer:fine){.arena-mode-card:hover:not(:disabled){border-color:var(--mode-accent);box-shadow:inset 0 1px var(--glass-border), 0 14px 34px var(--mode-accent-soft);transform:translateY(-2px)}}.arena-mode-card:focus-visible{outline:3px solid var(--ui-focus);outline-offset:4px;border-color:var(--mode-accent)}.arena-mode-card:active:not(:disabled){border-color:var(--mode-accent);transform:scale(.99)}.duel-results-card{border-color:color-mix(in srgb, var(--arena-mode-accent) 24%, var(--game-border));border-radius:var(--radius-card);background:linear-gradient(145deg, color-mix(in srgb, var(--arena-mode-accent) 6%, transparent), transparent 58%), var(--game-surface);box-shadow:inset 0 1px var(--glass-border)}@media (prefers-reduced-motion:reduce){.arena-mode-card,.arena-mode-card:hover:not(:disabled),.arena-mode-card:active:not(:disabled){transition:none;transform:none}}.arena-mode-card h2{color:var(--content-primary);font-size:28px}.arena-mode-card p{color:var(--content-secondary)}.arena-mode-card strong,.arena-mode-label{border-radius:999px}.arena-mode-party{--mode-accent:var(--mode-party);--mode-accent-soft:#9af36a21;--mode-accent-glow:#9af36a33}.duel-lobby{gap:16px;width:min(100%,1180px)}.duel-builder,.duel-open-rooms{padding:20px}.duel-album-grid{gap:10px}.duel-album-card,.duel-room-card{border-color:var(--separator);color:var(--content-primary);background:var(--page-elevated);border-radius:7px}.duel-album-card img{object-fit:cover;border-radius:5px;width:64px;height:64px}.duel-album-card small,.duel-room-card span,.duel-room-card small{color:var(--content-secondary)}.duel-open-rooms .empty-stats,.single-player-side-panel .empty-stats,.home-panel .empty-stats{border-color:var(--separator);color:var(--content-secondary);background:var(--page-elevated);border-radius:6px}:root[data-theme=light] :is(.home-player-card,.home-mode-card,.home-panel,.single-player-card,.single-player-search-panel,.single-player-side-panel,.arena-status,.arena-code-entry,.arena-mode-card,.duel-builder,.duel-open-rooms,.album-card,.artist-search-card,.catalog-discovery-card,.duel-album-card,.duel-room-card),:root[data-theme=light] :is(.home-player-card h2,.home-mode-card h2,.home-panel h2,.single-player-card h2,.single-player-search-panel h2,.single-player-side-panel h2,.arena-mode-card h2,.duel-builder h2,.duel-open-rooms h2,.album-card h3,.artist-search-card h3,.catalog-card-copy h4){color:var(--content-primary)}:root[data-theme=light] .home-player-stats span,:root[data-theme=light] .home-list-row,:root[data-theme=light] .home-badge-pill{background:#f5f7fb}:root[data-theme=light] .home-list-row strong,:root[data-theme=light] .home-list-row b{color:var(--content-primary)}@media (width<=1080px){.nav-link-button,.nav-login-button,.theme-toggle{padding-inline:9px;font-size:12px}.theme-toggle-label,.logo-button small{display:none}.theme-toggle{min-width:40px;padding-inline:10px}.home-hero-panel,.single-player-hero{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}.single-player-shell{grid-template-columns:minmax(0,1fr) 300px}}@media (width<=940px){:root{--nav-height:70px}.navbar{min-height:0;padding:9px 12px;position:fixed}.nav-shell{gap:10px;height:52px;padding:0 7px 0 14px;position:relative}.logo-button{font-size:21px}.nav-menu-button{border:1px solid var(--separator);width:44px;height:44px;min-height:44px;color:var(--content-primary);background:color-mix(in srgb, var(--surface-strong) 72%, transparent);border-radius:12px;place-content:center;gap:4px;margin-left:auto;padding:0;display:grid}.nav-menu-button:hover,.nav-menu-button:active{color:var(--content-primary);background:var(--surface-strong)}.nav-menu-button span{background:currentColor;border-radius:2px;width:18px;height:2px;transition:transform .16s,opacity .16s}.nav-menu-button.is-open span:first-child{transform:translateY(6px)rotate(45deg)}.nav-menu-button.is-open span:nth-child(2){opacity:0}.nav-menu-button.is-open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.nav-links{border:1px solid var(--glass-border);background:var(--surface);max-height:calc(100dvh - 90px);box-shadow:var(--shadow-lifted);-webkit-backdrop-filter:none;backdrop-filter:none;z-index:1;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px;display:none;position:absolute;inset:calc(100% + 8px) 0 auto;overflow-y:auto}.nav-links.is-open{display:grid}.nav-link-button,.nav-login-button,.theme-toggle{border-color:var(--separator);text-align:left;justify-content:flex-start;width:100%;min-width:0;min-height:46px;padding:0 13px;font-size:14px}.theme-toggle-label{display:inline}.account-button{max-width:none}.home-dashboard,.single-player-page,.arena-page{padding-top:94px}.home-hero-panel,.single-player-hero,.single-player-shell,.duel-lobby{grid-template-columns:1fr}.home-hero-panel>div:first-child,.single-player-hero>div{min-height:300px;padding:34px 20px 28px}.home-hero-panel>div:first-child:before{inset:28px auto auto 20px}.home-hero-panel h1{font-size:52px}.single-player-hero h1,.arena-hero h1{font-size:48px}.home-hero-pulse{opacity:.34;height:72px;inset:28px 8px auto auto}.home-player-card h2,.single-player-card h2,.home-mode-card h2{font-size:32px}.single-player-side-panel{position:static}.catalog-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arena-hero{padding-inline:4px}.arena-status{grid-template-columns:1fr}}@media (width<=520px){.home-dashboard,.single-player-page,.arena-page{padding-left:14px;padding-right:14px}.nav-links,.home-mode-grid,.home-dashboard-grid,.catalog-discovery-grid,.artist-search-grid{grid-template-columns:1fr}.home-hero-panel h1{font-size:46px}.single-player-hero h1,.arena-hero h1{font-size:42px}.home-player-card,.home-panel,.single-player-card,.single-player-search-panel,.single-player-side-panel,.duel-builder,.duel-open-rooms{padding:18px}.home-player-stats{grid-template-columns:1fr 1fr}.home-player-stats span{min-height:72px;padding:12px}.search-box,.catalog-discovery-search{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.search-box input,.catalog-discovery-search input{width:100%;min-width:0;padding-inline:14px}.search-box button,.catalog-discovery-search button{padding-inline:16px}.music-search-tabs button{padding-inline:6px;font-size:12px}.album-search-compact .album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.album-card{padding:7px 7px 12px}.album-card h3{font-size:14px}.duel-album-grid,.arena-mode-grid{grid-template-columns:1fr}.arena-mode-card{min-height:190px}.start-bar,.arena-start-bar{border-radius:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-reduced-transparency:reduce){.nav-shell,.nav-links,.start-bar,.arena-start-bar{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surface)}}.logo-button.stanzer-brand{justify-content:flex-start;align-items:center;display:flex}.logo-button.stanzer-brand:after{display:none}.stanzer-nav-logo{width:140px;max-width:42vw;height:auto;display:block}@media (width<=940px){.stanzer-nav-logo{width:134px;max-width:48vw}}:root{--game-surface:#111827;--game-surface-raised:#182235;--game-control:#202b40;--game-control-hover:#293750;--game-border:#aebbd03d;--game-text:#f5f8ff;--game-text-secondary:#b9c5d8;--game-danger:#ff8f9b;--game-danger-soft:#ff536821;--game-correct:#4ade80;--game-correct-ink:#061b0d;--game-wrong:#ef5c6c;--game-wrong-ink:#fff;--game-countdown:#f5cf68}:root[data-theme=light]{--game-surface:#fff;--game-surface-raised:#edf2f8;--game-control:#e6ecf5;--game-control-hover:#d9e2ef;--game-border:#23355238;--game-text:#111827;--game-text-secondary:#46546c;--game-danger:#a51d32;--game-danger-soft:#b91c361a;--game-correct:#16833d;--game-correct-ink:#fff;--game-wrong:#bd2940;--game-wrong-ink:#fff;--game-countdown:#805600}.quiz-live{width:100%;height:auto;min-height:100dvh;padding:calc(var(--nav-height) + 8px) clamp(14px, 3vw, 32px) 12px;color:var(--game-text);background:var(--page);flex-direction:column;align-items:center;gap:clamp(4px,.9vh,10px);display:flex;overflow:visible}.quiz-live>h2{color:var(--game-text);margin:0;padding-inline:110px;font-size:clamp(20px,2.6vh,28px);line-height:1.1}.quiz-live .quiz-album-cover{top:calc(var(--nav-height) + 8px);border-radius:8px;width:clamp(46px,7vh,64px);height:clamp(46px,7vh,64px);margin:0;position:absolute;left:clamp(14px,3vw,32px)}.quiz-live .score-live{color:var(--game-text);margin:0;font-size:clamp(15px,2vh,19px)}.quiz-live .quiz-status{scrollbar-width:none;flex-wrap:nowrap;justify-content:center;gap:6px;width:min(100%,880px);min-height:36px;margin:0;padding-inline:0 102px;overflow-x:auto}.quiz-live .quiz-status::-webkit-scrollbar{display:none}.quiz-live .quiz-status span,.quiz-live .quiz-status .mute-toggle{border-color:var(--game-border);width:auto;min-width:0;max-width:none;min-height:36px;color:var(--game-text-secondary);background:var(--game-surface);flex:none;padding:7px 11px;font-size:12px;line-height:1.1}.quiz-live .quiz-end-run,.arena-game-modal .duel-room-actions .danger-button{border-color:color-mix(in srgb, var(--game-danger) 58%, transparent);min-width:0;min-height:44px;color:var(--game-danger);background:color-mix(in srgb, var(--game-danger-soft) 76%, var(--game-surface));font-weight:800}.quiz-live .quiz-end-run{top:calc(var(--nav-height) + 9px);z-index:18;position:fixed;right:clamp(10px,2vw,22px)}.quiz-live .game-state{border:1px solid var(--game-border);width:min(100%,760px);min-height:84px;max-height:clamp(104px,17vh,146px);color:var(--game-text);background:var(--game-surface);border-radius:8px;flex:120px;justify-content:center;margin:0;padding:6px 12px;overflow:hidden}.quiz-live .game-state-label,.arena-game-modal .game-state-label{color:var(--game-text)}.quiz-live .game-state-detail,.quiz-live .quiz-clue,.arena-game-modal .game-state-detail,.arena-game-modal .quiz-clue,.arena-game-modal .party-host-audio-note{color:var(--game-text-secondary)}.quiz-live .game-state-label{margin-bottom:3px;font-size:14px}.quiz-live .game-state-detail{font-size:13px}.quiz-live .timer-ring{width:clamp(68px,11vh,92px);height:clamp(68px,11vh,92px);margin:0 auto 3px}.quiz-live .timer-ring span{color:var(--game-text);font-size:clamp(25px,4.5vh,38px)}.quiz-live .timer-ring-bg{stroke:var(--game-border)}.quiz-live .start-countdown,.arena-game-modal .start-countdown{color:var(--game-countdown)}.quiz-live .quiz-clue{margin:0;font-size:clamp(13px,1.8vh,16px);line-height:1.25}.quiz-live .audio-preview-wrapper{min-height:0;margin:0}.quiz-live .audio-preview-wrapper:has(.hidden-audio-preview){height:0;overflow:visible}.quiz-live>.song-options,.arena-game-modal .song-options{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1.2vh,12px);width:min(100%,920px);margin:0;display:grid}.quiz-live .song-button,.arena-game-modal .song-button{border-color:var(--game-border);width:100%;max-width:none;min-height:clamp(60px,8vh,76px);color:var(--game-text);background:linear-gradient(135deg, color-mix(in srgb, var(--arena-mode-accent,var(--brand-primary)) 10%, transparent), transparent 58%), var(--game-control);text-align:left;touch-action:manipulation;border-radius:8px;padding:12px 16px;font-size:clamp(15px,2vh,18px);font-weight:750;line-height:1.25;transition:transform .11s,border-color .11s,background-color .11s,box-shadow .11s;box-shadow:inset 0 1px #ffffff1a,0 8px 20px #04081029}.quiz-live .song-button:hover:not(:disabled),.arena-game-modal .song-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--arena-mode-accent,var(--brand-primary)) 58%, var(--game-border));background:var(--game-control-hover);transform:translateY(-1px)}.quiz-live .song-button:active:not(:disabled),.arena-game-modal .song-button:active:not(:disabled){transform:scale(.985)}.quiz-live .song-button.selected-song,.arena-game-modal .song-button.selected-song{border-color:var(--arena-mode-accent,var(--brand-primary));color:var(--game-text);background:color-mix(in srgb, var(--arena-mode-accent,var(--brand-primary)) 24%, var(--game-control));box-shadow:0 0 0 2px color-mix(in srgb, var(--arena-mode-accent,var(--brand-primary)) 18%, transparent)}.quiz-live .song-button.correct-song,.arena-game-modal .song-button.correct-song{border-color:var(--game-correct);color:var(--game-correct-ink);background:var(--game-correct)}.quiz-live .song-button.wrong-song,.arena-game-modal .song-button.wrong-song{border-color:var(--game-wrong);color:var(--game-wrong-ink);background:var(--game-wrong)}.quiz-live .song-button:disabled,.arena-game-modal .song-button:disabled{opacity:.76}.quiz-live .song-button:disabled:not(.correct-song):not(.wrong-song),.arena-game-modal .song-button:disabled:not(.correct-song):not(.wrong-song){opacity:.84;color:var(--game-text-secondary)}.quiz-live .selected-guess,.quiz-live .quiz-message{color:var(--game-text-secondary);margin:0;font-size:12px}.arena-game-modal{height:auto;min-height:0;max-height:none;color:var(--game-text);background:var(--page);margin-inline:auto;overflow:visible}.arena-mode-overlay.arena-game-overlay{inset:var(--nav-height) 0 0;padding:12px clamp(8px, 2vw, 24px) max(18px, env(safe-area-inset-bottom));overscroll-behavior:contain;scrollbar-gutter:stable;background:var(--page);-webkit-backdrop-filter:none;backdrop-filter:none;display:block;overflow:clip auto}.arena-game-modal .duel-room-screen.duel-game-screen{height:auto;min-height:0;max-height:none;color:var(--game-text);background:var(--page);grid-template-rows:repeat(6,auto);grid-template-columns:minmax(0,1fr) minmax(260px,.4fr);grid-template-areas:"hero actions""status side""state side""clue side""audio side""answers side";align-content:start;align-items:start;overflow:visible}.arena-game-modal .duel-room-hero{align-self:start;padding-right:0}.arena-game-modal .group-live-board{align-self:start;height:auto;min-height:0;max-height:none}.arena-game-modal .group-live-list{overscroll-behavior:contain;scrollbar-width:thin;max-height:min(52dvh,460px);overflow-y:auto}.arena-game-modal .audio-preview-wrapper{pointer-events:auto;grid-area:audio;height:auto;max-height:none;position:static;overflow:visible}.arena-game-modal .audio-preview-wrapper:empty{display:none}.arena-game-modal .audio-preview-wrapper .clip-button{border:1px solid var(--game-border);border-radius:var(--radius-control);max-width:100%;min-height:44px;color:var(--game-text);background:var(--game-control);box-shadow:inset 0 1px var(--glass-border);padding:10px 18px;font-size:14px;position:static;inset:auto;transform:none}.arena-game-modal .audio-preview-wrapper .clip-button:hover{background:var(--game-control-hover)}.arena-game-modal .duel-room-hero,.arena-game-modal .duel-head-to-head,.arena-game-modal .group-live-board,.arena-game-modal .game-state,.arena-game-modal .duel-h2h-card,.arena-game-modal .party-host-answer-state{border-color:var(--game-border);color:var(--game-text);background:var(--game-surface)}.arena-game-modal .duel-room-hero h2,.arena-game-modal .duel-h2h-card strong,.arena-game-modal .duel-h2h-card p,.arena-game-modal .group-live-board h2,.arena-game-modal .quiz-status,.arena-game-modal .timer-ring span,.arena-game-modal .reveal-answer,.arena-game-modal .party-host-answer-state strong{color:var(--game-text)}.arena-game-modal .duel-room-hero p,.arena-game-modal .duel-h2h-card span,.arena-game-modal .duel-h2h-card small,.arena-game-modal .group-live-row small,.arena-game-modal .party-host-answer-state span{color:var(--game-text-secondary)}.arena-game-modal .quiz-status span,.arena-game-modal .quiz-status button{border-color:var(--game-border);color:var(--game-text-secondary);background:var(--game-surface-raised)}.arena-game-modal .game-state{justify-content:center;min-height:88px;max-height:clamp(104px,17vh,146px);padding:6px 12px}.arena-game-modal :is(.duel-h2h-card,.group-live-board,.game-state){border-color:color-mix(in srgb, var(--arena-mode-accent) 24%, var(--game-border));border-radius:var(--radius-card);background:linear-gradient(145deg, color-mix(in srgb, var(--arena-mode-accent) 6%, transparent), transparent 58%), var(--game-surface);box-shadow:inset 0 1px var(--glass-border)}.arena-game-modal .duel-room-actions{z-index:auto;grid-area:actions;place-self:center end;margin:0;position:static}.arena-game-modal .duel-room-actions button{min-height:44px;padding:10px 14px;font-size:12px}.arena-confirm-dialog{border-color:var(--game-border);color:var(--game-text);background:var(--game-surface)}.arena-confirm-dialog h2{color:var(--game-text)}.duel-results-card .duel-player-card{border-color:var(--game-border);border-radius:var(--radius-card);background:var(--game-surface-raised)}.duel-results-card .duel-winner-card{border-color:var(--ui-gold-text);background:linear-gradient(135deg, color-mix(in srgb, var(--mode-championship) 12%, transparent), transparent 72%), var(--game-surface-raised)}.duel-player-card>span,.duel-results-card .duel-player-card small,.duel-results-card .competitive-outcome-banner p{color:var(--game-text-secondary);margin-bottom:6px;display:block}.duel-results-card .duel-player-card .guest-name-line strong,.duel-results-card .duel-player-card p{color:var(--game-text)}.duel-results-card .competitive-match-summary>div{border:1px solid var(--game-border);border-radius:var(--radius-card);color:var(--game-text);background:var(--game-surface-raised)}.duel-results-card.victory .competitive-outcome-banner h2{color:var(--ui-success-text)}.duel-results-card.defeat .competitive-outcome-banner h2{color:var(--ui-danger-text)}.duel-results-card.draw .competitive-outcome-banner h2{color:var(--ui-warning-text)}.arena-confirm-dialog>p:not(.eyebrow){color:var(--game-text-secondary)}.arena-audio-debug{border-color:color-mix(in srgb, var(--brand-secondary) 55%, var(--game-border));background:color-mix(in srgb, var(--game-surface) 94%, transparent);min-width:0;max-width:min(360px,100vw - 20px);color:var(--game-text);pointer-events:auto;padding:0;display:block;bottom:10px;right:10px;overflow:hidden}.arena-audio-debug-toggle{width:100%;min-height:38px;color:var(--game-text);background:var(--game-surface-raised);text-transform:uppercase;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:16px;padding:8px 11px;font:700 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.arena-audio-debug-toggle span:last-child{color:var(--brand-secondary);font-size:10px}.arena-audio-debug-details{gap:3px;max-height:min(54vh,480px);padding:10px 12px 12px;display:grid;overflow-y:auto}.arena-readiness-player{border-color:var(--game-border);background:var(--game-surface-raised)}.arena-readiness-player small{color:var(--game-text-secondary)}:root[data-theme=light] .arena-mode-overlay,:root[data-theme=light] .arena-confirm-overlay{background:#dde4f0d1}:root[data-theme=light] .quiz-live:before,:root[data-theme=light] .quiz-complete:before{background:radial-gradient(circle at 50% 8%,#6657e81a,#0000 36%),linear-gradient(#ffffffb3,#0000 36%)}:root[data-theme=light] .quiz-status .streak-reward{color:#6d4700;background:linear-gradient(135deg,#fff2bb,#efe8ff)}:root[data-theme=light] .timer-low{color:#9a4e00;border-color:#b56200!important}:root[data-theme=light] .group-live-row.current{color:var(--game-text);background:color-mix(in srgb, var(--arena-mode-accent) 14%, var(--game-surface))}@media (width>=769px){.arena-game-modal .duel-room-screen.duel-game-screen{grid-template-rows:repeat(6,auto);align-content:start}.arena-game-modal .game-state{justify-content:center;padding-top:6px}.arena-game-modal .song-button{min-height:clamp(62px,8vh,76px);padding-block:12px}}@media (width<=768px){.quiz-live{min-height:100dvh;padding:calc(var(--nav-height) + 6px) 10px max(8px, env(safe-area-inset-bottom));gap:5px}.quiz-live>h2{padding-inline:88px;font-size:19px}.quiz-live .quiz-album-cover{display:none}.quiz-live .score-live{font-size:14px}.quiz-live .quiz-status{justify-content:flex-start;padding-right:88px}.quiz-live .quiz-status span,.quiz-live .quiz-status .mute-toggle{white-space:nowrap;flex:1 1 0;min-height:32px;padding:5px 8px;font-size:10px}.quiz-live .quiz-status .quiz-end-run{flex:none}.quiz-live .quiz-end-run{top:calc(var(--nav-height) + 6px);min-height:38px;padding:7px 10px;font-size:11px;right:8px}.quiz-live .game-state{flex-basis:98px;min-height:78px;max-height:118px}.quiz-live .timer-ring{width:64px;height:64px}.quiz-live .quiz-clue{max-width:100%;font-size:12px}.quiz-live>.song-options,.arena-game-modal .song-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.quiz-live .song-button,.arena-game-modal .song-button{min-height:62px;padding:10px 11px;font-size:14px}.arena-game-modal .duel-room-screen.duel-game-screen{grid-template-rows:repeat(7,auto);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"hero actions""side side""status status""state state""clue clue""audio audio""answers answers";align-content:start}.arena-game-modal .duel-room-hero{padding-right:0}.arena-game-modal .duel-room-actions{align-self:start}.arena-game-modal .duel-room-actions button{min-height:44px;padding:10px;font-size:12px}.arena-game-modal .quiz-status{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:visible}.arena-game-modal .quiz-status span,.arena-game-modal .quiz-status button{white-space:normal;width:100%;min-height:30px;line-height:1.15}.arena-game-modal .game-state{min-height:84px;max-height:116px}.arena-game-modal .group-live-board{max-height:none}.arena-game-modal .group-live-list{max-height:112px}.arena-audio-debug{right:8px;bottom:max(8px, env(safe-area-inset-bottom));max-width:min(300px,100vw - 16px)}.arena-audio-debug-details{max-height:42vh}}@media (height<=680px){.quiz-live{gap:3px}.quiz-live .game-state,.arena-game-modal .game-state{min-height:68px;max-height:90px}.quiz-live .timer-ring,.arena-game-modal .timer-ring{width:56px;height:56px}.quiz-live .song-button,.arena-game-modal .song-button{min-height:54px;padding-block:8px}}@media (prefers-reduced-motion:reduce){.quiz-live .song-button,.arena-game-modal .song-button{transition:none;animation:none}}:root{--ui-canvas:#070b14;--ui-canvas-raised:#0c1220;--ui-surface:#111827;--ui-surface-raised:#182235;--ui-surface-muted:#202b40;--ui-text:#f5f8ff;--ui-text-secondary:#b8c4d8;--ui-text-muted:#95a3b8;--ui-border:#334158;--ui-border-strong:#53647e;--ui-input-bg:#0c1220;--ui-input-text:#f5f8ff;--ui-input-placeholder:#95a3b8;--ui-focus:#52d9ff;--ui-primary-bg:#f5f8ff;--ui-primary-text:#101522;--ui-secondary-bg:#182235;--ui-secondary-text:#f5f8ff;--ui-overlay:#03060dd1;--ui-success-text:#8ff0b2;--ui-danger-text:#ffadb8;--ui-warning-text:#f5d978;--ui-info-text:#8ee7f2;--ui-gold-text:#ffe38c;--ui-gold-surface:#302815;--ui-silver-text:#e4e9f2;--ui-silver-surface:#252c38;--ui-bronze-text:#f0bd91;--ui-bronze-surface:#332217;--ui-platinum-text:#9cebf3;--ui-platinum-surface:#102b34;--ui-legendary-text:#ffacd4;--ui-legendary-surface:#35162a;--ui-duel-text:#ff76b6;--ui-group-text:#8ee7f2;--ui-party-text:#b6f394;--ui-championship-text:#f5d978}:root[data-theme=light]{--ui-canvas:#f3f6fb;--ui-canvas-raised:#e7edf5;--ui-surface:#fff;--ui-surface-raised:#f0f4f9;--ui-surface-muted:#e5ebf3;--ui-text:#121927;--ui-text-secondary:#45526a;--ui-text-muted:#66758d;--ui-border:#c5cfdd;--ui-border-strong:#95a4ba;--ui-input-bg:#fff;--ui-input-text:#121927;--ui-input-placeholder:#66758d;--ui-focus:#087ca0;--ui-primary-bg:#182136;--ui-primary-text:#f7f9ff;--ui-secondary-bg:#e5ebf3;--ui-secondary-text:#182136;--ui-overlay:#e0e7f1e0;--ui-success-text:#126b36;--ui-danger-text:#a51d32;--ui-warning-text:#765000;--ui-info-text:#086b83;--ui-gold-text:#6b4700;--ui-gold-surface:#fff1bd;--ui-silver-text:#46546a;--ui-silver-surface:#e7ebf1;--ui-bronze-text:#7d421f;--ui-bronze-surface:#f8e1ce;--ui-platinum-text:#006878;--ui-platinum-surface:#d9f4f7;--ui-legendary-text:#932057;--ui-legendary-surface:#f9ddec;--ui-duel-text:#c32272;--ui-group-text:#007f95;--ui-party-text:#477d13;--ui-championship-text:#8a6500}body,.leaderboard-page,.profile-page,.auth-page,.account-settings-page,.quiz-complete,:is(.leaderboard-page,.profile-page,.auth-page,.account-settings-page,.quiz-complete) :is(h1,h2,h3,h4){color:var(--ui-text)}:is(.leaderboard-page,.profile-page,.auth-page,.account-settings-page,.quiz-complete) :is(p,small){color:var(--ui-text-secondary)}input,textarea,select,.auth-field input,.auth-input-prefix,.settings-reset-dialog input{border-color:var(--ui-border);color:var(--ui-input-text);background:var(--ui-input-bg);caret-color:var(--ui-focus)}input::placeholder,textarea::placeholder,.auth-field input::placeholder,.settings-reset-dialog input::placeholder{color:var(--ui-input-placeholder);opacity:1}input:focus,textarea:focus,select:focus,.auth-field input:focus,.auth-input-prefix:focus-within,.settings-reset-dialog input:focus{border-color:var(--ui-focus);outline:2px solid color-mix(in srgb, var(--ui-focus) 34%, transparent);outline-offset:2px;box-shadow:none}.secondary-button,.auth-secondary-button,.settings-toggle{border-color:var(--ui-border-strong);color:var(--ui-secondary-text);background:var(--ui-secondary-bg)}.secondary-button:hover:not(:disabled),.auth-secondary-button:hover:not(:disabled),.settings-toggle:hover:not(:disabled){border-color:var(--ui-focus);color:var(--ui-text);background:var(--ui-surface-muted)}.auth-field label,.settings-reset-dialog label,.settings-section-heading h3,.profile-panel-heading h2,.profile-section-header h2,.badge-section-header h2,.leaderboard-panel h2,.recent-results h2{color:var(--ui-text)}.auth-field-help,.auth-panel .auth-field-help,.auth-panel .auth-intro,.auth-switch-copy,.auth-panel .auth-switch-copy,.settings-header p,.settings-section-heading p,.leaderboard-limit-note,.featured-badge-message,.profile-tier-card span,.profile-tier-card small{color:var(--ui-text-secondary)!important}.auth-message,.auth-panel .auth-message,.cloud-sync-message,.cloud-save-message,.profile-source-note{border-color:var(--ui-border);color:var(--ui-text-secondary);background:var(--ui-surface-raised)}.auth-message-error{border-color:color-mix(in srgb, var(--ui-danger-text) 42%, var(--ui-border));color:var(--ui-danger-text);background:color-mix(in srgb, var(--ui-danger-text) 9%, var(--ui-surface))}.auth-message-success,.auth-field-help.is-success{color:var(--ui-success-text)!important}.auth-message-info{color:var(--ui-info-text)}.auth-danger-button,.clear-stats-button,.danger-button{border-color:color-mix(in srgb, var(--ui-danger-text) 50%, var(--ui-border));color:var(--ui-danger-text);background:color-mix(in srgb, var(--ui-danger-text) 9%, var(--ui-surface))}.auth-layout,.auth-panel,.settings-section,.settings-reset-dialog,.profile-hero,.profile-empty,.badge-section,.leaderboard-panel,.stat-card,.recent-results,.leaderboard-modal,.badge-detail-modal{border-color:var(--ui-border);color:var(--ui-text);background-color:var(--ui-surface)}.auth-layout,.auth-panel{background:var(--ui-surface)}.auth-brand-panel{border-color:color-mix(in srgb, var(--brand-primary) 34%, var(--ui-border))}.auth-brand-panel p,.auth-benefits{color:var(--ui-text-secondary)}.settings-section{background:var(--ui-surface);box-shadow:inset 0 1px color-mix(in srgb, var(--ui-text) 6%, transparent)}.settings-toggle.is-active{border-color:color-mix(in srgb, var(--ui-success-text) 48%, var(--ui-border));color:var(--ui-success-text);background:color-mix(in srgb, var(--ui-success-text) 10%, var(--ui-surface))}.settings-reset-backdrop,.badge-detail-overlay,.leaderboard-modal-overlay{background:var(--ui-overlay)}.settings-reset-dialog{background:var(--ui-surface)}.leaderboard-page{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--brand-primary) 12%, transparent), transparent 30%), var(--ui-canvas)}.leaderboard-header h1,.global-leaderboard-sections .leaderboard-panel h2,.global-leaderboard-sections .player-profile-link,.leaderboard-panel strong,.result-row strong,.stat-card strong,.leaderboard-your-position strong{color:var(--ui-text)}.leaderboard-tabs{border-color:var(--ui-border);background:var(--ui-surface-raised)}.leaderboard-tabs button{color:var(--ui-text-secondary)}.leaderboard-tabs button:hover,.leaderboard-tabs button.active{border-color:color-mix(in srgb, var(--brand-secondary) 48%, var(--ui-border));color:var(--ui-text);background:color-mix(in srgb, var(--brand-secondary) 11%, var(--ui-surface))}.stat-card,.leaderboard-panel,.recent-results,.multiplayer-leaderboard-panel{border-color:var(--ui-border);background:var(--ui-surface)}.stat-card span,.leaderboard-panel span,.result-row span,.leaderboard-panel p,.empty-stats,.leaderboard-your-position span{color:var(--ui-text-secondary)}.leaderboard-list-row,.result-row{border-color:var(--ui-border)}.global-leaderboard-sections .leaderboard-panel{border-color:var(--ui-border);background:linear-gradient(145deg, color-mix(in srgb, var(--brand-primary) 7%, transparent), transparent 42%), var(--ui-surface)}.global-leaderboard-sections .leaderboard-list-row{border-color:var(--ui-border);color:var(--ui-text);background:var(--ui-surface-raised)}.global-leaderboard-sections .leaderboard-list-row>span:last-child,.global-leaderboard-sections .leaderboard-list-row>span:nth-last-child(2){color:var(--ui-text)}.global-leaderboard-sections .rank-number{border-color:var(--ui-border-strong);background:var(--ui-surface-muted);color:var(--ui-text)!important}.global-leaderboard-sections .rank-first{border-color:color-mix(in srgb, var(--mode-championship) 72%, var(--ui-border));background:linear-gradient(100deg, color-mix(in srgb, var(--mode-championship) 14%, var(--ui-surface)), var(--ui-surface-raised))}.global-leaderboard-sections .rank-second{border-color:color-mix(in srgb, #8996aa 58%, var(--ui-border));background:linear-gradient(100deg, color-mix(in srgb, #8996aa 13%, var(--ui-surface)), var(--ui-surface-raised))}.global-leaderboard-sections .rank-third{border-color:color-mix(in srgb, #b66a35 62%, var(--ui-border));background:linear-gradient(100deg, color-mix(in srgb, #b66a35 13%, var(--ui-surface)), var(--ui-surface-raised))}.global-leaderboard-sections .rank-top-five{background:linear-gradient(100deg, color-mix(in srgb, var(--brand-primary) 10%, var(--ui-surface)), var(--ui-surface-raised))}.global-leaderboard-sections .rank-top-ten{border-color:color-mix(in srgb, var(--brand-secondary) 25%, var(--ui-border))}.global-leaderboard-sections .rank-first .rank-number{background:linear-gradient(135deg,#fff1a8,#d99f22);color:#302000!important}.global-leaderboard-sections .rank-second .rank-number{background:linear-gradient(135deg,#f4f6fa,#a9afbd);color:#171820!important}.global-leaderboard-sections .rank-third .rank-number{background:linear-gradient(135deg,#efbd8e,#a86435);color:#201108!important}.leaderboard-current-user{border-color:var(--mode-group)!important;background:color-mix(in srgb, var(--mode-group) 10%, var(--ui-surface))!important}.leaderboard-current-user:after,.group-you-tag{color:#07333b;background:#9cebf3}.profile-hero,.profile-empty{background:radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--brand-primary) 15%, transparent), transparent 34%), var(--ui-surface)}.profile-handle{color:color-mix(in srgb, var(--brand-primary) 78%, var(--ui-text))}.profile-tier-card{border-color:color-mix(in srgb, var(--mode-championship) 46%, var(--ui-border));background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--mode-championship) 16%, transparent), transparent 42%), var(--ui-surface-raised)}.profile-tier-card strong,.badge-earned strong,.daily-goal.complete strong,.gold-text{color:var(--ui-gold-text)!important}.profile-source-note{border-color:color-mix(in srgb, var(--mode-championship) 44%, var(--ui-border));color:var(--ui-warning-text);background:color-mix(in srgb, var(--mode-championship) 9%, var(--ui-surface))}.leaderboard-header .cloud-sync-message,.cloud-sync-message{border:1px solid var(--ui-border);color:var(--ui-text-secondary);background:var(--ui-surface-muted)}.profile-section-header>span,.profile-panel-heading>span,.badge-section-header>span{border-color:var(--ui-border);color:var(--ui-text-secondary);background:var(--ui-surface-raised)}.featured-badge-editor,.featured-badge-option{border-color:var(--ui-border);color:var(--ui-text);background:var(--ui-surface-raised)}.featured-badge-option strong{color:var(--ui-text)}.featured-badge-option span{color:var(--ui-text-secondary)}.badge-section{background:radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--brand-primary) 14%, transparent), transparent 30%), var(--ui-surface)}.badge-card{color:var(--ui-text);background:linear-gradient(155deg, var(--badge-accent-soft), transparent 48%), var(--ui-surface-raised)}.badge-copy h3,.badge-detail-modal h2,.badge-earned-popup strong{color:var(--ui-text)}.badge-copy p,.badge-detail-modal p:not(.eyebrow),.badge-earned-popup small,.badge-progress small,.badge-topline{color:var(--ui-text-secondary)}.badge-progress div{background:color-mix(in srgb, var(--ui-text) 14%, transparent)}.badge-locked:after{border-color:var(--ui-border);color:var(--ui-text-secondary);background:var(--ui-surface-muted)}.badge-detail-modal,.badge-earned-popup{background:radial-gradient(circle at 18% 0%, var(--badge-accent-soft), transparent 38%), var(--ui-surface)}.badge-detail-close{border-color:var(--ui-border);color:var(--ui-text);background:var(--ui-surface-raised)}.quiz-complete{background:var(--ui-canvas)}.quiz-complete h2,.quiz-complete .score-hero,.score-breakdown strong,.reveal-answer strong{color:var(--ui-text)}.score-breakdown p{border-color:var(--ui-border);color:var(--ui-text-secondary);background:var(--ui-surface)}.quiz-complete .quiz-message,.quiz-complete .cloud-save-message{color:var(--ui-text-secondary)}:root[data-theme=light] .auth-brand-panel{background:linear-gradient(150deg, #6657e829, #d9e5f7c7 58%), var(--ui-surface-raised)}:root[data-theme=light] .password-visibility-button,:root[data-theme=light] .auth-inline-action button,:root[data-theme=light] .auth-switch-copy button{color:#4c3fc7}:root[data-theme=light] .password-visibility-button:hover,:root[data-theme=light] .auth-inline-action button:hover,:root[data-theme=light] .auth-switch-copy button:hover{color:#33269f}:root[data-theme=light] .badge-card,:root[data-theme=light] .badge-detail-modal,:root[data-theme=light] .badge-earned-popup{--badge-accent:#5145bf;--badge-accent-soft:#5145bf1f;--badge-accent-glow:#5145bf2e}:root[data-theme=light] :is(.badge-gold,.badge-amber,.badge-yellow,.badge-tier-gold){--badge-accent:#805600;--badge-accent-soft:#8056001f;--badge-accent-glow:#80560029}:root[data-theme=light] :is(.badge-silver,.badge-tier-silver){--badge-accent:#536176;--badge-accent-soft:#5361761f;--badge-accent-glow:#53617629}:root[data-theme=light] :is(.badge-bronze,.badge-tier-bronze){--badge-accent:#87491f;--badge-accent-soft:#87491f1f;--badge-accent-glow:#87491f29}:root[data-theme=light] :is(.badge-cyan,.badge-tier-platinum){--badge-accent:#006878;--badge-accent-soft:#0068781c;--badge-accent-glow:#00687829}:root[data-theme=light] :is(.badge-magenta,.badge-rose,.badge-tier-legendary){--badge-accent:#932057;--badge-accent-soft:#9320571c;--badge-accent-glow:#93205729}:root[data-theme=light] .home-badge-pill{border-color:color-mix(in srgb, var(--badge-accent,var(--ui-border-strong)) 38%, var(--ui-border));color:var(--ui-text);background:linear-gradient(145deg, var(--badge-accent-soft,transparent), transparent 56%), var(--ui-surface-raised)}:root[data-theme=light] .home-badge-pill strong{color:var(--ui-text)}:root[data-theme=light] .home-badge-pill small{color:var(--badge-accent,var(--ui-text-secondary))}:root[data-theme=light] .home-badge-pill.badge-violet{--badge-accent:#5145bf;--badge-accent-soft:#5145bf1f}:root[data-theme=light] .arena-modal-close,:root[data-theme=light] .arena-accept-actions .secondary-button{border-color:color-mix(in srgb, var(--arena-mode-accent-text,var(--ui-focus)) 42%, var(--ui-border));color:var(--ui-secondary-text);background:color-mix(in srgb, var(--ui-secondary-bg) 92%, transparent)}:root[data-theme=light] .arena-modal-close:hover:not(:disabled),:root[data-theme=light] .arena-accept-actions .secondary-button:hover:not(:disabled){border-color:var(--ui-focus);color:var(--ui-text);background:var(--ui-surface-muted)}:root[data-theme=light] .arena-modal-close:focus-visible,:root[data-theme=light] .arena-accept-actions .secondary-button:focus-visible{outline-color:var(--ui-focus);color:var(--ui-text)}:root[data-theme=light] .arena-modal-close:disabled,:root[data-theme=light] .arena-accept-actions .secondary-button:disabled{border-color:var(--ui-border);color:var(--ui-text-muted);background:var(--ui-surface-raised);opacity:.72}:root[data-theme=light] .badge-card.badge-tier-bronze{background:linear-gradient(145deg, #87491f1f, transparent 48%), var(--ui-bronze-surface)}:root[data-theme=light] .badge-card.badge-tier-silver{background:linear-gradient(145deg, #5361761a, transparent 48%), var(--ui-silver-surface)}:root[data-theme=light] .badge-card.badge-tier-gold{background:linear-gradient(145deg, #8056001f, transparent 48%), var(--ui-gold-surface)}:root[data-theme=light] .badge-card.badge-tier-platinum{background:linear-gradient(145deg, #0068781f, transparent 48%), var(--ui-platinum-surface)}:root[data-theme=light] .badge-card.badge-tier-legendary{background:linear-gradient(145deg, #9320571f, transparent 48%), var(--ui-legendary-surface)}:root[data-theme=light] .identity-tier-gold,:root[data-theme=light] .identity-tier-legendary{color:var(--ui-gold-text);background:var(--ui-gold-surface);border-color:#a67500}:root[data-theme=light] .identity-tier-silver{color:var(--ui-silver-text);background:var(--ui-silver-surface);border-color:#78869a}:root[data-theme=light] .identity-tier-bronze{color:var(--ui-bronze-text);background:var(--ui-bronze-surface);border-color:#a65f31}:root[data-theme=light] .identity-tier-platinum{color:var(--ui-platinum-text);background:var(--ui-platinum-surface);border-color:#178696}:root[data-theme=light] .identity-form{color:#81202f;background:linear-gradient(135deg,#ffe0d8,#f8dced 54%,#ffeac5);border-color:#b83c4e}:root[data-theme=light] :is(.identity-dailyStreak,.identity-winningStreak){color:#125c30;background:#daf4e3;border-color:#27864b}:root[data-theme=light] .gold-badge{color:#302000}:root[data-theme=light] .quiz-perfect-run h2{color:var(--ui-gold-text)}.account-button{white-space:normal;flex:0 auto;max-width:min(290px,30vw);overflow:visible}.account-button>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:10rem;overflow:hidden}.account-button .player-identity-badges{flex-wrap:nowrap;flex:none}@media (width<=1080px) and (width>=941px){.account-button{gap:4px;max-width:220px}.account-button>span:first-child{max-width:76px}.account-button .player-identity-badge{letter-spacing:.35px;min-height:20px;padding-inline:5px;font-size:9px}}@media (width<=940px){.account-button{width:100%;max-width:none}.account-button>span:first-child{max-width:min(50vw,220px)}.account-button .player-identity-badges{margin-left:auto}}@media (forced-colors:active){button,input,textarea,select,.badge-card,.leaderboard-list-row,.stat-card{forced-color-adjust:auto}}.quiz-live .game-state,.arena-game-modal .game-state{box-sizing:border-box;flex:none;height:auto;min-height:clamp(184px,24vh,212px);max-height:none;padding-block:12px;overflow:visible}.quiz-live .timer-ring,.arena-game-modal .timer-ring{flex:none;width:clamp(120px,14vh,140px);height:clamp(120px,14vh,140px);margin:2px auto 5px}.quiz-live .timer-ring span,.arena-game-modal .timer-ring span{font-size:clamp(44px,6vh,58px);font-weight:800}.quiz-live .game-state-label,.arena-game-modal .game-state-label{flex:none;margin-bottom:3px;line-height:1.15}.quiz-live .game-state-detail,.arena-game-modal .game-state-detail{flex:none;margin-bottom:0;line-height:1.25}.quiz-live .start-countdown,.arena-game-modal .start-countdown{font-size:clamp(68px,10vh,96px);line-height:.95}@media (width<=768px){.quiz-live .game-state,.arena-game-modal .game-state{flex-basis:auto;height:auto;min-height:clamp(176px,22vh,196px);padding-block:8px}.quiz-live .timer-ring,.arena-game-modal .timer-ring{width:clamp(104px,14vh,122px);height:clamp(104px,14vh,122px)}.quiz-live .timer-ring span,.arena-game-modal .timer-ring span{font-size:clamp(40px,5.8vh,50px)}.quiz-live .start-countdown,.arena-game-modal .start-countdown{font-size:clamp(58px,9vh,76px)}}@media (height<=680px){.quiz-live .game-state,.arena-game-modal .game-state{flex-basis:auto;height:auto;min-height:160px;padding-block:6px}.quiz-live .timer-ring,.arena-game-modal .timer-ring{width:100px;height:100px}.quiz-live .timer-ring span,.arena-game-modal .timer-ring span{font-size:40px}.quiz-live .start-countdown,.arena-game-modal .start-countdown{font-size:58px}}.arena-page{--arena-mode-accent-text:var(--ui-duel-text)}.arena-theme-group_lobby{--arena-mode-accent-text:var(--ui-group-text)}.arena-theme-party,.arena-theme-party_mode{--arena-mode-accent-text:var(--ui-party-text)}.arena-theme-championship{--arena-mode-accent-text:var(--ui-championship-text)}.arena-mode-duel{--mode-accent-text:var(--ui-duel-text)}.arena-mode-group{--mode-accent-text:var(--ui-group-text)}.arena-mode-party{--mode-accent-text:var(--ui-party-text)}.arena-mode-championship{--mode-accent-text:var(--ui-championship-text)}.arena-page[class*=arena-theme-] .eyebrow,.arena-page[class*=arena-theme-] .duel-room-status,.arena-status>span{color:var(--arena-mode-accent-text,var(--ui-duel-text))}.arena-mode-label{color:var(--mode-accent-text,var(--ui-duel-text))}.quiz-live .quiz-status,.arena-game-modal .quiz-status{grid-template-columns:repeat(5,minmax(0,auto));justify-content:center;width:min(100%,880px);padding-inline:0;display:grid;overflow:visible}.quiz-live .quiz-status{grid-template-columns:repeat(4,minmax(0,auto))}.quiz-live .quiz-status span,.quiz-live .quiz-status .mute-toggle:not(.quiz-end-run),.arena-game-modal .quiz-status span,.arena-game-modal .quiz-status button{white-space:normal;overflow-wrap:anywhere;text-align:center;min-width:0;max-width:100%}@media (width<=520px){.quiz-live .quiz-status{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;width:min(100%,360px)}.arena-game-modal .quiz-status{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:min(100%,360px)}.quiz-live .quiz-status span,.quiz-live .quiz-status .mute-toggle:not(.quiz-end-run),.arena-game-modal .quiz-status span,.arena-game-modal .quiz-status button{width:100%;min-height:30px;padding:5px 7px;font-size:10px;line-height:1.15}}.home-decision-button{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-width:min(100%,250px);min-height:64px;padding:11px 18px;display:inline-flex}.home-decision-button strong{color:inherit;font-size:15px;line-height:1.2}.home-decision-button small{color:color-mix(in srgb, currentColor 72%, transparent);font-size:11px;font-weight:650;line-height:1.25}.arena-create-heading{width:min(100%,1180px);margin:4px auto 14px}.arena-create-heading h2{color:var(--content-primary);margin:2px 0 4px;font-size:clamp(24px,3vw,34px)}.arena-create-heading>p:last-child{color:var(--content-secondary);margin:0}@media (width<=820px){.logo-button{min-height:44px}.single-player-page{flex-direction:column;display:flex}.single-player-hero,.single-player-shell{display:contents}.single-player-hero>div{order:1;min-height:auto;margin-bottom:14px;padding:24px 4px 12px}.single-player-search-panel{order:2;margin-bottom:16px}.single-player-card{order:3;margin-bottom:16px}.single-player-side-panel{order:4}.arena-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arena-mode-card{min-height:204px}}@media (width<=520px){.nav-links{grid-template-columns:repeat(2,minmax(0,1fr));max-height:min(330px,100dvh - 90px);padding:8px}.nav-link-button,.nav-login-button,.theme-toggle{min-height:48px;padding-inline:11px}.account-button{grid-column:1/-1}.home-hero-panel>div:first-child{min-height:278px;padding:30px 18px 24px}.home-hero-panel h1{margin-bottom:13px;font-size:clamp(40px,12vw,48px)}.home-hero-panel p:not(.eyebrow){font-size:16px;line-height:1.48}.home-hero-panel .hero-buttons{grid-template-columns:1fr;gap:9px;display:grid}.home-decision-button{width:100%;min-width:0}.single-player-hero>div{padding-top:18px}.single-player-hero h1{margin-bottom:10px;font-size:38px}.single-player-hero p:not(.eyebrow){margin-bottom:0;font-size:15px}.single-player-search-panel{padding:16px}.album-search-compact h2{font-size:30px}.album-search-compact .section-sub{margin-bottom:14px}.music-search-tabs button{min-height:48px}.music-search-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.music-search-tabs button:disabled{grid-column:auto}.arena-hero{margin-bottom:14px}.arena-hero h1{margin-bottom:10px}.arena-status{gap:8px;margin-bottom:14px;padding:13px}.arena-status h2{font-size:19px}.arena-status p{font-size:14px}.arena-code-entry{text-align:left;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:18px;padding:14px}.arena-code-entry>div{grid-column:1/-1}.arena-code-entry input,.arena-code-entry button{min-height:48px}.arena-code-entry button{padding-inline:14px}.arena-create-heading{margin-bottom:10px}.arena-create-heading h2{font-size:25px}.arena-create-heading>p:last-child{font-size:14px}.arena-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.arena-mode-card{min-height:202px;padding:15px}.arena-mode-card h2{font-size:21px;line-height:1.08}.arena-mode-card p{font-size:13px;line-height:1.38}.arena-mode-card strong,.arena-mode-label{font-size:10px}}.badge-vault{background:0 0;border:0;padding:0}.vault-overview{border-block:1px solid var(--separator);grid-template-columns:1fr auto auto;align-items:center;gap:32px;padding:32px 0;display:grid}.badge-vault .vault-overview h2{color:var(--content-primary);margin:8px 0 12px;font-size:40px;line-height:1.1}.vault-overview h2>span{vertical-align:top;color:var(--brand-primary);margin-left:10px;font-size:14px}.vault-overview p,.vault-count small,.vault-note,.vault-result-count{color:var(--content-secondary)}.vault-completion{border-radius:50%;width:114px;height:114px;padding:7px}.vault-completion>div{background:var(--page);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;height:100%;display:flex}.vault-completion strong{color:var(--content-primary);font-size:26px}.vault-completion span{color:var(--content-secondary);font-size:10px}.vault-count>strong{color:var(--content-primary);font-size:34px}.vault-count strong>span{color:var(--content-secondary);font-size:22px}.vault-count p{margin:3px 0 8px}.vault-tier-strip{border-bottom:1px solid var(--separator);grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:26px;display:grid}.vault-tier-strip>div{color:var(--content-primary);align-items:center;gap:8px;padding:20px 12px;font-size:13px;display:flex}.vault-tier-strip strong{margin-left:auto}.vault-tier-strip small{color:var(--content-secondary);font-weight:400}.badge-tier-bronze{--vault-metal:#edb38a;--vault-deep:#85451d;--vault-edge:#b7734c;--vault-shine:#f8d3b5;--vault-aura:6%}.badge-tier-silver{--vault-metal:#d7e2ee;--vault-deep:#46566c;--vault-edge:#8e9fb5;--vault-shine:#f1f6ff;--vault-aura:7%}.badge-tier-gold{--vault-metal:#f4ce70;--vault-deep:#785000;--vault-edge:#c39734;--vault-shine:#fff0b6;--vault-aura:11%}.badge-tier-platinum{--vault-metal:#93e4f7;--vault-deep:#205e82;--vault-edge:#688ce0;--vault-shine:#d3faff;--vault-aura:12%}.badge-tier-legendary{--vault-metal:#d7b8ff;--vault-deep:#6938ae;--vault-edge:#b587ef;--vault-shine:#f4dca1;--vault-aura:16%}:is(.vault-gallery .badge-card,.vault-detail,.vault-focus,.badge-earned-popup){--vault-ink:var(--vault-metal);--vault-bar:var(--vault-metal)}.vault-tier-dot{background:var(--vault-metal);width:7px;height:7px;box-shadow:0 0 9px color-mix(in srgb,var(--vault-metal) 35%,transparent);border-radius:50%}.vault-toolbar{grid-template-columns:minmax(160px,1.5fr) repeat(4,minmax(100px,1fr));align-items:end;gap:12px;display:grid}.vault-toolbar label{color:var(--content-secondary);gap:7px;font-size:12px;display:grid}.vault-toolbar :is(input,select){border:1px solid var(--separator);background:var(--surface);width:100%;min-width:0;min-height:46px;color:var(--content-primary);font:inherit;border-radius:8px;padding:10px;font-size:14px}.vault-toolbar input::placeholder{color:var(--content-secondary);opacity:1}.vault-search{position:relative}.vault-search>svg{position:absolute;top:14px;left:12px}.vault-toolbar .vault-search input{padding-left:38px}.vault-result-count{margin:20px 0 14px;font-size:13px}.badge-vault .vault-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.vault-gallery .badge-card{--vault-card-background:linear-gradient(150deg,color-mix(in srgb,var(--vault-edge) var(--vault-aura),transparent),transparent 66%),var(--surface);background:var(--vault-card-background);border:1px solid color-mix(in srgb,var(--vault-edge) 48%,var(--separator));min-width:0;min-height:330px;box-shadow:inset 0 1px color-mix(in srgb,var(--vault-shine) 15%,transparent);border-radius:8px;justify-content:flex-start;padding:20px;transition:transform .16s,border-color .16s,box-shadow .16s;overflow:hidden}.vault-gallery .badge-card:before{background:linear-gradient(115deg,transparent 25%,color-mix(in srgb,var(--vault-shine) 6%,transparent) 47%,transparent 65%);opacity:1}.vault-gallery .badge-unlocked{border-top-color:var(--vault-metal);box-shadow:inset 0 2px var(--vault-metal),0 5px 18px color-mix(in srgb,var(--vault-edge) 7%,transparent)}.vault-gallery .badge-unlocked:is(.badge-tier-gold,.badge-tier-platinum,.badge-tier-legendary){border-color:color-mix(in srgb,var(--vault-metal) 62%,var(--separator));box-shadow:inset 0 2px var(--vault-shine),inset 0 -1px color-mix(in srgb,var(--vault-edge) 35%,transparent),0 5px 22px color-mix(in srgb,var(--vault-edge) 10%,transparent)}.vault-gallery .badge-card:hover{border-color:var(--vault-metal);box-shadow:0 8px 26px color-mix(in srgb,var(--vault-edge) 16%,transparent),inset 0 1px var(--vault-shine);transform:translateY(-3px)}.vault-gallery .badge-topline{color:var(--content-secondary);letter-spacing:0;align-items:flex-start;gap:8px;min-height:26px;font-size:10px;line-height:1.5}.vault-gallery .badge-topline>span{overflow-wrap:anywhere;padding-top:4px}.vault-gallery .badge-topline strong{color:var(--vault-ink);border:1px solid color-mix(in srgb,var(--vault-edge) 55%,var(--separator));background:color-mix(in srgb,var(--vault-edge) 10%,var(--surface));white-space:nowrap;border-radius:4px;padding:4px 6px;font-size:10px;font-weight:750;line-height:1.5}.vault-gallery .badge-tier-legendary .badge-topline strong{border-color:color-mix(in srgb,var(--vault-shine) 65%,var(--separator))}:is(.vault-gallery,.vault-detail,.vault-focus,.badge-earned-popup) .badge-icon{border:1px solid var(--vault-edge);width:84px;height:84px;color:var(--vault-ink);background:linear-gradient(140deg,color-mix(in srgb,var(--vault-shine) 18%,transparent),transparent 42%,color-mix(in srgb,var(--vault-edge) 16%,transparent)),var(--surface-strong);box-shadow:0 6px 22px color-mix(in srgb,var(--vault-edge) 14%,transparent),inset 0 0 0 5px var(--surface),inset 0 0 0 6px color-mix(in srgb,var(--vault-metal) 35%,transparent);border-radius:22%;flex-shrink:0;place-items:center;margin:24px auto 20px;display:grid;transform:none}:is(.vault-gallery,.vault-detail) :is(.badge-icon-record,.badge-icon-discs){outline:1px dashed color-mix(in srgb,var(--vault-metal) 50%,transparent);outline-offset:4px;border-radius:50%}:is(.vault-gallery,.vault-detail) :is(.badge-icon-shield,.badge-icon-swords){border-radius:20% 20% 42% 42%}.vault-gallery .badge-tier-gold .badge-icon{border-top:2px solid var(--vault-shine);border-bottom:2px solid var(--vault-edge)}.vault-gallery .badge-tier-platinum .badge-icon{outline:1px solid color-mix(in srgb,var(--vault-edge) 40%,transparent);outline-offset:4px;border-style:double;border-width:3px}.vault-gallery .badge-tier-legendary .badge-icon{outline:1px solid color-mix(in srgb,var(--vault-shine) 65%,transparent);outline-offset:5px;border-color:var(--vault-metal);box-shadow:0 0 26px color-mix(in srgb,var(--vault-edge) 24%,transparent),inset 0 0 0 5px var(--surface),inset 0 0 0 6px var(--vault-edge)}.vault-gallery .badge-locked,.vault-gallery .badge-locked:hover{filter:none;opacity:1}.vault-gallery .badge-card:after{display:none}.vault-gallery .badge-locked .badge-icon{opacity:.88;filter:none;box-shadow:inset 0 0 0 5px var(--surface),inset 0 0 0 6px color-mix(in srgb,var(--vault-edge) 35%,transparent);outline-style:dashed}.vault-gallery .badge-unavailable{--vault-aura:3%;border-style:dashed}.vault-gallery .badge-unavailable:before{background:repeating-linear-gradient(130deg,transparent 0 16px,color-mix(in srgb,var(--content-secondary) 3%,transparent) 16px 17px)}.badge-state{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.badge-state>svg{flex-shrink:0}.vault-gallery .badge-state{color:var(--content-secondary);margin-top:auto;padding-top:16px;font-size:11px;line-height:1.5}.vault-gallery .badge-unlocked .badge-state{color:var(--vault-ink)}.vault-gallery .badge-copy h3{color:var(--content-primary);overflow-wrap:anywhere;margin-bottom:8px;font-size:18px;font-weight:750;line-height:1.3}.vault-gallery .badge-copy p{color:var(--content-secondary);font-size:13px;line-height:1.55}.vault-gallery .badge-progress{margin-top:10px}.vault-gallery .badge-progress small{color:var(--content-secondary);font-size:11px}.vault-gallery .badge-progress>div{background:var(--separator);height:5px}.vault-gallery .badge-progress>div>span{background:linear-gradient(90deg,var(--vault-edge),var(--vault-bar))}.vault-gallery .badge-unlocked .badge-progress>div{height:3px}.vault-card-highlight{color:var(--vault-ink);align-items:center;gap:4px;display:inline-flex}.vault-gallery .badge-highlight-tracked{border-color:var(--vault-metal);box-shadow:inset 3px 0 var(--vault-metal)}.vault-gallery .badge-highlight-collection{border-color:var(--vault-shine)}.vault-focus{border-bottom:1px solid var(--separator);color:var(--content-primary);align-items:center;gap:16px;margin:0 0 24px;padding:18px 0;display:flex}.vault-focus .badge-icon{width:58px;height:58px;margin:0}.vault-focus .badge-icon svg{width:28px;height:28px}.vault-focus-copy{flex:1;gap:5px;min-width:0;display:grid}.vault-focus-copy strong{overflow-wrap:anywhere;font-size:18px}.vault-focus-copy small{color:var(--vault-ink);font-size:10px;font-weight:750}.vault-focus-copy>span,.vault-focus-progress>span{color:var(--content-secondary);font-size:12px;line-height:1.5}.vault-focus-progress{flex-shrink:0;gap:8px;width:150px;display:grid}.vault-focus :is(.vault-focus-open,.vault-focus-dismiss){border:1px solid var(--separator);background:var(--surface);width:44px;min-width:44px;height:44px;color:var(--content-primary);box-shadow:none;border-radius:8px;place-items:center;padding:0;display:grid}.vault-focus .vault-focus-open{color:var(--vault-ink);border-color:var(--vault-edge)}.vault-focus :is(.vault-focus-open,.vault-focus-dismiss):hover{background:var(--surface-strong);border-color:var(--vault-ink)}.badge-vault progress{width:100%;height:7px;accent-color:var(--brand-primary)}.vault-focus progress{accent-color:var(--vault-bar)}.vault-recent{color:var(--content-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.vault-detail{max-height:calc(100dvh - 32px);color:var(--content-primary);overflow-y:auto}.vault-detail .badge-icon{margin:0 0 24px}.vault-detail h3{margin-top:24px;font-size:14px}.vault-detail-state{border:1px solid var(--separator);border-radius:6px;padding:5px 8px;font-size:13px}.vault-detail>button:not(.badge-detail-close){align-items:center;gap:8px;display:inline-flex}.vault-note{font-size:13px;line-height:1.6}.vault-empty{text-align:center;color:var(--content-secondary);padding:40px 16px}.badge-vault :is(button,input,select,[role=button]):focus-visible{outline:3px solid var(--brand-primary);outline-offset:4px}:root[data-theme=light] .vault-tier-dot{background:var(--vault-deep)}:root[data-theme=light] .vault-gallery .badge-card{background:var(--vault-card-background)}:root[data-theme=light] :is(.vault-gallery .badge-card,.vault-detail,.vault-focus,.badge-earned-popup){--vault-ink:var(--vault-deep);--vault-bar:var(--vault-deep)}.badge-earned-popup .badge-icon{flex-shrink:0;width:58px;height:58px;margin:0}.badge-earned-popup{border-color:var(--vault-edge);border-top:2px solid var(--vault-shine);background:linear-gradient(120deg,color-mix(in srgb,var(--vault-edge) 12%,transparent),transparent 70%),var(--surface);box-shadow:0 8px 36px color-mix(in srgb,var(--vault-edge) 22%,transparent);border-radius:8px;grid-template-columns:58px minmax(0,1fr);overflow:hidden}.badge-earned-popup:after{content:"";pointer-events:none;background:linear-gradient(110deg,transparent 30%,color-mix(in srgb,var(--vault-shine) 16%,transparent),transparent 65%);animation:.9s ease-out .12s both vault-reveal-sheen;position:absolute;inset:0;transform:translate(-100%)}.badge-earned-popup .vault-reveal-eyebrow{color:var(--vault-ink);letter-spacing:0;font-size:10px}.badge-earned-popup strong{overflow-wrap:anywhere;font-size:20px;line-height:1.3}.badge-earned-popup small{flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;line-height:1.5;display:flex}.badge-earned-popup .vault-reveal-tier{color:var(--vault-ink);border:1px solid var(--vault-edge);letter-spacing:0;border-radius:4px;padding:2px 5px;font-size:9px}.badge-earned-popup .badge-icon svg{animation:.65s cubic-bezier(.2,.8,.2,1) both vault-reveal}@keyframes vault-reveal{0%{opacity:0;transform:scale(.6)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes vault-reveal-sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (width<=1000px){.badge-vault .vault-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.vault-toolbar{grid-template-columns:repeat(4,minmax(0,1fr))}.vault-search{grid-column:1/-1}}@media (width<=650px){.vault-overview{grid-template-columns:1fr auto;gap:20px;padding:24px 0}.badge-vault .vault-overview h2{font-size:32px}.vault-overview>div:first-child{grid-column:1/-1}.vault-completion{width:100px;height:100px}.vault-count{text-align:right}.vault-tier-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.vault-tier-strip>div{gap:5px;padding:12px 6px;font-size:11px}.vault-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.badge-vault .vault-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vault-gallery .badge-card{min-height:340px;padding:14px 12px}.vault-gallery .badge-topline{flex-direction:column;gap:5px;min-height:62px}.vault-gallery .badge-topline strong{order:-1}.vault-gallery .badge-copy h3{font-size:16px}.vault-gallery .badge-icon{width:74px;height:74px;margin:18px auto 20px}.vault-focus{grid-template-columns:48px minmax(0,1fr) 44px;gap:12px;display:grid}.vault-focus .badge-icon{width:48px;height:48px}.vault-focus-copy strong{font-size:16px}.vault-focus-progress{grid-column:2;width:100%}.vault-focus .vault-focus-open{grid-area:1/3}.vault-focus .vault-focus-dismiss{grid-area:2/3}}@media (prefers-reduced-motion:reduce){.vault-gallery .badge-card,.badge-earned-popup,.badge-earned-popup:after,.badge-earned-popup .badge-icon svg{transition:none;animation:none}.vault-gallery .badge-card:hover{transform:none}}