@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--color-lilac:#c8a2c8;--color-rose:#d3a6a6;--color-periwinkle:#b3a8d9;--color-mauve:#c6a9d3;--color-silver:#a9a8c8;--color-lavender:#b3a7d1;--color-bg:#f6f1f5;--color-bg-secondary:#f0eaf1;--color-bg-tertiary:#e9e1eb;--color-surface:#fbf8fa;--color-surface-alt:#f2ecf3;--color-surface-hover:#ede5ef;--color-text:#302c35;--color-text-secondary:#514b56;--color-muted:#746d78;--color-subtle:#9a929f;--color-white:#fff;--border-subtle:#e4dce6;--border-medium:#d8cedb;--border-strong:#c8bccb;--color-success:#a8c7b0;--color-success-dark:#52745b;--color-error:#d3a6a6;--color-error-dark:#865c5c;--color-warning:#d5c49a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-pill:999px;--shadow-sm:0 2px 0 #302c3514;--shadow-md:0 4px 0 #302c351a;--max-width:1280px;--navbar-height:68px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:40px;--space-3xl:56px;--space-4xl:72px;--font-body:"Inter", sans-serif;--font-display:"Space Grotesk", sans-serif;--transition-fast:.12s ease;--transition-normal:.18s ease;--transition-slow:.28s ease}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes waveform{0%{height:20%}to{height:80%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}html{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);scroll-behavior:smooth}body{background:var(--color-bg);min-width:320px;min-height:100vh;color:var(--color-text);margin:0}body,button,input,textarea,select{font-family:var(--font-body)}button,input,textarea,select{color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}#root{min-height:100vh}h1,h2,h3,h4{color:var(--color-text);font-family:var(--font-display);margin:0}p{margin:0}.display-xl{font-family:var(--font-display);letter-spacing:-.045em;font-size:clamp(48px,6vw,88px);font-weight:700;line-height:.95}.display-lg{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(40px,5vw,64px);font-weight:700;line-height:.98}.heading-lg{font-family:var(--font-display);letter-spacing:-.025em;font-size:30px;font-weight:700;line-height:1.08}.heading-md{font-family:var(--font-display);font-size:22px;font-weight:600;line-height:1.2}.body-lg{font-size:18px;line-height:1.5}.body-md{font-size:16px;line-height:1.5}.body-sm{font-size:14px;line-height:1.45}.label{color:var(--color-muted);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700;line-height:1.2}.app{min-height:100vh;color:var(--color-white);background:var(--color-bg);position:relative;overflow:hidden}.app:before,.app:after{content:"";pointer-events:none;z-index:0;position:fixed}.app:before{filter:blur(120px);background:#8b5cf614;width:700px;height:700px;top:-350px;left:50%;transform:translate(-50%)}.app:after{filter:blur(100px);background:#22d3ee0d;width:500px;height:500px;bottom:-250px;right:-250px}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about){grid-template-columns:248px minmax(0,1fr);align-items:start;display:grid;overflow:visible}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about)>.navbar{grid-area:1/1;min-height:100vh}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about)>:not(.navbar){grid-area:1/2;min-width:0;min-height:100vh}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about)>*{position:relative}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about):before{top:-380px;left:auto;right:12%;transform:none}.app--home>.home,.app--play>.play-page,.app--explore>.explore-page,.app--leaderboard>.leaderboard-page,.app--profile>.profile-page{padding:28px clamp(22px,3vw,48px) 52px}.app--explore>.trivia-placeholder{box-sizing:border-box;width:100%;min-width:0;padding:28px clamp(22px,3vw,48px) 52px}@media (width<=1100px) and (width>=761px){:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about){grid-template-columns:220px minmax(0,1fr)}}@media (width<=1100px){:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about){flex-direction:column;min-height:100vh;display:flex;overflow:visible}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about)>:not(.navbar){box-sizing:border-box;width:100%;min-width:0;min-height:auto}.app--home>.home,.app--play>.play-page,.app--explore>.explore-page,.app--leaderboard>.leaderboard-page,.app--profile>.profile-page,.app--explore>.trivia-placeholder{padding:24px 18px 42px}}@media (width<=480px){.app--home>.home,.app--play>.play-page,.app--explore>.explore-page,.app--leaderboard>.leaderboard-page,.app--profile>.profile-page,.app--explore>.trivia-placeholder{padding:20px 14px 36px}}.navbar{z-index:100;height:var(--navbar-height);background:var(--color-bg);border-bottom:1px solid var(--border-medium);position:sticky;top:0}.navbar-inner{width:min(calc(100% - 48px), var(--max-width));align-items:center;gap:var(--space-xl);grid-template-columns:1fr auto 1fr;height:100%;margin:0 auto;display:grid}.navbar__brand{width:fit-content;color:var(--color-text);align-items:center;display:flex}.navbar__logo{object-fit:contain;background:var(--color-lilac);border:1px solid var(--border-strong);border-radius:var(--radius-md);width:200px;height:60px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;display:flex}.navbar__brand:hover .navbar__logo{background:var(--color-mauve);transform:translateY(-1px)}.navbar__title{font-family:var(--font-display);letter-spacing:-.04em;font-size:17px;font-weight:700}.navbar__navigation{display:contents}.navbar__links{justify-content:center;align-items:center;gap:26px;height:100%;display:flex}.navbar__link{height:100%;color:var(--color-muted);transition:color var(--transition-fast);align-items:center;gap:6px;padding:0;font-size:13px;font-weight:600;text-decoration:none;display:flex;position:relative}.navbar__link:hover,.navbar__link.active{color:var(--color-text)}.navbar__link.active:after{content:"";background:var(--color-lilac);height:3px;position:absolute;bottom:0;left:0;right:0}.navbar__group{flex-direction:column;gap:5px;display:flex}.navbar__group-label{color:var(--color-subtle);letter-spacing:.12em;margin:0 0 3px;padding:0 13px;font-size:9px;font-weight:800}.navbar__link--disabled{cursor:not-allowed;opacity:.58}.navbar__coming-soon{border-radius:var(--radius-sm);background:var(--color-surface-alt);color:var(--color-muted);margin-left:auto;padding:3px 6px;font-size:9px;font-weight:800}.navbar__account{justify-content:flex-end;align-items:center;gap:8px;display:flex}.navbar__user{color:var(--color-text-secondary);transition:color var(--transition-fast);align-items:center;gap:8px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.navbar__user:hover{color:var(--color-text)}.navbar__user-icon{background:var(--color-surface-alt);border:1px solid var(--border-medium);border-radius:var(--radius-md);justify-content:center;align-items:center;width:30px;height:30px;display:flex}.navbar__username{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.navbar__login,.navbar__signup,.navbar__logout{border-radius:var(--radius-md);min-height:40px;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.navbar__login{border:1px solid var(--border-medium);color:var(--color-text-secondary);background:0 0;padding:0 15px}.navbar__login:hover{background:var(--color-surface-alt);color:var(--color-text)}.navbar__signup{background:var(--color-lilac);border:1px solid var(--color-lilac);color:var(--color-text);box-shadow:var(--shadow-sm);padding:0 17px}.navbar__signup:hover{background:var(--color-mauve);border-color:var(--color-mauve)}.navbar__logout{border:1px solid var(--border-medium);width:34px;min-height:34px;color:var(--color-muted);cursor:pointer;background:0 0;padding:0}.navbar__logout:hover{background:var(--color-surface-alt);border-color:var(--border-strong);color:var(--color-text)}.navbar__login:active,.navbar__signup:active,.navbar__logout:active{transform:translateY(1px)}.navbar__quick-account,.navbar__mobile-toggle{display:none}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about)>.navbar--home{z-index:100;box-sizing:border-box;border:0;border-right:1px solid var(--border-medium);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbf8faeb;flex-direction:column;grid-area:1/1;width:248px;height:100vh;min-height:620px;padding:24px 16px 18px;display:flex;position:sticky;top:0}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar-inner{flex-direction:column;align-items:stretch;gap:17px;width:100%;height:100%;min-height:0;margin:0;display:flex}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__brand{box-sizing:border-box;border-bottom:1px solid var(--border-medium);flex-shrink:0;width:100%;padding:2px 4px 15px}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__logo{object-fit:contain;width:100%;height:55px;box-shadow:none;background:0 0;border:0;border-radius:0}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__navigation{flex-direction:column;flex:1;min-height:0;display:flex}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__links{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:15px;height:auto;display:flex}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__group{gap:5px}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__link{box-sizing:border-box;width:100%;height:38px;color:var(--color-muted);transition:background var(--transition-fast), color var(--transition-fast);border-radius:9px;flex-shrink:0;gap:12px;padding:0 13px;font-size:12px}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__link svg{flex-shrink:0;display:block}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__link:hover{background:var(--color-surface-alt);color:var(--color-text)}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__link.active{color:var(--color-text);background:#eadfeb}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__link.active:after{display:none}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__account{border-top:1px solid var(--border-medium);background:#fbf8faf5;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-top:auto;padding:16px 0 8px;display:flex}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__user{flex:1;justify-content:flex-start;min-width:0}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__username{max-width:120px;display:block}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__account .navbar__login,:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__account .navbar__signup{flex:1;justify-content:center;min-height:42px;display:inline-flex}@media (width<=900px) and (width>=761px){.navbar-inner{grid-template-columns:auto 1fr auto;gap:16px}.navbar__links{gap:18px}.navbar__link{font-size:12px}.navbar__link svg,.navbar__username{display:none}}@media (width<=1100px) and (width>=761px){:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about){grid-template-columns:220px minmax(0,1fr)}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about)>.navbar--home{width:220px}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__link{font-size:11px}}@media (width<=1100px){:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about){flex-direction:column;min-height:100vh;display:flex}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about)>.navbar--home{z-index:200;box-sizing:border-box;border:0;border-bottom:1px solid var(--border-medium);width:100%;height:auto;min-height:0;padding:10px 16px;display:block;position:sticky;top:0}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar-inner{flex-flow:wrap;align-items:center;gap:10px;width:100%;height:auto;margin:0;display:flex}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__brand{border:0;flex-shrink:0;width:auto;padding:0}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__logo{width:116px;height:34px}.navbar__mobile-toggle{border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--color-surface);width:40px;height:40px;color:var(--color-text);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:0;display:inline-flex}.navbar__mobile-toggle:hover{background:var(--color-surface-alt)}.navbar__quick-account{order:3;align-items:center;gap:6px;display:flex}.navbar__quick-account .navbar__login,.navbar__quick-account .navbar__signup{min-height:36px;padding:0 11px}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__navigation{flex:none;order:4;width:100%;display:none}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home.navbar--open .navbar__navigation{flex-direction:column;align-items:stretch;gap:16px;padding:14px 0 4px;display:flex}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__navigation .navbar__links{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:12px;height:auto;display:flex}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__navigation .navbar__group{gap:4px}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__navigation .navbar__group-label{padding:6px 10px}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__navigation .navbar__link{box-sizing:border-box;justify-content:flex-start;width:100%;height:42px;padding:0 12px;font-size:12px}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__navigation .navbar__link svg{display:block}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__navigation .navbar__link.active:after{display:none}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__navigation .navbar__account{border-top:1px solid var(--border-medium);background:0 0;flex-wrap:wrap;justify-content:flex-start;width:100%;margin:0;padding-top:12px;display:flex;position:static}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__navigation .navbar__user{display:flex}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__navigation .navbar__username{display:block}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__navigation .navbar__account .navbar__login,:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__navigation .navbar__account .navbar__signup{display:none}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about)>:not(.navbar){box-sizing:border-box;width:100%;min-width:0}}@media (width<=480px){.navbar__title,.navbar__signup{display:none}.navbar__quick-account .navbar__signup{display:inline-flex}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about)>.navbar--home{padding:9px 12px}}@media (width<=380px){.navbar__quick-account .navbar__login{display:none}.navbar__quick-account .navbar__signup{padding-inline:9px;font-size:11px}:is(.app--home,.app--play,.app--game,.app--explore,.app--leaderboard,.app--profile,.app--about) .navbar--home .navbar__logo{width:100px}}.button{border-radius:var(--radius-md);font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;transition:transform var(--transition-fast), background var(--transition-normal), border-color var(--transition-normal), color var(--transition-normal);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.55;transform:none}.button--sm{min-height:36px;padding:0 14px;font-size:13px}.button--md{min-height:44px;padding:0 20px;font-size:14px}.button--lg{min-height:52px;padding:0 28px;font-size:16px}.button--primary{color:var(--color-text);background:var(--color-lilac);border-color:var(--color-lilac);box-shadow:var(--shadow-sm)}.button--primary:hover{color:var(--color-text);background:var(--color-periwinkle);border-color:var(--color-periwinkle)}.button--secondary{color:var(--color-text);background:var(--color-surface);border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.button--secondary:hover{color:var(--color-text);background:var(--color-surface-hover);border-color:var(--color-lilac)}.button--ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000}.button--ghost:hover{color:var(--color-text);background:var(--color-surface-hover)}.waveform{opacity:.35;pointer-events:none;justify-content:center;align-items:center;gap:5px;width:min(900px,90vw);height:180px;display:flex;position:absolute;bottom:8%;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.waveform__bar{border-radius:var(--radius-pill);background:var(--gradient-primary);width:5px;height:30%;animation:1.2s ease-in-out infinite alternate waveform}@media (width<=768px){.waveform{opacity:.25;gap:3px;width:100vw;height:130px;bottom:6%}.waveform__bar{width:3px}}.hero{min-height:calc(100vh - var(--navbar-height));background:radial-gradient(circle at 75% 45%, #c8a2c829, transparent 32%), var(--color-bg);align-items:center;padding:48px 40px;display:flex;overflow:hidden}.hero__inner{width:min(100%, var(--max-width));grid-template-columns:minmax(0,1fr) 430px;align-items:center;gap:80px;margin:0 auto;display:grid}.hero__content{max-width:650px;animation:.5s both fade-in}.hero__eyebrow{color:var(--color-muted);letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px;font-size:11px;font-weight:700}.hero__title{max-width:620px;font-family:var(--font-display);letter-spacing:-.055em;font-size:clamp(52px,6vw,82px);font-weight:700;line-height:.95}.hero__title span{color:var(--color-lilac);display:block}.hero__tagline{max-width:460px;color:var(--color-text-secondary);margin-top:24px;font-size:18px;line-height:1.5}.hero__actions{align-items:center;margin-top:30px;display:flex}.hero__meta{color:var(--color-subtle);letter-spacing:.1em;text-transform:uppercase;margin-top:16px;font-size:11px;font-weight:600}.hero__player{background:var(--color-surface);border:1px solid var(--border-medium);border-radius:var(--radius-xl);min-height:420px;box-shadow:var(--shadow-md);flex-direction:column;justify-content:flex-end;padding:28px;animation:.5s .1s both scale-in;display:flex;position:relative}.hero__record{background:repeating-radial-gradient(circle, var(--color-bg-tertiary) 0, var(--color-bg-tertiary) 2px, var(--color-mauve) 3px, var(--color-bg-tertiary) 5px);border:1px solid var(--border-strong);width:210px;height:210px;color:var(--color-rose);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:34px;right:34px}.hero__record:after{content:"";background:var(--color-lilac);border:5px solid var(--color-surface);width:44px;height:44px;box-shadow:0 0 0 1px var(--border-strong);border-radius:50%;position:absolute}.hero__record svg{z-index:1;position:relative}.hero__player-info{z-index:2;padding-top:220px;position:relative}.hero__player-info h2{letter-spacing:-.03em;margin-top:6px;font-size:26px}.hero__player-info>div:first-child>p:last-child{color:var(--color-muted);margin-top:4px;font-size:13px}.hero__waveform{opacity:.7;height:46px;margin-top:22px;overflow:hidden}.hero__waveform>*{height:100%}.hero__progress{color:var(--color-subtle);letter-spacing:.04em;align-items:center;gap:10px;margin-top:12px;font-size:10px;font-weight:600;display:flex}.hero__progress-line{background:var(--color-bg-tertiary);border:1px solid var(--border-subtle);flex:1;height:4px;overflow:hidden}.hero__progress-fill{background:var(--color-lilac);width:32%;height:100%}@media (width<=1000px){.hero{padding:40px 32px}.hero__inner{grid-template-columns:minmax(0,1fr) 340px;gap:48px}.hero__player{min-height:360px}.hero__record{width:170px;height:170px}.hero__player-info{padding-top:175px}}@media (width<=768px){.hero{min-height:auto;padding:48px 20px}.hero__inner{grid-template-columns:1fr;gap:40px}.hero__content{text-align:center;margin:0 auto}.hero__tagline{margin-left:auto;margin-right:auto}.hero__actions{justify-content:center}.hero__player{width:100%;max-width:430px;min-height:330px;margin:0 auto}}@media (width<=480px){.hero{padding:36px 16px}.hero__title{font-size:48px}.hero__tagline{font-size:16px}.hero__player{min-height:300px;padding:22px}.hero__record{width:145px;height:145px;top:24px;right:24px}.hero__player-info{padding-top:150px}}.game-modes{padding:36px 40px 48px}.game-modes__container{width:min(100%, var(--max-width));margin:0 auto}.game-modes__header{justify-content:space-between;align-items:flex-end;margin-bottom:16px;display:flex}.game-modes__header h2{letter-spacing:-.04em;margin-top:5px;font-size:30px;line-height:1}.game-modes__hint{max-width:330px;color:var(--color-muted);text-align:right;font-size:12px;line-height:1.45}.game-modes__grid{grid-template-rows:126px 126px;grid-template-columns:1.35fr 1fr 1fr;gap:10px;display:grid}.game-mode{background:var(--color-surface);border:1px solid var(--border-medium);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-sm);text-align:left;isolation:isolate;transition:border-color var(--transition-fast), transform var(--transition-fast);flex-direction:column;justify-content:space-between;padding:17px 18px;display:flex;position:relative;overflow:hidden}.game-mode__artwork{z-index:-2;opacity:.35;filter:saturate(.7);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.game-mode__overlay{z-index:-1;background:var(--color-surface);opacity:.72;position:absolute;inset:0}.game-mode__top,.game-mode__info{z-index:1;position:relative}.game-mode:hover{background:var(--color-surface-hover);border-color:var(--color-lilac);transform:translateY(-2px)}.game-mode:active{transform:translateY(0)}.game-mode--primary{background:var(--color-mauve);border-color:var(--color-lilac);grid-row:span 2}.game-mode--primary:hover{background:var(--color-periwinkle);border-color:var(--color-periwinkle)}.game-mode--primary .game-mode__icon{background:var(--color-surface);border-color:var(--border-medium)}.game-mode--primary .game-mode__info h3{font-size:28px}.game-mode--endless{background:var(--color-surface-alt)}.game-mode--endless .game-mode__icon{color:var(--color-rose)}.game-mode__top{justify-content:space-between;align-items:center;display:flex}.game-mode__icon{background:var(--color-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:34px;height:34px;color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.game-mode__arrow{color:var(--color-subtle);transition:transform var(--transition-fast), color var(--transition-fast)}.game-mode:hover .game-mode__arrow{color:var(--color-text);transform:translate(3px)}.game-mode__info h3{font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:18px;font-weight:600;line-height:1.05}.game-mode__info p{color:var(--color-muted);margin-top:5px;font-size:11px;line-height:1.3}.game-mode--coming-soon{cursor:not-allowed;position:relative}.game-mode--coming-soon:hover{cursor:not-allowed}.game-mode--coming-soon .game-mode__artwork{filter:grayscale(45%);transition:filter .3s}.game-mode--coming-soon:hover .game-mode__artwork{filter:grayscale(75%)}.game-mode__coming-soon{z-index:3;color:#fff;letter-spacing:2px;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141414c7;border:1px solid #ffffff4d;border-right:none;border-radius:4px 0 0 4px;padding:12px 7px;font-size:9px;font-weight:700;position:absolute;top:10%;right:0}.game-mode__disabled-icon{z-index:4;color:#fff;opacity:0;pointer-events:none;place-items:center;transition:opacity .25s,transform .25s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-40%)scale(.8)}.game-mode--coming-soon:hover .game-mode__disabled-icon{opacity:1;transform:translate(-50%,-50%)scale(1)}@media (width<=900px){.game-modes{padding-left:32px;padding-right:32px}.game-modes__grid{grid-template-rows:repeat(3,120px);grid-template-columns:1fr 1fr}.game-mode--primary{grid-row:span 2}.game-mode--endless{grid-column:span 2}}@media (width<=700px){.game-modes{padding:28px 20px 40px}.game-modes__header{flex-direction:column;align-items:flex-start;gap:10px}.game-modes__hint{text-align:left;max-width:420px}.game-modes__grid{grid-template-rows:repeat(3,115px);grid-template-columns:1fr 1fr}}@media (width<=480px){.game-modes__header h2{font-size:26px}.game-modes__grid{grid-template-rows:repeat(5,105px);grid-template-columns:1fr}.game-mode--primary{grid-row:auto}.game-mode--endless{grid-column:auto}.game-mode--primary .game-mode__info h3{font-size:22px}}.categories{padding:var(--space-3xl) 40px 72px}.categories__container{width:min(100%, var(--max-width));margin:0 auto}.categories__header{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.categories__header .label{color:#7d6580;margin-bottom:8px;display:block}.categories__count{color:var(--color-muted);font-family:var(--font-display);letter-spacing:.1em;font-size:10px;font-weight:600}.category-spinner{background:var(--color-surface);border-top:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);justify-content:center;align-items:center;min-height:190px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px #302c350f}.category-spinner:before,.category-spinner:after{content:"";z-index:2;pointer-events:none;height:42px;position:absolute;left:0;right:0}.category-spinner:before{background:linear-gradient(to bottom, var(--color-surface), #fbf8fa00);top:0}.category-spinner:after{background:linear-gradient(to top, var(--color-surface), #fbf8fa00);bottom:0}.category-spinner__window{z-index:3;text-align:center;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);flex-direction:column;justify-content:center;align-items:center;width:min(850px,80%);min-height:130px;display:flex;position:relative}.category-spinner__number{color:var(--color-muted);font-family:var(--font-display);letter-spacing:.1em;margin-bottom:8px;font-size:10px;font-weight:600}.category-spinner__name{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.045em;font-size:clamp(30px,5vw,52px);font-weight:650;line-height:1;transition:transform 80ms linear,opacity 80ms linear}.category-spinner--spinning .category-spinner__name{animation:90ms linear infinite category-spin-text}@keyframes category-spin-text{0%{opacity:.55;transform:translateY(-7px)}to{opacity:1;transform:translateY(7px)}}.category-spinner__status{color:var(--color-muted);letter-spacing:.18em;margin-top:12px;font-size:8px;font-weight:800}.category-spin-button{min-height:46px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-family:var(--font-body);letter-spacing:.12em;cursor:pointer;box-shadow:var(--shadow-sm);transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);justify-content:center;align-items:center;gap:9px;margin:22px auto 0;padding:0 22px;font-size:9px;font-weight:800;display:flex}.category-spin-button:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-lilac);box-shadow:var(--shadow-md);transform:translateY(-1px)}.category-spin-button:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.category-spin-button:disabled{color:var(--color-muted);cursor:default}.category-modal{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#302c357a;justify-content:center;align-items:center;padding:24px;animation:.18s ease-out category-modal-fade;display:flex;position:fixed;inset:0}@keyframes category-modal-fade{0%{opacity:0}to{opacity:1}}.category-modal__content{background:var(--color-surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);text-align:center;width:min(100%,460px);padding:40px;animation:.22s ease-out category-modal-enter;box-shadow:0 10px #302c3514,0 20px 40px #302c351f}@keyframes category-modal-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.category-modal__label{color:#7d6580;letter-spacing:.2em;font-size:8px;font-weight:800;display:block}.category-modal__title{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.05em;margin:14px 0 0;font-size:clamp(32px,6vw,48px);font-weight:650;line-height:.95}.category-modal__description{color:var(--color-text-secondary);margin:16px 0 0;font-size:12px;line-height:1.5}.category-modal__prompt{color:var(--color-text);margin:28px 0 0;font-size:13px;line-height:1.5}.category-modal__actions{flex-direction:column;gap:9px;margin-top:28px;display:flex}.category-modal__play,.category-modal__cancel{border-radius:var(--radius-sm);width:100%;min-height:46px;font-family:var(--font-body);letter-spacing:.12em;cursor:pointer;transition:transform var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);font-size:9px;font-weight:800}.category-modal__play{color:var(--color-text);background:var(--color-lilac);box-shadow:var(--shadow-sm);border:1px solid #b98eb9}.category-modal__play:hover{background:#c29bc2;transform:translateY(-1px)}.category-modal__cancel{color:var(--color-text-secondary);border:1px solid var(--border-medium);background:0 0}.category-modal__cancel:hover{color:var(--color-text);background:var(--color-surface-hover)}@media (width<=768px){.categories{padding:var(--space-3xl) 20px 64px}.category-spinner{min-height:170px}.category-spinner__window{width:88%}}@media (width<=480px){.categories{padding:var(--space-2xl) 16px 48px}.categories__header{margin-bottom:22px}.categories__count{font-size:9px}.category-spinner{min-height:150px}.category-spinner__window{width:92%;min-height:110px}.category-spinner__name{font-size:clamp(24px,8vw,34px)}.category-spin-button{width:100%}.category-modal{padding:16px}.category-modal__content{padding:32px 24px}}.home{min-width:0;min-height:100vh}.home__topline{justify-content:space-between;align-items:flex-end;gap:24px;margin:2px 0 24px;display:flex}.home__overline{color:#8b718e;letter-spacing:.18em;margin-bottom:9px;font-size:10px;font-weight:800}.home__topline h1{font-family:var(--font-display);letter-spacing:-.05em;font-size:clamp(27px,3vw,38px);line-height:1.05}.home__subtitle{color:var(--color-muted);margin-top:9px;font-size:13px}.home__status{border:1px solid var(--border-medium);border-radius:var(--radius-pill);color:var(--color-muted);letter-spacing:.09em;background:#fbf8fab3;flex-shrink:0;align-items:center;gap:8px;padding:9px 12px;font-size:9px;font-weight:800;display:flex}.home__status span{background:#8eb89a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #8eb89a25}.home__other-modes{padding:8px 0 30px}.home__section-heading,.home__spin-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:14px;display:flex}.home__section-heading h2,.home__spin-heading h2{font-family:var(--font-display);letter-spacing:-.04em;margin-top:5px;font-size:25px}.home__section-heading>span,.home__spin-heading>span{color:var(--color-muted);letter-spacing:.1em;align-items:center;gap:7px;font-size:9px;font-weight:800;display:flex}.home__other-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.home-mode-card{text-align:left;min-height:158px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);flex-direction:column;align-items:flex-start;gap:8px;padding:16px;display:flex;position:relative}.home-mode-card:hover{border-color:var(--color-lilac);background:var(--color-surface-hover);transform:translateY(-2px)}.home-mode-card__index{color:var(--color-subtle);font-size:10px;font-weight:800;position:absolute;top:14px;right:15px}.home-mode-card__icon{color:#6f5b75;background:#e9dce9;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.home-mode-card__tag{color:#8b718e;letter-spacing:.13em;font-size:8px;font-weight:800}.home-mode-card strong{font-family:var(--font-display);font-size:16px}.home-mode-card__description{max-width:90%;color:var(--color-muted);font-size:11px;line-height:1.45}.home-mode-card__arrow{color:var(--color-subtle);position:absolute;bottom:15px;right:15px}.home__spin-heading{margin-top:10px;margin-bottom:0}.home__spin-heading h2{font-size:23px}.home__section-actions{align-items:center;gap:16px;display:flex}.home__more-button{border:1px solid var(--border-color,#dedbd3);color:#d9d8d9;font:inherit;cursor:pointer;background:#46315c;border-radius:6px;align-items:center;gap:6px;padding:7px 11px;font-size:.78rem;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.home__more-button:hover{background:#68507b;border-color:currentColor}.home__more-button svg{transition:transform .2s}.home__more-button:hover svg{transform:translate(2px,-2px)}@media (width<=600px){.home__section-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.home__more-button{padding:6px 8px;font-size:.7rem}}.app--home .hero{background:0 0;min-height:0;padding:22px 0 28px}.app--home .hero__inner{grid-template-columns:minmax(0,1fr) minmax(250px,310px);gap:24px;width:100%}.app--home .hero__eyebrow{margin-bottom:10px;font-size:9px}.app--home .hero__title{font-size:clamp(34px,4vw,54px);line-height:.98}.app--home .hero__tagline{max-width:400px;margin-top:13px;font-size:13px}.app--home .hero__actions{margin-top:18px}.app--home .hero__meta{margin-top:10px;font-size:9px}.app--home .hero__player{border-radius:14px;min-height:215px;padding:18px}.app--home .hero__record{width:112px;height:112px;top:17px;right:18px}.app--home .hero__record svg{width:25px}.app--home .hero__record:after{border-width:3px;width:27px;height:27px}.app--home .hero__player-info{padding-top:105px}.app--home .hero__player-info h2{font-size:19px}.app--home .hero__waveform{height:28px;margin-top:10px}.app--home .hero__progress{margin-top:7px}.app--home .game-modes{padding:10px 0 28px}.app--home .game-modes__container{width:100%}.app--home .game-modes__header h2{font-size:25px}.app--home .game-modes__hint{font-size:11px}.app--home .game-modes__grid{grid-template-rows:110px 110px;gap:9px}.app--home .game-mode{padding:13px 14px}.app--home .game-mode--primary .game-mode__info h3{font-size:22px}.app--home .game-mode__info h3{font-size:15px}.app--home .categories{padding:18px 0 30px}.app--home .categories__container{width:100%}.app--home .categories__header{display:none}.app--home .category-spinner{min-height:135px}.app--home .category-spinner__window{min-height:95px}.app--home .category-spin-button{margin-top:12px}@media (width<=1100px){.app--home .hero__inner{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.app--home .game-modes__grid{grid-template-rows:repeat(3,105px);grid-template-columns:1fr 1fr}.app--home .game-mode--primary{grid-row:span 2}.app--home .game-mode--endless{grid-column:span 2}}@media (width<=760px){.home__topline{align-items:flex-start}.home__status{display:none}.app--home .hero{padding-top:10px}.app--home .hero__inner{grid-template-columns:1fr;gap:20px}.app--home .hero__content{text-align:left;margin:0}.app--home .hero__actions{justify-content:flex-start}.app--home .hero__player{width:100%;max-width:none;min-height:200px}.home__other-grid{grid-template-columns:1fr}.home-mode-card{min-height:130px}}@media (width<=480px){.home__topline h1{font-size:29px}.home__section-heading h2,.home__spin-heading h2{font-size:22px}.home__section-heading>span,.home__spin-heading>span{display:none}.app--home .game-modes__header{align-items:flex-start}.app--home .game-modes__grid{grid-template-rows:repeat(3,105px);grid-template-columns:1fr 1fr}.app--home .game-mode--primary{grid-row:span 2}.app--home .game-mode--endless{grid-column:span 2}}.play-page{min-height:calc(100vh - var(--navbar-height));background:var(--color-bg);color:var(--color-text);padding:64px 32px 100px}.play-page__container{width:min(100%,1120px);margin:0 auto}.play-page__header{max-width:680px;margin-bottom:52px}.play-page__header .label{color:var(--color-purple-light);letter-spacing:.16em;margin-bottom:12px;font-size:.68rem;font-weight:800;display:block}.play-page__intro{max-width:560px;color:var(--color-muted);margin-top:18px;font-size:.95rem;line-height:1.65}.play-page__content{flex-direction:column;gap:58px;display:flex}.play-section{width:100%}.play-section__heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;display:flex}.play-section__heading>svg{color:var(--color-purple-light);flex-shrink:0;margin-top:6px}.play-section__eyebrow{color:var(--color-purple-light);letter-spacing:.15em;text-transform:uppercase;margin:0 0 7px;font-size:.64rem;font-weight:800}.play-section__heading h2{font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:clamp(1.5rem,2vw,1.9rem);line-height:1.1}.play-section__heading p:last-child{max-width:540px;color:var(--color-muted);margin:9px 0 0;font-size:.82rem;line-height:1.5}.daily-card{border:1px solid var(--color-lilac);border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-lilac), var(--color-periwinkle));width:100%;min-height:190px;color:var(--color-text);text-align:left;cursor:pointer;box-shadow:var(--shadow-md);justify-content:space-between;align-items:flex-end;gap:32px;padding:28px 30px;transition:transform .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.daily-card:after{content:"";pointer-events:none;background:#ffffff1f;border-radius:50%;width:230px;height:230px;position:absolute;top:-100px;right:8%}.daily-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.daily-card__content,.daily-card__action{z-index:1;position:relative}.daily-card__label{letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px;font-size:.62rem;font-weight:800;display:block}.daily-card h3{font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:clamp(1.8rem,3vw,2.6rem);line-height:.98}.daily-card p{opacity:.78;max-width:440px;margin:14px 0 0;font-size:.8rem;line-height:1.5}.daily-card__action{border-radius:var(--radius-md);letter-spacing:.05em;white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff40;flex-shrink:0;align-items:center;gap:7px;padding:9px 13px;font-size:.7rem;font-weight:800;display:inline-flex}.artist-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.artist-card{aspect-ratio:1/1.08;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);align-items:flex-end;padding:0;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.artist-card:hover{border-color:var(--color-lilac);box-shadow:var(--shadow-md);transform:translateY(-3px)}.artist-card__image{object-fit:cover;width:100%;height:100%;transition:transform .22s;position:absolute;inset:0}.artist-card:hover .artist-card__image{transform:scale(1.04)}.artist-card:after{content:"";pointer-events:none;background:linear-gradient(#0000,#00000038);height:35%;position:absolute;bottom:0;left:0;right:0}.artist-card__name{z-index:2;max-width:calc(100% - 20px);color:var(--color-text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#faf8fff0;border:1px solid #ffffffbf;border-radius:7px;align-items:center;gap:8px;margin:0 10px 10px;padding:7px 9px;font-size:.68rem;font-weight:800;line-height:1.15;transition:transform .16s,background .16s;display:inline-flex;position:relative;box-shadow:0 2px 8px #0000001f}.artist-card:hover .artist-card__name{background:var(--color-surface);transform:translateY(-1px)}.artist-card__arrow{z-index:3;width:26px;height:26px;color:var(--color-text);background:#faf8fff0;border-radius:6px;padding:5px;transition:transform .14s,background .14s;position:absolute;bottom:17px;right:17px;box-shadow:0 2px 8px #0000001f}.artist-card:hover .artist-card__arrow{background:var(--color-surface);transform:translate(2px)}.artist-card__image--fallback{background:var(--color-lilac);font-family:var(--font-display);place-items:center;font-size:2.2rem;font-weight:700;display:grid}.artist-card--loading{cursor:default;pointer-events:none}.artist-card__image-skeleton{background:var(--color-surface-hover);animation:1.4s ease-in-out infinite artist-pulse;position:absolute;inset:0}.artist-card__name-skeleton{z-index:2;background:var(--color-border);border-radius:999px;width:48%;height:9px;animation:1.4s ease-in-out infinite artist-pulse;position:absolute;bottom:10px;left:10px}@keyframes artist-pulse{0%,to{opacity:.5}50%{opacity:1}}.artist-grid__empty{color:var(--color-muted);margin:18px 0 0;font-size:.8rem;line-height:1.5}.section-link{color:var(--color-text);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-top:15px;padding:0;font-size:.72rem;font-weight:800;display:inline-flex}.section-link:hover{color:var(--color-purple-light)}.era-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.era-card{aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:flex-end;align-items:stretch;padding:0;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.era-card:hover{border-color:var(--color-lilac);box-shadow:var(--shadow-md);transform:translateY(-3px)}.era-card__image-wrapper{position:absolute;inset:0;overflow:hidden}.era-card__image{object-fit:cover;width:100%;height:100%;transition:transform .22s;display:block}.era-card:hover .era-card__image{transform:scale(1.045)}.era-card:after{content:"";pointer-events:none;background:linear-gradient(#0000,#00000061);height:42%;position:absolute;bottom:0;left:0;right:0}.era-card__content{z-index:2;justify-content:space-between;align-items:center;gap:8px;padding:11px 12px;display:flex;position:relative}.era-card__label{min-width:36px;color:var(--color-text);font-family:var(--font-display);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#faf8fff0;border:1px solid #ffffffb8;border-radius:6px;align-items:center;padding:6px 8px;font-size:.78rem;font-weight:800;line-height:1;display:inline-flex;box-shadow:0 2px 8px #0000001f}.era-card__arrow{width:27px;height:27px;color:var(--color-text);background:#faf8fff0;border-radius:6px;flex-shrink:0;padding:6px;transition:transform .14s,background .14s;box-shadow:0 2px 8px #0000001f}.era-card:hover .era-card__arrow{background:var(--color-surface);transform:translate(2px)}.genre-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:10px;display:grid}.genre-card{aspect-ratio:1/.82;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:flex-end;align-items:stretch;padding:0;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.genre-card:hover{border-color:var(--color-lilac);box-shadow:var(--shadow-md);transform:translateY(-3px)}.genre-card__image-wrapper{z-index:0;position:absolute;inset:0;overflow:hidden}.genre-card__image{object-fit:cover;opacity:.3;width:100%;height:100%;transition:transform .22s,opacity .22s;display:block}.genre-card:hover .genre-card__image{opacity:.82;transform:scale(1.045)}.genre-card:before{content:"";z-index:1;pointer-events:none;background:#0a0a104d;position:absolute;inset:0}.genre-card:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000,#0000006b);height:50%;position:absolute;bottom:0;left:0;right:0}.genre-card__content{z-index:2;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;display:flex;position:relative}.genre-card__label{color:var(--color-text);font-family:var(--font-display);white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#faf8fff0;border:1px solid #ffffffb8;border-radius:6px;align-items:center;padding:6px 8px;font-size:.74rem;font-weight:800;line-height:1;display:inline-flex;box-shadow:0 2px 8px #0000001f}.genre-card__arrow{width:25px;height:25px;color:var(--color-text);background:#faf8fff0;border-radius:6px;flex-shrink:0;padding:5px;transition:transform .14s,background .14s;box-shadow:0 2px 8px #0000001f}.genre-card:hover .genre-card__arrow{background:var(--color-surface);transform:translate(2px)}@media (width<=900px){.genre-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.genre-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=420px){.genre-grid{gap:8px}.genre-card__content{padding:8px}.genre-card__label{padding:5px 7px;font-size:.7rem}.genre-card__arrow{width:23px;height:23px;padding:5px}}.theme-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}.theme-card{border:1px solid var(--border-color);width:100%;min-height:100px;color:inherit;text-align:left;cursor:pointer;background:#e0d8e9;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;transition:border-color .18s,background-color .18s,transform .18s;display:flex;position:relative}.theme-card:hover{border-color:var(--text-primary);background:var(--surface-hover);transform:translateY(-2px)}.theme-card:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}.theme-card__content{flex-direction:column;gap:6px;min-width:0;display:flex}.theme-card__label{color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.25}@media (width<=700px){.theme-grid{grid-template-columns:1fr}.theme-card{min-height:90px;padding:20px}}.pixel-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:23px 25px;display:grid}.pixel-card__icon{border-radius:var(--radius-md);color:#cbc9cc;background:#6e6189;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.pixel-card__content .play-section__eyebrow{margin-bottom:5px}.pixel-card__content h2{font-family:var(--font-display);margin:0;font-size:1.35rem;line-height:1.1}.pixel-card__content p:last-child{color:var(--color-muted);margin:6px 0 0;font-size:.78rem;line-height:1.45}.pixel-card__button{border:1px solid var(--color-lilac);border-radius:var(--radius-md);background:var(--color-lilac);min-width:88px;min-height:38px;color:var(--color-text);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-size:.68rem;font-weight:800;transition:transform .14s,background .14s;display:inline-flex}.pixel-card__button:hover{background:var(--color-periwinkle);transform:translateY(-1px)}@media (width<=900px){.play-page{padding:52px 24px 80px}.artist-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=700px){.artist-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.play-page{padding:40px 18px 64px}.play-page__header{margin-bottom:40px}.play-page__intro{font-size:.86rem}.play-page__content{gap:46px}.daily-card{flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:210px;padding:22px}.artist-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.era-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.pixel-card{grid-template-columns:auto 1fr}.pixel-card__button{grid-column:1/-1;width:100%}}@media (width<=420px){.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.theme-card{padding:0;overflow:hidden}.theme-card__image-wrapper{background:var(--color-lilac);border-radius:10px;width:100%;height:125px;position:relative;overflow:hidden}.theme-card__image{object-fit:cover;border-radius:10px;width:100%;height:100%;transition:transform .22s;display:block}.theme-card:hover .theme-card__image{transform:scale(1.045)}.theme-card__content{flex-direction:column;gap:6px;min-width:0;padding:18px 18px 19px;display:flex;position:relative}.theme-card__label{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:.98rem;font-weight:700;line-height:1.2}.theme-card__description{color:var(--color-muted);font-size:.76rem;line-height:1.4}.theme-card__footer{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.theme-card__play{letter-spacing:.08em;text-transform:uppercase;color:var(--color-purple-light);font-size:.65rem;font-weight:800}.theme-card__arrow{color:var(--color-muted);flex-shrink:0;transition:transform .18s,color .18s}.theme-card:hover .theme-card__arrow{color:var(--color-text);transform:translate(3px)}.more-ways-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.pixel-card{min-height:150px;position:relative;overflow:hidden}.pixel-card:before{content:"";opacity:.16;background:linear-gradient(90deg, var(--color-purple-light) 25%, transparent 25%, transparent 50%, var(--color-purple-light) 50%, var(--color-purple-light) 75%, transparent 75%);pointer-events:none;background-size:18px 18px;width:90px;height:90px;position:absolute;top:-35px;right:16px;transform:rotate(12deg)}.pixel-card--cover .pixel-card__icon{border-radius:6px;position:relative;box-shadow:4px 4px #00000014}.soundtrack-card{background:linear-gradient(135deg, var(--color-surface), #9c90aa29)}.soundtrack-card .pixel-card__icon{background:#6e6189}.pixel-card>*{z-index:1;position:relative}@media (width<=700px){.more-ways-grid{grid-template-columns:1fr}}@media (width<=600px){.theme-card__image-wrapper{height:150px}}.soundtrack-card--coming-soon{position:relative;overflow:hidden}.soundtrack-card--coming-soon:after{color:var(--color-muted);background:var(--color-surface-alt);border:1px solid var(--border-medium);border-radius:var(--radius-sm);letter-spacing:.12em;padding:6px 9px;font-size:9px;font-weight:800;position:absolute;top:20px;right:20px}.soundtrack-card__button:disabled{cursor:not-allowed;opacity:.55;pointer-events:none}.explore{width:100%}.explore__hero{min-height:calc(100vh - var(--navbar-height));align-items:center;padding:80px 40px;display:flex}.explore__hero-content{width:min(100%, var(--max-width));margin:0 auto}.explore__hero .label{color:var(--color-cyan);margin-bottom:16px}.explore__intro{max-width:520px;color:var(--color-muted);margin-top:22px;font-size:16px;line-height:1.7}.explore__search{border:1px solid var(--border-subtle);width:min(100%,760px);height:58px;transition:border-color var(--transition-fast), background var(--transition-fast);background:#ffffff05;align-items:center;margin-top:42px;display:flex;position:relative}.explore__search:focus-within{border-color:var(--color-purple-light);background:#ffffff09}.explore__search-icon{color:var(--color-subtle);flex-shrink:0;margin-left:18px}.explore__search input{min-width:0;height:100%;color:var(--color-white);font-family:var(--font-body);background:0 0;border:0;outline:0;flex:1;padding:0 16px;font-size:14px}.explore__search input::placeholder{color:var(--color-subtle)}.explore__clear{color:var(--color-subtle);letter-spacing:.12em;cursor:pointer;background:0 0;border:0;padding:8px;font-size:9px;font-weight:700}.explore__clear:hover{color:var(--color-white)}.explore__search-button{min-width:105px;color:var(--color-black);background:var(--color-white);letter-spacing:.12em;cursor:pointer;transition:opacity var(--transition-fast);border:0;align-self:stretch;padding:0 20px;font-size:10px;font-weight:800}.explore__search-button:hover:not(:disabled){opacity:.8}.explore__search-button:disabled{cursor:not-allowed;opacity:.4}.explore__section{width:min(calc(100% - 80px), var(--max-width));padding:var(--space-4xl) 0;margin:0 auto}.explore__section-header{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:36px;display:flex}.explore__section-header .label{color:var(--color-pink);margin-bottom:10px;display:block}.explore__section-description{max-width:330px;color:var(--color-muted);text-align:right;font-size:14px;line-height:1.6}.explore__tracks{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.explore-track{min-width:0;position:relative}.explore-track__artwork{aspect-ratio:1;background:var(--color-surface);overflow:hidden}.explore-track__artwork img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal);display:block}.explore-track:hover .explore-track__artwork img{transform:scale(1.035)}.explore-track__artwork-placeholder{background:var(--color-surface);width:100%;height:100%}.explore-track__info{padding:14px 34px 0 0;position:relative}.explore-track__info h3{color:var(--color-white);font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:600;line-height:1.3;overflow:hidden}.explore-track__info p{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:12px;line-height:1.4;overflow:hidden}.explore-track__info span{color:var(--color-subtle);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:11px;line-height:1.4;display:block;overflow:hidden}.explore-track__action{width:28px;height:28px;color:var(--color-subtle);border:1px solid var(--border-subtle);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;bottom:2px;right:0}.explore-track__action:hover{color:var(--color-white);border-color:var(--color-white)}.explore__state{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);min-height:180px;color:var(--color-muted);justify-content:center;align-items:center;font-size:13px;display:flex}.explore__categories{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(2,1fr);display:grid}.explore-category{min-height:68px;color:var(--color-white);border:0;border-bottom:1px solid var(--border-subtle);font-family:var(--font-display);text-align:left;cursor:pointer;transition:padding var(--transition-normal), background var(--transition-fast);background:0 0;justify-content:space-between;align-items:center;padding:0 16px;font-size:16px;display:flex}.explore-category:nth-child(odd){border-right:1px solid var(--border-subtle)}.explore-category svg{color:var(--color-subtle);opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);transform:translate(-4px,4px)}.explore-category:hover{background:#8b5cf60f;padding-left:22px}.explore-category:hover svg{color:var(--color-purple-light);opacity:1;transform:translate(0)}.explore__decades{padding-bottom:120px}.explore__decade-list{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(6,1fr);display:grid}.explore-decade{min-height:82px;color:var(--color-white);border:0;border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);font-family:var(--font-display);cursor:pointer;transition:background var(--transition-fast), padding var(--transition-normal);background:0 0;justify-content:space-between;align-items:center;padding:0 14px;font-size:16px;display:flex}.explore-decade:last-child{border-right:0}.explore-decade svg{color:var(--color-subtle);opacity:0;transition:opacity var(--transition-fast)}.explore-decade:hover{background:#8b5cf60f;padding-left:20px}.explore-decade:hover svg{color:var(--color-purple-light);opacity:1}@media (width<=1000px){.explore__tracks,.explore__decade-list{grid-template-columns:repeat(3,1fr)}.explore-decade:nth-child(3){border-right:0}}@media (width<=768px){.explore__hero{min-height:auto;padding:100px 20px 70px}.explore__section{width:calc(100% - 40px);padding:var(--space-3xl) 0}.explore__section-header{flex-direction:column;align-items:flex-start;gap:14px}.explore__section-description{text-align:left;max-width:400px}.explore__tracks{grid-template-columns:repeat(2,1fr)}.explore__categories{grid-template-columns:1fr}.explore-category:nth-child(odd){border-right:0}.explore__decades{padding-bottom:80px}.explore__decade-list{grid-template-columns:repeat(2,1fr)}.explore-decade:nth-child(3){border-right:1px solid var(--border-subtle)}.explore-decade:nth-child(2n){border-right:0}}@media (width<=480px){.explore__search{flex-wrap:wrap;height:auto}.explore__search-icon{margin-left:14px}.explore__search input{height:52px}.explore__clear{margin-right:8px}.explore__search-button{width:100%;height:48px}.explore__tracks{grid-template-columns:1fr 1fr;gap:12px}.explore__decade-list{grid-template-columns:1fr 1fr}}.trivia-placeholder{min-height:calc(100vh - var(--navbar-height));text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:70px 24px;display:flex}.trivia-placeholder__art{color:#78617d;border:1px solid var(--border-strong);width:100px;height:100px;box-shadow:var(--shadow-md);background:#eadfeb;border-radius:28px;place-items:center;margin-bottom:28px;display:grid}.trivia-placeholder>.label{color:#8b718e}.trivia-placeholder h1{font-family:var(--font-display);letter-spacing:-.06em;margin-top:12px;font-size:clamp(38px,6vw,64px);line-height:.98}.trivia-placeholder__copy{max-width:440px;color:var(--color-muted);margin-top:18px;font-size:14px;line-height:1.7}.trivia-placeholder__status{color:#8b718e;letter-spacing:.14em;align-items:center;gap:8px;margin-top:25px;font-size:9px;font-weight:800;display:flex}.trivia-placeholder__link{color:var(--color-text);background:var(--color-lilac);border-radius:var(--radius-md);border:1px solid #b98eb9;margin-top:30px;padding:12px 17px;font-size:12px;font-weight:700}.trivia-placeholder__link:hover{background:var(--color-mauve)}.leaderboard-page{min-height:100vh;padding:44px 40px 64px}.leaderboard-page__container{width:min(100%,1080px);margin:0 auto}.leaderboard-header{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:30px;display:flex}.leaderboard-header .label{color:var(--color-lilac);margin-bottom:8px}.leaderboard-header h1{margin:0}.leaderboard-header__intro{max-width:310px;color:var(--color-muted);text-align:right;margin:0 0 4px;font-size:13px;line-height:1.6}.leaderboard-filter{background:var(--color-surface);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;overflow:hidden}.leaderboard-filter__label{min-height:34px;color:var(--color-subtle);background:var(--color-surface-alt);border-bottom:1px solid var(--border-subtle);letter-spacing:.13em;justify-content:space-between;align-items:center;padding:0 16px;font-size:9px;font-weight:700;display:flex}.leaderboard-modes{scrollbar-width:thin;display:flex;overflow-x:auto}.leaderboard-modes button{min-height:46px;color:var(--color-muted);border:0;border-right:1px solid var(--border-subtle);white-space:nowrap;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;flex:none;padding:0 17px;font-size:11px;font-weight:600}.leaderboard-modes button:hover{color:var(--color-text);background:var(--color-surface-hover)}.leaderboard-modes button.active{color:var(--color-text);background:var(--color-mauve)}.leaderboard-your-rank{background:var(--color-bg-secondary);border:1px solid var(--border-medium);border-left:3px solid var(--color-lilac);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:24px;min-height:88px;margin-bottom:38px;padding:16px 20px;display:flex}.leaderboard-your-rank__identity{align-items:center;gap:14px;display:flex}.leaderboard-your-rank__record{width:46px;height:46px;color:var(--color-lilac);background:var(--color-surface);border:1px solid var(--border-medium);border-radius:50%;justify-content:center;align-items:center;display:flex}.leaderboard-your-rank__identity>div:last-child{flex-direction:column;gap:4px;display:flex}.leaderboard-your-rank__identity span,.leaderboard-your-rank__score span{color:var(--color-muted);letter-spacing:.12em;font-size:9px;font-weight:700}.leaderboard-your-rank__identity strong{font-family:var(--font-display);font-size:24px}.leaderboard-your-rank__score{align-items:baseline;gap:8px;display:flex}.leaderboard-your-rank__score strong{font-family:var(--font-display);font-size:22px}.leaderboard-your-rank__score small{color:var(--color-subtle);font-size:8px;font-weight:700}.leaderboard-section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:12px;display:flex}.leaderboard-section-heading .label{color:var(--color-lilac);margin-bottom:5px}.leaderboard-section-heading h2{font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:24px}.leaderboard-section-heading>span{color:var(--color-muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.leaderboard-podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:16px;margin-bottom:42px;padding:34px 12px 0;display:grid}.podium-card{text-align:center;background:var(--color-surface);border:1px solid var(--border-medium);border-radius:var(--radius-lg) var(--radius-lg) 0 0;min-width:0;box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;padding:25px 14px 0;display:flex;position:relative}.podium-card--1{background:linear-gradient(180deg, #c8a2c840, var(--color-surface) 75%);border-color:var(--color-lilac);z-index:2;min-height:310px;padding-top:20px}.podium-card--2{background:linear-gradient(180deg, #b3a8d92e, var(--color-surface) 75%);min-height:265px}.podium-card--3{background:linear-gradient(180deg, #d3a6a629, var(--color-surface) 75%);min-height:240px}.podium-card__crown{width:48px;height:48px;color:var(--color-lilac);background:#c8a2c82e;border:1px solid #c8a2c859;border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.podium-card--2 .podium-card__crown{color:var(--color-periwinkle);background:#b3a8d929}.podium-card--3 .podium-card__crown{color:var(--color-rose);background:#d3a6a629}.podium-card__position{color:var(--color-muted);letter-spacing:.14em;margin-bottom:15px;font-size:9px;font-weight:800}.podium-card__record{width:64px;height:64px;color:var(--color-lilac);background:var(--color-bg-secondary);border:1px solid var(--border-medium);border-radius:50%;justify-content:center;align-items:center;margin-bottom:13px;display:flex}.podium-card--2 .podium-card__record{color:var(--color-periwinkle)}.podium-card--3 .podium-card__record{color:var(--color-rose)}.podium-card__name{max-width:100%;color:var(--color-text);font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;overflow:hidden}.podium-card__username{max-width:100%;color:var(--color-subtle);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;overflow:hidden}.podium-card__score{color:var(--color-text);font-family:var(--font-display);align-items:baseline;gap:5px;margin-top:16px;font-size:23px;font-weight:800;display:flex}.podium-card__score small{color:var(--color-subtle);font-family:var(--font-body);letter-spacing:.1em;font-size:8px;font-weight:700}.podium-card__base{width:calc(100% + 28px);height:38px;color:var(--color-text);border-top:1px solid var(--border-medium);font-family:var(--font-display);background:#c8a2c833;justify-content:center;align-items:center;margin-top:auto;font-size:17px;font-weight:800;display:flex}.podium-card--1 .podium-card__base{background:var(--color-lilac)}.podium-card--2 .podium-card__base{background:#b3a8d93d}.podium-card--3 .podium-card__base{background:#d3a6a638}.leaderboard-chart{background:var(--color-surface);border:1px solid var(--border-medium);border-radius:var(--radius-lg);overflow:hidden}.leaderboard-chart__header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-end;gap:20px;padding:20px;display:flex}.leaderboard-chart__header .label{color:var(--color-muted);margin-bottom:5px}.leaderboard-chart__header h2{font-family:var(--font-display);margin:0;font-size:21px}.leaderboard-chart__header>span{color:var(--color-subtle);letter-spacing:.1em;font-size:9px;font-weight:700}.leaderboard-list{flex-direction:column;display:flex}.leaderboard-entry{border-bottom:1px solid var(--border-subtle);min-height:70px;transition:background var(--transition-fast);grid-template-columns:48px minmax(0,1fr) 110px 90px;align-items:center;gap:18px;padding:10px 20px;display:grid}.leaderboard-entry:last-child{border-bottom:0}.leaderboard-entry:hover{background:var(--color-surface-hover)}.leaderboard-rank{color:var(--color-subtle);font-family:var(--font-display);font-size:13px;font-weight:700}.leaderboard-player{align-items:center;gap:12px;min-width:0;display:flex}.leaderboard-player__record{width:34px;height:34px;color:var(--color-lilac);background:var(--color-bg-secondary);border:1px solid var(--border-subtle);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.leaderboard-player>div{flex-direction:column;gap:2px;min-width:0;display:flex}.leaderboard-player strong{color:var(--color-text);font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.leaderboard-player>div>span{color:var(--color-subtle);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.leaderboard-score{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.leaderboard-score strong{font-family:var(--font-display);font-size:15px}.leaderboard-score span{color:var(--color-subtle);letter-spacing:.1em;font-size:8px;font-weight:700}.leaderboard-stats{color:var(--color-muted);justify-content:flex-end;align-items:center;gap:12px;font-size:10px;font-weight:600;display:flex}.leaderboard-streak{align-items:center;gap:4px;display:inline-flex}.leaderboard-streak svg{color:var(--color-rose)}.leaderboard-state{min-height:300px;color:var(--color-muted);background:var(--color-surface);border:1px solid var(--border-medium);border-radius:var(--radius-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px;display:flex}.leaderboard-state svg{color:var(--color-lilac)}.leaderboard-state h2{color:var(--color-text);font-family:var(--font-display);margin:5px 0 0;font-size:20px}.leaderboard-state p{color:var(--color-subtle);margin:0;font-size:12px}@media (width<=800px){.leaderboard-page{padding:36px 24px 56px}.leaderboard-header{flex-direction:column;align-items:flex-start;gap:12px}.leaderboard-header__intro{text-align:left;max-width:420px}.leaderboard-entry{grid-template-columns:40px minmax(0,1fr) 90px}.leaderboard-stats{display:none}}@media (width<=560px){.leaderboard-page{padding:28px 16px 48px}.leaderboard-filter__label{padding:0 12px}.leaderboard-modes button{min-height:42px;padding:0 12px;font-size:10px}.leaderboard-your-rank{min-height:78px;padding:12px}.leaderboard-your-rank__record{width:40px;height:40px}.leaderboard-your-rank__identity strong{font-size:21px}.leaderboard-your-rank__score{flex-direction:column;align-items:flex-end;gap:2px}.leaderboard-your-rank__score strong{font-size:18px}.leaderboard-podium{gap:8px;padding:25px 0 0}.podium-card{padding:18px 6px 0}.podium-card--1{min-height:260px}.podium-card--2{min-height:225px}.podium-card--3{min-height:210px}.podium-card__crown{width:38px;height:38px}.podium-card__record{width:48px;height:48px}.podium-card__name{font-size:12px}.podium-card__username{font-size:9px}.podium-card__score{font-size:17px}.podium-card__base{width:calc(100% + 12px);height:32px}.leaderboard-chart__header{padding:16px 14px}.leaderboard-entry{grid-template-columns:30px minmax(0,1fr) 75px;gap:9px;min-height:62px;padding:8px 12px}.leaderboard-player{gap:8px}.leaderboard-player__record{width:29px;height:29px}.leaderboard-player strong{font-size:12px}.leaderboard-score strong{font-size:13px}}.profile-page{min-height:calc(100vh - var(--navbar-height));color:var(--color-text);padding:30px 36px 48px}.profile-page__container{width:min(100%, var(--max-width));margin:0 auto}.profile-loading,.profile-empty{text-align:center;min-height:55vh;color:var(--color-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.profile-loading svg,.profile-empty svg{color:var(--color-lilac)}.profile-empty h1{max-width:460px;font-family:var(--font-display);color:var(--color-text);margin:0;font-size:clamp(26px,4vw,38px)}.profile-empty p{max-width:380px;font-size:13px}.profile-empty button{border-radius:var(--radius-md);background:var(--color-lilac);min-height:42px;color:var(--color-text);cursor:pointer;border:0;margin-top:10px;padding:0 20px;font-weight:700}.profile-header{align-items:center;gap:17px;margin-bottom:22px;display:flex}.profile-avatar{width:66px;height:66px;color:var(--color-lilac);background:var(--color-surface);border:1px solid var(--border-medium);box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-identity{min-width:0}.profile-eyebrow{color:var(--color-muted);letter-spacing:.12em;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.profile-identity h1{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(23px,3vw,31px);line-height:1.1}.profile-identity p{color:var(--color-muted);margin:5px 0 0;font-size:12px}.profile-header__actions{align-items:center;gap:12px;margin-left:auto;display:flex}.profile-player-tag{background:var(--color-surface);border:1px solid var(--border-medium);border-radius:var(--radius-pill);color:var(--color-muted);letter-spacing:.07em;align-items:center;gap:7px;padding:9px 12px;font-size:9px;font-weight:800;display:flex}.profile-status-dot{background:var(--color-success);border-radius:50%;width:7px;height:7px}.profile-logout{border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--color-surface);width:36px;height:36px;color:var(--color-muted);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.profile-logout:hover{background:var(--color-surface-hover);color:var(--color-text)}.profile-stats{background:var(--color-surface);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px;display:grid;overflow:hidden}.profile-stat{border-right:1px solid var(--border-subtle);flex-direction:column;justify-content:center;gap:8px;min-height:88px;padding:14px 19px;display:flex}.profile-stat:last-child{border-right:0}.profile-stat>span{color:var(--color-muted);letter-spacing:.1em;font-size:9px;font-weight:800}.profile-stat strong{font-family:var(--font-display);letter-spacing:-.04em;font-size:25px;line-height:1}.profile-streak{align-items:center;gap:7px;display:flex}.profile-streak svg{color:var(--color-rose)}.profile-content{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-items:start;gap:18px;display:grid}.profile-column{flex-direction:column;gap:18px;min-width:0;display:flex}.profile-card{background:var(--color-surface);border:1px solid var(--border-medium);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-sm);padding:19px}.profile-section-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.profile-section-header h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:19px;line-height:1.15}.profile-section-header>svg{color:var(--color-lilac);flex-shrink:0}.personal-bests{border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.personal-best{border-bottom:1px solid var(--border-subtle);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:45px;padding:7px 12px;transition:background .2s;display:grid}.personal-best:last-child{border-bottom:0}.personal-best:hover{background:var(--color-surface-hover)}.personal-best__number{color:var(--color-subtle);font-family:var(--font-display);font-size:10px;font-weight:700}.personal-best__name{color:var(--color-text-secondary);font-size:12px}.personal-best strong{font-family:var(--font-display);font-size:14px}.profile-correct{background:var(--color-bg-secondary);border:1px solid var(--border-medium);border-left:3px solid var(--color-periwinkle);justify-content:space-between;align-items:center;min-height:66px;margin-top:12px;padding:12px 15px;display:flex}.profile-correct div{flex-direction:column;gap:4px;display:flex}.profile-correct span{color:var(--color-muted);letter-spacing:.1em;font-size:8px;font-weight:800}.profile-correct strong{font-family:var(--font-display);font-size:22px}.profile-correct>svg{color:var(--color-periwinkle)}.score-history{border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.score-history-entry{border-bottom:1px solid var(--border-subtle);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:8px 12px;transition:background .2s;display:grid}.score-history-entry:last-child{border-bottom:0}.score-history-entry:hover{background:var(--color-surface-hover)}.score-history__icon{width:30px;height:30px;color:var(--color-lilac);background:var(--color-bg-secondary);border:1px solid var(--border-subtle);border-radius:50%;justify-content:center;align-items:center;display:flex}.score-history-main{flex-direction:column;gap:4px;min-width:0;display:flex}.score-history-main strong{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.score-history-main span{color:var(--color-subtle);font-size:9px}.score-history-score{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.score-history-score strong{font-family:var(--font-display);font-size:14px}.score-history-score span{color:var(--color-subtle);letter-spacing:.08em;font-size:8px;font-weight:800}.profile-history-empty{background:var(--color-bg-secondary);border:1px dashed var(--border-medium);border-radius:var(--radius-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:125px;display:flex}.profile-history-empty svg{color:var(--color-lilac)}.profile-history-empty p{margin:0;font-size:12px;font-weight:700}.profile-history-empty span{color:var(--color-muted);font-size:10px}.profile-overview{background:radial-gradient(circle at 100% 0%, #c8a2c82e, transparent 48%), var(--color-surface)}.profile-overview>p{max-width:380px;color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.7}.profile-overview__footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:20px;padding-top:13px;display:flex}.profile-overview__footer span{color:var(--color-muted);letter-spacing:.12em;font-size:8px;font-weight:800}.profile-overview__footer svg{color:var(--color-lilac)}.profile-locked-features{flex-direction:column;gap:9px;display:flex}.profile-feature{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--color-bg-secondary);align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.profile-feature--locked{cursor:not-allowed;opacity:.68;transition:opacity .2s}.profile-feature--locked:hover{opacity:1}.profile-feature__icon{width:36px;height:36px;color:var(--color-lilac);background:var(--color-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-feature>div:nth-child(2){flex-direction:column;gap:4px;min-width:0;display:flex}.profile-feature strong{font-size:12px}.profile-feature span{color:var(--color-muted);font-size:10px}.profile-feature__lock{color:var(--color-subtle);flex-shrink:0;margin-left:auto}.profile-account__details{flex-direction:column;gap:13px;display:flex}.profile-account__details>div{flex-direction:column;gap:5px;min-width:0;display:flex}.profile-account__details span{color:var(--color-muted);letter-spacing:.1em;font-size:8px;font-weight:800}.profile-account__details strong{overflow-wrap:anywhere;font-size:12px;font-weight:600}@media (width<=1000px){.profile-page{padding:26px 24px 40px}.profile-content{grid-template-columns:1fr}.profile-column{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}}@media (width<=640px){.profile-page{padding:22px 15px 36px}.profile-header{gap:12px}.profile-avatar{width:52px;height:52px}.profile-avatar svg{width:29px}.profile-player-tag{display:none}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-stat{border-bottom:1px solid var(--border-subtle);min-height:75px;padding:12px}.profile-stat:nth-child(2){border-right:0}.profile-stat:nth-child(n+3){border-bottom:0}.profile-stat strong{font-size:22px}.profile-column{flex-direction:column;display:flex}.profile-card{padding:15px}}@media (width<=380px){.profile-header{flex-wrap:wrap}.profile-header__actions{margin-left:auto}.profile-stat>span{font-size:8px}}.about-page{width:100%;min-width:0;color:var(--color-text);padding-bottom:30px;padding-left:30px;padding-right:30px}.about-eyebrow{color:#8b718e;letter-spacing:.16em;font-size:9px;font-weight:800}.about-hero{border-radius:var(--radius-lg);background:linear-gradient(125deg,#f1e8f0,#f7edf1 55%,#e9e8f4);border:1px solid #e2d5e3;padding:22px 25px 16px;position:relative;overflow:hidden}.about-hero__topline,.about-hero__footer{color:#806c83;letter-spacing:.14em;justify-content:space-between;align-items:center;gap:15px;font-size:8px;font-weight:800;display:flex}.about-hero__edition{align-items:center;gap:7px;display:flex}.about-hero__main{grid-template-columns:minmax(0,1fr) minmax(230px,.8fr);align-items:center;gap:25px;padding:48px 0 42px;display:grid}.about-hero__copy{max-width:500px}.about-hero__copy h1{font-family:var(--font-display);letter-spacing:-.07em;margin-top:13px;font-size:clamp(48px,6vw,76px);line-height:.95}.about-hero__copy h1 span{color:#96749a;font-style:italic}.about-hero__description{color:#766c7b;max-width:380px;margin-top:19px;font-size:13px;line-height:1.8}.about-button{color:#fff;border-radius:var(--radius-pill);transition:transform var(--transition-fast), background var(--transition-fast);background:#806b88;border:1px solid #806b88;align-items:center;gap:10px;margin-top:23px;padding:12px 17px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.about-button:hover{background:#6f5b77;transform:translateY(-2px)}.about-hero__art{background:#ffffff6b;border:1px solid #ffffffb3;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:285px;padding:15px;display:flex;position:relative;overflow:hidden}.about-hero__art-label,.about-hero__art-caption{z-index:1;color:#806c83;letter-spacing:.12em;justify-content:space-between;align-items:center;gap:10px;font-size:8px;font-weight:800;display:flex}.about-hero__art-caption{justify-content:flex-start}.about-hero__record{background:repeating-radial-gradient(circle,#29252e 0 2px,#39333f 3px,#29252e 5px 8px);border-radius:50%;place-items:center;width:225px;height:225px;animation:18s linear infinite about-record-spin;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-12deg);box-shadow:0 15px 30px #57445c30}.about-hero__record:before{content:"";border:1px solid #ffffff20;border-radius:50%;position:absolute;inset:12px}.about-hero__record-label{color:#59485f;background:#d9b8d9;border:4px solid #f1d7ed;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:72px;height:72px;display:flex}.about-hero__record-label span{letter-spacing:.15em;font-size:9px;font-weight:900}.about-hero__decoration{color:#aa8bae;font-family:var(--font-display);font-size:45px;position:absolute}.about-hero__decoration--one{top:38px;right:35px}.about-hero__decoration--two{bottom:45px;left:27px}.about-hero__footer{border-top:1px solid #d8cbdc;padding-top:14px}@keyframes about-record-spin{0%{rotate:0deg}to{rotate:360deg}}.about-section{border-bottom:1px solid var(--border-medium);grid-template-columns:145px minmax(0,1fr);gap:25px;padding:62px 0;display:grid}.about-section__side{color:var(--color-muted);letter-spacing:.12em;flex-direction:column;justify-content:space-between;gap:15px;font-size:8px;font-weight:800;display:flex}.about-section__number{color:#8b718e}.about-section__side-note{writing-mode:vertical-rl;transform:rotate(180deg)}.about-section__heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.about-section__heading h2{font-family:var(--font-display);letter-spacing:-.05em;margin-top:7px;font-size:clamp(24px,3vw,34px)}.about-section__heading>div>p:last-child{max-width:430px;color:var(--color-muted);margin-top:9px;font-size:12px;line-height:1.6}.about-section__index{color:var(--color-muted);letter-spacing:.12em;flex-shrink:0;font-size:8px;font-weight:800}.about-story__content h2{max-width:690px;font-family:var(--font-display);letter-spacing:-.055em;margin-top:12px;font-size:clamp(28px,3.5vw,43px);line-height:1.12}.about-story__content h2 span{color:#96749a;font-style:italic}.about-story__columns{grid-template-columns:1fr 1fr;gap:25px;margin-top:22px;display:grid}.about-story__columns p{color:var(--color-muted);font-size:12px;line-height:1.85}.about-story__quote{border-radius:var(--radius-lg);background:#f0e8f0;border:1px solid #e2d5e3;margin-top:27px;padding:21px;position:relative}.about-story__quote>span{color:#8b718e;letter-spacing:.15em;font-size:8px;font-weight:800}.about-story__quote p{max-width:480px;font-family:var(--font-display);letter-spacing:-.04em;margin-top:10px;font-size:23px;font-weight:700}.about-story__quote svg{color:#96749a;position:absolute;bottom:20px;right:20px}.about-how{border-bottom:1px solid var(--border-medium);padding:50px 0}.about-how__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.about-how-card{background:var(--color-surface);border:1px solid var(--border-medium);border-radius:var(--radius-lg);min-height:190px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), border-color var(--transition-fast);padding:19px;position:relative}.about-how-card:hover{border-color:var(--color-lilac);transform:translateY(-3px)}.about-how-card__number{color:var(--color-subtle);font-size:10px;font-weight:800;position:absolute;top:17px;right:17px}.about-how-card__icon{color:#755e7d;background:#e9dce9;border-radius:11px;place-items:center;width:39px;height:39px;display:grid}.about-how-card h3{font-family:var(--font-display);letter-spacing:-.03em;margin-top:17px;font-size:17px}.about-how-card p{color:var(--color-muted);margin-top:7px;font-size:11px;line-height:1.6}.about-developer__content{grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr);align-items:stretch;gap:28px;display:grid}.about-developer__visual{border-radius:var(--radius-lg);background:linear-gradient(145deg,#e9dce9,#e7e8f1);border:1px solid #ded4e4;place-items:center;min-height:280px;padding:20px;display:grid}.about-developer__visual-inner{color:#725d79;background:#f8f3f7;border:1px solid #fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;min-height:190px;display:flex;box-shadow:0 12px 30px #5d47651a}.about-developer__visual-inner>span{letter-spacing:.15em;font-size:8px;font-weight:900}.about-developer__wave{align-items:center;gap:4px;height:30px;display:flex}.about-developer__wave i{background:#a98bad;border-radius:5px;width:3px;height:10px}.about-developer__wave i:nth-child(3n){height:24px}.about-developer__wave i:nth-child(2n){height:16px}.about-developer__wave i:nth-child(5n){height:28px}.about-developer__bio h2{font-family:var(--font-display);letter-spacing:-.06em;margin-top:10px;font-size:clamp(29px,3.5vw,42px);line-height:1.05}.about-developer__bio h2 span{color:#96749a;font-style:italic}.about-developer__bio>p:not(.about-eyebrow):not(.about-developer__link-note){color:var(--color-muted);margin-top:13px;font-size:11px;line-height:1.8}.about-developer__links{flex-wrap:wrap;gap:9px;margin-top:20px;display:flex}.about-developer__links a{color:var(--color-text);background:var(--color-surface);border:1px solid var(--border-medium);border-radius:var(--radius-pill);transition:border-color var(--transition-fast), transform var(--transition-fast);align-items:center;gap:7px;padding:9px 11px;font-size:10px;font-weight:700;text-decoration:none;display:inline-flex}.about-developer__links a:hover{border-color:var(--color-lilac);transform:translateY(-2px)}.about-developer__link-note{color:var(--color-subtle);margin-top:10px;font-size:9px}.about-mission{border-radius:var(--radius-lg);background:#eee6ef;border:1px solid #e0d5e2;grid-template-columns:.8fr 1.2fr;align-items:center;gap:30px;margin:55px 0;padding:30px;display:grid}.about-mission__heading h2{font-family:var(--font-display);letter-spacing:-.06em;margin-top:12px;font-size:clamp(30px,4vw,45px);line-height:1.05}.about-mission__heading h2 span{color:#96749a;font-style:italic}.about-mission__cards{grid-template-columns:1fr 1fr;gap:11px;display:grid}.about-mission__cards article{background:#ffffff8c;border:1px solid #fff;border-radius:12px;min-height:200px;padding:17px}.about-mission__cards svg{color:#896f91}.about-mission__cards article>span{color:#8b718e;letter-spacing:.13em;margin-top:14px;font-size:8px;font-weight:900;display:block}.about-mission__cards h3{font-family:var(--font-display);margin-top:8px;font-size:16px;line-height:1.25}.about-mission__cards p{color:var(--color-muted);margin-top:8px;font-size:10px;line-height:1.6}.about-roadmap{display:block}.about-roadmap__list{border-top:1px solid var(--border-medium)}.about-roadmap__item{border-bottom:1px solid var(--border-medium);transition:background var(--transition-fast);grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:15px;padding:17px 5px;display:grid}.about-roadmap__item:hover{background:var(--color-surface-hover)}.about-roadmap__number{color:var(--color-subtle);font-size:11px;font-weight:800}.about-roadmap__details h3{font-family:var(--font-display);letter-spacing:-.03em;font-size:16px}.about-roadmap__details p{color:var(--color-muted);margin-top:5px;font-size:10px;line-height:1.5}.about-roadmap__status{color:var(--color-muted);background:var(--color-surface-alt);border:1px solid var(--border-medium);border-radius:var(--radius-pill);letter-spacing:.08em;white-space:nowrap;padding:6px 9px;font-size:8px;font-weight:900}.about-roadmap__item.is-available .about-roadmap__status{color:#557b63;background:#e7f0e8;border-color:#d1e3d4}.about-roadmap__item.is-upcoming .about-roadmap__status{color:#84658a;background:#eee4ef;border-color:#e0d1e3}.about-faq{grid-template-columns:.8fr 1.2fr;gap:35px;display:grid}.about-faq__intro h2{font-family:var(--font-display);letter-spacing:-.06em;margin-top:10px;font-size:35px}.about-faq__intro>p:last-child{max-width:260px;color:var(--color-muted);margin-top:10px;font-size:11px;line-height:1.7}.about-faq__list{border-top:1px solid var(--border-medium)}.about-faq__item{border-bottom:1px solid var(--border-medium)}.about-faq__question{width:100%;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;display:flex}.about-faq__question>span:first-child{font-family:var(--font-display);align-items:center;gap:13px;font-size:13px;font-weight:700;display:flex}.about-faq__question small{color:#9b829e;font-family:var(--font-body);font-size:9px;font-weight:800}.about-faq__toggle{color:#806b88;background:#eee6ef;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;font-size:17px;display:grid}.about-faq__answer{padding:0 38px 17px}.about-faq__answer p{color:var(--color-muted);font-size:11px;line-height:1.8}.about-credits{background:var(--color-surface);border:1px solid var(--border-medium);border-radius:var(--radius-lg);margin-top:25px;padding:24px}.about-credits__heading{align-items:center;gap:13px;display:flex}.about-credits__heading>svg{color:#8b718e}.about-credits__heading h2{font-family:var(--font-display);letter-spacing:-.04em;margin-top:5px;font-size:20px}.about-credits__grid{border-top:1px solid var(--border-medium);grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:23px;padding-top:18px;display:grid}.about-credits__grid>div{flex-direction:column;gap:8px;display:flex}.about-credits__grid span{color:#8b718e;letter-spacing:.1em;font-size:8px;font-weight:900}.about-credits__grid p{color:var(--color-muted);font-size:10px}.about-credits__note{color:var(--color-subtle);margin-top:20px;font-size:9px;line-height:1.6}.about-closing{color:#fff;border-radius:var(--radius-lg);text-align:center;background:linear-gradient(135deg,#74617d,#927695);flex-direction:column;align-items:center;margin-top:25px;padding:45px 20px 25px;display:flex;position:relative;overflow:hidden}.about-closing__record{color:#745e7a;background:#e7d3e6;border:5px solid #f0e1ef;border-radius:50%;place-items:center;width:65px;height:65px;margin-bottom:22px;display:grid}.about-closing .about-eyebrow{color:#e2cfe3}.about-closing h2{font-family:var(--font-display);letter-spacing:-.06em;margin-top:12px;font-size:clamp(39px,5vw,55px);line-height:.98}.about-closing h2 span{color:#e5cce4;font-style:italic}.about-closing>p:not(.about-eyebrow){color:#eee4ef;max-width:390px;margin-top:14px;font-size:11px;line-height:1.8}.about-button--light{color:#725d79;background:#f4eaf3;border-color:#f4eaf3}.about-button--light:hover{color:#725d79;background:#fff}.about-closing__footer{color:#dfcfe1;letter-spacing:.16em;margin-top:35px;font-size:8px;font-weight:800}.about-contact-form{text-align:left;flex-direction:column;gap:15px;width:min(100%,510px);margin-top:27px;display:flex}.about-contact-form__row{grid-template-columns:1fr 1fr;gap:13px;display:grid}.about-contact-form label{color:#f1e6f1;letter-spacing:.1em;text-transform:uppercase;flex-direction:column;gap:7px;font-size:9px;font-weight:800;display:flex}.about-contact-form label span{color:#cdbbd0;text-transform:none;font-size:8px;font-weight:500;display:inline}.about-contact-form input,.about-contact-form textarea{color:#493d4d;width:100%;font-family:var(--font-body);letter-spacing:normal;text-transform:none;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#f8f1f7;border:1px solid #e6d8e7;border-radius:9px;outline:none;padding:12px 13px;font-size:11px;font-weight:500}.about-contact-form input::placeholder,.about-contact-form textarea::placeholder{color:#a99baa}.about-contact-form input:focus,.about-contact-form textarea:focus{border-color:#d9b8d9;box-shadow:0 0 0 3px #e5cce430}.about-contact-form textarea{resize:vertical;min-height:120px;line-height:1.7}.about-contact-form__submit{cursor:pointer;align-self:center;margin-top:5px}.about-contact-form__submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.about-contact-form__feedback{text-align:center;font-size:11px;line-height:1.6}.about-contact-form__feedback.is-success{color:#e0f2df}.about-contact-form__feedback.is-error{color:#ffd8d8}@media (width<=900px){.about-section{grid-template-columns:100px minmax(0,1fr);gap:18px}.about-mission{grid-template-columns:1fr}.about-mission__heading h2 br{display:none}}@media (width<=760px){.about-hero{padding:17px}.about-hero__main{grid-template-columns:1fr;padding:35px 0 25px}.about-hero__art{min-height:230px}.about-hero__record{width:185px;height:185px}.about-section{grid-template-columns:1fr;gap:17px;padding:42px 0}.about-section__side{flex-direction:row}.about-section__side-note{writing-mode:initial;transform:none}.about-how__grid{grid-template-columns:1fr}.about-how-card{min-height:150px}.about-developer__content{grid-template-columns:1fr}.about-developer__visual{min-height:210px}.about-faq{grid-template-columns:1fr;gap:20px}.about-section__heading{align-items:flex-start}.about-section__index{display:none}.about-credits__grid{grid-template-columns:1fr 1fr;row-gap:20px}}@media (width<=480px){.about-hero__topline,.about-hero__footer,.about-hero__edition{font-size:7px}.about-hero__copy h1{font-size:49px}.about-story__columns{grid-template-columns:1fr;gap:12px}.about-mission{padding:20px}.about-mission__cards{grid-template-columns:1fr}.about-roadmap__item{grid-template-columns:27px minmax(0,1fr);gap:10px}.about-roadmap__status{grid-column:2;justify-self:start}.about-faq__question>span:first-child{font-size:12px}.about-contact-form__row{grid-template-columns:1fr}.about-faq__answer{padding-left:28px}.about-credits{padding:18px}.about-credits__grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.about-hero__record{animation:none}.about-page *,.about-page :before,.about-page :after{transition-duration:.01ms!important}}.audio-player{width:min(100%,620px);color:var(--color-text);background:var(--color-surface);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-normal), background var(--transition-normal);flex-direction:column;padding:13px 15px;display:flex}.audio-player--playing{border-color:var(--color-lilac)}.audio-player--full{border-color:var(--color-periwinkle)}.audio-player__top{justify-content:space-between;align-items:center;width:100%;margin-bottom:9px;display:flex}.audio-player__label,.audio-player__stage{letter-spacing:.14em;font-size:8px;font-weight:700}.audio-player__label{color:var(--color-muted)}.audio-player--playing .audio-player__label{color:var(--color-lilac)}.audio-player--full .audio-player__label{color:var(--color-periwinkle)}.audio-player__stage{color:var(--color-muted)}.audio-player__main{align-items:center;gap:13px;width:100%;min-width:0;display:flex}.audio-player__play{width:44px;height:44px;color:var(--color-text);background:var(--color-lilac);border:1px solid var(--color-lilac);cursor:pointer;transition:transform var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.audio-player__play:hover:not(:disabled){background:var(--color-periwinkle);border-color:var(--color-periwinkle);transform:scale(1.04)}.audio-player__play:active:not(:disabled){transform:scale(.98)}.audio-player__play:disabled{cursor:not-allowed;opacity:.45}.audio-player__play:disabled:hover{transform:none}.audio-player__play-icon{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid var(--color-text);width:0;height:0;margin-left:3px}.audio-player__pause-icon{width:11px;height:14px;position:relative}.audio-player__pause-icon:before,.audio-player__pause-icon:after{content:"";background:var(--color-text);border-radius:1px;width:4px;height:14px;position:absolute;top:0}.audio-player__pause-icon:before{left:0}.audio-player__pause-icon:after{right:0}.audio-player__wave{flex:1;justify-content:space-between;align-items:center;gap:3px;min-width:0;height:46px;display:flex;overflow:hidden}.audio-player__bar{background:var(--color-bg-tertiary);opacity:1;transform-origin:50%;min-width:2px;max-width:6px;transition:background var(--transition-fast), opacity var(--transition-fast);border-radius:999px;flex:1;transform:scaleY(1)}.audio-player__bar--active{background:var(--color-lilac)}.audio-player--playing .audio-player__bar{animation:.85s ease-in-out infinite alternate waveform-pulse}.audio-player--full.audio-player--playing .audio-player__bar{animation-duration:.62s}.audio-player--full .audio-player__bar--active{background:var(--color-periwinkle)}@keyframes waveform-pulse{0%{transform:scaleY(.65)}to{transform:scaleY(1)}}.audio-player__bottom{width:100%;color:var(--color-muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin-top:8px;font-size:8px;font-weight:600;display:flex}.audio-player__track{background:var(--color-bg-tertiary);border-radius:var(--radius-pill);flex:1;height:3px;position:relative;overflow:hidden}.audio-player__track-fill{background:var(--color-lilac);border-radius:inherit;width:0;height:100%;transition:width 80ms linear}.audio-player--full .audio-player__track-fill{background:var(--color-periwinkle)}.audio-player__error{width:100%;color:var(--color-error-dark);letter-spacing:.12em;text-align:center;margin-top:8px;font-size:8px;font-weight:700}@media (width<=600px){.audio-player{border-radius:var(--radius-lg);padding:12px 13px}.audio-player__main{gap:11px}.audio-player__play{width:42px;height:42px}.audio-player__wave{gap:2px;height:44px}.audio-player__bar{max-width:5px}.audio-player__top{margin-bottom:8px}.audio-player__bottom{gap:6px}}.game-answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.game-answer__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:inherit;flex:1;line-height:1.3;overflow:hidden}.game-answer--selected{color:var(--color-text);border-color:var(--color-lilac);background:#f2eaf3}.game-answer--correct{color:var(--color-text);background:#eef5f0;border-color:#b9d0be}.game-answer--incorrect{color:var(--color-text);background:#f7eeee;border-color:#dfc5c5}@media (height<=760px) and (width>=901px){.game-answers{gap:7px}.game-answer{min-height:48px;padding:0 11px;font-size:12px}.game-answer__letter{flex-basis:24px;width:24px;height:24px;font-size:10px}}@media (width<=768px){.game-answers{grid-template-columns:1fr;gap:8px}.game-answer{min-height:56px}}.game-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;width:100%;min-height:42px;padding-bottom:11px;display:flex}.game-header__item{align-items:baseline;gap:9px;display:flex}.game-header__item--score{justify-content:flex-end}.game-header__label{color:var(--color-muted);letter-spacing:.14em;font-size:9px;font-weight:700;line-height:1}.game-header__value{color:var(--color-text);font-family:var(--font-display);font-size:15px;font-weight:700;line-height:1}.game-header__separator{color:var(--color-subtle);margin:0 2px}@media (height<=760px) and (width>=901px){.game-header{min-height:36px;padding-bottom:8px}.game-header__label{font-size:8px}.game-header__value{font-size:13px}}@media (width<=600px){.game-header__item{gap:7px}.game-header__label{font-size:8px}.game-header__value{font-size:13px}}.game-progress{width:100%;margin-top:11px}.game-progress__top{color:var(--color-muted);letter-spacing:.14em;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:8px;font-weight:700;line-height:1;display:flex}.game-progress__track{background:var(--color-bg-tertiary);border-radius:var(--radius-pill);width:100%;height:3px;overflow:hidden}.game-progress__fill{background:var(--color-lilac);border-radius:inherit;height:100%;transition:width var(--transition-normal)}@media (height<=760px) and (width>=901px){.game-progress{margin-top:8px}.game-progress__top{margin-bottom:4px;font-size:7px}.game-progress__track{height:2px}}.results-page{min-height:calc(100vh - var(--navbar-height,64px));color:var(--color-text,#302b3b);background:radial-gradient(circle at 50% 0%, #b3a7d129, transparent 45%), var(--color-bg,#faf8fc);padding:32px 24px 48px}.results-page__container{flex-direction:column;width:min(100%,820px);margin:0 auto;animation:.3s ease-out results-enter;display:flex}@keyframes results-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.results-header{text-align:center}.results-page__eyebrow,.results-section-label{color:#78659d;letter-spacing:.14em;font-size:10px;font-weight:750;display:block}.results-performance{margin-top:10px}.results-performance h1{color:var(--color-text,#302b3b);font-family:var(--font-display);letter-spacing:-.045em;overflow-wrap:anywhere;margin:0;font-size:clamp(32px,5vw,52px);font-weight:700;line-height:1.05}.results-performance p{color:var(--color-muted,#716b7b);margin:8px auto 0;font-size:13px;line-height:1.5}.results-score{background:#c8a2c821;border:1px solid #9d81b133;border-radius:16px;flex-direction:column;align-items:center;margin-top:26px;padding:20px 16px;display:flex}.results-score__label,.results-score__unit{color:#78659d;letter-spacing:.15em;font-size:10px;font-weight:750}.results-score__value{color:var(--color-text,#302b3b);font-family:var(--font-display);letter-spacing:-.055em;font-variant-numeric:tabular-nums;margin-top:7px;font-size:clamp(48px,8vw,76px);font-weight:700;line-height:1;display:block}.results-score__unit{margin-top:5px}.results-speed{border-bottom:1px solid var(--border-medium,#e5dfeb);padding:22px 0}.results-speed__header,.results-breakdown__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.results-speed__header h2,.results-breakdown__header h2{color:var(--color-text,#302b3b);font-family:var(--font-display);letter-spacing:-.025em;margin:5px 0 0;font-size:19px;font-weight:650;line-height:1.2}.results-speed__icon{display:none}.results-speed__main{grid-template-columns:1fr 1px 1fr;align-items:center;gap:22px;margin-top:17px;display:grid}.results-speed__average,.results-speed__fastest{flex-direction:column;gap:5px;display:flex}.results-speed__average{align-items:flex-start}.results-speed__fastest{align-items:flex-end}.results-speed__average span,.results-speed__fastest span{color:var(--color-muted,#716b7b);letter-spacing:.1em;font-size:10px;font-weight:750}.results-speed__average strong,.results-speed__fastest strong{color:#78659d;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:30px;font-weight:650;line-height:1.1}.results-speed__fastest strong{color:#8e668d}.results-speed__line{background:var(--border-medium,#e5dfeb);width:1px;height:36px}.results-stats{background:var(--color-surface,#fff);border:1px solid var(--border-medium,#e5dfeb);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px;display:grid;overflow:hidden}.results-stat{flex-direction:column;justify-content:center;gap:8px;min-width:0;padding:16px 14px;display:flex}.results-stat+.results-stat{border-left:1px solid var(--border-medium,#e5dfeb)}.results-stat span{color:var(--color-muted,#716b7b);letter-spacing:.06em;font-size:9px;font-weight:750;line-height:1.4}.results-stat strong{color:var(--color-text,#302b3b);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:27px;font-weight:650;line-height:1}.results-stat strong small{color:var(--color-muted,#716b7b);font-family:var(--font-body);font-size:12px;font-weight:500}.results-breakdown{margin-top:30px}.results-breakdown__header{margin-bottom:12px}.results-breakdown__count{color:var(--color-muted,#716b7b);letter-spacing:.06em;flex-shrink:0;font-size:10px;font-weight:750}.results-breakdown__list{background:var(--color-surface,#fff);border:1px solid var(--border-medium,#e5dfeb);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.results-breakdown__item{border-bottom:1px solid var(--border-medium,#e5dfeb);background:0 0;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;min-height:66px;padding:12px 15px;transition:background .15s;display:grid}.results-breakdown__item:last-child{border-bottom:0}.results-breakdown__item:hover{background:#b3a7d11a}.results-breakdown__number{color:#8a8294;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:14px;font-weight:650}.results-breakdown__song strong{color:var(--color-text,#302b3b);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;line-height:1.3;overflow:hidden}.results-breakdown__song span{color:var(--color-muted,#716b7b);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.3;overflow:hidden}.results-breakdown__result{flex-direction:column;align-items:flex-end;gap:4px;min-width:82px;display:flex}.results-breakdown__time{color:#397c70;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:14px;font-weight:650}.results-breakdown__points{color:#78659d;font-size:10px;font-weight:750}.results-breakdown__miss{color:#8a5967;text-align:right;font-size:9px;font-weight:750}.results-breakdown__cover{object-fit:cover;background:var(--color-bg-secondary,#eee8f3);border-radius:6px;flex-shrink:0;width:44px;height:44px}.results-breakdown__song{flex-direction:column;gap:4px;min-width:0;display:flex}.results-breakdown__item--correct{box-shadow:inset 3px 0 #9ac9bc}.results-breakdown__item--incorrect{box-shadow:inset 3px 0 #d9c4ca}.results-breakdown__item--incorrect .results-breakdown__song strong{color:#716b7b}.results-actions{justify-content:center;gap:10px;margin-top:24px;display:flex}.results-actions button{border-radius:var(--radius-md,10px);min-height:44px;font-family:var(--font-body);letter-spacing:.07em;cursor:pointer;padding:0 22px;font-size:10px;font-weight:750;transition:background .15s,border-color .15s,transform .15s}.results-actions button:focus-visible{outline-offset:3px;outline:3px solid #a995cb}.results-actions button:hover{transform:translateY(-1px)}.results-actions__primary{color:#fff;background:#78659d;border:1px solid #78659d}.results-actions__primary:hover{background:#665382;border-color:#665382}.results-actions__secondary{color:var(--color-text,#302b3b);border:1px solid var(--border-medium,#dcd4e4);background:0 0}.results-actions__secondary:hover{background:#b3a7d121;border-color:#b3a7d1}@media (width<=640px){.results-page{padding:26px 16px 36px}.results-performance h1{font-size:clamp(30px,8vw,44px)}.results-score{margin-top:22px;padding:18px 12px}.results-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.results-stat{padding:14px 12px}.results-stat:nth-child(3){border-left:0;border-top:1px solid var(--border-medium,#e5dfeb)}.results-stat:nth-child(4){border-top:1px solid var(--border-medium,#e5dfeb)}.results-breakdown{margin-top:24px}.results-breakdown__item{grid-template-columns:25px minmax(0,1fr) auto;gap:9px;padding:12px 10px}.results-breakdown__result{min-width:66px}.results-breakdown__miss{max-width:78px;line-height:1.4}}@media (width<=380px){.results-page{padding-left:12px;padding-right:12px}.results-speed__main{gap:14px}.results-speed__average strong,.results-speed__fastest strong{font-size:26px}.results-stat span{font-size:8px}.results-stat strong{font-size:24px}.results-actions{flex-direction:column}.results-actions button{width:100%}}@media (prefers-reduced-motion:reduce){.results-page__container{animation:none}.results-actions button,.results-breakdown__item{transition:none}}.results-breakdown__track{align-items:center;gap:12px;min-width:0;display:flex}.results-breakdown__cover{object-fit:cover;background:var(--color-bg-secondary,#eee8f3);border-radius:6px;flex:0 0 44px;width:44px;height:44px;display:block}.results-breakdown__cover--empty{background:var(--color-bg-secondary,#eee8f3)}.results-breakdown__song{flex-direction:column;justify-content:center;gap:4px;min-width:0;display:flex}.results-breakdown__song strong,.results-breakdown__song span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.results-breakdown__song strong{font-size:.9rem}.results-breakdown__song span{opacity:.75;font-size:.8rem}@media (width<=480px){.results-breakdown__track{gap:8px}.results-breakdown__cover{flex-basis:36px;width:36px;height:36px}}.loading-screen{box-sizing:border-box;background:var(--color-bg);width:100%;height:100dvh;color:var(--color-text);isolation:isolate;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.loading-screen__content{z-index:3;-webkit-backdrop-filter:blur(12px);text-align:center;background:#ffffff1f;border:1px solid #ffffff3d;border-radius:24px;flex-direction:column;align-items:center;width:min(100%,620px);max-height:100%;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #28194114}.loading-screen__brand{flex-direction:column;align-items:center;margin-bottom:30px;display:flex}.loading-screen__logo{border:1px solid var(--color-lilac);background:var(--color-lilac);width:50px;height:50px;color:var(--color-text);font-family:var(--font-display);box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;margin-bottom:12px;font-size:1.3rem;font-weight:800;animation:2.4s ease-in-out infinite loading-logo-float;display:grid}.loading-screen__brand h1{font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:clamp(1.2rem,3vw,1.6rem);font-weight:800;line-height:1}.loading-screen__loader{flex-direction:column;align-items:center;width:100%;display:flex}.loading-screen__spinner{justify-content:center;align-items:center;gap:6px;height:30px;margin-bottom:12px;display:flex}.loading-screen__spinner span{background:var(--color-purple-light);border-radius:999px;width:5px;height:12px;animation:1s ease-in-out infinite loading-wave;display:block}.loading-screen__spinner span:first-child{animation-delay:-.3s}.loading-screen__spinner span:nth-child(2){animation-delay:-.2s}.loading-screen__spinner span:nth-child(3){animation-delay:-.1s}.loading-screen__spinner span:nth-child(4){animation-delay:0s}.loading-screen__message{color:var(--color-muted);letter-spacing:.04em;margin:0 0 12px;font-size:.72rem;font-weight:600}.loading-screen__progress{border:1px solid var(--color-border);background:var(--color-surface-hover);box-sizing:border-box;border-radius:999px;width:100%;height:5px;overflow:hidden}.loading-screen__progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--color-lilac), var(--color-periwinkle));height:100%;transition:width .5s ease-out}.loading-screen__percentage{color:var(--color-muted);letter-spacing:.08em;margin-top:7px;font-size:.58rem;font-weight:800}.loading-screen__fact{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:100%;box-shadow:var(--shadow-sm);margin-top:30px;padding:22px 26px}.loading-screen__fact-label{color:var(--color-purple-light);letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px;font-size:.58rem;font-weight:800;display:block}.loading-screen__fact-content{flex-direction:column;justify-content:center;align-items:center;min-height:64px;display:flex}.loading-screen__fact-content p{max-width:510px;color:var(--color-text);font-family:var(--font-display);letter-spacing:-.015em;margin:0;font-size:clamp(.9rem,2vw,1.08rem);font-weight:600;line-height:1.4}.loading-screen__fact-context{color:var(--color-muted);letter-spacing:.04em;margin-top:7px;font-size:.64rem;font-weight:700}.loading-screen__dots{justify-content:center;align-items:center;gap:6px;margin-top:14px;display:flex}.loading-screen__dots span{background:var(--color-border);border-radius:50%;width:4px;height:4px;transition:background .18s,transform .18s}.loading-screen__dots span.active{background:var(--color-purple-light);transform:scale(1.25)}.loading-screen__footer{color:var(--color-muted);opacity:.7;margin:17px 0 0;font-size:.6rem;line-height:1.4}@keyframes loading-wave{0%,to{opacity:.4;height:10px}50%{opacity:1;height:27px}}@keyframes loading-logo-float{0%,to{box-shadow:var(--shadow-sm);transform:translateY(0)}50%{box-shadow:var(--shadow-md);transform:translateY(-3px)}}@media (height<=700px){.loading-screen{padding:16px 20px}.loading-screen__brand{margin-bottom:20px}.loading-screen__logo{width:42px;height:42px;margin-bottom:8px;font-size:1.1rem}.loading-screen__brand h1{font-size:1.1rem}.loading-screen__fact{margin-top:22px;padding:18px 22px}.loading-screen__fact-content{min-height:54px}.loading-screen__footer{margin-top:12px}}@media (width<=600px){.loading-screen{padding:20px 16px}.loading-screen__brand{margin-bottom:26px}.loading-screen__logo{width:46px;height:46px;font-size:1.2rem}.loading-screen__fact{margin-top:26px;padding:20px 18px}.loading-screen__fact-content{min-height:72px}.loading-screen__fact-content p{font-size:.9rem}}.loading-game{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.loading-game__counter{border:1px solid var(--color-border);background:var(--color-surface);pointer-events:none;border-radius:999px;align-items:center;gap:9px;padding:8px 13px;display:flex;position:absolute;top:18px;right:20px}.loading-game__counter span{color:var(--color-muted);letter-spacing:.1em;font-size:.52rem;font-weight:800}.loading-game__counter strong{color:var(--color-purple-light);font-family:var(--font-display);font-size:.9rem}.loading-game__collectible{cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;place-items:center;padding:0;transition:filter .15s,scale .15s;display:grid;position:absolute}.loading-game__collectible img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block}.loading-game__collectible:hover{filter:brightness(1.12);scale:1.15}.loading-game__collectible:active{scale:.85}.loading-game__collectible:focus-visible{outline:2px solid var(--color-purple-light);outline-offset:4px;border-radius:8px}.loading-screen__activity-hint{color:var(--color-purple-light);letter-spacing:.02em;text-align:center;margin-top:12px;font-size:.58rem;font-weight:700}.loading-screen__slow-warning{color:var(--color-muted);text-align:center;margin:9px 0 0;font-size:.58rem;font-weight:600;line-height:1.5;animation:.35s ease-out both loading-warning-appear}@keyframes loading-warning-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.loading-game__counter{padding:6px 10px;top:10px;right:10px}.loading-game__counter span{font-size:.45rem}.loading-game__counter strong{font-size:.8rem}.loading-game__collectible:hover{scale:1}}.loading-game__playfield{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:radial-gradient(ellipse at 50% 100%, var(--color-surface-hover), transparent 75%), var(--color-surface);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;width:100%;height:160px;position:relative;overflow:hidden}.loading-game__playfield:active{cursor:grabbing}.loading-game__playfield:focus-visible{outline:2px solid var(--color-purple-light);outline-offset:3px}.loading-game__instructions{color:var(--color-muted);letter-spacing:.13em;opacity:.7;pointer-events:none;font-size:.48rem;font-weight:800;position:absolute;top:10px;left:50%;transform:translate(-50%)}.loading-game__note{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block;position:absolute;transform:translate(-50%,-50%)}.loading-game__basket{pointer-events:none;will-change:left;justify-content:center;align-items:center;width:94px;height:88px;display:flex;position:absolute;bottom:-7px;transform:translate(-50%)}.loading-game__basket img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.loading-game__slow-warning{color:var(--color-muted);text-align:center;margin:9px 0 0;font-size:.58rem;font-weight:600;line-height:1.5;animation:.35s ease-out both loading-warning-appear}@media (height<=700px){.loading-game{margin-top:14px}.loading-game__playfield{height:125px}.loading-game__basket{width:78px;height:74px}}@media (width<=600px){.loading-game{margin-top:18px}.loading-game__playfield{height:140px}.loading-game__basket{width:86px;height:80px}}.game-page{box-sizing:border-box;width:100%;min-width:0;height:100%;min-height:0;color:var(--color-text);background:var(--color-bg);padding:14px 32px;overflow:hidden}.game-page__container{flex-direction:column;width:min(100%,1180px);height:100%;min-height:0;margin:0 auto;display:flex}.game-content{flex-direction:column;flex:1;min-height:0;padding:13px 8px 0;display:flex}.game-content__heading{flex-shrink:0}.game-content__category{color:var(--color-lilac);letter-spacing:.18em;margin:0;font-size:10px;font-weight:700;line-height:1}.game-content h1{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.04em;margin:5px 0 0;font-size:clamp(25px,2.7vw,36px);font-weight:700;line-height:1}.game-board{flex:1;grid-template-columns:minmax(330px,.9fr) minmax(440px,1.1fr);column-gap:42px;min-height:0;margin-top:10px;display:grid}.game-question{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;display:flex}.game-question__art{aspect-ratio:1;width:min(245px,42vh);color:var(--color-muted);flex:0 auto;justify-content:center;align-items:center;margin:0 auto 10px;display:flex;overflow:hidden}.game-question__art span{color:var(--color-muted);font-family:var(--font-display);font-size:60px;font-weight:700;line-height:1}.game-question__art img{object-fit:contain;width:100%;height:100%;display:block}.game-question__art--revealed{border-color:var(--color-lilac)}.game-question .audio-player{flex:none;width:min(100%,420px);margin:0 auto}.game-song-reveal{text-align:center;flex:none;width:100%;margin:8px auto 0}.game-song-reveal__title{color:var(--color-text);font-family:var(--font-display);margin:0;font-size:19px;font-weight:700;line-height:1.1}.game-song-reveal__artist{color:var(--color-lilac);margin:3px 0 0;font-size:12px;font-weight:700}.game-song-reveal__album{color:var(--color-muted);margin:2px 0 0;font-size:10px}.game-song-reveal__year{color:var(--color-periwinkle);font-family:var(--font-display);margin:3px 0 0;font-size:12px;font-weight:700}.game-play-panel{flex-direction:column;justify-content:center;width:100%;min-width:0;min-height:0;display:flex}.game-play-panel .game-answers{width:100%;max-width:620px;margin:0}.game-play-panel .game-actions,.game-play-panel .game-feedback{width:100%;max-width:620px}.game-answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.game-answer{width:100%;min-width:0;min-height:56px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-family:var(--font-body);text-align:left;cursor:pointer;transition:transform var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);align-items:center;gap:12px;padding:0 14px;font-size:13px;font-weight:600;display:flex}.game-answer:not(:disabled):hover{background:var(--color-surface-hover);border-color:var(--color-lilac);transform:translateY(-1px)}.game-answer:active:not(:disabled){transform:translateY(0)}.game-answer:disabled{cursor:default}.game-answer__letter{width:28px;height:28px;color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-family:var(--font-display);flex:0 0 28px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.game-answer__text{min-width:0;color:inherit;text-overflow:ellipsis;white-space:nowrap;flex:1;line-height:1.3;overflow:hidden}.game-answer__icon{flex:none}.game-answer--selected{border-color:var(--color-lilac);background:#f2eaf3}.game-answer--correct{background:#eef5f0;border-color:#b9d0be}.game-answer--correct .game-answer__letter{color:var(--color-success-dark);background:#e2eee5;border-color:#c4d8c9}.game-answer--correct .game-answer__icon{color:var(--color-success-dark)}.game-answer--incorrect{background:#f7eeee;border-color:#dfc5c5}.game-answer--incorrect .game-answer__letter{color:var(--color-error-dark);background:#f1e2e2;border-color:#e0c7c7}.game-answer--incorrect .game-answer__icon{color:var(--color-error-dark)}.game-actions{align-items:center;gap:8px;margin-top:9px;display:flex}.game-advance,.game-reveal{border-radius:var(--radius-md);min-height:36px;font-family:var(--font-body);letter-spacing:.1em;cursor:pointer;transition:transform var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);padding:0 14px;font-size:9px;font-weight:700}.game-advance{color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--border-medium)}.game-advance:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-hover);border-color:var(--color-lilac);transform:translateY(-1px)}.game-advance:disabled{color:var(--color-subtle);background:var(--color-bg-secondary);border-color:var(--border-subtle);opacity:.55;cursor:default}.game-reveal{color:var(--color-error-dark);background:#f6edee;border:1px solid #e2c9cc}.game-reveal:hover{color:var(--color-text);border-color:var(--color-error);background:#f1e2e4;transform:translateY(-1px)}.game-feedback{background:var(--color-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);text-align:left;margin-top:9px;padding:10px 14px;animation:.18s ease-out scale-in}.game-feedback--correct{background:#eef5f0;border-color:#c4d8c9}.game-feedback--incorrect{background:#f7eeee;border-color:#e0c7c7}.game-feedback--timeout{background:#f5f1e7;border-color:#ded3b7}.game-feedback__label{letter-spacing:.16em;margin:0;font-size:8px;font-weight:700}.game-feedback--correct .game-feedback__label{color:var(--color-success-dark)}.game-feedback--incorrect .game-feedback__label{color:var(--color-error-dark)}.game-feedback--timeout .game-feedback__label{color:#75663c}.game-feedback__answer{color:var(--color-text);font-family:var(--font-display);margin-top:3px;font-size:15px;font-weight:700}.game-feedback__points{color:var(--color-muted);letter-spacing:.1em;margin-top:4px;font-size:8px;font-weight:700}.game-feedback__points span{color:var(--color-lilac);margin-left:5px}.game-status{width:100%;min-height:24px;color:var(--color-muted);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 2px;display:flex}.game-streak,.game-listening-time{color:var(--color-muted);letter-spacing:.12em;align-items:center;gap:7px;font-size:8px;font-weight:700;display:flex}.game-streak strong,.game-listening-time strong{color:var(--color-text);font-family:var(--font-display);font-size:13px}.game-next-area{flex-shrink:0;justify-content:center;align-items:center;gap:12px;min-height:42px;display:flex}.game-next-status{color:var(--color-muted);letter-spacing:.15em;font-size:8px;font-weight:700;animation:1.5s ease-in-out infinite game-pulse}.game-next{min-height:38px;color:var(--color-text);background:var(--color-lilac);border:1px solid var(--color-lilac);border-radius:var(--radius-md);font-family:var(--font-body);letter-spacing:.08em;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);padding:0 19px;font-size:9px;font-weight:700}.game-next:hover:not(:disabled){background:var(--color-periwinkle);border-color:var(--color-periwinkle);transform:translateY(-1px)}.game-next:disabled{opacity:.55;cursor:default}.game-content--loading{justify-content:center;align-items:flex-start}.game-content--loading h1{margin-top:8px}@keyframes game-pulse{0%,to{opacity:.45}50%{opacity:1}}@media (height<=760px) and (width>=901px){.game-page{padding-top:9px;padding-bottom:9px}.game-content{padding-top:9px}.game-content h1{font-size:27px}.game-board{column-gap:30px;margin-top:7px}.game-question__art{flex-basis:190px;width:190px;height:190px}.game-question .audio-player{transform-origin:50%;transform:scale(.9)}.game-song-reveal{margin-top:3px}.game-song-reveal__title{font-size:17px}.game-song-reveal__artist{font-size:11px}.game-song-reveal__album,.game-song-reveal__year{font-size:9px}.game-answer{min-height:48px}.game-actions{margin-top:5px}.game-feedback{margin-top:5px;padding:8px 11px}.game-next-area{min-height:36px}.game-next{min-height:34px}}@media (width<=900px){.game-page{height:auto;min-height:100%;padding:26px 24px 50px;overflow:visible}.game-page__container{height:auto}.game-content{padding-top:30px}.game-board{flex-direction:column;flex:none;margin-top:24px;display:flex}.game-question{width:100%}.game-question__art{width:230px}.game-play-panel{width:100%;margin-top:24px}.game-play-panel .game-answers{max-width:none}.game-actions{justify-content:center}.game-play-panel .game-actions,.game-play-panel .game-feedback{max-width:none}.game-status{margin-top:16px}.game-next-area{margin-top:10px}}@media (width<=600px){.game-page{padding:20px 16px 40px}.game-content{padding-top:25px}.game-content h1{font-size:26px}.game-board{margin-top:22px}.game-question__art{width:205px}.game-question .audio-player{width:100%;transform:none}.game-play-panel{margin-top:22px}.game-answers{grid-template-columns:1fr}.game-actions{flex-direction:column;width:100%}.game-actions button{width:100%}.game-next-area{flex-direction:column;width:100%}.game-next{width:100%}.game-status{margin-top:14px}}.artist-game{min-height:calc(100dvh - var(--navbar-height));height:calc(100dvh - var(--navbar-height));color:var(--color-text);background:var(--color-bg);padding:14px 32px;overflow:hidden}.artist-game__container{flex-direction:column;width:min(100%,1180px);height:100%;margin:0 auto;display:flex}.artist-game__loading,.artist-game__error{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.artist-game__loading h1,.artist-game__error h1{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.5rem);line-height:.95}.artist-game__loading p,.artist-game__error p{color:var(--color-text-muted);margin:10px 0 0}.artist-game__header{flex-shrink:0;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:14px;display:flex}.artist-game__eyebrow{color:var(--color-purple-light);letter-spacing:.15em;text-transform:uppercase;margin:0 0 5px;font-size:.65rem;font-weight:800}.artist-game__title{letter-spacing:-.045em;margin:0;font-size:clamp(1.8rem,4vw,2.8rem);line-height:.95}.artist-game__round{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.artist-game__round span{color:var(--color-text-muted);letter-spacing:.14em;text-transform:uppercase;font-size:.58rem;font-weight:800}.artist-game__round strong{font-size:1.45rem;line-height:1}.artist-game__round small{color:var(--color-text-muted);font-size:.7rem}.artist-game__board{flex:1;grid-template-columns:minmax(330px,.9fr) minmax(440px,1.1fr);align-items:center;gap:42px;min-height:0;display:grid}.artist-game__question{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex}.artist-game__prompt{color:var(--color-cyan);letter-spacing:.15em;text-transform:uppercase;margin:0 0 7px;font-size:.62rem;font-weight:800}.artist-game__question h2{color:var(--color-text-secondary);margin:0 0 14px;font-size:.9rem;font-weight:500}.artist-game__artwork-placeholder{aspect-ratio:1;border:1px solid var(--border-medium);border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 35%, #805ad524, transparent 65%), var(--color-surface);width:min(245px,42vh);color:var(--color-text-muted);box-shadow:var(--shadow-sm);place-items:center;margin-bottom:14px;display:grid}.artist-game__artwork-placeholder span{opacity:.35;font-size:clamp(3rem,8vw,5rem);font-weight:800;line-height:1}.artist-game__artwork{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--border-medium);background:var(--color-surface);width:min(245px,42vh);box-shadow:var(--shadow-sm);margin-bottom:14px;display:block}.artist-game__audio{border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--color-surface);width:min(100%,520px);padding:12px 14px}.artist-game__audio-top{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.artist-game__audio-top span{color:var(--color-text-muted);letter-spacing:.13em;text-transform:uppercase;font-size:.58rem;font-weight:800}.artist-game__timer{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:800}.artist-game__timer--urgent{color:var(--color-cyan)}.artist-game__player{align-items:center;gap:12px;min-height:48px;display:flex}.artist-game__play{background:var(--color-lilac);width:42px;height:42px;color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-sm);border:0;border-radius:50%;flex-shrink:0;place-items:center;transition:transform .16s,background .16s,box-shadow .16s;display:grid}.artist-game__play:hover:not(:disabled){background:var(--color-periwinkle);transform:scale(1.05)}.artist-game__play:active:not(:disabled){transform:scale(.96)}.artist-game__play:disabled{opacity:.6;cursor:default}.artist-game__play svg{color:var(--color-text);stroke:currentColor}.artist-game__wave{flex:1;align-items:center;gap:3px;height:42px;display:flex}.artist-game__wave-bar{background:var(--border-medium);border-radius:999px;flex:1;max-width:7px;height:28px;min-height:5px;transition:background .18s,height .18s}.artist-game__wave-bar--playing{background:var(--color-purple-light);animation:.7s ease-in-out infinite alternate artist-wave}.artist-game__wave-bar:nth-child(2n){animation-delay:.1s}.artist-game__wave-bar:nth-child(3n){animation-delay:.22s}@keyframes artist-wave{0%{transform:scaleY(.55)}to{transform:scaleY(1.2)}}.artist-game__progress{background:var(--border-medium);border-radius:999px;height:3px;margin-top:6px;overflow:hidden}.artist-game__progress-fill{border-radius:inherit;background:var(--gradient-primary);height:100%;transition:width .1s linear}.artist-game__hint{color:var(--color-text-muted);margin:7px 0 0;font-size:.62rem}.artist-game__play-panel{flex-direction:column;justify-content:center;min-width:0;display:flex}.artist-game__answers{width:100%}.artist-game__answers-header{color:var(--color-text-muted);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.62rem;font-weight:800;display:flex}.artist-game__artist-form{width:100%}.artist-game__search-wrap{border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--color-surface);align-items:center;width:100%;min-height:58px;transition:border-color .16s,box-shadow .16s;display:flex;position:relative}.artist-game__search-wrap:focus-within{border-color:var(--color-purple-light);box-shadow:0 0 0 3px #805ad51f}.artist-game__search-icon{color:var(--color-text-muted);flex-shrink:0;margin-left:16px}.artist-game__artist-input{width:100%;min-width:0;height:56px;color:var(--color-text);font:inherit;background:0 0;border:0;outline:0;padding:0 14px;font-size:.9rem;font-weight:600}.artist-game__artist-input::placeholder{color:var(--color-text-muted);opacity:.75}.artist-game__artist-input:disabled{cursor:not-allowed;opacity:.6}.artist-game__search-loading{color:var(--color-purple-light);flex-shrink:0;margin-right:16px;animation:.85s linear infinite artist-search-spin}@keyframes artist-search-spin{to{transform:rotate(360deg)}}.artist-game__suggestions{z-index:5;border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--color-surface);width:100%;box-shadow:var(--shadow-sm);flex-direction:column;margin-top:7px;padding:5px;animation:.13s ease-out artist-suggestions-in;display:flex;position:relative}@keyframes artist-suggestions-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.artist-game__suggestion{width:100%;min-height:54px;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;padding:7px 9px;transition:background .14s;display:flex}.artist-game__suggestion:hover,.artist-game__suggestion--active{background:#805ad51f}.artist-game__suggestion-image{object-fit:cover;background:var(--color-bg);border-radius:7px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.artist-game__suggestion-image--empty{color:var(--color-text-muted);font-size:1.1rem}.artist-game__suggestion-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.8rem;font-weight:700;overflow:hidden}.artist-game__suggestion>svg{color:var(--color-text-muted);flex-shrink:0}.artist-game__suggestions-empty{color:var(--color-text-muted);margin:0;padding:13px 10px;font-size:.72rem;line-height:1.5}.artist-game__submit{border:1px solid var(--color-lilac);border-radius:var(--radius-md);background:var(--color-lilac);width:100%;min-height:48px;color:var(--color-text);font:inherit;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:9px;margin-top:12px;padding:0 16px;font-size:.68rem;font-weight:800;transition:transform .14s,background .14s,opacity .14s;display:flex}.artist-game__submit:hover:not(:disabled){background:var(--color-periwinkle);transform:translateY(-1px)}.artist-game__submit:active:not(:disabled){transform:translateY(0)}.artist-game__submit:disabled{cursor:not-allowed;opacity:.45}.artist-game__submit svg{stroke:currentColor}.artist-game__input-hint{color:var(--color-text-muted);margin:11px 0 0;font-size:.67rem;line-height:1.6}.artist-game__reveal{width:100%}.artist-game__result{border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--color-surface);margin-bottom:9px;padding:10px 13px}.artist-game__result span{letter-spacing:.13em;text-transform:uppercase;margin-bottom:3px;font-size:.58rem;font-weight:800;display:block}.artist-game__result strong{font-size:.82rem;display:block}.artist-game__result small{color:var(--color-text-muted);margin-top:6px;font-size:.68rem;display:block}.artist-game__result--correct{background:#64dcaa12, var(--color-surface);border-color:#64dcaa66}.artist-game__result--correct span{color:#52c98c}.artist-game__result--incorrect{background:#ff788c0f, var(--color-surface);border-color:#ff788c59}.artist-game__result--incorrect span{color:#e9677d}.artist-game__song-card{border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--color-surface);align-items:center;gap:14px;padding:12px;display:flex}.artist-game__song-card .artist-game__artwork{border-radius:8px;flex-shrink:0;width:100px;height:100px;margin:0}.artist-game__song-info{min-width:0}.artist-game__song-label{color:var(--color-text-muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px;font-size:.62rem;font-weight:800}.artist-game__song-info h3{letter-spacing:-.035em;text-overflow:ellipsis;margin:0;font-size:clamp(1.25rem,3vw,2rem);line-height:1;overflow:hidden}.artist-game__artist{color:var(--color-purple-light);margin:6px 0 0;font-size:.82rem;font-weight:700}.artist-game__album{color:var(--color-text-muted);margin:3px 0 0;font-size:.7rem}.artist-game__next{border:1px solid var(--color-lilac);border-radius:var(--radius-md);background:var(--color-lilac);width:100%;min-height:42px;color:var(--color-text);font:inherit;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:8px;margin-top:9px;font-size:.68rem;font-weight:800;transition:transform .14s,background .14s,border-color .14s;display:flex}.artist-game__next:hover:not(:disabled){background:var(--color-periwinkle);border-color:var(--color-periwinkle);transform:translateY(-1px)}.artist-game__next:active:not(:disabled){transform:translateY(0)}.artist-game__next:disabled{cursor:not-allowed;opacity:.55}.artist-results{min-height:calc(100dvh - var(--navbar-height));color:var(--color-text);background:var(--color-bg);padding:30px 32px 42px;position:relative;overflow-y:auto}.artist-results__container{z-index:2;width:min(100%,1180px);margin:0 auto;position:relative}.artist-results__confetti{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.artist-results__confetti-piece{background:var(--color-purple-light);opacity:0;border-radius:2px;width:6px;height:12px;animation-name:artist-confetti;animation-timing-function:cubic-bezier(.2,.8,.3,1);animation-fill-mode:forwards;position:absolute;top:-20px}.artist-results__confetti-piece:nth-child(3n){background:var(--color-cyan)}.artist-results__confetti-piece:nth-child(4n){background:var(--color-purple-light)}.artist-results__confetti-piece:nth-child(5n){background:var(--color-text)}@keyframes artist-confetti{0%{opacity:0;top:-20px}10%{opacity:1}to{opacity:0;top:105%}}.artist-results__header{text-align:center;margin-bottom:24px}.artist-results__trophy{border:1px solid var(--border-medium);width:46px;height:46px;color:var(--color-cyan);background:var(--color-surface);box-shadow:var(--glow-purple);border-radius:50%;place-items:center;margin:0 auto 12px;display:grid}.artist-results__eyebrow{color:var(--color-purple-light);letter-spacing:.15em;text-transform:uppercase;margin:0 0 6px;font-size:.62rem;font-weight:800}.artist-results__header h1{color:var(--color-text);letter-spacing:-.05em;margin:0;font-size:clamp(2rem,5vw,3.5rem);line-height:.95}.artist-results__header p:last-child{max-width:500px;color:var(--color-text-muted);margin:8px auto 0;font-size:.82rem}.artist-results__hero{border:1px solid var(--border-medium);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:1.1fr 1.9fr;margin-bottom:14px;display:grid;overflow:hidden}.artist-results__hero-main{border-right:1px solid var(--border-medium);flex-direction:column;justify-content:center;padding:24px;display:flex}.artist-results__hero-main span,.artist-results__hero-stats span,.artist-results__speed-stat span{color:var(--color-text-muted);letter-spacing:.13em;text-transform:uppercase;margin-bottom:5px;font-size:.58rem;font-weight:800;display:block}.artist-results__hero-main strong{color:var(--color-text);letter-spacing:-.06em;font-size:clamp(3rem,7vw,5rem);line-height:.85;display:block}.artist-results__hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;display:grid}.artist-results__hero-stats>div{min-width:0;padding:18px}.artist-results__hero-stats>div+div{border-left:1px solid var(--border-medium)}.artist-results__hero-stats strong{color:var(--color-text);letter-spacing:-.05em;font-size:clamp(1.7rem,4vw,2.7rem);line-height:1;display:block}.artist-results__hero-stats strong small{color:var(--color-text-muted);font-size:.5em;font-weight:500}.artist-results__section-heading{margin-bottom:9px}.artist-results__section-heading p{color:var(--color-cyan);letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px;font-size:.58rem;font-weight:800}.artist-results__section-heading h2{color:var(--color-text);letter-spacing:-.025em;margin:0;font-size:1.15rem}.artist-results__speed{margin-top:22px}.artist-results__speed-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.artist-results__speed-stat{border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--color-surface);padding:15px}.artist-results__speed-stat strong{color:var(--color-text);letter-spacing:-.04em;font-size:clamp(1.5rem,4vw,2.2rem);line-height:1;display:block}.artist-results__speed-stat small{color:var(--color-purple-light);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:.7rem;font-weight:700;display:block;overflow:hidden}.artist-results__speed-stat--fastest{background:linear-gradient(135deg, #00dcff0d, #805ad50f), var(--color-surface)}.artist-results__breakdown{margin-top:22px}.artist-results__list{flex-direction:column;gap:6px;display:flex}.artist-results__item{border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:30px 46px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;padding:7px 10px;transition:transform .14s,border-color .14s;display:grid}.artist-results__item:hover{transform:translate(2px)}.artist-results__item--correct{border-color:#64dcaa40}.artist-results__item--missed{opacity:.82}.artist-results__number{color:var(--color-text-muted);letter-spacing:.08em;font-size:.6rem;font-weight:800}.artist-results__artwork-wrapper{width:46px;height:46px}.artist-results__artwork{object-fit:cover;border-radius:7px;width:100%;height:100%;display:block}.artist-results__artwork--empty{border:1px solid var(--border-medium);color:var(--color-text-muted);place-items:center;font-size:1rem;font-weight:700;display:grid}.artist-results__song-info{flex-direction:column;gap:2px;min-width:0;display:flex}.artist-results__song-info strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.artist-results__song-info span{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}.artist-results__result-meta{align-items:center;gap:5px;display:flex}.artist-results__item--correct .artist-results__result-meta{color:#52c98c}.artist-results__item--missed .artist-results__result-meta{color:#e9677d}.artist-results__time{font-variant-numeric:tabular-nums;font-size:.68rem;font-weight:800}.artist-results__missed-label{letter-spacing:.08em;font-size:.55rem;font-weight:800}.artist-results__actions{grid-template-columns:1.5fr 1fr;gap:9px;margin-top:18px;display:grid}.artist-results__play-again,.artist-results__back{border-radius:var(--radius-md);min-height:42px;font:inherit;letter-spacing:.11em;text-transform:uppercase;cursor:pointer;justify-content:center;align-items:center;gap:8px;font-size:.64rem;font-weight:800;transition:transform .14s,box-shadow .14s;display:flex}.artist-results__play-again{background:var(--gradient-primary);color:#fff;box-shadow:var(--glow-purple);border:0}.artist-results__back{border:1px solid var(--border-medium);background:var(--color-surface);color:var(--color-text)}.artist-results__play-again:hover,.artist-results__back:hover{transform:translateY(-1px)}.artist-results__play-again:active,.artist-results__back:active{transform:translateY(0)}@media (width<=900px){.artist-game{height:auto;min-height:calc(100dvh - var(--navbar-height));padding:20px 24px 32px;overflow:auto}.artist-game__container{height:auto;min-height:calc(100dvh - var(--navbar-height) - 52px)}.artist-game__board{grid-template-columns:1fr;align-items:start;gap:22px}.artist-game__question{justify-content:flex-start}.artist-game__play-panel{width:min(100%,680px);margin:0 auto}.artist-game__artwork-placeholder,.artist-game__artwork{width:min(220px,48vw)}}@media (width<=650px){.artist-game{padding:16px 16px 28px}.artist-game__header{align-items:flex-start;margin-bottom:18px}.artist-game__title{font-size:1.9rem}.artist-game__round strong{font-size:1.25rem}.artist-game__board{gap:18px}.artist-game__artwork-placeholder,.artist-game__artwork{border-radius:var(--radius-md);width:min(190px,55vw)}.artist-game__audio{width:100%;padding:10px 11px}.artist-game__search-wrap{min-height:54px}.artist-game__artist-input{height:52px;font-size:.84rem}.artist-game__song-card{align-items:flex-start}.artist-game__song-card .artist-game__artwork{width:82px;height:82px}.artist-results{min-height:calc(100dvh - var(--navbar-height));padding:22px 16px 32px}.artist-results__header{margin-bottom:20px}.artist-results__header h1{font-size:2.25rem}.artist-results__hero{grid-template-columns:1fr}.artist-results__hero-main{border-right:0;border-bottom:1px solid var(--border-medium);padding:18px}.artist-results__hero-main strong{font-size:3.5rem}.artist-results__hero-stats>div{padding:13px 10px}.artist-results__hero-stats strong{font-size:1.8rem}.artist-results__hero-stats span{font-size:.52rem}.artist-results__speed-grid{grid-template-columns:1fr 1fr}.artist-results__speed-stat{padding:12px}.artist-results__item{grid-template-columns:24px 42px minmax(0,1fr) auto;gap:8px;padding:7px 8px}.artist-results__artwork-wrapper{width:42px;height:42px}.artist-results__result-meta{gap:3px}.artist-results__missed-label{display:none}.artist-results__actions{grid-template-columns:1fr}}@media (width<=420px){.artist-game__header{gap:12px}.artist-game__title{font-size:1.7rem}.artist-game__round strong{font-size:1.1rem}.artist-game__artwork-placeholder,.artist-game__artwork{width:165px}.artist-game__song-card{flex-direction:column}.artist-game__song-card .artist-game__artwork{aspect-ratio:1;width:100%;height:auto}.artist-game__song-info h3{font-size:1.35rem}.artist-results__speed-grid{grid-template-columns:1fr}.artist-results__item{grid-template-columns:22px 40px minmax(0,1fr) auto}.artist-results__artwork-wrapper{width:40px;height:40px}.artist-results__song-info strong{font-size:.74rem}.artist-results__song-info span,.artist-results__time{font-size:.62rem}}@media (prefers-reduced-motion:reduce){.artist-game *,.artist-results *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.album-game{min-height:calc(100dvh - var(--navbar-height));color:var(--color-text);background:var(--color-bg);padding:14px 32px 28px;overflow:hidden auto}.album-game__container{flex-direction:column;width:min(100%,1180px);min-height:100%;margin:0 auto;display:flex}.album-game__header{flex-shrink:0;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:10px;padding:13px 8px 0;display:flex}.album-game__eyebrow{color:var(--color-lilac);letter-spacing:.18em;margin:0;font-size:10px;font-weight:700;line-height:1}.album-game__title{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.04em;margin:5px 0 0;font-size:clamp(25px,2.7vw,36px);font-weight:700;line-height:1}.album-game__progress{flex-shrink:0;align-items:baseline;gap:5px;font-weight:800;display:flex}.album-game__progress span:first-child{color:var(--color-lilac);font-family:var(--font-display);font-size:28px;line-height:1}.album-game__progress span:last-child{color:var(--color-muted);font-size:9px;font-weight:700}.album-game__player-card{border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--color-surface);width:min(100%,520px);box-shadow:var(--shadow-sm);margin:18px auto 0;padding:18px 22px}.album-game__timer{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.album-game__timer span{color:var(--color-muted);letter-spacing:.14em;font-size:8px;font-weight:700}.album-game__timer strong{color:var(--color-text);font-family:var(--font-display);font-size:17px;font-weight:700;line-height:1}.album-game__timer--urgent{animation:.8s ease-in-out infinite album-timer-pulse;color:var(--color-lilac)!important}@keyframes album-timer-pulse{0%,to{opacity:.65}50%{opacity:1}}.album-game__wave{justify-content:center;align-items:center;gap:4px;height:62px;margin-bottom:14px;padding:0 8px;display:flex;overflow:hidden}.album-game__wave-bar{background:var(--color-lilac);opacity:.25;border-radius:999px;flex:0 0 4px;width:4px;height:20%;transition:height .18s,opacity .18s}.album-game__wave-bar:nth-child(2n){height:42%}.album-game__wave-bar:nth-child(3n){height:65%}.album-game__wave-bar:nth-child(5n){height:34%}.album-game__wave-bar--active{opacity:.9;animation:.8s ease-in-out infinite alternate album-wave}.album-game__wave-bar--active:nth-child(2n){animation-delay:-.2s}.album-game__wave-bar--active:nth-child(3n){animation-delay:-.4s}.album-game__wave-bar--active:nth-child(4n){animation-delay:-.1s}@keyframes album-wave{0%{transform:scaleY(.65)}to{transform:scaleY(1.25)}}.album-game__play{width:54px;height:54px;color:var(--color-text);background:var(--color-lilac);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), background var(--transition-fast);border:0;border-radius:50%;place-items:center;margin:0 auto 15px;display:grid}.album-game__play:hover:not(:disabled){background:var(--color-periwinkle);transform:translateY(-1px)}.album-game__play:active:not(:disabled){transform:translateY(0)}.album-game__play:disabled{cursor:default;opacity:.55}.album-game__player-bottom{color:var(--color-muted);align-items:center;gap:8px;font-size:8px;font-weight:700;display:flex}.album-game__progress-track{background:var(--color-bg-secondary);border-radius:999px;flex:1;height:4px;overflow:hidden}.album-game__progress-fill{border-radius:inherit;background:var(--color-lilac);height:100%;transition:width .1s linear}.album-game__answers{width:min(100%,620px);margin:18px auto 0}.album-game__answers-header{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.album-game__answers-header p,.album-game__answers-header span{letter-spacing:.14em;margin:0;font-size:8px;font-weight:700}.album-game__answers-header p{color:var(--color-text)}.album-game__answers-header span{color:var(--color-muted)}.album-game__answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.album-game__answer{width:100%;min-width:0;min-height:56px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-family:var(--font-body);text-align:left;cursor:pointer;transition:transform var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);align-items:center;gap:12px;padding:0 14px;font-size:13px;font-weight:600;display:flex}.album-game__answer:hover{background:var(--color-surface-hover);border-color:var(--color-lilac);transform:translateY(-1px)}.album-game__answer:active{transform:translateY(0)}.album-game__answer-number{width:28px;height:28px;color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-family:var(--font-display);flex:0 0 28px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.album-game__answer-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;line-height:1.3;overflow:hidden}.album-game__answer-arrow{color:var(--color-muted);transition:transform var(--transition-fast), color var(--transition-fast);flex:none}.album-game__answer:hover .album-game__answer-arrow{color:var(--color-lilac);transform:translate(3px)}.album-game__reveal{background:var(--color-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);align-items:center;gap:14px;width:min(100%,620px);margin:18px auto 0;padding:10px 12px;animation:.18s ease-out album-reveal-in;display:flex}@keyframes album-reveal-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.album-game__reveal-art{border-radius:var(--radius-sm);background:var(--color-bg-secondary);flex:0 0 58px;width:58px;height:58px;overflow:hidden}.album-game__reveal-art img{object-fit:cover;width:100%;height:100%;display:block}.album-game__reveal-art-placeholder{width:100%;height:100%;color:var(--color-muted);font-family:var(--font-display);place-items:center;font-size:24px;font-weight:700;display:grid}.album-game__reveal-content{flex:1;min-width:0}.album-game__reveal-label{color:var(--color-lilac);letter-spacing:.14em;margin:0 0 3px;font-size:8px;font-weight:800}.album-game__reveal-content h2{color:var(--color-text);font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:700;line-height:1.15;overflow:hidden}.album-game__reveal-content p:last-child{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:9px;font-weight:600;overflow:hidden}.album-game__result{border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:14px;font-weight:900;display:grid}.album-game__result--correct{color:var(--color-success-dark);background:#e2eee5}.album-game__result--wrong{color:var(--color-error-dark);background:#f1e2e2}.album-game__next{width:min(100%,620px);min-height:38px;color:var(--color-text);background:var(--color-lilac);border:1px solid var(--color-lilac);border-radius:var(--radius-md);font-family:var(--font-body);letter-spacing:.1em;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), background var(--transition-fast);justify-content:space-between;align-items:center;gap:12px;margin:9px auto 0;padding:0 15px;font-size:9px;font-weight:700;display:flex}.album-game__next:hover{background:var(--color-periwinkle);transform:translateY(-1px)}.album-game__loading,.album-game__error-state{background:var(--color-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);text-align:center;place-items:center;width:min(100%,620px);min-height:300px;margin:auto;padding:40px;display:grid}.album-game__loading p{color:var(--color-muted);margin:14px 0 0;font-size:11px}.album-game__loading-spinner{border:3px solid var(--color-bg-secondary);border-top-color:var(--color-lilac);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite album-spin}@keyframes album-spin{to{transform:rotate(360deg)}}.album-game__error-state p{max-width:420px;color:var(--color-muted);margin:0 0 16px;font-size:11px}.album-game__retry{min-height:36px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);letter-spacing:.1em;cursor:pointer;align-items:center;gap:8px;padding:0 15px;font-size:9px;font-weight:700;display:inline-flex}.album-game__retry:hover{border-color:var(--color-lilac);background:var(--color-surface-hover)}.album-results{height:calc(100dvh - var(--navbar-height));min-height:0;color:var(--color-text);background:var(--color-bg);padding:18px 28px 16px;overflow-y:auto}.album-results__container{flex-direction:column;gap:10px;width:min(100%,920px);margin:0 auto;display:flex}.album-results__header{align-items:center;gap:11px;margin:0;padding:0 3px 3px;display:flex}.album-results__trophy{width:38px;height:38px;color:var(--color-lilac);background:var(--color-surface);border:1px solid var(--border-medium);border-radius:var(--radius-sm);flex:0 0 38px;place-items:center;display:grid}.album-results__header>div{place-items:center;display:grid}.album-results__eyebrow{color:var(--color-lilac);letter-spacing:.17em;margin:0 0 3px;font-size:8px;font-weight:800}.album-results__header h1{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(21px,2.5vw,28px);font-weight:700;line-height:1}.album-results__header p:last-child{color:var(--color-muted);margin:4px 0 0;font-size:9px}.album-results__header strong{color:var(--color-text)}.album-results__score{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;display:grid}.album-results__score>div{background:var(--color-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);flex-direction:column;justify-content:center;min-width:0;min-height:76px;padding:12px 15px;display:flex}.album-results__score span{color:var(--color-muted);letter-spacing:.12em;margin-bottom:5px;font-size:7px;font-weight:800;display:block}.album-results__score strong{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.04em;font-size:23px;font-weight:700;line-height:1}.album-results__score small{color:var(--color-muted);font-family:var(--font-body);font-size:10px;font-weight:600}.album-results__speed{background:var(--color-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);margin:0;padding:12px 15px}.album-results__section-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:9px;display:flex}.album-results__section-heading p{color:var(--color-text);letter-spacing:.13em;margin:0;font-size:8px;font-weight:800}.album-results__section-heading span{color:var(--color-muted);letter-spacing:.08em;font-size:7px;font-weight:700}.album-results__speed-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.album-results__speed-grid>div{background:var(--color-bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);min-width:0;padding:9px 11px}.album-results__speed-grid span{color:var(--color-muted);letter-spacing:.1em;margin-bottom:4px;font-size:7px;font-weight:800;display:block}.album-results__speed-grid strong{color:var(--color-text);font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;line-height:1.15;display:block;overflow:hidden}.album-results__speed-grid>div:last-child strong{color:var(--color-lilac);font-size:12px}.album-results__breakdown{background:var(--color-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);margin:0;padding:12px 15px}.album-results__breakdown .album-results__section-heading{margin-bottom:8px}.album-results__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 8px;display:grid}.album-results__item{background:var(--color-bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);min-width:0;min-height:46px;transition:background var(--transition-fast), border-color var(--transition-fast);align-items:center;gap:8px;padding:4px 7px;display:flex}.album-results__item:hover{background:var(--color-surface-hover);border-color:var(--border-medium)}.album-results__number{width:18px;color:var(--color-muted);font-family:var(--font-display);text-align:center;flex:0 0 18px;font-size:8px;font-weight:700}.album-results__art{background:var(--color-bg);border-radius:5px;flex:0 0 36px;width:36px;height:36px;overflow:hidden}.album-results__art img{object-fit:cover;width:100%;height:100%;display:block}.album-results__art span{width:100%;height:100%;color:var(--color-muted);font-family:var(--font-display);place-items:center;font-size:13px;display:grid}.album-results__info{flex:1;min-width:0}.album-results__info strong,.album-results__info span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.album-results__info strong{color:var(--color-text);font-size:10px;font-weight:700}.album-results__info span{color:var(--color-muted);margin-top:2px;font-size:7px;font-weight:600}.album-results__time,.album-results__missed{letter-spacing:.01em;flex:none;font-size:7px;font-weight:800}.album-results__time{color:var(--color-success-dark)}.album-results__missed{color:var(--color-error-dark)}.album-results__actions{gap:8px;margin:0;display:flex}.album-results__primary,.album-results__secondary{border-radius:var(--radius-md);min-height:38px;font-family:var(--font-body);letter-spacing:.1em;cursor:pointer;transition:transform var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);font-size:8px;font-weight:700}.album-results__primary{color:var(--color-text);background:var(--color-lilac);border:1px solid var(--color-lilac);flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.album-results__primary:hover{background:var(--color-periwinkle);border-color:var(--color-periwinkle);transform:translateY(-1px)}.album-results__secondary{color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--border-medium);flex:1}.album-results__secondary:hover{color:var(--color-text);background:var(--color-surface-hover);border-color:var(--color-lilac);transform:translateY(-1px)}.album-results__fastest,.album-results__confetti,.album-results__confetti-piece{display:none}@media (height<=760px) and (width>=901px){.album-results{padding-top:10px;padding-bottom:10px}.album-results__container{gap:7px}.album-results__score>div{min-height:65px}.album-results__breakdown{padding-top:9px;padding-bottom:9px}.album-results__item{min-height:40px}.album-results__art{flex-basis:30px;width:30px;height:30px}}@media (width<=900px){.album-results{height:auto;min-height:calc(100vh - var(--navbar-height));padding:24px 20px 32px;overflow-y:auto}.album-results__container{gap:10px}.album-results__score>div{min-height:70px}}@media (width<=600px){.album-results{padding:18px 13px 28px}.album-results__container,.album-results__header{gap:9px}.album-results__trophy{flex-basis:34px;width:34px;height:34px}.album-results__trophy svg{width:22px;height:22px}.album-results__header h1{font-size:22px}.album-results__score{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.album-results__score>div{min-height:64px;padding:10px 12px}.album-results__score strong{font-size:21px}.album-results__speed,.album-results__breakdown{padding:11px}.album-results__speed-grid{gap:5px}.album-results__speed-grid>div{padding:8px}.album-results__speed-grid strong{font-size:13px}.album-results__speed-grid>div:last-child strong{font-size:10px}.album-results__list{grid-template-columns:1fr;gap:5px}.album-results__item{gap:7px;min-height:43px;padding:4px 6px}.album-results__number{display:none}.album-results__art{flex-basis:34px;width:34px;height:34px}.album-results__info strong{font-size:10px}.album-results__info span,.album-results__time,.album-results__missed{font-size:7px}.album-results__actions{gap:7px}.album-results__primary,.album-results__secondary{min-height:40px;font-size:8px}}@media (width<=380px){.album-results__speed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.album-results__speed-grid>div:last-child{grid-column:1/-1}.album-results__section-heading span{font-size:6px}}@media (width<=900px){.album-game{min-height:calc(100dvh - var(--navbar-height));padding:18px 20px 28px}.album-game__container{min-height:auto}}@media (width<=600px){.album-game{padding:14px 13px 24px}.album-game__player-card{margin-top:14px;padding:16px}.album-game__answers{margin-top:14px}.album-game__answer-grid{grid-template-columns:1fr}}.pixel-cover-page{color:#302b39;background:#f8f6fb;min-height:100vh;padding:28px 24px 56px}.pixel-cover-container{width:100%;max-width:1080px;margin:0 auto}.pixel-cover-header{border-bottom:1px solid #e8e2ee;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding-bottom:28px;display:grid}.pixel-cover-back{color:#6c6278;font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:8px;padding:8px 0;font-size:.875rem;font-weight:600;transition:color .16s;display:inline-flex}.pixel-cover-back:hover{color:#8769aa}.pixel-cover-brand{color:#655276;letter-spacing:.15em;align-items:center;gap:10px;font-size:.78rem;font-weight:800;display:flex}.pixel-cover-brand__icon{color:#80639c;background:#eee6f6;border:1px solid #e1d4ee;border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.pixel-cover-score{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.pixel-cover-score span{color:#8c8297;letter-spacing:.12em;font-size:.65rem;font-weight:700}.pixel-cover-score strong{color:#6e5688;font-variant-numeric:tabular-nums;font-size:1.25rem}.pixel-cover-intro{text-align:center;max-width:650px;margin:48px auto 32px}.pixel-cover-eyebrow{color:#9578b0;letter-spacing:.16em;margin:0 0 12px;font-size:.7rem;font-weight:800}.pixel-cover-intro h1,.pixel-cover-results h1{color:#332b3e;letter-spacing:-.055em;margin:0;font-size:clamp(2rem,4vw,3.2rem);font-weight:750;line-height:1.12}.pixel-cover-intro>p:last-child{color:#81778b;max-width:470px;margin:16px auto 0;font-size:.98rem;line-height:1.7}.pixel-cover-progress{max-width:800px;margin:0 auto 28px}.pixel-cover-progress__labels{color:#7e738a;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:.77rem;font-weight:650;display:flex}.pixel-cover-progress__track{background:#e9e2f0;border-radius:99px;height:6px;overflow:hidden}.pixel-cover-progress__fill{border-radius:inherit;background:#b8a0d1;height:100%;transition:width .25s}.pixel-cover-game{background:#fff;border:1px solid #ece5f1;border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:40px;padding:32px;display:grid;box-shadow:0 12px 38px #48315b0d}.pixel-cover-art-column,.pixel-cover-answer-column{min-width:0}.pixel-cover-art-heading{color:#94889e;letter-spacing:.12em;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;font-size:.67rem;font-weight:800;display:flex}.pixel-cover-stage{color:#7d609b;letter-spacing:0;white-space:nowrap;background:#f1eaf7;border-radius:8px;padding:7px 10px;font-size:.7rem}.pixel-artwork{aspect-ratio:1;isolation:isolate;background:#f1edf5;border:1px solid #e7dfea;border-radius:12px;width:100%;max-width:360px;margin:0 auto;position:relative;overflow:hidden}.pixel-artwork__image{object-fit:cover;object-position:center;transform-origin:50%;-webkit-user-select:none;user-select:none;will-change:filter, transform;width:100%;height:100%;transition:filter .5s,transform .5s,opacity .2s;display:block;position:absolute;inset:0}.pixel-artwork__image--loaded{opacity:1}.pixel-artwork__fallback{color:#84758f;text-align:center;place-items:center;padding:20px;font-size:.9rem;display:grid;position:absolute;inset:0}.pixel-artwork__loading{color:#9b80b5;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.pixel-artwork__loading svg{animation:1s linear infinite pixel-cover-spin}.pixel-cover-stage-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:18px;display:grid}.pixel-cover-stage-item{color:#b0a6b9;text-align:center;flex-direction:column;align-items:center;gap:8px;font-size:.65rem;display:flex}.pixel-cover-stage-item__dot{background:#fff;border:2px solid #dcd3e4;border-radius:50%;width:9px;height:9px}.pixel-cover-stage-item--active{color:#8b70a6}.pixel-cover-stage-item--active .pixel-cover-stage-item__dot{background:#b8a0d1;border-color:#b8a0d1}.pixel-cover-stage-item--current{font-weight:800}.pixel-cover-question{margin:2px 0 26px}.pixel-cover-question__number{color:#a18aaf;letter-spacing:.13em;margin-bottom:12px;font-size:.67rem;font-weight:800;display:inline-block}.pixel-cover-question h2{color:#342c3e;letter-spacing:-.04em;margin:0;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:750;line-height:1.2}.pixel-cover-question p{color:#8a8093;margin:10px 0 0;font-size:.9rem;line-height:1.6}.pixel-cover-form{position:relative}.pixel-cover-input-label{color:#91859b;letter-spacing:.12em;margin-bottom:9px;font-size:.67rem;font-weight:800;display:block}.pixel-cover-input-wrapper{color:#9b8aa8;background:#fcfaff;border:1px solid #e6ddea;border-radius:12px;align-items:center;gap:11px;min-height:52px;padding:0 15px;transition:border-color .16s,box-shadow .16s;display:flex}.pixel-cover-input-wrapper:focus-within{border-color:#b39aca;box-shadow:0 0 0 3px #b39aca26}.pixel-cover-input-wrapper input{color:#383040;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;padding:14px 0;font-size:.9rem}.pixel-cover-input-wrapper input::placeholder{color:#b4aaba}.pixel-cover-input-wrapper input:disabled{color:#786d82}.pixel-cover-input-wrapper--error{background:#fef2f2;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.pixel-cover-input-wrapper--error input{background:0 0}.pixel-cover-input-wrapper--error svg{color:#dc2626}.pixel-cover-input-wrapper--success{background:#f0fdf4;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.pixel-cover-input-wrapper--success input{background:0 0}.pixel-cover-input-wrapper--success svg{color:#16a34a}.pixel-cover-feedback{align-items:flex-start;gap:8px;display:flex}.pixel-cover-feedback--revealed{color:#6b5b7b}.pixel-cover-answer-reveal--correct{background:#f0fdf4;border-color:#86efac}.pixel-cover-suggestions{z-index:5;background:#fff;border:1px solid #e5dbea;border-radius:0 0 12px 12px;position:absolute;top:calc(100% - 1px);left:0;right:0;overflow:hidden;box-shadow:0 12px 28px #3826491a}.pixel-cover-suggestion{color:#3a3143;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #f1ecf4;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:12px 15px;transition:background .15s;display:flex}.pixel-cover-suggestion:last-child{border-bottom:0}.pixel-cover-suggestion__title{font-size:.85rem;font-weight:700}.pixel-cover-suggestion__artist{color:#92859d;font-size:.75rem}.pixel-cover-suggestions{border:1px solid var(--border-color,#e5e5e5);background:var(--surface-color,#fff);border-radius:12px;flex-direction:column;gap:4px;margin-top:8px;padding:10px;display:flex}.pixel-cover-suggestions__label{letter-spacing:.08em;opacity:.6;padding:4px 8px;font-size:.65rem;font-weight:700}.pixel-cover-suggestion{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:8px;transition:background .2s;display:flex}.pixel-cover-suggestion:hover{background:#8080801f}.pixel-cover-suggestion__image{object-fit:cover;border-radius:5px;width:42px;height:42px}.pixel-cover-suggestion__details{flex-direction:column;gap:3px;min-width:0;display:flex}.pixel-cover-suggestion__details strong{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.pixel-cover-suggestion__details small{opacity:.65;font-size:.75rem}.pixel-cover-suggestion--guessed{opacity:.45;cursor:not-allowed;background:#eee}.pixel-cover-suggestion--guessed:hover{background:#eee;transform:none}.pixel-cover-suggestion__status{color:#888;white-space:nowrap;margin-left:auto;font-size:.7rem;font-weight:600}.pixel-cover-button{min-height:46px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:9px;padding:0 17px;font-size:.86rem;font-weight:700;transition:transform .15s,background .15s,border-color .15s,opacity .15s;display:inline-flex}.pixel-cover-button:hover:not(:disabled){transform:translateY(-1px)}.pixel-cover-button:disabled{opacity:.45;cursor:not-allowed}.pixel-cover-button--primary{color:#fff;background:#9b7db7}.pixel-cover-button--primary:hover:not(:disabled){background:#8768a5}.pixel-cover-button--secondary{color:#765b90;background:#fff;border-color:#e3d9eb}.pixel-cover-button--secondary:hover:not(:disabled){background:#faf6fd;border-color:#c7b3d8}.pixel-cover-submit{width:100%;margin-top:15px}.pixel-cover-feedback{color:#81718f;margin:15px 0 0;font-size:.83rem;font-weight:650;line-height:1.5}.pixel-cover-feedback--correct{color:#587d69}.pixel-cover-feedback--incorrect{color:#a56d75}.pixel-cover-feedback--error{color:#dc2626}.pixel-cover-answer-reveal{background:#faf6fd;border:1px solid #e7ddec;border-radius:13px;align-items:flex-start;gap:13px;margin-top:20px;padding:16px;display:flex}.pixel-cover-answer-reveal__check{color:#80629b;background:#eee5f5;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.pixel-cover-answer-reveal__label{color:#9a83ac;letter-spacing:.12em;font-size:.63rem;font-weight:800}.pixel-cover-answer-reveal h3{color:#3a3044;margin:5px 0 4px;font-size:1rem;line-height:1.4}.pixel-cover-answer-reveal p{color:#887c92;margin:0;font-size:.8rem}.pixel-cover-earned{background:#f2edf8;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;margin-top:13px;padding:14px 16px;display:flex}.pixel-cover-earned span{color:#85728f;letter-spacing:.1em;font-size:.67rem;font-weight:800}.pixel-cover-earned strong{color:#775793;font-variant-numeric:tabular-nums;font-size:1.15rem}.pixel-cover-controls{margin-top:20px;display:flex}.pixel-cover-controls .pixel-cover-button{width:100%}.pixel-cover-hint{color:#a095aa;margin:15px 0 0;font-size:.77rem;line-height:1.6}.pixel-cover-scoring{background:#ffffffbf;border:1px solid #ece5f1;border-radius:18px;margin-top:24px;padding:23px 28px}.pixel-cover-scoring__title{color:#96899e;letter-spacing:.13em;text-align:center;margin:0 0 18px;font-size:.67rem;font-weight:800}.pixel-cover-scoring__items{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.pixel-cover-scoring__items>div{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.pixel-cover-scoring__items span{color:#9a8da4;font-size:.75rem}.pixel-cover-scoring__items strong{color:#75588e;font-size:.95rem}.pixel-cover-status{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:70vh;display:flex}.pixel-cover-status>svg{color:#9b7db7}.pixel-cover-status h1{color:#3a3044;margin:0;font-size:1.8rem}.pixel-cover-status p{color:#897e93;max-width:420px;margin:0 0 8px;line-height:1.7}.pixel-cover-status .pixel-cover-back{justify-self:auto}.pixel-cover-spinner{animation:1s linear infinite pixel-cover-spin}.pixel-cover-results{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:620px;min-height:70vh;margin:0 auto;display:flex}.pixel-cover-results h1{max-width:540px}.pixel-cover-results__score{background:#fff;border:1px solid #e6dced;border-radius:20px;flex-direction:column;gap:9px;width:100%;margin-top:32px;padding:28px;display:flex}.pixel-cover-results__score span{color:#96889f;letter-spacing:.12em;font-size:.72rem;font-weight:800}.pixel-cover-results__score strong{color:#785b95;font-variant-numeric:tabular-nums;letter-spacing:-.05em;font-size:3rem}.pixel-cover-results__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;margin-top:14px;display:grid}.pixel-cover-results__stats>div{background:#fff;border:1px solid #eae2f0;border-radius:15px;flex-direction:column;gap:7px;padding:20px;display:flex}.pixel-cover-results__stats strong{color:#483c54;font-size:1.5rem}.pixel-cover-results__stats span{color:#93879d;font-size:.78rem}.pixel-cover-results__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.pixel-cover-review{text-align:left;width:100%;margin-top:28px}.pixel-cover-review__heading{margin-bottom:16px}.pixel-cover-review__heading h2{color:#3a3044;letter-spacing:-.03em;margin:0;font-size:1.35rem;font-weight:750}.pixel-cover-review__heading p{color:#93879d;margin:7px 0 0;font-size:.85rem;line-height:1.6}.pixel-cover-review__list{flex-direction:column;gap:10px;display:flex}.pixel-cover-review__item{background:#fff;border:1px solid #e9e1ef;border-radius:14px;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;display:grid}.pixel-cover-review__item--correct{border-left:3px solid #9ab8a4}.pixel-cover-review__item--missed{border-left:3px solid #d3a6a6}.pixel-cover-review__image{object-fit:cover;background:#f0eaf4;border-radius:9px;width:68px;height:68px;display:block}.pixel-cover-review__details{min-width:0}.pixel-cover-review__round{color:#a08eac;letter-spacing:.1em;margin-bottom:5px;font-size:.6rem;font-weight:800;display:block}.pixel-cover-review__details h3{overflow-wrap:anywhere;color:#3b3045;margin:0;font-size:.9rem;font-weight:750;line-height:1.4}.pixel-cover-review__details p{color:#93869d;margin:4px 0 0;font-size:.76rem;line-height:1.5}.pixel-cover-review__outcome{text-align:right;flex-direction:column;align-items:flex-end;gap:5px;min-width:66px;display:flex}.pixel-cover-review__outcome span{color:#668a73;font-size:.73rem;font-weight:750}.pixel-cover-review__item--missed .pixel-cover-review__outcome span{color:#ad777d}.pixel-cover-review__outcome strong{color:#785b95;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.83rem}.pixel-cover-input-clear{width:32px;height:32px;color:var(--text-muted,#888);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s;display:flex}.pixel-cover-input-clear:hover{color:var(--text-primary,currentColor);background:#80808026}.pixel-cover-input-clear:focus-visible{outline-offset:2px;outline:2px solid}.pixel-cover-slow-notice{z-index:99999;width:min(390px,100vw - 32px);animation:.35s ease-out pixelNoticeIn;position:fixed;inset:auto auto 6px;transform:translate(-50%)}.pixel-cover-slow-notice__content{color:#fff;background:#242321;border:1px solid #ffffff1f;border-radius:16px;align-items:flex-start;gap:14px;padding:18px;display:flex;box-shadow:0 12px 40px #0000004d}.pixel-cover-slow-notice__icon{color:#e7bd83;background:#ffffff17;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pixel-cover-slow-notice__icon svg{animation:2s linear infinite pixelNoticeSpin}.pixel-cover-slow-notice__text{flex:1}.pixel-cover-slow-notice__text strong{margin-bottom:5px;font-size:.95rem;display:block}.pixel-cover-slow-notice__text p{color:#ffffffb3;margin:0;font-size:.82rem;line-height:1.5}.pixel-cover-slow-notice button{color:#ffffffa6;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.pixel-cover-slow-notice button:hover{color:#fff}@keyframes pixelNoticeIn{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@keyframes pixelNoticeSpin{to{transform:rotate(360deg)}}@media (width<=480px){.pixel-cover-slow-notice{width:calc(100vw - 24px);bottom:calc(12px + env(safe-area-inset-bottom,0px))}.pixel-cover-slow-notice__content{border-radius:14px;gap:10px;padding:14px}.pixel-cover-slow-notice__icon{width:34px;height:34px}.pixel-cover-slow-notice__text strong{font-size:.88rem}.pixel-cover-slow-notice__text p{font-size:.78rem}.pixel-cover-review__item{grid-template-columns:54px minmax(0,1fr) auto;gap:10px;padding:10px}.pixel-cover-review__image{width:54px;height:54px}.pixel-cover-review__details h3{font-size:.82rem}.pixel-cover-review__details p{font-size:.7rem}.pixel-cover-review__outcome{min-width:54px}}@keyframes pixel-cover-spin{to{transform:rotate(360deg)}}@media (width<=760px){.pixel-cover-page{padding:18px 16px 36px}.pixel-cover-header{grid-template-columns:1fr auto;gap:12px;padding-bottom:20px}.pixel-cover-brand{grid-area:1/1;justify-self:start}.pixel-cover-header>.pixel-cover-back{grid-area:2/1}.pixel-cover-score{grid-area:1/2/span 2}.pixel-cover-intro{margin:36px auto 26px}.pixel-cover-game{border-radius:19px;grid-template-columns:minmax(0,1fr);gap:32px;padding:22px 18px}.pixel-cover-art-column{width:100%;max-width:440px;margin:0 auto}.pixel-cover-answer-column{width:100%}.pixel-cover-question{margin-bottom:22px}.pixel-cover-scoring{padding:20px 12px}.pixel-cover-scoring__items{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}}@media (width<=420px){.pixel-cover-page{padding-left:12px;padding-right:12px}.pixel-cover-brand{font-size:.69rem}.pixel-cover-brand__icon{width:32px;height:32px}.pixel-cover-game{padding:18px 13px}.pixel-cover-stage-list{gap:4px}.pixel-cover-stage-item{font-size:.59rem}.pixel-cover-results__actions{flex-direction:column;width:100%}.pixel-cover-results__actions .pixel-cover-button{width:100%}}@media (prefers-reduced-motion:reduce){.pixel-cover-page *,.pixel-cover-page :before,.pixel-cover-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.pixel-cover-suggestion--guessed{opacity:.4;cursor:not-allowed;pointer-events:none;background:#e5e5e5}.pixel-cover-suggestion__status{color:#888;margin-left:auto;font-size:.7rem}@media (width<=900px){.pixel-cover-slow-notice{box-sizing:border-box;width:auto;max-width:390px;margin-inline:auto;bottom:12px;left:12px;right:12px;transform:none}.pixel-cover-slow-notice__content{box-sizing:border-box;width:100%;min-width:0}.pixel-cover-slow-notice__text{overflow-wrap:anywhere;min-width:0}}.year-game{min-height:calc(100dvh - var(--navbar-height));height:calc(100dvh - var(--navbar-height));color:var(--color-text);background:var(--color-bg);padding:14px 32px;overflow:hidden}.year-game__container{flex-direction:column;width:min(1180px,100%);height:100%;margin:0 auto;display:flex}.year-game__header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;display:flex}.year-game__eyebrow{color:var(--color-lilac);letter-spacing:.15em;margin:0 0 5px;font-size:.64rem;font-weight:900}.year-game__title{letter-spacing:-.045em;margin:0;font-size:clamp(1.65rem,3vw,2.45rem);line-height:.98}.year-game__progress{flex-shrink:0;align-items:baseline;gap:4px;display:flex}.year-game__progress span:first-child{color:var(--color-lilac);font-size:1.55rem;font-weight:900;line-height:1}.year-game__progress span:last-child{color:var(--color-text-muted);font-size:.7rem;font-weight:800}.year-game__board{flex:1;grid-template-columns:minmax(330px,.9fr) minmax(440px,1.1fr);align-items:center;gap:42px;min-height:0;display:grid}.year-game__question{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex}.year-game__artwork{aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(145deg, #9b82ff21, var(--color-surface));width:min(245px,42vh);box-shadow:var(--shadow-md);margin-bottom:16px;overflow:hidden}.year-game__artwork-placeholder{background:radial-gradient(circle at center, #9b82ff24, transparent 55%), var(--color-surface);place-items:center;width:100%;height:100%;display:grid}.year-game__artwork-placeholder span{border:1px solid var(--color-border);width:58px;height:58px;color:var(--color-lilac);background:var(--color-bg);border-radius:50%;place-items:center;font-size:1.7rem;font-weight:800;display:grid}.year-game__audio{width:min(100%,430px)}.year-game__audio-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.year-game__audio-top span{color:var(--color-text-muted);letter-spacing:.13em;font-size:.6rem;font-weight:900}.year-game__audio-top strong{font-size:1rem;line-height:1}.year-game__timer--urgent{color:var(--color-cyan);animation:.8s ease-in-out infinite year-timer-pulse}@keyframes year-timer-pulse{50%{opacity:.7;transform:scale(1.08)}}.year-game__wave{justify-content:center;align-items:center;gap:4px;height:70px;margin-bottom:8px;display:flex}.year-game__wave-bar{background:var(--color-lilac);opacity:.3;border-radius:999px;width:4px;height:20%}.year-game__wave-bar:nth-child(2n){height:45%}.year-game__wave-bar:nth-child(3n){height:70%}.year-game__wave-bar:nth-child(5n){height:35%}.year-game__wave-bar--active{opacity:1;animation:.8s ease-in-out infinite alternate year-wave}.year-game__wave-bar--active:nth-child(2n){animation-delay:-.2s}.year-game__wave-bar--active:nth-child(3n){animation-delay:-.4s}.year-game__wave-bar--active:nth-child(4n){animation-delay:-.1s}@keyframes year-wave{0%{transform:scaleY(.65)}to{transform:scaleY(1.3)}}.year-game__play{width:42px;height:42px;color:var(--color-text);background:var(--color-lilac);box-shadow:var(--shadow-sm);cursor:pointer;border:0;border-radius:50%;place-items:center;margin:0 auto 10px;transition:transform .16s,background .16s,box-shadow .16s;display:grid}.year-game__play:hover:not(:disabled){background:var(--color-periwinkle);box-shadow:var(--shadow-md);transform:scale(1.05)}.year-game__play:active:not(:disabled){transform:scale(.96)}.year-game__play:disabled{opacity:.55;cursor:default}.year-game__play svg{color:var(--color-text);stroke:currentColor}.year-game__player-bottom{color:var(--color-text-muted);align-items:center;gap:8px;font-size:.62rem;font-weight:800;display:flex}.year-game__progress-track{background:var(--color-border);border-radius:999px;flex:1;height:4px;overflow:hidden}.year-game__progress-fill{border-radius:inherit;background:var(--gradient-primary);height:100%;transition:width .1s linear}.year-game__play-panel{width:100%;min-width:0}.year-game__answers{width:100%}.year-game__answers-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px;display:flex}.year-game__answers-header p{color:var(--color-text);letter-spacing:.13em;margin:0 0 4px;font-size:.65rem;font-weight:900}.year-game__answers-header div>span{color:var(--color-text-muted);font-size:.65rem;font-weight:700}.year-game__answers-header>span{color:var(--color-text-muted);letter-spacing:.1em;font-size:.6rem;font-weight:800}.year-game__attempts{align-items:center;gap:9px;margin-bottom:22px;display:flex}.year-game__attempt-slot{background:var(--color-border);border-radius:999px;flex:1;height:9px;transition:background .2s,box-shadow .2s}.year-game__attempt-slot--wrong{background:#e9677d;box-shadow:0 0 10px #e9677d33}.year-game__attempt-slot--correct{background:#52c98c;box-shadow:0 0 10px #52c98c33}.year-game__input-form{gap:9px;display:flex}.year-game__input{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;min-width:0;height:54px;color:var(--color-text);background:var(--color-surface);font:inherit;letter-spacing:.08em;outline:none;padding:0 16px;font-size:1.35rem;font-weight:800;transition:border-color .16s,box-shadow .16s}.year-game__input::placeholder{color:var(--color-text-muted);opacity:.55;letter-spacing:0;font-size:.85rem}.year-game__input:focus{border-color:var(--color-lilac);box-shadow:0 0 0 3px #9b82ff1f}.year-game__input:disabled{opacity:.55;cursor:not-allowed}.year-game__submit{border:1px solid var(--color-lilac);border-radius:var(--radius-md);min-width:110px;color:var(--color-text);background:var(--color-lilac);font:inherit;letter-spacing:.1em;cursor:pointer;padding:0 18px;font-size:.65rem;font-weight:900;transition:background .16s,transform .16s}.year-game__submit:hover:not(:disabled){background:var(--color-periwinkle);transform:translateY(-1px)}.year-game__submit:disabled{opacity:.5;cursor:not-allowed}.year-game__input-feedback{min-height:20px;color:var(--color-text-muted);margin:10px 0 0;font-size:.68rem;font-weight:700}.year-game__input-feedback--wrong{color:#e9677d}.year-game__input-feedback--correct{color:#52c98c}.year-game__reveal{width:100%}.year-game__reveal-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.year-game__reveal-status,.year-game__reveal-label{letter-spacing:.13em;font-size:.6rem;font-weight:900}.year-game__reveal-label{color:var(--color-text-muted)}.year-game__reveal-status--correct{color:#52c98c}.year-game__reveal-status--wrong{color:#e9677d}.year-game__reveal-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-height:118px;box-shadow:var(--shadow-sm);align-items:center;gap:16px;padding:12px;display:flex}.year-game__reveal-art{background:var(--color-bg);border-radius:10px;flex-shrink:0;width:94px;height:94px;overflow:hidden}.year-game__reveal-art img{object-fit:cover;width:100%;height:100%;display:block}.year-game__reveal-art-placeholder{width:100%;height:100%;color:var(--color-text-muted);background:var(--color-bg);place-items:center;font-size:1.5rem;display:grid}.year-game__reveal-content{flex:1;min-width:0}.year-game__correct-year{color:var(--color-text);letter-spacing:-.05em;margin-bottom:4px;font-size:clamp(2rem,4vw,2.7rem);line-height:.95;display:block}.year-game__reveal-content h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.95rem;font-weight:800;overflow:hidden}.year-game__reveal-content p{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:.68rem;overflow:hidden}.year-game__next{border:1px solid var(--color-lilac);border-radius:var(--radius-md);width:100%;min-height:42px;color:var(--color-text);background:var(--color-lilac);font:inherit;letter-spacing:.13em;cursor:pointer;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:8px;margin-top:9px;padding:8px 14px;font-size:.64rem;font-weight:900;transition:transform .14s,background .14s,border-color .14s,box-shadow .14s;display:flex}.year-game__next:hover{background:var(--color-periwinkle);border-color:var(--color-periwinkle);box-shadow:var(--shadow-md);transform:translateY(-1px)}.year-game__next:active{transform:translateY(0)}.year-game__next svg{color:var(--color-text);stroke:currentColor}.year-game__loading,.year-game__error-state{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);text-align:center;flex:1;place-items:center;min-height:0;padding:30px;display:grid}.year-game__loading p{color:var(--color-text-muted);margin:12px 0 0;font-size:.75rem}.year-game__loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-lilac);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite year-spin}@keyframes year-spin{to{transform:rotate(360deg)}}.year-game__error-state p{max-width:400px;color:var(--color-text-muted);margin:0 0 16px;font-size:.78rem}.year-game__retry{border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:38px;color:var(--color-text);background:var(--color-surface);font:inherit;letter-spacing:.1em;cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-size:.65rem;font-weight:900;transition:border-color .14s,background .14s;display:inline-flex}.year-game__retry:hover{border-color:var(--color-lilac);background:var(--color-bg)}.year-results{min-height:calc(100dvh - var(--navbar-height));color:var(--color-text);background:radial-gradient(circle at 50% 0%, #9b82ff21, transparent 38%), var(--color-bg);padding:42px 24px 60px;position:relative;overflow:hidden}.year-results__container{z-index:2;width:min(920px,100%);margin:0 auto;position:relative}.year-results__header{text-align:center;margin-bottom:28px}.year-results__trophy{border:1px solid var(--color-border);width:54px;height:54px;color:var(--color-lilac);background:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:16px;place-items:center;margin:0 auto 14px;display:grid}.year-results__eyebrow{color:var(--color-lilac);letter-spacing:.15em;margin:0 0 7px;font-size:.62rem;font-weight:900}.year-results__header h1{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,5vw,3.6rem);line-height:.95}.year-results__header p:last-child{color:var(--color-text-muted);margin:11px 0 0;font-size:.78rem}.year-results__header strong{color:var(--color-text)}.year-results__score{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-border);grid-template-columns:1fr 1fr;gap:1px;margin-bottom:10px;display:grid;overflow:hidden}.year-results__score>div{background:linear-gradient(145deg, #9b82ff12, var(--color-surface));padding:20px}.year-results__score span,.year-results__speed-grid span{color:var(--color-text-muted);letter-spacing:.13em;margin-bottom:6px;font-size:.58rem;font-weight:900;display:block}.year-results__score strong{letter-spacing:-.05em;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1}.year-results__score small{color:var(--color-text-muted);font-size:.45em}.year-results__speed,.year-results__breakdown{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);margin-top:10px;padding:20px}.year-results__section-heading{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:14px;display:flex}.year-results__section-heading p,.year-results__section-heading span{letter-spacing:.13em;margin:0;font-size:.6rem;font-weight:900}.year-results__section-heading span{color:var(--color-text-muted)}.year-results__speed-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.year-results__speed-grid>div{border:1px solid var(--color-border);background:#ffffff06;border-radius:10px;padding:14px}.year-results__speed-grid strong{font-size:1.15rem;line-height:1.1;display:block}.year-results__speed-grid>div:last-child strong{color:var(--color-cyan)}.year-results__list{gap:6px;display:grid}.year-results__item{background:#ffffff06;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;min-height:62px;padding:6px 9px 6px 6px;display:flex}.year-results__item--correct{border-left:2px solid #52c98c}.year-results__item--missed{border-left:2px solid #e9677d8c}.year-results__number{width:23px;color:var(--color-text-muted);text-align:center;flex-shrink:0;font-size:.58rem;font-weight:800}.year-results__art{background:var(--color-bg);border-radius:7px;flex-shrink:0;width:44px;height:44px;overflow:hidden}.year-results__art img{object-fit:cover;width:100%;height:100%;display:block}.year-results__art span{width:100%;height:100%;color:var(--color-text-muted);place-items:center;display:grid}.year-results__info{flex:1;min-width:0}.year-results__info strong,.year-results__info span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.year-results__info strong{color:var(--color-text);font-size:.78rem}.year-results__info span{color:var(--color-text-muted);margin-top:3px;font-size:.64rem}.year-results__year{text-align:right;min-width:72px}.year-results__year strong{color:var(--color-text);font-size:.85rem;display:block}.year-results__time,.year-results__missed{margin-top:3px;font-size:.57rem;font-weight:900;display:block}.year-results__time{color:#52c98c}.year-results__missed{color:#e9677d}.year-game__attempts{align-items:center;gap:1rem;display:flex}.year-game__attempt{align-items:center;gap:.55rem;display:flex}.year-game__attempt-year{min-width:3.2rem;color:var(--text-muted);font-size:.9rem;font-weight:600}.year-game__attempt-year--wrong{color:#e05252}.year-game__attempt-year--correct{color:#36a879}.year-results__fastest{border-radius:var(--radius-md);background:linear-gradient(135deg,#9b82ff1a,#22d3ee09);border:1px solid #9b82ff4d;align-items:center;gap:13px;margin-top:10px;padding:16px 18px;display:flex}.year-results__fastest>span{font-size:1.45rem}.year-results__fastest p,.year-results__fastest strong,.year-results__fastest small{display:block}.year-results__fastest p{color:var(--color-cyan);letter-spacing:.13em;margin:0 0 3px;font-size:.57rem;font-weight:900}.year-results__fastest strong{font-size:1.25rem}.year-results__fastest small{color:var(--color-text-muted);margin-top:3px;font-size:.65rem}.year-results__actions{gap:9px;margin-top:14px;display:flex}.year-results__primary,.year-results__secondary{border-radius:var(--radius-md);min-height:42px;font:inherit;letter-spacing:.1em;cursor:pointer;flex:1;font-size:.62rem;font-weight:900;transition:transform .14s,background .14s,border-color .14s}.year-results__primary{border:1px solid var(--color-lilac);color:var(--color-text);background:var(--color-lilac);justify-content:center;align-items:center;gap:7px;display:flex}.year-results__primary:hover{background:var(--color-periwinkle);border-color:var(--color-periwinkle);transform:translateY(-1px)}.year-results__secondary{border:1px solid var(--color-border);color:var(--color-text);background:var(--color-surface)}.year-results__secondary:hover{border-color:var(--color-lilac);background:var(--color-bg)}.year-results__confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.year-results__confetti-piece{top:-20px;left:calc(var(--i,1) * 3%);background:var(--color-cyan);border-radius:2px;width:6px;height:11px;animation:3.2s linear infinite year-confetti;position:absolute}.year-results__confetti-piece:nth-child(3n){background:var(--color-purple-light)}.year-results__confetti-piece:nth-child(4n){background:var(--color-text)}.year-results__confetti-piece:nth-child(2n){animation-delay:-1.4s}.year-results__confetti-piece:nth-child(3n){animation-delay:-2.1s}@keyframes year-confetti{0%{opacity:0;transform:translateY(-20px)rotate(0)}10%{opacity:1}to{opacity:0;transform:translateY(110vh)translate(80px)rotate(720deg)}}@media (width<=900px){.year-game{height:auto;min-height:calc(100dvh - var(--navbar-height));overflow:visible}.year-game__board{grid-template-columns:1fr;gap:24px}.year-game__question{max-width:620px;margin:0 auto}.year-game__artwork{width:min(230px,50vw)}.year-game__play-panel{max-width:620px;margin:0 auto}}@media (width<=600px){.year-game{padding:12px 16px 30px}.year-game__header{align-items:flex-start;margin-bottom:16px}.year-game__title{font-size:1.65rem}.year-game__progress span:first-child{font-size:1.35rem}.year-game__board{gap:20px}.year-game__artwork{width:min(210px,58vw)}.year-game__wave{gap:3px}.year-game__wave-bar{width:3px}.year-game__input-form{flex-direction:column}.year-game__submit{min-height:46px}.year-game__reveal-card{gap:12px}.year-game__reveal-art{width:76px;height:76px}.year-game__correct-year{font-size:2rem}.year-results{padding:30px 16px 45px}.year-results__header{margin-bottom:22px}.year-results__header h1{font-size:2.25rem}.year-results__score{grid-template-columns:1fr}.year-results__score>div{padding:17px}.year-results__speed,.year-results__breakdown{padding:16px}.year-results__speed-grid{grid-template-columns:1fr}.year-results__item{gap:7px}.year-results__number{display:none}.year-results__art{width:40px;height:40px}.year-results__year{min-width:62px}.year-results__actions{flex-direction:column}}.play-by-artist,.play-by-artist-results,.play-by-artist *,.play-by-artist-results *{box-sizing:border-box}.play-by-artist{height:calc(100dvh - var(--navbar-height));min-height:calc(100dvh - var(--navbar-height));color:var(--color-text);background:var(--color-bg);padding:14px 32px;overflow:hidden}.play-by-artist__container{flex-direction:column;width:min(100%,1180px);height:100%;min-height:0;margin:0 auto;display:flex}.play-by-artist__header{flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;margin-bottom:8px;display:flex}.play-by-artist__header-main{min-width:0}.play-by-artist__exit-button{border:1px solid var(--border-medium);background:var(--color-surface);color:var(--color-text-secondary);letter-spacing:.07em;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border-radius:999px;align-items:center;gap:7px;margin-bottom:6px;padding:5px 10px;font-size:9px;font-weight:700;display:inline-flex}.play-by-artist__exit-button:hover{background:var(--color-surface-hover);color:var(--color-text)}.play-by-artist__title{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(25px,2.7vw,36px);font-weight:700;line-height:1}.play-by-artist__artist-badge{border:1px solid var(--border-medium);background:var(--color-surface);max-width:100%;color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;margin-top:7px;padding:4px 9px;font-size:10px;font-weight:650;display:inline-flex;overflow:hidden}.play-by-artist__header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.play-by-artist__streak,.play-by-artist__round{border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--color-surface);text-align:center;min-width:66px;padding:7px 10px}.play-by-artist__streak span,.play-by-artist__round span{color:var(--color-text-muted);letter-spacing:.1em;margin-bottom:3px;font-size:8px;font-weight:700;display:block}.play-by-artist__streak strong{font-family:var(--font-display);font-size:15px}.play-by-artist__round small{color:var(--color-text-muted);font-size:10px}.play-by-artist__progress{background:var(--color-surface);border-radius:999px;flex:0 0 4px;height:4px;margin-bottom:10px;overflow:hidden}.play-by-artist__progress-bar{border-radius:inherit;background:var(--gradient-primary);height:100%;transition:width .3s}.play-by-artist__board{border:1px solid var(--border-medium);border-radius:var(--radius-lg);background:var(--color-surface);min-height:0;box-shadow:var(--shadow-sm);flex:auto;grid-template-columns:minmax(330px,.9fr) minmax(400px,1.1fr);column-gap:36px;display:grid;overflow:hidden}.play-by-artist__question-panel{flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:0;padding:16px 20px;display:flex}.play-by-artist__question-header{border-bottom:1px solid var(--border-medium);flex:none;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:0 0 10px;display:flex}.play-by-artist__panel-label,.play-by-artist__answers-eyebrow{color:var(--color-text-muted);letter-spacing:.15em;margin:0;font-size:9px;font-weight:700}.play-by-artist__timer{background:var(--color-bg-secondary);min-width:54px;color:var(--color-text);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:5px 8px;font-size:11px;font-weight:800;display:inline-flex}.play-by-artist__timer.is-danger{color:var(--color-error-dark);background:#f6edee}.play-by-artist__question-content{text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;padding:14px 10px;display:flex}.play-by-artist__question-mark{background:var(--gradient-primary);color:#fff;width:52px;height:52px;font-family:var(--font-display);box-shadow:var(--glow-purple);border-radius:15px;flex:none;justify-content:center;align-items:center;margin-bottom:12px;font-size:27px;font-weight:700;display:flex}.play-by-artist__question-eyebrow{color:var(--color-lilac);letter-spacing:.15em;margin:0 0 7px;font-size:9px;font-weight:700}.play-by-artist__instruction,.play-by-artist__question-content h2{max-width:400px;font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:clamp(21px,2vw,29px);font-weight:700;line-height:1.1}.play-by-artist__question-description{max-width:300px;color:var(--color-text-secondary);margin:8px 0 0;font-size:11px;line-height:1.5}.play-by-artist__audio{border-top:1px solid var(--border-medium);flex:none;align-items:center;gap:12px;width:100%;padding:12px 0 0;display:flex}.play-by-artist__play-button{background:var(--color-lilac);width:40px;height:40px;color:var(--color-text);cursor:pointer;transition:transform var(--transition-fast), opacity var(--transition-fast);border:0;border-radius:50%;flex:0 0 40px;justify-content:center;align-items:center;display:flex}.play-by-artist__play-button:hover:not(:disabled){transform:scale(1.05)}.play-by-artist__play-button:active:not(:disabled){transform:scale(.97)}.play-by-artist__play-button:disabled{cursor:default;opacity:.45}.play-by-artist__waveform{flex:1;align-items:center;gap:3px;min-width:0;height:30px;display:flex}.play-by-artist__waveform span{background:var(--color-lilac);opacity:.5;border-radius:999px;flex:1;min-width:2px;max-width:7px}.play-by-artist__waveform.is-playing span{animation:.75s ease-in-out infinite alternate play-by-artist-wave}.play-by-artist__waveform.is-playing span:nth-child(3n){animation-delay:.15s}.play-by-artist__waveform.is-playing span:nth-child(4n){animation-delay:.3s}.play-by-artist__audio-status{color:var(--color-text-muted);letter-spacing:.06em;flex:none;font-size:8px;font-weight:700}.play-by-artist__result-icon{border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:8px;display:flex}.play-by-artist__result-icon.is-correct{color:var(--color-success-dark);background:#eef5f0}.play-by-artist__result-icon.is-incorrect{color:var(--color-error-dark);background:#f7eeee}.play-by-artist__revealed-title{max-width:420px;font-family:var(--font-display);overflow-wrap:anywhere;line-height:1.1;margin:0!important;font-size:clamp(18px,2vw,25px)!important}.play-by-artist__revealed-artist{color:var(--color-lilac);margin:5px 0 0;font-size:12px;font-weight:700}.play-by-artist__revealed-album{color:var(--color-text-muted);margin:4px 0 0;font-size:10px}.play-by-artist__artwork{border-radius:var(--radius-md);object-fit:cover;width:68px;height:68px;box-shadow:var(--shadow-sm);flex:0 0 68px;margin:8px auto 0;display:block}.play-by-artist__answers-panel{flex-direction:column;justify-content:center;min-width:0;min-height:0;padding:20px 24px 20px 0;display:flex}.play-by-artist__answers-header{flex:none;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.play-by-artist__answers-subtitle{color:var(--color-text-secondary);margin:5px 0 0;font-size:11px;line-height:1.4}.play-by-artist__answer-count{color:var(--color-text-muted);letter-spacing:.07em;flex:none;font-size:8px;font-weight:700}.play-by-artist__answers{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(56px,auto);align-content:start;gap:9px;width:100%;min-width:0;min-height:0;display:grid}.play-by-artist__answer{border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--color-surface);width:100%;min-width:0;min-height:56px;color:var(--color-text);font-family:var(--font-body);text-align:left;cursor:pointer;transition:transform var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);align-items:center;gap:10px;padding:0 12px;font-size:12px;font-weight:600;display:flex}.play-by-artist__answer:hover:not(:disabled){border-color:var(--color-lilac);background:var(--color-surface-hover);transform:translateY(-1px)}.play-by-artist__answer:active:not(:disabled){transform:translateY(0)}.play-by-artist__answer:disabled{cursor:default}.play-by-artist__answer-text{min-width:0;color:inherit;text-overflow:ellipsis;overflow-wrap:anywhere;flex:1;line-height:1.3;overflow:hidden}.play-by-artist__answer-icon{flex:none;width:16px;height:16px}.play-by-artist__answer.is-correct{color:var(--color-success-dark);background:#eef5f0;border-color:#b9d0be}.play-by-artist__answer.is-incorrect{color:var(--color-error-dark);background:#f7eeee;border-color:#dfc5c5}.play-by-artist__answer.is-disabled{opacity:.42}.play-by-artist__answer:focus-visible,.play-by-artist__play-button:focus-visible,.play-by-artist__next-button:focus-visible,.play-by-artist__exit-button:focus-visible{outline:3px solid var(--color-lilac);outline-offset:2px}.play-by-artist__bottom{flex-direction:column;flex:none;align-items:flex-start;gap:8px;margin-top:12px;display:flex}.play-by-artist__play-hint{color:var(--color-text-muted);margin:0;font-size:10px;line-height:1.4}.play-by-artist__next-wrapper{width:min(300px,100%)}.play-by-artist__next-button{border:1px solid var(--color-lilac);border-radius:var(--radius-md);background:var(--color-lilac);width:100%;min-height:38px;color:var(--color-text);font-family:var(--font-body);letter-spacing:.08em;cursor:pointer;transition:transform var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;gap:9px;padding:0 15px;font-size:9px;font-weight:700;display:flex}.play-by-artist__next-button:hover:not(:disabled){background:var(--color-periwinkle);transform:translateY(-1px)}.play-by-artist__next-button:disabled{cursor:wait;opacity:.7}.play-by-artist__button-spinner{border:2px solid #ffffff59;border-top-color:var(--color-text);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite play-by-artist-spin;display:inline-block}.play-by-artist__footer{color:var(--color-text-muted);letter-spacing:.07em;flex:none;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:10px 2px 0;font-size:8px;font-weight:700;display:flex}.play-by-artist__error-page{background:var(--color-bg);min-height:100dvh;color:var(--color-text);justify-content:center;align-items:center;padding:24px;display:flex}.play-by-artist__error-card{border:1px solid var(--border-medium);border-radius:var(--radius-lg);background:var(--color-surface);text-align:center;width:min(460px,100%);padding:28px}.play-by-artist__error-card h1{font-family:var(--font-display);margin:0 0 12px;font-size:25px}.play-by-artist__error-card p{color:var(--color-text-secondary);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.6}.play-by-artist__error-card button{border-radius:var(--radius-md);background:var(--color-lilac);min-height:40px;color:var(--color-text);letter-spacing:.06em;cursor:pointer;border:0;margin-top:20px;padding:0 18px;font-size:10px;font-weight:700}.play-by-artist-results{background:var(--color-bg);min-height:100dvh;color:var(--color-text);padding:24px;position:relative;overflow:hidden}.play-by-artist-results__container{z-index:2;width:min(920px,100%);margin:0 auto;padding:16px 0 36px;position:relative}.play-by-artist-results__hero{text-align:center;margin-bottom:22px}.play-by-artist-results__trophy{border:1px solid var(--border-medium);background:var(--gradient-primary);color:#fff;width:64px;height:64px;box-shadow:var(--glow-purple);border-radius:20px;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.play-by-artist-results__eyebrow{color:var(--color-lilac);letter-spacing:.15em;overflow-wrap:anywhere;margin:0 0 8px;font-size:10px;font-weight:700}.play-by-artist-results__title{font-family:var(--font-display);letter-spacing:-.055em;margin:0;font-size:clamp(35px,5vw,54px);line-height:1}.play-by-artist-results__subtitle{color:var(--color-text-secondary);margin:12px 0 0;font-size:13px}.play-by-artist-results__message{color:var(--color-text-secondary);margin:9px 0 0;font-size:13px;line-height:1.5}.play-by-artist-results__score-card{border:1px solid var(--border-medium);border-radius:var(--radius-lg);background:var(--color-surface);text-align:center;margin-bottom:12px;padding:22px}.play-by-artist-results__score-label{color:var(--color-text-muted);letter-spacing:.14em;margin:0;font-size:10px;font-weight:700}.play-by-artist-results__score{font-family:var(--font-display);letter-spacing:-.055em;font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:clamp(43px,7vw,64px);font-weight:800;line-height:1}.play-by-artist-results__stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.play-by-artist-results__stat{border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--color-surface);text-align:center;min-width:0;padding:17px 10px}.play-by-artist-results__stat span{color:var(--color-text-muted);letter-spacing:.07em;overflow-wrap:anywhere;margin-bottom:7px;font-size:9px;font-weight:700;display:block}.play-by-artist-results__stat strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:16px}.play-by-artist-results__recognition{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.play-by-artist-results__recognition-card{border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;min-width:0;padding:17px;display:grid}.play-by-artist-results__recognition-card>svg{color:var(--color-lilac)}.play-by-artist-results__recognition-card>div{min-width:0}.play-by-artist-results__recognition-label{color:var(--color-text-muted);letter-spacing:.09em;margin:0 0 7px;font-size:9px;font-weight:700}.play-by-artist-results__recognition-card strong{margin-bottom:5px;font-size:14px;display:block}.play-by-artist-results__recognition-card span{color:var(--color-text-secondary);overflow-wrap:anywhere;font-size:11px;line-height:1.4;display:block}.play-by-artist-results__songs{margin-top:24px}.play-by-artist-results__section-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.play-by-artist-results__section-header p{letter-spacing:.07em;margin:0;font-size:12px;font-weight:700}.play-by-artist-results__section-header span{color:var(--color-text-muted);font-size:10px;font-weight:700}.play-by-artist-results__song-list{flex-direction:column;gap:7px;display:flex}.play-by-artist-results__song{border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--color-surface);align-items:center;gap:13px;min-width:0;min-height:60px;padding:9px 13px;display:flex}.play-by-artist-results__song-number{color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex:0 0 25px;font-size:10px;font-weight:700}.play-by-artist-results__song-artwork{object-fit:cover;border-radius:8px;flex:0 0 42px;width:42px;height:42px;display:block}.play-by-artist-results__song-info{flex:1;min-width:0}.play-by-artist-results__song-info strong,.play-by-artist-results__song-info span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.play-by-artist-results__song-info strong{font-size:12px}.play-by-artist-results__song-info span{color:var(--color-text-muted);margin-top:3px;font-size:10px}.play-by-artist-results__song-result{white-space:nowrap;flex:none;align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.play-by-artist-results__song-result.is-correct{color:var(--color-success-dark)}.play-by-artist-results__song-result.is-incorrect{color:var(--color-text-muted)}.play-by-artist-results__actions{gap:12px;margin-top:24px;display:flex}.play-by-artist-results__primary-button,.play-by-artist-results__secondary-button{border-radius:var(--radius-md);min-height:46px;font-family:var(--font-body);letter-spacing:.07em;text-align:center;cursor:pointer;transition:transform var(--transition-fast), background var(--transition-fast);flex:1;justify-content:center;align-items:center;padding:12px 18px;font-size:10px;font-weight:700;display:flex}.play-by-artist-results__primary-button{background:var(--color-lilac);color:var(--color-text);box-shadow:var(--shadow-sm);border:0}.play-by-artist-results__primary-button:hover{background:var(--color-periwinkle);transform:translateY(-1px)}.play-by-artist-results__secondary-button{border:1px solid var(--border-medium);background:var(--color-surface);color:var(--color-text)}.play-by-artist-results__secondary-button:hover{background:var(--color-surface-hover)}.play-by-artist-results__confetti{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.play-by-artist-results__confetti span{top:-24px;left:var(--confetti-x);opacity:0;width:7px;height:13px;transform:rotate(var(--confetti-rotation));animation:play-by-artist-confetti-fall var(--confetti-duration) var(--confetti-delay) ease-out forwards;background:#6d5848;border-radius:2px;position:absolute}.play-by-artist-results__confetti span:nth-child(3n){background:#6264a8}.play-by-artist-results__confetti span:nth-child(4n){background:#6b87c9}.play-by-artist-results__confetti span:nth-child(5n){background:#b3a8d9}@keyframes play-by-artist-confetti-fall{0%{opacity:0;transform:translateY(-20px)rotate(0)}10%{opacity:.9}to{opacity:0;transform:translate(12px,620px)rotate(720deg)}}@keyframes play-by-artist-spin{to{transform:rotate(360deg)}}@keyframes play-by-artist-wave{0%{opacity:.4;transform:scaleY(.55)}to{opacity:.9;transform:scaleY(1)}}@media (height<=760px) and (width>=901px){.play-by-artist{padding-top:9px;padding-bottom:9px}.play-by-artist__header{margin-bottom:6px}.play-by-artist__exit-button{margin-bottom:4px;padding:4px 9px}.play-by-artist__title{font-size:27px}.play-by-artist__artist-badge{margin-top:5px;padding:3px 8px}.play-by-artist__progress{margin-bottom:7px}.play-by-artist__board{column-gap:28px}.play-by-artist__question-panel{padding:10px 16px}.play-by-artist__question-mark{width:42px;height:42px;margin-bottom:8px;font-size:22px}.play-by-artist__audio{padding-top:8px}.play-by-artist__play-button{flex-basis:34px;width:34px;height:34px}.play-by-artist__answers-panel{padding-top:12px;padding-bottom:12px}.play-by-artist__answers-header{margin-bottom:8px}.play-by-artist__answers{grid-auto-rows:minmax(48px,auto);gap:7px}.play-by-artist__answer{min-height:48px;padding:0 10px;font-size:11px}.play-by-artist__bottom{gap:6px;margin-top:8px}.play-by-artist__next-button{min-height:34px}.play-by-artist__artwork{width:min(165px,27vh,100%);margin-top:8px}.play-by-artist__footer{padding-top:7px}}@media (width<=900px){.play-by-artist{height:auto;min-height:calc(100dvh - var(--navbar-height));padding:22px 24px 30px;overflow:visible}.play-by-artist__container{height:auto;min-height:calc(100dvh - var(--navbar-height) - 52px)}.play-by-artist__board{flex:none;grid-template-columns:minmax(0,1fr);gap:0;overflow:visible}.play-by-artist__question-panel{border-bottom:1px solid var(--border-medium);min-height:320px;padding:18px 22px}.play-by-artist__answers-panel{padding:20px}.play-by-artist__answers{grid-auto-rows:minmax(56px,auto)}.play-by-artist__bottom{align-items:stretch}.play-by-artist__next-wrapper{width:min(300px,100%)}.play-by-artist__artwork{width:min(210px,38vw,100%)}.play-by-artist__footer{margin-top:18px}}@media (width<=600px){.play-by-artist{padding:16px 14px 28px}.play-by-artist__container{min-height:0}.play-by-artist__header{align-items:flex-start;gap:10px}.play-by-artist__title{font-size:clamp(24px,6vw,30px)}.play-by-artist__header-right{gap:5px}.play-by-artist__streak,.play-by-artist__round{min-width:54px;padding:6px 7px}.play-by-artist__streak span,.play-by-artist__round span{font-size:7px}.play-by-artist__board{border-radius:var(--radius-md)}.play-by-artist__question-panel{min-height:290px;padding:14px}.play-by-artist__question-header{padding-bottom:9px}.play-by-artist__question-content{padding:14px 6px}.play-by-artist__question-mark{width:44px;height:44px;margin-bottom:10px;font-size:23px}.play-by-artist__instruction,.play-by-artist__question-content h2{font-size:23px}.play-by-artist__audio{gap:9px;padding-top:10px}.play-by-artist__play-button{flex-basis:38px;width:38px;height:38px}.play-by-artist__waveform{gap:2px}.play-by-artist__audio-status{font-size:7px}.play-by-artist__answers-panel{padding:16px 13px}.play-by-artist__answers-header{margin-bottom:10px}.play-by-artist__answers{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(54px,auto);gap:7px}.play-by-artist__answer{gap:6px;min-height:54px;padding:0 8px;font-size:10px}.play-by-artist__answer-text{font-size:10px}.play-by-artist__answer-icon{width:14px;height:14px}.play-by-artist__bottom{margin-top:10px}.play-by-artist__next-wrapper{width:100%}.play-by-artist__footer{flex-wrap:wrap;margin-top:14px;padding-top:10px;font-size:7px}.play-by-artist-results{padding:18px 12px}.play-by-artist-results__container{padding-top:10px}.play-by-artist-results__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.play-by-artist-results__stat{padding:14px 8px}.play-by-artist-results__recognition{grid-template-columns:minmax(0,1fr)}.play-by-artist-results__actions{flex-direction:column}}@media (width<=360px){.play-by-artist__header{flex-direction:column}.play-by-artist__header-right{width:100%}.play-by-artist__streak,.play-by-artist__round{flex:1}.play-by-artist__answers{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(50px,auto)}.play-by-artist__answer{gap:5px;min-height:50px;padding:0 6px}.play-by-artist__answer-text{font-size:9px}.play-by-artist__artwork{width:min(180px,65vw)}.play-by-artist__footer{gap:8px;font-size:7px}.play-by-artist-results__song{gap:8px;padding:9px}.play-by-artist-results__song-artwork{flex-basis:34px;width:34px;height:34px}.play-by-artist-results__song-number{flex-basis:20px}}@media (prefers-reduced-motion:reduce){.play-by-artist *,.play-by-artist-results *,.play-by-artist :before,.play-by-artist-results :before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.play-by-artist.has-revealed-answer{height:auto;min-height:calc(100dvh - var(--navbar-height));overflow:visible}.play-by-artist.has-revealed-answer .play-by-artist__container{height:auto;min-height:calc(100dvh - var(--navbar-height) - 28px)}.play-by-artist.has-revealed-answer .play-by-artist__board{flex:none;min-height:500px;overflow:visible}.play-by-artist.has-revealed-answer .play-by-artist__question-panel{min-height:480px}.play-by-artist.has-revealed-answer .play-by-artist__question-content{flex:1 0 auto}.play-by-artist.has-revealed-answer .play-by-artist__artwork{object-fit:cover;flex:0 0 150px;width:150px;height:150px;margin-top:12px}@media (height<=760px) and (width>=901px){.play-by-artist.has-revealed-answer .play-by-artist__board{min-height:460px}.play-by-artist.has-revealed-answer .play-by-artist__question-panel{min-height:440px}.play-by-artist.has-revealed-answer .play-by-artist__artwork{flex-basis:125px;width:125px;height:125px}}@media (width<=900px){.play-by-artist.has-revealed-answer .play-by-artist__board{min-height:0}.play-by-artist.has-revealed-answer .play-by-artist__question-panel{min-height:440px}.play-by-artist.has-revealed-answer .play-by-artist__artwork{flex-basis:130px;width:130px;height:130px}}@media (width<=600px){.play-by-artist.has-revealed-answer .play-by-artist__question-panel{min-height:410px;padding-bottom:18px}.play-by-artist.has-revealed-answer .play-by-artist__question-content{padding-top:12px;padding-bottom:12px}.play-by-artist.has-revealed-answer .play-by-artist__artwork{flex-basis:115px;width:115px;height:115px}}@media (width<=360px){.play-by-artist.has-revealed-answer .play-by-artist__question-panel{min-height:390px}.play-by-artist.has-revealed-answer .play-by-artist__artwork{flex-basis:100px;width:100px;height:100px}}.play-by-artist__play-hint.is-reward{color:var(--color-text-secondary);letter-spacing:.12em;flex-direction:column;align-items:center;gap:3px;margin-top:16px;font-size:.65rem;font-weight:800;display:flex}.play-by-artist__play-hint.is-reward strong{color:var(--color-text);letter-spacing:-.05em;font-size:1.65rem;line-height:1.1}.play-by-artist__play-hint.is-reward span{color:var(--color-text-muted)}@media (width>=901px){.play-by-artist.has-revealed-answer .play-by-artist__next-wrapper{justify-content:center;width:100%;margin:20px auto 0;display:flex}.play-by-artist.has-revealed-answer .play-by-artist__next-button{border:1px solid var(--color-purple-light);border-radius:var(--radius-md);background:var(--color-lilac);width:min(320px,100%);min-height:54px;color:var(--color-text);letter-spacing:.09em;padding:0 28px;font-size:.78rem;font-weight:850;transition:transform .18s,box-shadow .18s,background .18s;box-shadow:0 8px 22px #785e9129}.play-by-artist.has-revealed-answer .play-by-artist__next-button:hover:not(:disabled){background:var(--color-purple-light);transform:translateY(-3px);box-shadow:0 12px 26px #785e9138}.play-by-artist.has-revealed-answer .play-by-artist__next-button:active:not(:disabled){transform:translateY(-1px)scale(.99)}}.artists-page{background:var(--background);min-height:100vh}.artists-page__container{width:min(1400px,100% - 48px);margin:0 auto;padding:42px 0 80px}.artists-page__header{margin-bottom:42px;position:relative}.artists-page__back{color:#28193d;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#9c90aa;border:0;border-radius:20px;align-items:center;gap:7px;height:30px;margin-bottom:46px;padding:20px;font-family:inherit;font-size:.78rem;font-weight:600;transition:color .16s,transform .16s;display:inline-flex}.artists-page__back:hover{color:var(--text);transform:translate(-2px)}.artists-page__heading{max-width:680px}.artists-page__heading .label{margin-bottom:12px}.artists-page__heading h1{margin:0}.artists-page__intro{color:#28193d;max-width:520px;margin:18px 0 0;font-size:.98rem;line-height:1.65}.artists-page__count{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:#6e6189;border:1px solid #5b478a24;border-radius:999px;padding:8px 13px;font-size:.75rem;font-weight:600;position:absolute;bottom:4px;right:0}.artists-page__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;display:grid}.artists-page__card{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:16px;flex-direction:column;min-width:0;padding:0;font-family:inherit;transition:transform .18s;display:flex;position:relative}.artists-page__card:hover{transform:translateY(-4px)}.artists-page__image-wrapper{aspect-ratio:1;background:linear-gradient(145deg,#efe8f7e6,#e2daeecc);border-radius:16px;width:100%;position:relative;overflow:hidden}.artists-page__image{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.artists-page__card:hover .artists-page__image{transform:scale(1.035)}.artists-page__card-footer{background:#ffffffb8;border-radius:10px;justify-content:space-between;align-items:center;min-height:48px;margin-top:8px;padding:8px 10px 8px 12px;display:flex}.artists-page__name{color:#28193d;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.84rem;font-weight:600;line-height:1.25;overflow:hidden}.artists-page__arrow{color:var(--muted);flex-shrink:0;transition:transform .16s,color .16s}.artists-page__card:hover .artists-page__arrow{color:var(--text);transform:translate(2px)}.artists-page__missing-image{width:100%;height:100%;color:var(--muted);text-align:center;background:repeating-linear-gradient(-45deg,#5b478a0b,#5b478a0b 10px,#5b478a17 10px 20px);flex-direction:column;justify-content:center;align-items:center;display:flex}.artists-page__missing-image span{letter-spacing:.16em;font-size:.62rem;font-weight:700}.artists-page__missing-image strong{color:var(--text);letter-spacing:.08em;margin-top:4px;font-size:.92rem}.artists-page__card--missing .artists-page__card-footer{border:1px dashed #5b478a33}.artists-page__missing-label{color:var(--muted);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;padding-left:2px;font-size:.66rem;font-weight:500;display:block;overflow:hidden}.artists-page__card--loading{cursor:default}.artists-page__card--loading:hover{transform:none}.artists-page__image-skeleton{aspect-ratio:1;background:linear-gradient(90deg,#e7e1eeb3 25%,#f4f1f7f2 50%,#e7e1eeb3 75%) 0 0/200% 100%;border-radius:16px;width:100%;animation:1.4s ease-in-out infinite artists-skeleton}.artists-page__footer-skeleton{background:#ffffff8c;border-radius:10px;justify-content:space-between;align-items:center;min-height:48px;margin-top:8px;padding:8px 12px;display:flex}.artists-page__name-skeleton{background:#5b478a1a;border-radius:999px;width:58%;height:10px}.artists-page__arrow-skeleton{background:#5b478a14;border-radius:50%;width:15px;height:15px}@keyframes artists-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.artists-page__state{text-align:center;border:1px dashed #5b478a2e;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:40px;display:flex}.artists-page__state h2{color:var(--text);margin:0;font-size:1.35rem}.artists-page__state p{color:var(--muted);margin:10px 0 20px;font-size:.9rem}.artists-page__state button{background:var(--text);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:9px 15px;font-family:inherit;font-size:.76rem;font-weight:600;transition:opacity .16s,transform .16s}.artists-page__state button:hover{opacity:.88;transform:translateY(-1px)}@media (width<=1100px){.artists-page__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=800px){.artists-page__container{width:min(100% - 32px,680px);padding-top:28px}.artists-page__back{margin-bottom:34px}.artists-page__header{margin-bottom:30px}.artists-page__count{margin-top:20px;display:inline-block;position:static}.artists-page__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.artists-page__card-footer{min-height:44px;padding:7px 9px 7px 10px}}@media (width<=560px){.artists-page__container{width:min(100% - 24px,460px);padding-bottom:50px}.artists-page__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.artists-page__heading h1{font-size:2.5rem}.artists-page__intro{font-size:.9rem}.artists-page__name{font-size:.78rem}.artists-page__missing-label{font-size:.59rem}}.daily-game{background:radial-gradient(circle at 50% 0%, #7c3aed1f, transparent 38%), var(--color-background);min-height:calc(100vh - 72px);color:var(--text-primary);padding:48px 24px 80px}.daily-game__container{width:min(920px,100%);margin:0 auto}.daily-game__header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;display:flex}.daily-game__eyebrow{color:var(--color-cyan);letter-spacing:.16em;margin:0 0 8px;font-size:.72rem;font-weight:800}.daily-game__title{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,5vw,3.5rem);line-height:.95}.daily-game__description{max-width:620px;color:var(--text-muted);margin:12px 0 0;line-height:1.5}.daily-game__progress{flex-shrink:0;align-items:baseline;gap:5px;font-weight:800;display:flex}.daily-game__progress span:first-child{color:var(--color-cyan);font-size:2rem}.daily-game__progress span:last-child{color:var(--text-muted);font-size:.85rem}.daily-game__twist{border:1px solid var(--border-medium);background:var(--color-surface);border-radius:16px;align-items:center;gap:14px;margin-bottom:28px;padding:16px 20px;display:flex}.daily-game__twist-icon{background:#7c3aed1f;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.daily-game__twist p{color:var(--color-cyan);letter-spacing:.13em;margin:0 0 3px;font-size:.62rem;font-weight:900}.daily-game__twist strong{font-size:.9rem;display:block}.daily-game__twist div>span{color:var(--text-muted);margin-top:3px;font-size:.75rem;display:block}.daily-game__player-card{border:1px solid var(--border-medium);background:linear-gradient(145deg,#7c3aed21,#14141ef5);border-radius:28px;padding:34px;position:relative;overflow:hidden;box-shadow:0 25px 70px #00000040,0 0 50px #7c3aed14}.daily-game__timer{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.daily-game__timer span{color:var(--text-muted);letter-spacing:.14em;font-size:.7rem;font-weight:800}.daily-game__timer strong{color:var(--text-primary);letter-spacing:-.04em;font-size:2.3rem;line-height:1}.daily-game__wave{justify-content:center;align-items:center;gap:5px;height:100px;margin-bottom:28px;display:flex}.daily-game__wave-bar{background:var(--color-purple-light);opacity:.25;border-radius:999px;width:5px;height:20%;transition:height .18s,opacity .18s}.daily-game__wave-bar:nth-child(2n){height:45%}.daily-game__wave-bar:nth-child(3n){height:70%}.daily-game__wave-bar:nth-child(5n){height:35%}.daily-game__wave-bar--active{opacity:1;animation:.8s ease-in-out infinite alternate daily-wave}.daily-game__wave-bar--active:nth-child(2n){animation-delay:-.2s}.daily-game__wave-bar--active:nth-child(3n){animation-delay:-.4s}@keyframes daily-wave{0%{transform:scaleY(.65)}to{transform:scaleY(1.3)}}.daily-game__player-bottom{color:var(--text-muted);align-items:center;gap:12px;margin-top:26px;font-size:.7rem;font-weight:700;display:flex}.daily-game__progress-track{background:#ffffff14;border-radius:999px;flex:1;height:5px;overflow:hidden}.daily-game__progress-fill{border-radius:inherit;background:var(--gradient-primary);height:100%;transition:width .18s}.daily-game__question{text-align:center;margin:36px 0 0}.daily-game__question p{color:var(--color-cyan);letter-spacing:.15em;margin:0 0 9px;font-size:.68rem;font-weight:900}.daily-game__question h2{letter-spacing:-.03em;margin:0;font-size:clamp(1.45rem,4vw,2.2rem)}.daily-game__question span{color:var(--text-muted);margin-top:8px;font-size:.8rem;display:block}.daily-game__answers{margin-top:34px}.daily-game__answers-header{justify-content:space-between;margin-bottom:14px;display:flex}.daily-game__answers-header p,.daily-game__answers-header span{letter-spacing:.13em;margin:0;font-size:.68rem;font-weight:900}.daily-game__answers-header span{color:var(--text-muted)}.daily-game__answer-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.daily-game__answer{border:1px solid var(--border-medium);min-height:78px;color:var(--text-primary);background:var(--color-surface);text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:18px;padding:18px 20px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:flex}.daily-game__answer:hover:not(:disabled){border-color:var(--color-purple-light);background:linear-gradient(135deg, #7c3aed1f, var(--color-surface));transform:translateY(-2px)}.daily-game__answer:disabled{cursor:default}.daily-game__answer-number{color:var(--color-cyan);font-size:.7rem;font-weight:900}.daily-game__answer-text{flex:1;font-weight:700;line-height:1.2}.daily-game__answer-arrow{color:var(--text-muted);transition:transform .18s,color .18s}.daily-game__answer:hover:not(:disabled) .daily-game__answer-arrow{color:var(--color-cyan);transform:translate(4px)}.daily-game__answer--correct{border-color:var(--color-cyan);background:linear-gradient(135deg, #22d3ee21, var(--color-surface));box-shadow:0 0 30px #22d3ee14}.daily-game__answer--correct .daily-game__answer-number{color:var(--color-cyan)}.daily-game__answer--wrong{background:linear-gradient(135deg, #ef44441a, var(--color-surface));border-color:#ef4444b3}.daily-game__answer--disabled{opacity:.45}.daily-game__actions{gap:12px;margin-top:22px;display:flex}.daily-game__advance,.daily-game__reveal-button,.daily-game__next{letter-spacing:.1em;cursor:pointer;border-radius:13px;min-height:52px;font-size:.72rem;font-weight:900;transition:transform .18s,box-shadow .18s,opacity .18s}.daily-game__advance{color:#fff;background:var(--gradient-primary);border:0;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.daily-game__reveal-button{border:1px solid var(--border-medium);color:var(--text-primary);background:var(--color-surface);flex:1}.daily-game__advance:hover:not(:disabled),.daily-game__reveal-button:hover,.daily-game__next:hover{transform:translateY(-2px)}.daily-game__advance:hover:not(:disabled){box-shadow:0 10px 30px var(--glow-purple)}.daily-game__advance:disabled{cursor:not-allowed;opacity:.35}.daily-game__after{flex-direction:column;gap:14px;margin-top:24px;display:flex}.daily-game__reveal-card{border:1px solid var(--border-medium);background:linear-gradient(135deg, #7c3aed26, #22d3ee0a), var(--color-surface);border-radius:22px;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:22px;min-height:150px;padding:18px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 45px #0003}.daily-game__reveal-card:after{content:"";filter:blur(45px);pointer-events:none;background:#7c3aed29;border-radius:50%;width:180px;height:180px;position:absolute;top:-90px;right:-70px}.daily-game__reveal-artwork{z-index:1;object-fit:cover;border-radius:18px;width:112px;height:112px;position:relative;box-shadow:0 12px 30px #0006}.daily-game__reveal-content{z-index:1;min-width:0;position:relative}.daily-game__reveal-eyebrow{color:#22d3ee;letter-spacing:.15em;margin-bottom:5px;font-size:9px;font-weight:900;display:block}.daily-game__reveal-content h3{color:var(--color-text);letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(22px,4vw,30px);font-weight:900;line-height:1.05;overflow:hidden}.daily-game__reveal-artist{color:var(--color-text-muted);margin:6px 0 0;font-size:14px;font-weight:600}.daily-game__reveal-meta{color:var(--color-text-muted);align-items:center;gap:8px;margin-top:9px;font-size:11px;display:flex}.daily-game__reveal-dot{color:#a78bfa}.daily-game__reveal-points{color:#c4b5fd;text-shadow:0 0 16px #7c3aed59;margin-top:11px;font-size:13px;font-weight:900;display:inline-block}.daily-game__reveal-answer{color:#fb7185;letter-spacing:.04em;margin-top:11px;font-size:10px;font-weight:800;display:inline-block}.daily-game__reveal-status{z-index:1;color:var(--color-text-muted);letter-spacing:.13em;writing-mode:vertical-rl;align-self:center;padding-right:5px;font-size:8px;font-weight:900;position:relative;transform:rotate(180deg)}.daily-game__reveal-card{animation:.35s ease-out both dailyRevealIn}@keyframes dailyRevealIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=680px){.daily-game__reveal-card{grid-template-columns:82px minmax(0,1fr);gap:15px;min-height:120px;padding:13px}.daily-game__reveal-artwork{border-radius:14px;width:82px;height:82px}.daily-game__reveal-content h3{font-size:21px}.daily-game__reveal-artist{font-size:12px}.daily-game__reveal-status{display:none}}@media (width<=430px){.daily-game__reveal-card{grid-template-columns:68px minmax(0,1fr)}.daily-game__reveal-artwork{width:68px;height:68px}.daily-game__reveal-content h3{font-size:18px}.daily-game__reveal-meta{font-size:10px}}.daily-game__result{border:1px solid var(--border-medium);background:var(--color-surface);border-radius:18px;align-items:center;gap:16px;padding:20px 22px;display:flex}.daily-game__result-icon{border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:1.35rem;font-weight:900;display:grid}.daily-game__result-icon--correct{color:#fff;background:var(--gradient-primary);box-shadow:0 0 25px var(--glow-purple)}.daily-game__result-icon--wrong{color:var(--text-muted);background:#ffffff0f}.daily-game__result p{color:var(--color-cyan);letter-spacing:.13em;margin:0 0 4px;font-size:.68rem;font-weight:900}.daily-game__result div>span{color:var(--text-muted);font-size:.78rem}.daily-game__next{color:#fff;background:var(--gradient-primary);border:0;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:12px;display:flex}.daily-game__next:hover{box-shadow:0 10px 30px var(--glow-purple)}.daily-game__stats{border:1px solid var(--border-medium);background:var(--border-medium);border-radius:18px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:34px;display:grid;overflow:hidden}.daily-game__stats>div{background:var(--color-surface);text-align:center;padding:20px}.daily-game__stats span{color:var(--text-muted);letter-spacing:.13em;margin-bottom:7px;font-size:.62rem;font-weight:900;display:block}.daily-game__stats strong{letter-spacing:-.03em;font-size:1.4rem}.daily-game__loading,.daily-game__error-state{border:1px solid var(--border-medium);background:var(--color-surface);text-align:center;border-radius:28px;place-items:center;min-height:420px;padding:40px;display:grid}.daily-game__loading-spinner{border:3px solid #ffffff1a;border-top-color:var(--color-cyan);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite daily-spin}.daily-game__loading p{color:var(--text-muted);letter-spacing:.12em;margin:18px 0 0;font-size:.72rem;font-weight:800}.daily-game__error-state p{color:var(--text-muted);margin:0 0 18px}.daily-game__error-state button{border:1px solid var(--border-medium);color:var(--text-primary);background:var(--color-surface);cursor:pointer;border-radius:10px;padding:13px 18px;font-weight:800}@keyframes daily-spin{to{transform:rotate(360deg)}}@media (width<=700px){.daily-game{padding:32px 16px 60px}.daily-game__header{align-items:flex-start}.daily-game__player-card{border-radius:22px;padding:24px 18px}.daily-game__wave{gap:3px}.daily-game__wave-bar{width:4px}.daily-game__answer-grid{grid-template-columns:1fr}.daily-game__actions{flex-direction:column}.daily-game__stats{grid-template-columns:1fr}}@media (width<=500px){.daily-game__header{flex-direction:column}.daily-game__progress{align-self:flex-end}.daily-game__twist{align-items:flex-start}.daily-game__player-bottom{font-size:.6rem}.daily-game__player-bottom span:first-child{display:none}.daily-game__answer{min-height:68px;padding:15px}}.daily-results{background:radial-gradient(circle at 50% 0%, #7c3aed2e, transparent 34%), radial-gradient(circle at 90% 45%, #22d3ee12, transparent 28%), var(--color-background);min-height:calc(100vh - 72px);padding:48px 24px 90px;overflow:hidden}.daily-results__container{width:min(920px,100%);margin:0 auto;position:relative}.daily-results__orb{filter:blur(90px);pointer-events:none;opacity:.18;border-radius:50%;width:240px;height:240px;position:absolute}.daily-results__orb--one{background:#7c3aed;top:40px;left:-180px}.daily-results__orb--two{background:#22d3ee;top:520px;right:-180px}.daily-results__hero{text-align:center;padding:18px 0 42px;position:relative}.daily-results__hero-icon{color:#c4b5fd;background:#7c3aed1f;border:1px solid #a78bfa59;border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 20px;font-size:24px;display:flex;box-shadow:0 0 35px #7c3aed40}.daily-results__eyebrow{color:#22d3ee;letter-spacing:.2em;margin:0 0 10px;font-size:12px;font-weight:800}.daily-results__hero h1{color:var(--color-text);letter-spacing:-.045em;text-transform:uppercase;margin:0;font-size:clamp(32px,6vw,58px);font-weight:900;line-height:.98}.daily-results__subtitle{color:var(--color-text-muted);margin:16px 0 0;font-size:14px}.daily-results__score{flex-direction:column;align-items:center;margin-top:34px;display:flex}.daily-results__score span{color:var(--color-text-muted);letter-spacing:.18em;font-size:11px;font-weight:800}.daily-results__score strong{color:#c4b5fd;letter-spacing:-.06em;text-shadow:0 0 24px #7c3aed59;margin-top:3px;font-size:clamp(58px,10vw,92px);font-weight:900;line-height:1}.daily-results__score small{color:#22d3ee;letter-spacing:.2em;margin-top:5px;font-size:10px;font-weight:900}.daily-results__stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.daily-results__stat{border:1px solid var(--border-medium);background:var(--color-surface);border-radius:18px;align-items:center;gap:13px;min-height:92px;padding:18px;display:flex;box-shadow:0 12px 30px #00000029}.daily-results__stat-icon{color:#a78bfa;background:#7c3aed21;border-radius:12px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:900;display:flex}.daily-results__stat small{color:var(--color-text-muted);letter-spacing:.14em;font-size:9px;font-weight:800;display:block}.daily-results__stat strong{color:var(--color-text);margin-top:4px;font-size:24px;font-weight:900;display:block}.daily-results__stat strong span{color:var(--color-text-muted);font-size:14px}.daily-results__challenge-card{border:1px solid var(--border-medium);background:linear-gradient(135deg, #7c3aed1f, #22d3ee0a), var(--color-surface);border-radius:22px;grid-template-columns:1.25fr .75fr;gap:20px;margin-bottom:48px;padding:25px;display:grid}.daily-results__challenge-card>div:first-child>span{color:#22d3ee;letter-spacing:.18em;font-size:9px;font-weight:900}.daily-results__challenge-card h2{color:var(--color-text);letter-spacing:-.025em;margin:7px 0 5px;font-size:24px;font-weight:900}.daily-results__challenge-card p{color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.5}.daily-results__twist{border-left:1px solid var(--border-medium);align-items:center;gap:13px;padding-left:22px;display:flex}.daily-results__twist-icon{background:#7c3aed24;border-radius:13px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.daily-results__twist small{color:var(--color-text-muted);letter-spacing:.16em;font-size:8px;font-weight:900;display:block}.daily-results__twist strong{color:#c4b5fd;margin:3px 0;font-size:14px;display:block}.daily-results__twist span:last-child{color:var(--color-text-muted);font-size:11px;line-height:1.35;display:block}.daily-results__section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:16px;display:flex}.daily-results__section-heading p{color:#22d3ee;letter-spacing:.18em;margin:0 0 5px;font-size:9px;font-weight:900}.daily-results__section-heading h2{color:var(--color-text);letter-spacing:-.03em;margin:0;font-size:27px;font-weight:900}.daily-results__section-heading>span{color:var(--color-text-muted);letter-spacing:.12em;font-size:9px;font-weight:800}.daily-results__questions{flex-direction:column;gap:10px;display:flex}.daily-results__question{border:1px solid var(--border-medium);background:var(--color-surface);border-radius:17px;grid-template-columns:34px 64px minmax(0,1fr) auto auto;align-items:center;gap:16px;min-height:92px;padding:13px 16px 13px 12px;transition:transform .2s,border-color .2s;display:grid}.daily-results__question:hover{transform:translateY(-2px)}.daily-results__question--correct{border-color:#22d3ee38}.daily-results__question--wrong{border-color:#f8717133}.daily-results__question-number{color:var(--color-text-muted);text-align:center;font-size:10px;font-weight:900}.daily-results__artwork{object-fit:cover;border-radius:13px;width:64px;height:64px;box-shadow:0 8px 18px #0000004d}.daily-results__question-info{min-width:0}.daily-results__question-type{color:#a78bfa;letter-spacing:.13em;margin-bottom:4px;font-size:8px;font-weight:900;display:block}.daily-results__question-info h3{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:800;overflow:hidden}.daily-results__question-info p{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:11px;overflow:hidden}.daily-results__year{color:#22d3ee;background:#22d3ee14;border-radius:5px;margin-top:5px;padding:2px 7px;font-size:9px;font-weight:800;display:inline-block}.daily-results__question-answer{min-width:105px}.daily-results__status{letter-spacing:.08em;font-size:9px;font-weight:900;display:block}.daily-results__status--correct{color:#22d3ee}.daily-results__status--wrong{color:#fb7185}.daily-results__question-answer small{color:var(--color-text-muted);margin-top:6px;font-size:8px;display:block}.daily-results__question-answer small strong{color:var(--color-text);font-weight:800}.daily-results__question-points{text-align:right;min-width:72px}.daily-results__question-points span{color:var(--color-text-muted);letter-spacing:.12em;font-size:7px;font-weight:800;display:block}.daily-results__question-points strong{color:#c4b5fd;margin-top:3px;font-size:17px;font-weight:900;display:block}.daily-results__bottom{border-top:1px solid var(--border-medium);justify-content:space-between;align-items:center;gap:24px;margin-top:42px;padding-top:30px;display:flex}.daily-results__bottom-message span{color:#22d3ee;letter-spacing:.16em;font-size:8px;font-weight:900;display:block}.daily-results__bottom-message strong{color:var(--color-text);margin-top:6px;font-size:16px;display:block}.daily-results__actions{gap:10px;display:flex}.daily-results__play,.daily-results__home{letter-spacing:.08em;cursor:pointer;border-radius:13px;min-height:48px;padding:0 20px;font-family:inherit;font-size:10px;font-weight:900;transition:transform .2s,box-shadow .2s}.daily-results__play{background:var(--gradient-primary);color:#fff;border:0;box-shadow:0 8px 25px #7c3aed40}.daily-results__play span{margin-left:10px;font-size:16px}.daily-results__home{border:1px solid var(--border-medium);background:var(--color-surface);color:var(--color-text)}.daily-results__play:hover,.daily-results__home:hover{transform:translateY(-2px)}.daily-results__play:hover{box-shadow:0 12px 32px #7c3aed59}.daily-results__error{border:1px solid var(--border-medium);background:var(--color-surface);text-align:center;border-radius:24px;width:min(500px,100%);margin:100px auto;padding:40px}.daily-results__error>span{color:#22d3ee;letter-spacing:.18em;font-size:10px;font-weight:900}.daily-results__error h1{color:var(--color-text);margin:12px 0 8px;font-size:30px}.daily-results__error p{color:var(--color-text-muted);margin:0 0 24px;font-size:13px}.daily-results__error button{background:var(--gradient-primary);color:#fff;cursor:pointer;border:0;border-radius:12px;align-items:center;gap:12px;min-height:48px;padding:0 20px;font-family:inherit;font-size:10px;font-weight:900;display:inline-flex}@media (width<=760px){.daily-results{padding:32px 16px 60px}.daily-results__stats{grid-template-columns:repeat(2,1fr)}.daily-results__challenge-card{grid-template-columns:1fr}.daily-results__twist{border-top:1px solid var(--border-medium);border-left:0;padding-top:18px;padding-left:0}.daily-results__question{grid-template-columns:30px 56px minmax(0,1fr) auto}.daily-results__artwork{width:56px;height:56px}.daily-results__question-answer{min-width:80px}.daily-results__question-points{display:none}.daily-results__bottom{flex-direction:column;align-items:stretch}.daily-results__actions{width:100%}.daily-results__play,.daily-results__home{flex:1}}@media (width<=520px){.daily-results__hero h1{font-size:34px}.daily-results__score strong{font-size:64px}.daily-results__stat{min-height:82px;padding:13px}.daily-results__stat-icon{width:34px;height:34px}.daily-results__stat strong{font-size:20px}.daily-results__question{grid-template-columns:24px 50px minmax(0,1fr);gap:10px;padding:10px}.daily-results__artwork{width:50px;height:50px}.daily-results__question-answer{grid-column:3;margin-top:2px}.daily-results__question-number{align-self:start;padding-top:18px}.daily-results__section-heading{align-items:flex-start;gap:10px}.daily-results__section-heading h2{font-size:23px}.daily-results__actions{flex-direction:column}}.daily-results__confetti{z-index:20;pointer-events:none;background:#a78bfa;border-radius:2px;width:7px;height:12px;animation-name:dailyConfettiFall;animation-timing-function:linear;animation-iteration-count:1;position:fixed;top:-18px}.daily-results__confetti:nth-child(3n){background:#22d3ee}.daily-results__confetti:nth-child(4n){background:#f472b6}.daily-results__confetti:nth-child(5n){background:#facc15}.daily-results__confetti--subtle{opacity:.7}.daily-results__confetti--high{width:8px;height:14px}.daily-results__confetti--full{width:9px;height:15px;box-shadow:0 0 8px #a78bfa66}@keyframes dailyConfettiFall{0%{opacity:1;top:-20px}70%{opacity:1}to{opacity:0;top:105vh}}.auth-page{box-sizing:border-box;background:var(--color-bg,#f6f1f5);min-height:100vh;color:var(--color-text,#302c35);font-family:var(--font-body,"Inter", sans-serif);justify-content:center;align-items:center;padding:24px 20px;display:flex}.auth-shell{background:var(--color-surface,#fbf8fa);border:1px solid var(--border-subtle,#e4dce6);border-radius:var(--radius-xl,18px);width:100%;max-width:850px;box-shadow:var(--shadow-md,0 4px 0 #302c351a);grid-template-columns:.85fr 1.15fr;display:grid;overflow:hidden}.auth-player{background:var(--color-bg-secondary,#f0eaf1);border-right:1px solid var(--border-subtle,#e4dce6);flex-direction:column;justify-content:space-between;gap:24px;min-width:0;padding:26px;display:flex}.auth-brand{letter-spacing:.12em;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.auth-brand-dot{background:var(--color-lilac,#c8a2c8);border-radius:50%;flex-shrink:0;width:8px;height:8px}.auth-player-content{flex-direction:column;gap:14px;display:flex}.auth-album-art{aspect-ratio:1;border-radius:var(--radius-lg,14px);width:100%;max-width:210px;box-shadow:var(--shadow-sm);background:radial-gradient(circle,#fbf8fa 0 3%,#b3a8d9 3.5% 15%,#c6a9d3 15.5% 16.5%,#0000 17%),repeating-radial-gradient(circle,#746d78 0 1px,#302c35 2px 5px);align-self:center;position:relative;overflow:hidden}.auth-album-art:after{content:"";background:linear-gradient(135deg,#ffffff2e,#0000 55%);position:absolute;inset:0}.auth-art-label{z-index:1;letter-spacing:.12em;color:#fff;font-size:9px;font-weight:800;position:absolute;bottom:10px;left:10px}.auth-track{flex-direction:column;gap:5px;display:flex}.auth-track-label{color:#865d8d;letter-spacing:.12em;font-size:9px;font-weight:800}.auth-track h2{font-family:var(--font-display,"Space Grotesk", sans-serif);letter-spacing:-.04em;margin:0;font-size:23px;line-height:1.2}.auth-track p{color:var(--color-muted,#746d78);margin:0;font-size:12px;line-height:1.6}.auth-player-controls{flex-direction:column;gap:10px;display:flex}.auth-progress{border-radius:var(--radius-pill);background:#e4dce6;height:4px;overflow:hidden}.auth-progress-fill{border-radius:inherit;background:var(--color-lavender,#b3a7d1);width:38%;height:100%}.auth-player-meta{color:var(--color-muted,#746d78);letter-spacing:.03em;justify-content:space-between;align-items:center;gap:8px;font-size:9px;display:flex}.auth-equalizer{align-items:center;gap:3px;height:18px;display:flex}.auth-equalizer span{background:var(--color-lilac,#c8a2c8);border-radius:4px;width:3px;height:6px}.auth-equalizer span:nth-child(2),.auth-equalizer span:nth-child(5){height:12px}.auth-equalizer span:nth-child(3){height:17px}.auth-equalizer span:nth-child(4){height:9px}.auth-player-footer{color:var(--color-subtle,#9a929f);letter-spacing:.07em;font-size:9px;line-height:1.5}.auth-content{flex-direction:column;justify-content:center;min-width:0;padding:36px 40px;display:flex}.auth-header{margin-bottom:22px}.auth-eyebrow{color:#865d8d;letter-spacing:.12em;margin:0 0 9px;font-size:10px;font-weight:800}.auth-header h1{font-family:var(--font-display,"Space Grotesk", sans-serif);letter-spacing:-.055em;margin:0 0 9px;font-size:clamp(26px,3vw,33px);line-height:1.12}.auth-header p:not(.auth-eyebrow){max-width:360px;color:var(--color-muted,#746d78);margin:0;font-size:12px;line-height:1.65}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field label{color:var(--color-text-secondary,#514b56);font-size:12px;font-weight:600}.auth-field input{box-sizing:border-box;border:1px solid var(--border-subtle,#e4dce6);border-radius:var(--radius-md,10px);width:100%;min-height:44px;color:var(--color-text,#302c35);transition:border-color var(--transition-normal,.18s ease), box-shadow var(--transition-normal,.18s ease);background:#fff;outline:none;padding:11px 13px;font-family:inherit;font-size:13px}.auth-field input::placeholder{color:var(--color-subtle,#9a929f)}.auth-field input:focus{border-color:var(--color-lilac,#c8a2c8);box-shadow:0 0 0 3px #c8a2c82e}.auth-field input:disabled{opacity:.65}.auth-error{color:var(--color-error-dark,#865c5c);margin:-2px 0 0;font-size:12px;line-height:1.5}.auth-submit{border-radius:var(--radius-md,10px);background:var(--color-lilac,#c8a2c8);width:100%;min-height:45px;color:var(--color-text,#302c35);cursor:pointer;transition:transform var(--transition-fast,.12s ease), background var(--transition-normal,.18s ease);border:1px solid #0000;justify-content:center;align-items:center;gap:9px;margin-top:3px;padding:12px 16px;font-family:inherit;font-size:13px;font-weight:700;display:flex}.auth-submit:hover:not(:disabled){background:var(--color-mauve,#c6a9d3);transform:translateY(-1px)}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-switch{color:var(--color-muted,#746d78);text-align:center;margin:18px 0 0;font-size:12px;line-height:1.6}.auth-switch a{color:#865d8d;font-weight:700;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-content-footer{border-top:1px solid var(--border-subtle,#e4dce6);color:var(--color-subtle,#9a929f);letter-spacing:.06em;text-align:center;margin-top:22px;padding-top:13px;font-size:9px}@media (width>=761px) and (height<=780px){.auth-page{padding-block:16px}.auth-player{gap:16px;padding:20px}.auth-player-content{gap:10px}.auth-album-art{max-width:155px}.auth-content{padding-block:24px}.auth-header{margin-bottom:16px}.auth-form{gap:10px}.auth-content-footer{margin-top:14px}}@media (width<=760px){.auth-page{align-items:flex-start;padding:16px}.auth-shell{grid-template-columns:1fr;max-width:460px;margin:auto}.auth-player{border-right:0;border-bottom:1px solid var(--border-subtle,#e4dce6);gap:12px;padding:16px 20px}.auth-player-content{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;display:grid}.auth-album-art{aspect-ratio:1;border-radius:9px;width:64px;max-width:64px}.auth-art-label{font-size:6px;bottom:5px;left:5px}.auth-track h2{font-size:17px}.auth-track p{font-size:11px}.auth-player-controls,.auth-player-footer{display:none}.auth-content{padding:24px 22px}.auth-header{margin-bottom:18px}.auth-header h1{font-size:28px}.auth-form{gap:12px}.auth-content-footer{margin-top:16px}}@media (width<=380px){.auth-content{padding:22px 16px}.auth-player{padding-inline:16px}}@media (prefers-reduced-motion:reduce){.auth-submit,.auth-field input{transition:none}}.endless-game{min-height:calc(100dvh - var(--navbar-height));height:calc(100dvh - var(--navbar-height));color:var(--color-text);background:var(--color-bg);padding:14px 32px;overflow:hidden}.endless-game__container{flex-direction:column;width:min(100%,1180px);height:100%;margin:0 auto;display:flex}.endless-game__header{flex-shrink:0;margin-bottom:18px}.endless-game__eyebrow{color:var(--color-lilac);letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px;font-size:.64rem;font-weight:800}.endless-game__header h1{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(1.7rem,3vw,2.35rem);line-height:.95}.endless-game__status-message{color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;margin:auto;font-size:.7rem;font-weight:800}.endless-game__board{flex:1;grid-template-columns:minmax(330px,.9fr) minmax(440px,1.1fr);align-items:center;gap:42px;min-height:0;display:grid}.endless-game__question{flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex}.endless-game__artwork{aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:min(245px,42vh);box-shadow:var(--shadow-md);place-items:center;display:grid;overflow:hidden}.endless-game__artwork img{object-fit:cover;width:100%;height:100%}.endless-game__artwork span{color:var(--color-text-muted);font-family:var(--font-display);font-size:5rem}.endless-game__artwork--hidden{background:var(--color-surface)}.endless-game__artwork--hidden span{color:var(--color-lilac)}.endless-game__audio{width:min(100%,390px);margin-top:16px}.endless-game__stage-info{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);justify-content:space-between;margin-top:10px;padding:9px 11px;display:flex}.endless-game__stage-info div{flex-direction:column;gap:2px;display:flex}.endless-game__stage-info div:last-child{align-items:flex-end}.endless-game__stage-info span{color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.54rem;font-weight:800}.endless-game__stage-info strong{font-size:.75rem;font-weight:800}.endless-game__stage-bar{gap:5px;margin-top:8px;display:flex}.endless-game__stage-segment{background:var(--color-border);border-radius:999px;flex:1;height:4px}.endless-game__stage-segment--active{background:var(--color-lilac)}.endless-game__play-panel{justify-self:center;width:100%;min-width:0;max-width:560px}.endless-game__prompt{margin-bottom:14px}.endless-game__prompt span{color:var(--color-text-muted);letter-spacing:.13em;text-transform:uppercase;margin-bottom:4px;font-size:.57rem;font-weight:800;display:block}.endless-game__prompt h2{font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:clamp(1.35rem,2.5vw,1.85rem);line-height:1.05}.endless-game__actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;display:grid}.endless-game__advance,.endless-game__give-up,.endless-game__next{border:1px solid var(--color-lilac);border-radius:var(--radius-md);min-height:40px;font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;font-size:.63rem;font-weight:800;transition:transform .14s,background .14s,border-color .14s,box-shadow .14s}.endless-game__advance,.endless-game__next{color:var(--color-text);background:var(--color-lilac);box-shadow:var(--shadow-sm)}.endless-game__give-up{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border-strong)}.endless-game__advance:hover:not(:disabled),.endless-game__give-up:hover:not(:disabled),.endless-game__next:hover:not(:disabled){transform:translateY(-1px)}.endless-game__advance:hover:not(:disabled),.endless-game__next:hover:not(:disabled){background:var(--color-periwinkle);border-color:var(--color-periwinkle)}.endless-game__give-up:hover:not(:disabled){border-color:var(--color-lilac);background:var(--color-surface-hover)}.endless-game__advance:active:not(:disabled),.endless-game__give-up:active:not(:disabled),.endless-game__next:active:not(:disabled){transform:translateY(0)}.endless-game__advance:disabled,.endless-game__give-up:disabled,.endless-game__next:disabled{opacity:.5;cursor:not-allowed}.endless-game__reveal-heading{color:var(--color-text-muted);letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:.59rem;font-weight:800;display:flex}.endless-game__reveal--correct .endless-game__reveal-heading{color:var(--color-success)}.endless-game__reveal--incorrect .endless-game__reveal-heading{color:var(--color-danger)}.endless-game__song-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);padding:17px 18px}.endless-game__reveal--correct .endless-game__song-card{border-color:var(--color-success)}.endless-game__reveal--incorrect .endless-game__song-card{border-color:var(--color-danger)}.endless-game__song-info h2{font-family:var(--font-display);letter-spacing:-.035em;overflow-wrap:anywhere;margin:0 0 4px;font-size:clamp(1.35rem,2.5vw,1.85rem);line-height:1.05}.endless-game__song-info p{color:var(--color-text-muted);margin:0 0 13px;font-size:.76rem;font-weight:700}.endless-game__song-meta{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:5px 8px;font-size:.57rem;font-weight:700;line-height:1.4;display:flex}.endless-game__song-meta span:first-child:after{content:"•";color:var(--color-border-strong);margin-left:8px}.endless-game__next-area{margin-top:10px}.endless-game__next-status{color:var(--color-text-muted);letter-spacing:.09em;text-transform:uppercase;margin:0 0 7px;font-size:.55rem;font-weight:700}.endless-game__next{width:100%}@media (width<=900px){.endless-game{height:auto;min-height:calc(100dvh - var(--navbar-height));padding:14px 20px 24px;overflow:auto}.endless-game__container{height:auto}.endless-game__board{grid-template-columns:1fr;gap:28px}.endless-game__play-panel{max-width:620px}.endless-game__artwork{width:min(245px,55vw)}}@media (width<=600px){.endless-game{padding:12px 14px 20px}.endless-game__header{margin-bottom:16px}.endless-game__header h1{font-size:1.65rem}.endless-game__board{gap:22px}.endless-game__artwork{width:min(210px,62vw)}.endless-game__audio{width:100%}.endless-game__actions{grid-template-columns:1fr}.endless-game__song-card{padding:14px}.endless-game__song-info h2{font-size:1.35rem}}.build-game-page{min-height:calc(100vh - var(--navbar-height));color:var(--color-text);background:var(--color-bg);padding:30px 32px 50px}.build-game-page__container{width:min(100%,1180px);margin:0 auto}.build-game-page__header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.build-game-page__header-copy .label{color:var(--color-lilac);margin:0 0 5px}.build-game-page__header h1{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(30px,4vw,42px);line-height:1}.build-game-page__header p:last-child{color:var(--color-muted);margin:8px 0 0;font-size:13px}.build-game-page__header-doodle{width:64px;height:64px;color:var(--color-lilac);justify-content:center;align-items:center;display:flex;transform:rotate(-10deg)}.build-map{width:100%;min-height:710px;position:relative}.build-map__connections{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.build-map__connections path{fill:none;stroke:var(--color-silver);stroke-width:2.2px;stroke-linecap:round;stroke-dasharray:7 8}.build-center{text-align:center;background:var(--color-surface);border:2px solid var(--color-lilac);width:250px;min-height:190px;box-shadow:var(--shadow-md);z-index:3;border-radius:46% 54% 52% 48%/52% 46% 54% 48%;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;top:245px;left:50%;transform:translate(-50%)rotate(-1deg)}.build-center__record{width:58px;height:58px;color:var(--color-lilac);background:var(--color-bg-secondary);border:1px solid var(--border-medium);border-radius:50%;justify-content:center;align-items:center;margin-bottom:7px;display:flex}.build-center .label{color:var(--color-muted);margin:0 0 3px}.build-center h2{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:24px;line-height:.98}.build-center h2 span{color:var(--color-lilac);display:block}.build-center__hint{color:var(--color-muted);margin:8px 0 0;font-size:10px}.build-node{background:var(--color-surface);border:1px solid var(--border-medium);width:315px;min-height:210px;box-shadow:var(--shadow-sm);z-index:2;padding:19px 21px;position:absolute}.build-node--question{background:#f8f1f8;border-radius:48% 52% 46% 54%/53% 45% 55% 47%;top:15px;left:5px;transform:rotate(-2deg)}.build-node--era{background:#f3f0f8;border-radius:52% 48% 55% 45%/46% 54% 44% 56%;top:15px;right:5px;transform:rotate(2deg)}.build-node--difficulty{background:#f7eeee;border-radius:46% 54% 50% 50%/55% 45% 52% 48%;min-height:195px;bottom:55px;left:5px;transform:rotate(1.5deg)}.build-node--length{background:#f2f0f7;border-radius:54% 46% 48% 52%/45% 55% 50% 50%;min-height:195px;bottom:55px;right:5px;transform:rotate(-1.5deg)}.build-node__heading{color:var(--color-lilac);justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.build-node__number{color:var(--color-subtle);font-family:var(--font-display);letter-spacing:.1em;font-size:9px;font-weight:700}.build-node h2{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.025em;margin:0 0 13px;font-size:19px;line-height:1.05}.build-node h2 span{color:var(--color-lilac)}.build-node__options{flex-wrap:wrap;gap:7px;display:flex}.build-node__options button{min-height:31px;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--border-medium);font-family:var(--font-body);cursor:pointer;transition:transform var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border-radius:11px;padding:5px 10px;font-size:10px;font-weight:600}.build-node__options button:hover{color:var(--color-text);background:var(--color-surface-hover);border-color:var(--color-lilac);transform:translateY(-1px)}.build-node__options button.is-selected{color:var(--color-text);background:var(--color-lilac);border-color:var(--color-lilac);box-shadow:var(--shadow-sm)}.build-node__options--era{gap:6px}.build-node__options--era button{min-width:46px;padding-inline:8px}.build-start{z-index:4;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.build-start button{min-height:48px;color:var(--color-text);background:var(--color-lilac);border:1px solid var(--color-lilac);font-family:var(--font-body);box-shadow:var(--shadow-md);cursor:pointer;transition:transform var(--transition-fast), background var(--transition-fast);border-radius:15px;align-items:center;gap:13px;padding:0 8px 0 20px;font-size:13px;font-weight:700;display:flex}.build-start button:hover{background:var(--color-periwinkle);transform:translateY(-2px)}.build-start button:active{transform:translateY(0)}.build-start__arrow{background:var(--color-surface);border-radius:9px;justify-content:center;align-items:center;width:31px;height:31px;font-size:17px;display:flex}.build-doodle{pointer-events:none;z-index:1;justify-content:center;align-items:center;display:flex;position:absolute}.build-doodle--star{color:var(--color-rose);top:215px;left:38%;transform:rotate(-12deg)}.build-doodle--sparkle{color:var(--color-periwinkle);top:225px;right:37%;transform:rotate(10deg)}.build-doodle--note{color:var(--color-lilac);font-family:Georgia,serif;font-size:27px;bottom:245px;left:43%;transform:rotate(-8deg)}.build-doodle--small-note{color:var(--color-rose);font-family:Georgia,serif;font-size:19px;top:390px;right:40%;transform:rotate(12deg)}@media (width<=900px){.build-game-page{padding:30px 24px 48px}.build-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;min-height:auto;padding:15px 0 80px;display:grid}.build-map__connections,.build-center{display:none}.build-node{width:auto;min-height:210px;position:relative;inset:auto;transform:none}.build-start{position:absolute;bottom:0}.build-doodle--star{top:50%;left:48%}.build-doodle--sparkle{top:45%;right:47%}.build-doodle--note,.build-doodle--small-note{display:none}}@media (width<=600px){.build-game-page{padding:24px 16px 40px}.build-game-page__header{margin-bottom:6px}.build-game-page__header-doodle{width:46px;height:46px}.build-game-page__header-doodle svg{width:40px;height:40px}.build-game-page__header h1{font-size:30px}.build-game-page__header p:last-child{max-width:280px;font-size:12px}.build-map{grid-template-columns:1fr;gap:15px;padding-bottom:76px}.build-node{border-radius:25px;min-height:0;padding:20px;transform:none}.build-node h2{font-size:20px}.build-node__options button{min-height:34px}.build-start{width:100%}.build-start button{justify-content:space-between;width:100%}.build-doodle{display:none}}