:root{--color-bg: #150831;--color-bg-elevated: #20114a;--color-surface: #2b1660;--color-surface-hover: #391d7a;--color-border: rgba(168, 144, 230, .22);--color-border-strong: rgba(255, 64, 162, .5);--color-primary: #ff1e9f;--color-primary-dim: #c81880;--color-primary-glow: rgba(255, 30, 159, .42);--color-accent: #00e7ff;--color-accent-alt: #8b3df0;--color-accent-glow: rgba(0, 231, 255, .28);--color-gold: #ffd24f;--color-gold-glow: rgba(255, 210, 79, .32);--color-text: #f8f4ff;--color-text-muted: #c4b4e6;--color-text-dim: #8779b6;--color-success: #4ade80;--color-danger: #f87171;--color-warning: #ffd24f;--color-ad-placeholder: #0e0521;--gradient-hero: linear-gradient(135deg, #00e7ff 0%, #8b3df0 50%, #ff1e9f 100%);--gradient-card-daily: linear-gradient(145deg, rgba(0, 231, 255, .14), transparent 55%);--gradient-card-infinite: linear-gradient(145deg, rgba(139, 61, 240, .16), transparent 55%);--gradient-card-global: linear-gradient(145deg, rgba(255, 30, 159, .18), transparent 55%);--gradient-card-room: linear-gradient(145deg, rgba(168, 85, 247, .16), transparent 55%);--font-display: "Outfit", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--font-script: "Dancing Script", "Outfit", cursive;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 999px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .55);--shadow-glow: 0 0 40px var(--color-primary-glow);--touch-min: 48px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--header-height: 56px;--header-total-height: calc(var(--header-height) + var(--safe-top));--bottom-nav-height: 4.25rem;--bottom-nav-total-height: calc(var(--bottom-nav-height) + env(safe-area-inset-bottom, 0px));--ad-rail-width: 160px;--transition-fast: .15s ease;--transition-normal: .25s ease;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-instant: .1s;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-reveal: .55s;--duration-shake: .42s;--duration-flash: .65s;--bp-sm: 640px;--bp-md: 900px;--bp-lg: 1100px;--z-chat: 80;--z-nav: 100;--z-nav-sheet: 101;--z-chat-overlay: 102;--z-header: 50;--z-progress: 200;--scrollbar-size: 10px;--scrollbar-track: var(--color-bg-elevated);--scrollbar-thumb: rgba(168, 144, 230, .4);--scrollbar-thumb-hover: rgba(255, 30, 159, .65);--scrollbar-thumb-active: rgba(0, 231, 255, .6)}*,*:before,*:after{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}html{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);scroll-behavior:smooth;scrollbar-gutter:stable;overflow-x:clip}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--radius-full)}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a89bc473,#e6399b66);border-radius:var(--radius-full);border:2px solid var(--scrollbar-track);min-height:2.5rem}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(0,231,255,.55) 0%,var(--scrollbar-thumb-hover) 100%)}*::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,var(--scrollbar-thumb-active) 0%,var(--color-primary) 100%)}*::-webkit-scrollbar-corner{background:var(--scrollbar-track)}body{margin:0;min-height:100dvh;line-height:1.55;max-width:100%;overflow-x:clip;background:radial-gradient(ellipse 90% 55% at 50% -10%,rgba(255,30,159,.28),transparent 65%),radial-gradient(ellipse 70% 50% at 100% 30%,rgba(0,231,255,.14),transparent 70%),radial-gradient(ellipse 60% 45% at 0% 70%,rgba(139,61,240,.18),transparent 70%),radial-gradient(ellipse 100% 60% at 50% 110%,rgba(255,30,159,.16),transparent 65%),var(--color-bg)}body:before{content:"";position:fixed;inset:-10%;background:repeating-radial-gradient(circle at 50% 0%,transparent 0,transparent 78px,rgba(255,30,159,.06) 78px,rgba(255,30,159,.06) 80px),radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0 / 32px 32px;pointer-events:none;z-index:0;opacity:.7;mix-blend-mode:screen}a{color:var(--color-accent-alt);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}h1,h2,h3{font-family:var(--font-display);margin:0 0 var(--space-md);line-height:1.15;letter-spacing:-.02em}body.nav-sheet-open{overflow:hidden}@media(max-width:899px){html{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior-y:none}body{padding-bottom:var(--bottom-nav-total-height);overscroll-behavior-y:none}input,textarea,select,[contenteditable]:not([contenteditable=false]){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.chat-widget-root,.chat-widget-root *,.chat-ui,.chat-ui *,.chat-drawer,.chat-drawer *,.chat-messages,.chat-messages *,.chat-bubble,.chat-bubble *,.chat-system-msg{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}}.site-header{position:sticky;top:0;z-index:var(--z-header);padding-top:var(--safe-top);background:color-mix(in srgb,var(--color-bg-elevated) 92%,transparent);backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);border-bottom:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border));box-shadow:0 1px color-mix(in srgb,white 4%,transparent),0 8px 28px #0000005c}.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--color-accent) 55%,transparent) 25%,color-mix(in srgb,var(--color-primary) 65%,transparent) 75%,transparent 100%);pointer-events:none}.site-header__inner{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;max-width:640px;margin:0 auto;padding:.5rem var(--space-md);min-height:var(--header-height)}.site-header__spacer{display:none}.logo{display:flex;align-items:center;gap:.4rem;text-decoration:none;flex-shrink:0}.logo__mark{width:2.25rem;height:2.25rem;display:block;flex-shrink:0;filter:drop-shadow(0 0 10px rgba(0,231,255,.32)) drop-shadow(0 0 18px rgba(255,30,159,.22));transition:transform .2s ease,filter .2s ease}.logo:hover .logo__mark{transform:scale(1.06) rotate(-4deg);filter:drop-shadow(0 0 14px rgba(230,57,155,.35))}.logo__text{font-family:var(--font-display);font-weight:900;font-size:1.15rem;letter-spacing:-.02em;line-height:1.2;padding-bottom:.08em;background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo:hover{text-decoration:none}.site-header__end{margin-left:auto;flex-shrink:0}.nav-menu-trigger{display:none;align-items:center;gap:.35rem;padding:.4rem .85rem;min-height:2.25rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;font-family:var(--font-body);color:var(--color-text-muted);background:var(--color-bg-elevated);border:1px solid var(--color-border);box-shadow:none;cursor:pointer;transition:all var(--transition-fast)}.nav-menu-trigger:hover{color:var(--color-text);border-color:var(--color-border-strong);transform:none}.nav-menu-trigger--active{color:var(--color-text);background:#e6399b1f;border-color:var(--color-border-strong)}.nav-menu-trigger__label{line-height:1}.site-nav--desktop{display:none;align-items:center;gap:.15rem;justify-content:center;flex-wrap:nowrap}.nav-group{display:flex;align-items:center;gap:.5rem}.nav-group__title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);padding-right:.25rem}.nav-group__links{display:flex;align-items:center;gap:.2rem}.nav-link{position:relative;display:flex;flex-direction:column;align-items:center;gap:.18rem;padding:.4rem .85rem .45rem;border-radius:var(--radius-md);font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--color-text-muted);white-space:nowrap;border:1px solid transparent;background:transparent;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);text-decoration:none;min-width:3.5rem}.nav-link:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-surface) 80%,transparent);border-color:color-mix(in srgb,var(--color-border) 90%,transparent);text-decoration:none}.nav-link:hover .nav-link__icon{color:var(--color-accent)}.nav-link--active{color:var(--color-text);font-weight:700;background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 14%,transparent),color-mix(in srgb,var(--color-accent) 10%,transparent)),var(--color-surface);border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));box-shadow:inset 0 1px color-mix(in srgb,white 10%,transparent),0 6px 18px color-mix(in srgb,var(--color-primary) 18%,transparent)}.nav-link--active .nav-link__icon{color:var(--color-accent);filter:drop-shadow(0 0 6px var(--color-accent-glow))}.nav-link--active .nav-link__label{color:var(--color-text)}html[data-nav=home] .nav-link[data-nav-id=home],html[data-nav=solo] .nav-link[data-nav-id=solo],html[data-nav=multi] .nav-link[data-nav-id=multi],html[data-nav=eurodex] .nav-link[data-nav-id=eurodex],html[data-nav=ranks] .nav-link[data-nav-id=ranks],html[data-nav=account] .nav-link[data-nav-id=account]{color:var(--color-text);font-weight:700;background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 14%,transparent),color-mix(in srgb,var(--color-accent) 10%,transparent)),var(--color-surface);border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));box-shadow:inset 0 1px color-mix(in srgb,white 10%,transparent),0 6px 18px color-mix(in srgb,var(--color-primary) 18%,transparent)}html[data-nav=home] .nav-link[data-nav-id=home] .nav-link__icon,html[data-nav=solo] .nav-link[data-nav-id=solo] .nav-link__icon,html[data-nav=multi] .nav-link[data-nav-id=multi] .nav-link__icon,html[data-nav=eurodex] .nav-link[data-nav-id=eurodex] .nav-link__icon,html[data-nav=ranks] .nav-link[data-nav-id=ranks] .nav-link__icon,html[data-nav=account] .nav-link[data-nav-id=account] .nav-link__icon{color:var(--color-accent);filter:drop-shadow(0 0 6px var(--color-accent-glow))}html[data-nav=home] .nav-link[data-nav-id=home] .nav-link__label,html[data-nav=solo] .nav-link[data-nav-id=solo] .nav-link__label,html[data-nav=multi] .nav-link[data-nav-id=multi] .nav-link__label,html[data-nav=eurodex] .nav-link[data-nav-id=eurodex] .nav-link__label,html[data-nav=ranks] .nav-link[data-nav-id=ranks] .nav-link__label,html[data-nav=account] .nav-link[data-nav-id=account] .nav-link__label{color:var(--color-text)}.nav-link__icon{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;line-height:1;color:var(--color-text-muted);flex-shrink:0;transition:color var(--transition-fast)}.nav-link__icon--badge{position:relative;overflow:visible;flex-shrink:0}.nav-link__icon--points{width:1.4rem;height:1.4rem;min-width:1.4rem;min-height:1.4rem}.nav-link__icon--points>svg{flex-shrink:0;width:1.4rem;height:1.4rem}.nav-link__alert-badge{position:absolute;top:-.28rem;right:-.42rem;z-index:1;display:flex;align-items:center;justify-content:center;min-width:.85rem;height:.85rem;padding:0 .14rem;border-radius:999px;font-family:var(--font-display);font-size:.58rem;font-weight:900;line-height:1;color:#fff;background:linear-gradient(145deg,#ff6b6b,#e53935 55%,#c62828);border:1.5px solid color-mix(in srgb,var(--color-bg-elevated) 88%,transparent);box-shadow:0 0 10px #e539358c,0 1px 3px #00000073;pointer-events:none}.nav-link__alert-badge--mobile{top:-.1rem;right:-.2rem;min-width:.78rem;height:.78rem;font-size:.52rem;border-width:1.25px}.points-x10-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.45rem;height:.82rem;padding:0 .26rem;border-radius:999px;font-family:var(--font-display);font-size:.56rem;font-weight:900;font-style:italic;line-height:1;letter-spacing:-.02em;color:#0a1628;background:linear-gradient(135deg,#7ee8ff,#38bdf8 45%,#a78bfa);border:1.5px solid color-mix(in srgb,var(--color-bg-elevated) 88%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--color-accent) 45%,transparent),0 1px 3px #0006;flex-shrink:0}.points-x10-badge--nav{position:absolute;top:-.3rem;right:-.48rem;z-index:1;pointer-events:none}.points-x10-badge--nav-mobile{top:-.12rem;right:-.22rem;min-width:1.28rem;height:.74rem;font-size:.52rem;border-width:1.25px}.points-x10-badge--inline{position:static;min-width:1.5rem;height:.88rem;font-size:.58rem}.nav-link__icon svg{width:100%;height:100%;display:block}.nav-link__label{display:inline-flex;align-items:center;gap:.35rem;line-height:1.1}.nav-link__new-badge--label,.nav-link__new-badge--icon{display:inline-flex;align-items:center;padding:.1rem .36rem;border-radius:999px;font-size:.56rem;font-weight:900;letter-spacing:.08em;line-height:1;color:#0a0a0a;background:linear-gradient(135deg,#ffe082,#ffd54f 45%,#ffb300);box-shadow:0 0 12px #ffc40073;border:1px solid rgba(255,255,255,.35);text-transform:uppercase;white-space:nowrap}.nav-link__new-badge--icon{position:absolute;top:-.28rem;right:-.38rem;z-index:1;margin-left:0;padding:.08rem .28rem;font-size:.46rem;letter-spacing:.06em;box-shadow:0 0 10px #ffc4008c;pointer-events:none}@media(max-width:767px){.nav-link__new-badge--label{display:none!important}}@media(min-width:768px){.nav-link__new-badge--icon{display:none!important}}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-nav);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:.15rem;box-sizing:border-box;width:100%;max-width:100%;margin:0;min-height:var(--bottom-nav-height);padding:.35rem max(.4rem,env(safe-area-inset-right,0px)) max(.35rem,env(safe-area-inset-bottom,0px)) max(.4rem,env(safe-area-inset-left,0px));background:color-mix(in srgb,var(--color-bg-elevated) 94%,transparent);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);border-top:1px solid color-mix(in srgb,var(--color-primary) 25%,var(--color-border));box-shadow:0 -1px color-mix(in srgb,white 5%,transparent),0 -12px 38px #00000080,0 -1px 24px color-mix(in srgb,var(--color-primary) 14%,transparent);isolation:isolate}.bottom-nav__item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.45rem .15rem .35rem;min-height:0;min-width:0;border-radius:var(--radius-md);font-family:var(--font-display);font-size:.65rem;font-weight:600;letter-spacing:.03em;color:var(--color-text-muted);background:transparent;border:none;box-shadow:none;text-decoration:none;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.bottom-nav__item:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-surface) 70%,transparent);transform:none}.bottom-nav__item--active{color:var(--color-text);font-weight:700;background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.bottom-nav__item--active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1.85rem;height:3px;border-radius:0 0 6px 6px;background:var(--gradient-hero);box-shadow:0 0 10px color-mix(in srgb,var(--color-primary) 60%,transparent)}.bottom-nav__item--active .nav-link__icon{color:var(--color-accent);filter:drop-shadow(0 0 6px var(--color-accent-glow))}.bottom-nav__item--active .nav-link__label{color:var(--color-text)}html[data-nav=home] .bottom-nav__item[data-nav-id=home],html[data-nav=solo] .bottom-nav__item[data-nav-id=solo],html[data-nav=multi] .bottom-nav__item[data-nav-id=multi],html[data-nav=eurodex] .bottom-nav__item[data-nav-id=eurodex],html[data-nav=ranks] .bottom-nav__item[data-nav-id=ranks],html[data-nav=account] .bottom-nav__item[data-nav-id=account]{color:var(--color-text);font-weight:700;background:color-mix(in srgb,var(--color-primary) 12%,transparent)}html[data-nav=home] .bottom-nav__item[data-nav-id=home]:before,html[data-nav=solo] .bottom-nav__item[data-nav-id=solo]:before,html[data-nav=multi] .bottom-nav__item[data-nav-id=multi]:before,html[data-nav=eurodex] .bottom-nav__item[data-nav-id=eurodex]:before,html[data-nav=ranks] .bottom-nav__item[data-nav-id=ranks]:before,html[data-nav=account] .bottom-nav__item[data-nav-id=account]:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1.85rem;height:3px;border-radius:0 0 6px 6px;background:var(--gradient-hero);box-shadow:0 0 10px color-mix(in srgb,var(--color-primary) 60%,transparent)}html[data-nav=home] .bottom-nav__item[data-nav-id=home] .nav-link__icon,html[data-nav=solo] .bottom-nav__item[data-nav-id=solo] .nav-link__icon,html[data-nav=multi] .bottom-nav__item[data-nav-id=multi] .nav-link__icon,html[data-nav=eurodex] .bottom-nav__item[data-nav-id=eurodex] .nav-link__icon,html[data-nav=ranks] .bottom-nav__item[data-nav-id=ranks] .nav-link__icon,html[data-nav=account] .bottom-nav__item[data-nav-id=account] .nav-link__icon{color:var(--color-accent);filter:drop-shadow(0 0 6px var(--color-accent-glow))}html[data-nav=home] .bottom-nav__item[data-nav-id=home] .nav-link__label,html[data-nav=solo] .bottom-nav__item[data-nav-id=solo] .nav-link__label,html[data-nav=multi] .bottom-nav__item[data-nav-id=multi] .nav-link__label,html[data-nav=eurodex] .bottom-nav__item[data-nav-id=eurodex] .nav-link__label,html[data-nav=ranks] .bottom-nav__item[data-nav-id=ranks] .nav-link__label,html[data-nav=account] .bottom-nav__item[data-nav-id=account] .nav-link__label{color:var(--color-text)}.bottom-nav .nav-link__icon{width:1.55rem;height:1.55rem}.bottom-nav .nav-link__label{font-size:.62rem;letter-spacing:.04em;text-transform:uppercase}.nav-sheet__backdrop{position:fixed;inset:0;z-index:var(--z-nav-sheet);background:#0000008c;border:none;padding:0;min-height:0;border-radius:0;cursor:pointer}.nav-sheet{position:fixed;left:0;right:0;bottom:var(--bottom-nav-height);z-index:calc(var(--z-nav-sheet) + 1);max-height:min(70dvh,28rem);display:flex;flex-direction:column;background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-bg-elevated) 100%);border:1px solid var(--color-border-strong);border-bottom:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -12px 40px #00000080;animation:nav-sheet-in .28s ease;padding-bottom:env(safe-area-inset-bottom,0px)}@keyframes nav-sheet-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.nav-sheet__handle{width:2.5rem;height:4px;margin:.5rem auto 0;border-radius:var(--radius-full);background:var(--color-border);flex-shrink:0}.nav-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem .75rem;flex-shrink:0}.nav-sheet__title{margin:0;font-family:var(--font-display);font-size:1.1rem;font-weight:800}.nav-sheet__close{width:2rem;height:2rem;min-height:0;padding:0;border-radius:50%;background:var(--color-bg-elevated);border:1px solid var(--color-border);box-shadow:none;color:var(--color-text-muted);font-size:.85rem}.nav-sheet__list{list-style:none;margin:0;padding:0 .75rem 1rem;overflow-y:auto}.nav-sheet__link{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;border-radius:var(--radius-md);text-decoration:none;color:inherit;border:1px solid transparent;transition:background var(--transition-fast)}.nav-sheet__link:hover{background:var(--color-surface-hover);text-decoration:none}.nav-sheet__link--active{background:#e6399b1f;border-color:var(--color-border-strong)}.nav-sheet__icon{font-size:1.35rem;width:2rem;text-align:center;flex-shrink:0}.nav-sheet__text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.nav-sheet__text strong{font-size:.95rem;font-weight:700;color:var(--color-text)}.nav-sheet__text span{font-size:.8rem;color:var(--color-text-muted)}@media(min-width:900px){body{padding-bottom:0}.bottom-nav{display:none!important}.site-header__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-content:unset;column-gap:var(--space-md);max-width:100%;padding:.5rem var(--space-lg)}.logo{justify-self:start}.site-nav--desktop{display:flex;grid-column:2;justify-self:center;flex-wrap:nowrap;flex-shrink:0}.site-nav--desktop>.nav-link{flex-shrink:0}.nav-link[data-nav-id=multi]{flex-shrink:0}.site-header__spacer{display:block;grid-column:3}.nav-menu-trigger{display:inline-flex}.nav-sheet__backdrop{display:block!important}.nav-sheet{display:flex!important;left:auto;right:var(--space-md);bottom:auto;top:calc(var(--header-total-height) + .35rem);width:min(18rem,calc(100vw - 2rem));max-height:min(24rem,calc(100dvh - var(--header-total-height) - 2rem));border-radius:var(--radius-lg);border:1px solid var(--color-border-strong);border-bottom:1px solid var(--color-border-strong);animation:nav-dropdown-in .2s ease}.nav-sheet__handle{display:none}@keyframes nav-dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.site-header .logo__text{font-size:1.2rem}.nav-link{flex-direction:row;gap:.45rem;min-width:0;font-size:.78rem;padding:.45rem .85rem;border-radius:var(--radius-full)}.nav-link--active{padding:.5rem .95rem}.nav-link__icon{width:1.1rem;height:1.1rem}.nav-link__icon--points,.nav-link__icon--points>svg{width:1.1rem;height:1.1rem;min-width:1.1rem;min-height:1.1rem;flex-shrink:0}}@media(min-width:1100px){.site-header__inner{max-width:min(72rem,100%);margin:0 auto;padding:.5rem var(--space-xl)}.nav-link{font-size:.85rem;padding:.5rem 1rem}.nav-link__icon{width:1.15rem;height:1.15rem}.nav-link__icon--points,.nav-link__icon--points>svg{width:1.15rem;height:1.15rem;min-width:1.15rem;min-height:1.15rem}}@media(max-width:899px){.logo__text{font-size:1.05rem}}button,.btn{font-family:var(--font-body);font:inherit;cursor:pointer;border:none;border-radius:var(--radius-md);min-height:var(--touch-min);padding:.65rem 1.35rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dim) 100%);color:var(--color-text);font-weight:700;font-size:.95rem;letter-spacing:.02em;box-shadow:var(--shadow-sm),0 0 20px var(--color-primary-glow);transition:transform var(--transition-fast),box-shadow var(--transition-normal),opacity var(--transition-fast)}button:hover:not(:disabled),.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md),0 0 28px var(--color-primary-glow)}button:disabled,.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}button:not(:disabled):active,.btn:not(:disabled):active{transform:translateY(0) scale(.98)}.bottom-nav__item,.nav-menu-trigger,.nav-sheet__close,.nav-sheet__backdrop,.chat-fab,.live-reaction-btn,.room-header__share,.room-header__leave,.chat-composer__send,.chat-reaction-btn,.chat-bubble__report,.chat-bubble__mod,.report-dialog__close,.report-dialog__backdrop,.report-song-btn,.beta-notice__email,.edex-icon-btn,.edex-detail__close,.edex-pill,.edex-card,.profile-fav__icon-btn,.profile-fav-picker__close,.profile-fav-picker__page-btn,.profile-fav__slot-empty,.profile-fav-picker__option,.profile-bio__edit-btn,.profile-stats__row-head,.leaderboards-tabs__btn,.leaderboard-pagination__btn,.leaderboard-country-select,.leaderboard-player-select,.country-select__trigger,.country-select__option{min-height:0;font-weight:700;letter-spacing:normal}.chat-reaction-btn,.chat-bubble__report,.chat-bubble__mod,.report-dialog__close,.report-dialog__backdrop,.report-song-btn,.beta-notice__email,.room-header__share,.room-header__leave,.edex-icon-btn,.edex-detail__close,.edex-pill,.edex-card,.profile-fav__icon-btn,.profile-fav-picker__close,.profile-fav-picker__page-btn,.profile-fav__slot-empty,.profile-fav-picker__option,.profile-bio__edit-btn,.profile-stats__row-head,.leaderboards-tabs__btn,.leaderboard-pagination__btn,.leaderboard-country-select,.leaderboard-player-select,.country-select__trigger,.country-select__option{box-shadow:none}.chat-reaction-btn:hover:not(:disabled),.chat-reaction-btn:active:not(:disabled){box-shadow:none;transform:none}.report-dialog__close:hover:not(:disabled),.report-dialog__backdrop:hover,.report-song-btn:hover:not(:disabled),.beta-notice__email:hover:not(:disabled),.beta-notice__email:active:not(:disabled),.edex-icon-btn:hover:not(:disabled),.edex-icon-btn:active:not(:disabled),.profile-fav__icon-btn:hover:not(:disabled),.profile-fav__icon-btn:active:not(:disabled),.profile-fav-picker__close:hover:not(:disabled),.profile-fav-picker__close:active:not(:disabled),.profile-fav-picker__page-btn:hover:not(:disabled),.profile-fav-picker__page-btn:active:not(:disabled),.profile-fav__slot-empty:hover:not(:disabled),.profile-fav__slot-empty:active:not(:disabled),.profile-fav-picker__option:hover:not(:disabled),.profile-fav-picker__option:active:not(:disabled),.profile-bio__edit-btn:hover:not(:disabled),.profile-bio__edit-btn:active:not(:disabled),.profile-stats__row-head:hover:not(:disabled),.profile-stats__row-head:active:not(:disabled),.edex-pill:hover:not(:disabled),.edex-pill:active:not(:disabled),.leaderboards-tabs__btn:hover:not(:disabled),.leaderboards-tabs__btn:active:not(:disabled),.leaderboard-pagination__btn:hover:not(:disabled),.leaderboard-pagination__btn:active:not(:disabled),.leaderboard-country-select:hover:not(:disabled),.leaderboard-country-select:active:not(:disabled),.leaderboard-player-select:hover:not(:disabled),.leaderboard-player-select:active:not(:disabled),.country-select__trigger:hover:not(:disabled),.country-select__trigger:active:not(:disabled),.country-select__option:hover:not(:disabled),.country-select__option:active:not(:disabled){transform:none}.bottom-nav__item,.nav-menu-trigger{background:transparent;box-shadow:none;color:var(--color-text-muted)}.bottom-nav__item:hover,.bottom-nav__item:active,.nav-menu-trigger:hover,.nav-menu-trigger:active{transform:none;box-shadow:none}.nav-menu-trigger{background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-muted)}.nav-menu-trigger--active,.nav-menu-trigger:hover{color:var(--color-text);background:#e6399b1f;border-color:var(--color-border-strong)}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;border:1px solid var(--color-border);box-shadow:none}.btn-primary,button.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dim) 100%);color:var(--color-text);font-weight:700;box-shadow:var(--shadow-sm),0 0 20px var(--color-primary-glow)}.btn-primary:hover:not(:disabled),button.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md),0 0 28px var(--color-primary-glow)}.btn-primary:disabled,button.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-danger,button.btn-danger{background:linear-gradient(135deg,#ef4444,#b91c1c);color:var(--color-text);font-weight:700;border:1px solid rgba(248,113,113,.45);box-shadow:var(--shadow-sm),0 0 16px #ef444440}.btn-danger:hover:not(:disabled),button.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md),0 0 22px #ef444459}.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled),.btn-danger:active:not(:disabled),button.btn-primary:active:not(:disabled),button.btn-secondary:active:not(:disabled),button.btn-danger:active:not(:disabled){transform:scale(.97) translateY(0);transition-duration:var(--duration-instant)}input[type=search],input[type=text],input[type=email],input[type=password]{width:100%;min-height:var(--touch-min);padding:.65rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text);font-size:1rem;font-family:var(--font-body);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}input::placeholder{color:var(--color-text-dim)}.container{width:100%;max-width:640px;min-width:0;margin:0 auto;padding:var(--space-md);position:relative;z-index:1}.page-center--wide{max-width:min(960px,100%)}.page-center--wide .container{max-width:none;padding-left:0;padding-right:0}.page-header{margin-bottom:var(--space-xl);text-align:center}.page-header .page-title{margin-bottom:var(--space-sm)}.page-lead{margin:0 auto;max-width:32ch;color:var(--color-text-muted);font-size:1.05rem;line-height:1.5}.page-title{font-size:clamp(1.85rem,5vw,2.5rem);font-weight:800;background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:#00e7ff1f;border:1px solid rgba(0,231,255,.35);color:var(--color-accent);margin-bottom:var(--space-md)}.badge--daily{background:#00e7ff1f;border-color:#00e7ff66;color:var(--color-accent)}.badge--infinite{background:#8b3df029;border-color:#8b3df066;color:#c4a8ff}.badge--rush{background:#fb923c29;border-color:#fb923c73;color:#fdba74}.badge--guess{background:#38bdf824;border-color:#38bdf866;color:#7dd3fc}.badge--multi{background:#ff1e9f29;border-color:#ff1e9f73;color:#ff8ec4}.badge--social{background:#a855f724;border-color:#a855f766;color:#d6c0ff}.badge--beta{background:#ffc10724;border-color:#ffd70073;color:var(--color-gold)}.badge--soon{background:#94a3b824;border-color:#94a3b859;color:#cbd5e1}.badge--preview{background:#f472b61f;border-color:#f472b659;color:#f9a8d4}.badge--inline{margin-bottom:0;padding:.12rem .45rem;font-size:.62rem;font-weight:800;letter-spacing:.08em;vertical-align:middle;-webkit-text-fill-color:currentColor;background-clip:border-box}.page-title__row{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.45rem .55rem}.page-title:has(.page-title__row){background:none;-webkit-text-fill-color:unset}.page-title__text{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-title__row .badge--inline{flex-shrink:0}.panel{background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-bg-elevated) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}.game-panel{background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-bg-elevated) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);position:relative;overflow:hidden}@keyframes game-panel-shake{0%,to{transform:translate(0)}18%{transform:translate(-9px)}36%{transform:translate(9px)}54%{transform:translate(-5px)}72%{transform:translate(5px)}90%{transform:translate(-2px)}}@keyframes game-panel-wrong-flash{0%{border-color:var(--color-border);box-shadow:var(--shadow-md)}30%{border-color:#f87171f2;box-shadow:0 0 0 2px #f8717173,0 0 28px #ef444459}to{border-color:var(--color-border);box-shadow:var(--shadow-md)}}@keyframes game-panel-wrong-overlay{0%{opacity:.55}to{opacity:0}}.game-panel--wrong{animation:game-panel-shake var(--duration-shake) cubic-bezier(.36,.07,.19,.97),game-panel-wrong-flash var(--duration-flash) ease}.game-panel--wrong:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at center,rgba(239,68,68,.22) 0%,transparent 70%);pointer-events:none;animation:game-panel-wrong-overlay var(--duration-flash) ease forwards}@media(prefers-reduced-motion:reduce){.game-panel--wrong{animation:game-panel-wrong-flash calc(var(--duration-flash) * .7) ease}.game-panel--wrong:after{animation-duration:calc(var(--duration-flash) * .7)}}html[data-reduced-motion] .game-panel--wrong{animation:game-panel-wrong-flash calc(var(--duration-flash) * .7) ease}html[data-reduced-motion] .game-panel--wrong:after{animation-duration:calc(var(--duration-flash) * .7)}.game-panel--success{border-color:#34d3998c;box-shadow:var(--shadow-md),0 0 28px #34d39938}.status-msg{margin:0;padding:.75rem 1rem;border-radius:var(--radius-md);background:#00000040;border-left:3px solid var(--color-primary);color:var(--color-text-muted);font-size:.95rem}.status-msg--success{border-left-color:var(--color-success);color:var(--color-success);background:#4ade8014}.status-msg--error{border-left-color:var(--color-danger);color:var(--color-danger);background:#f8717114}.page-load-error{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:28rem;margin:2rem auto;padding:2rem 1.5rem;text-align:center}.page-load-error__icon{display:flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:50%;background:#f871711f;color:var(--color-danger)}.page-load-error__message{margin:0;color:var(--color-text-muted);font-size:.98rem;line-height:1.5}.page-load-error__retry{margin-top:.25rem}.status-toast-stack{position:fixed;top:calc(var(--header-total-height, 3.5rem) + .75rem);left:50%;z-index:1200;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:min(24rem,calc(100vw - 1.5rem));transform:translate(-50%);pointer-events:none}.status-toast{display:flex;align-items:flex-start;gap:.65rem;width:100%;padding:.75rem .85rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface) 92%,black);border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);border-left:3px solid var(--color-primary);color:var(--color-text);font-size:.9rem;line-height:1.35;box-shadow:var(--shadow-lg);pointer-events:auto;animation:status-toast-in var(--duration-normal) var(--ease-out-expo)}.status-toast--success{border-left-color:var(--color-success);background:color-mix(in srgb,var(--color-success) 10%,var(--color-surface))}.status-toast--error{border-left-color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 10%,var(--color-surface))}.status-toast__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.status-toast__title{font-family:var(--font-display);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-dim);line-height:1.2}.status-toast--success .status-toast__title{color:color-mix(in srgb,var(--color-success) 70%,var(--color-text-dim))}.status-toast__text{line-height:1.35}.status-toast__close{flex-shrink:0;width:1.5rem;height:1.5rem;min-height:0;padding:0;margin:-.1rem -.15rem 0 0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-size:1.1rem;line-height:1;cursor:pointer;box-shadow:none}.status-toast__close:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-text) 8%,transparent)}@keyframes status-toast-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.tier-badge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:600;font-size:.95rem;letter-spacing:.02em;color:var(--color-text-muted);margin:0 0 var(--space-md)}.tier-dots{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:.42rem;margin-bottom:var(--space-lg)}.game-panel--solo .tier-dots{width:100%}.game-panel--success .tier-dots,.game-panel--lose .tier-dots{flex-shrink:0}.tier-dot{flex-shrink:0;width:12px;height:12px;border-radius:50%;background:color-mix(in srgb,#f0edf5 35%,var(--color-border));border:1px solid color-mix(in srgb,#f0edf5 25%,transparent);box-sizing:border-box;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.tier-dot--pending{background:#ece8f4;border-color:color-mix(in srgb,#ece8f4 70%,var(--color-border));box-shadow:0 0 4px #ece8f440;opacity:.9}.tier-dot--active{background:#f8f6fc;border-color:color-mix(in srgb,#ffffff 55%,var(--color-border));box-shadow:0 0 10px #ffffff47;animation:tier-dot-pulse 1.8s ease-in-out infinite}@keyframes tier-dot-pulse{0%,to{box-shadow:0 0 8px #ffffff38;transform:scale(1)}50%{box-shadow:0 0 14px #ffffff73;transform:scale(1.08)}}.tier-dot--skip{background:#f0c419;border-color:color-mix(in srgb,#fde047 75%,transparent);box-shadow:0 0 9px #f0c41980}.tier-dot--wrong{background:#e02424;border-color:color-mix(in srgb,#ff4d4d 65%,transparent);box-shadow:0 0 10px #e024248c}.tier-dot--won{background:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 75%,transparent);box-shadow:0 0 12px #4ade808c}.tier-dot--forfeit{background:#e02424;border-color:color-mix(in srgb,#ff4d4d 65%,transparent);box-shadow:0 0 10px #e024248c}.clip-progress{margin-bottom:var(--space-lg)}.clip-progress__meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.45rem;font-size:.85rem;color:var(--color-text-muted)}.clip-progress__time{font-variant-numeric:tabular-nums;font-weight:700;color:var(--color-text)}.clip-progress__total{font-size:.8rem;color:var(--color-text-muted)}.clip-progress__track{position:relative;height:8px;border-radius:999px;background:color-mix(in srgb,var(--color-bg) 50%,var(--color-border));overflow:hidden}.clip-progress__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-gold) 100%);transition:none}.solo-play-btn{width:100%;margin-bottom:.35rem}.clip-progress__hint{margin:.55rem 0 0;font-size:.9rem;line-height:1.45;color:var(--color-text-muted)}.solo-play-btn:not(:disabled){box-shadow:0 0 16px var(--color-primary-glow)}.reactive-cover{--audio-energy: 0;--audio-beat: 0;position:relative;display:inline-flex;align-items:center;justify-content:center;width:min(200px,62vw);aspect-ratio:1}.reactive-cover--compact{width:min(120px,36vw);margin:0 auto var(--space-sm)}.reactive-cover--playing{margin:0;width:min(200px,62vw)}.reactive-cover--playing .reactive-cover__fallback{display:grid;place-items:center;width:min(200px,62vw);aspect-ratio:1;border-radius:var(--radius-lg);background:var(--color-bg-elevated);border:2px solid var(--color-border);font-size:3rem;color:var(--color-text-muted)}.reactive-cover__aura{position:absolute;inset:0;pointer-events:none}.reactive-cover__ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid color-mix(in srgb,var(--color-primary) calc(12% + var(--audio-energy) * 22%),transparent);transform:translate(-50%,-50%) scale(calc(1.02 + var(--audio-energy) * .05 + var(--audio-beat) * .04));opacity:calc(.18 + var(--audio-energy) * .28);will-change:transform,opacity}.reactive-cover__ring--1{width:104%;height:104%}.reactive-cover__ring--2{width:110%;height:110%;border-color:color-mix(in srgb,var(--color-accent) calc(10% + var(--audio-energy) * 18%),transparent);transform:translate(-50%,-50%) scale(calc(1.03 + var(--audio-energy) * .06 + var(--audio-beat) * .05))}.reactive-cover--active .reactive-cover__img,.reactive-cover--active .reactive-cover__fallback{transform:scale(calc(1 + var(--audio-beat) * .018));transition:transform .05s ease-out}.reactive-cover--lose .reactive-cover__ring{border-color:color-mix(in srgb,#9ca3af calc(12% + var(--audio-energy) * 20%),transparent)}.reactive-cover__img,.reactive-cover__fallback{position:relative;z-index:1;width:100%;height:100%}.reactive-cover__img.solo-reveal__cover,.reactive-cover__fallback.solo-reveal__fallback{width:100%;height:100%}.solo-reveal,.solo-win-celebration{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin:var(--space-md) 0 var(--space-lg);text-align:center}.solo-reveal__cover,.solo-win-celebration__cover{width:min(200px,62vw);aspect-ratio:1;object-fit:cover;border-radius:var(--radius-lg);border:2px solid rgba(52,211,153,.65);box-shadow:0 12px 40px #00000073,0 0 32px #34d39959;animation:solo-reveal-cover-in .65s cubic-bezier(.34,1.45,.64,1) both}.solo-reveal__cover--lose{filter:grayscale(1) brightness(.55) contrast(.95);border-color:#9ca3afbf;box-shadow:0 12px 40px #00000080,0 0 20px #6b728040}.solo-reveal__fallback,.solo-win-celebration__fallback{display:grid;place-items:center;width:min(200px,62vw);aspect-ratio:1;border-radius:var(--radius-lg);font-size:3rem;background:var(--color-bg-elevated);border:2px solid rgba(52,211,153,.65);animation:solo-reveal-cover-in .65s cubic-bezier(.34,1.45,.64,1) both}.solo-reveal__fallback.solo-reveal__cover--lose{filter:grayscale(1);color:var(--color-text-muted);border-color:#9ca3afbf;box-shadow:0 8px 28px #0006}.solo-reveal__title,.solo-win-celebration__title{margin:.5rem 0 0;font-family:var(--font-display);font-size:1.15rem;font-weight:800;color:var(--color-text);animation:solo-reveal-text-in .5s ease .2s both}.solo-lose-celebration .solo-reveal__title{color:var(--color-text-muted)}.solo-reveal__artist,.solo-win-celebration__artist{margin:0;font-size:.9rem;color:var(--color-text-muted);animation:solo-reveal-text-in .5s ease .32s both}.solo-reveal__meta{margin:.35rem 0 0;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);animation:solo-reveal-text-in .5s ease .4s both}.solo-win-celebration .solo-reveal__meta{color:#34d399f2}.solo-lose-celebration .solo-reveal__meta{color:#9ca3aff2}@keyframes solo-reveal-cover-in{0%{opacity:0;transform:scale(.55) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes solo-reveal-text-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.game-panel--lose{border-color:#9ca3af73;box-shadow:var(--shadow-md),0 0 20px #6b72802e}.daily-completed{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.game-panel--daily-done{box-shadow:var(--shadow-md)}.game-panel--success.game-panel--daily-done{border-color:color-mix(in srgb,var(--color-success) 40%,var(--color-border));box-shadow:var(--shadow-md)}.daily-result{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:0}.daily-result .solo-reveal,.daily-result .solo-win-celebration,.daily-result .solo-lose-celebration{margin-top:var(--space-md);margin-bottom:0}.daily-result__stats{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin:var(--space-sm) var(--space-md) var(--space-md);padding:.75rem 1rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg) 45%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 65%,transparent);text-align:center}.daily-result--won .daily-result__stats{border-color:color-mix(in srgb,var(--color-success) 22%,var(--color-border));background:color-mix(in srgb,var(--color-success) 7%,var(--color-bg-elevated))}.daily-result__score{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.35rem .5rem;margin:0;line-height:1.2}.daily-result__score-value{font-family:var(--font-display);font-size:1.35rem;font-weight:800;color:var(--color-success);font-variant-numeric:tabular-nums}.daily-result__score-label{font-size:.82rem;font-weight:600;color:var(--color-text-muted)}.daily-result__countdown{margin:0;font-size:.84rem;color:var(--color-text-muted)}.daily-result__countdown strong{font-family:var(--font-display);font-weight:800;color:var(--color-accent);font-variant-numeric:tabular-nums}.daily-share{width:100%;margin:0;padding:var(--space-xs) var(--space-md) var(--space-md);border-top:none;border-bottom:1px solid color-mix(in srgb,var(--color-border) 55%,transparent)}.daily-result--won .daily-share{border-bottom-color:color-mix(in srgb,var(--color-success) 20%,var(--color-border))}.daily-share__header{display:flex;flex-direction:column;align-items:center;gap:.2rem;margin-bottom:var(--space-md);text-align:center}.daily-share__title{margin:0;font-family:var(--font-display);font-size:.95rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--color-text)}.daily-share__tag{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.04em;color:color-mix(in srgb,var(--color-text-muted) 88%,transparent)}.daily-share__grid-wrap{display:flex;align-items:center;justify-content:center;padding:.65rem .85rem;margin-bottom:var(--space-sm);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg) 35%,transparent)}.daily-share__grid{font-size:1.22rem;line-height:1.35;letter-spacing:.06em}.daily-share__actions{display:flex;flex-direction:column;align-items:stretch;gap:.4rem}.daily-share__btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;width:100%;min-height:2.65rem;padding:.55rem 1rem;font-size:.88rem;font-weight:700;box-shadow:none}.daily-share__btn:hover:not(:disabled){transform:none;box-shadow:none}.daily-share__btn-icon{flex-shrink:0;opacity:.9}.daily-share__hint{text-align:center;font-size:.78rem;font-weight:600;color:var(--color-success)}@media(prefers-reduced-motion:reduce){.solo-reveal__cover,.solo-reveal__fallback,.solo-reveal__title,.solo-reveal__artist,.solo-win-celebration__cover,.solo-win-celebration__fallback,.solo-win-celebration__title,.solo-win-celebration__artist{animation:none}}.actions-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:var(--space-lg)}.game-panel--solo{text-align:left}.game-panel--solo .tier-badge,.game-panel--solo .clip-progress,.game-panel--solo .solo-game-controls,.game-panel--solo .status-msg{width:100%;max-width:100%}.game-panel--solo .solo-game-controls{align-self:stretch}.solo-game-controls{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-md);width:100%}.solo-game-controls .actions-row{margin-bottom:0}.solo-game-controls__play-row{display:flex;flex-wrap:nowrap;align-items:stretch;gap:.35rem}.solo-game-controls__play-spacer{flex:1;min-width:0}.solo-game-controls__play-row .solo-play-btn,.solo-game-controls__play-row .solo-replay-btn,.solo-game-controls__play-row .solo-give-up-btn{flex:1 1 0;width:auto;min-width:0;min-height:2.5rem;margin-bottom:0;padding:.38rem .4rem;font-size:.76rem;font-weight:700;letter-spacing:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.solo-game-controls__play-row .solo-play-btn{flex:1.35 1 0}.solo-game-controls__play-row .solo-replay-btn:not(.solo-replay-btn--lead){flex:.55 1 0;padding-inline:.3rem;font-size:.9rem}.solo-game-controls__play-row .solo-play-btn:not(:disabled){box-shadow:var(--shadow-sm)}.solo-replay-btn,.solo-give-up-btn{flex-shrink:1;min-height:var(--touch-min);padding:.5rem .9rem;font-size:.85rem;font-weight:600;white-space:nowrap}.solo-replay-btn{color:var(--color-text-muted);border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.solo-replay-btn--lead{flex:1 1 0;width:auto;min-width:0}.solo-replay-btn:hover:not(:disabled){color:var(--color-text);border-color:color-mix(in srgb,var(--color-primary) 50%,transparent);background:color-mix(in srgb,var(--color-primary) 10%,transparent);box-shadow:none;transform:none}.solo-give-up-btn{color:var(--color-text-muted);border-color:#ff00e540}.solo-give-up-btn:hover:not(:disabled){color:#ffb3f5;border-color:#ff00e573;background:#ff00e51a;box-shadow:0 0 14px #ff00e526;transform:none}.mode-tabs{display:flex;gap:.5rem;margin-bottom:var(--space-lg)}.mode-tabs__btn{flex:1;min-height:2.75rem;padding:.5rem .75rem;font-size:.9rem;font-weight:700;font-family:var(--font-body);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:none;cursor:pointer;transition:all var(--transition-fast)}.mode-tabs__label{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.35rem .45rem}.mode-tabs__btn:hover{color:var(--color-text);border-color:var(--color-border-strong);transform:none}.mode-tabs__btn--active{color:var(--color-text);background:linear-gradient(135deg,#ff1e9f52,#00e7ff2e);border-color:var(--color-border-strong);box-shadow:0 0 20px var(--color-primary-glow)}.mode-panel{min-height:12rem}.home-hero{position:relative;text-align:center;padding:var(--space-lg) 0 var(--space-xl);isolation:isolate;overflow-x:clip;max-width:100%}.home-hero:before,.home-hero:after{content:"";position:absolute;pointer-events:none;z-index:0;border-radius:50%}.home-hero:before{width:min(100%,36rem);height:22rem;top:-4rem;left:50%;transform:translate(-50%);background:radial-gradient(ellipse 70% 55% at 50% 40%,rgba(0,231,255,.22) 0%,rgba(139,61,240,.16) 35%,rgba(255,30,159,.1) 60%,transparent 78%);animation:home-ambient-drift 18s ease-in-out infinite}.home-hero:after{width:min(100%,30rem);height:18rem;top:2rem;left:50%;transform:translate(-50%);background:radial-gradient(ellipse 65% 50% at 50% 50%,rgba(255,30,159,.16) 0%,rgba(139,61,240,.1) 45%,transparent 72%);animation:home-ambient-drift 18s ease-in-out infinite reverse}@keyframes home-ambient-drift{0%,to{opacity:1;transform:translate(-50%) translateY(0)}50%{opacity:.85;transform:translate(-50%) translateY(-6px)}}.home-hero>*{position:relative;z-index:1}.home-hero__brand{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin-bottom:var(--space-xs);overflow:visible}.home-hero__logo-mark{width:clamp(5rem,22vw,6.75rem);height:auto;display:block;filter:drop-shadow(0 0 28px rgba(0,231,255,.42)) drop-shadow(0 0 48px rgba(255,30,159,.32));animation:home-logo-float .55s ease both,home-logo-glow 4s ease-in-out infinite}@keyframes home-logo-float{0%{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes home-logo-glow{0%,to{filter:drop-shadow(0 0 28px rgba(0,231,255,.42)) drop-shadow(0 0 48px rgba(255,30,159,.32))}50%{filter:drop-shadow(0 0 36px rgba(255,30,159,.5)) drop-shadow(0 0 56px rgba(0,231,255,.3))}}.home-hero__badge{position:relative;animation:home-fade-up .5s ease .08s both}.home-hero__title{position:relative;display:inline-block;font-family:var(--font-display);font-size:clamp(2.25rem,9vw,3.25rem);font-weight:900;letter-spacing:-.03em;background:var(--gradient-hero);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-box-decoration-break:clone;box-decoration-break:clone;margin:0;line-height:1.22;padding:0 .06em .16em;overflow:visible;animation:home-fade-up .55s ease .05s both,home-title-shimmer 8s ease-in-out infinite}@keyframes home-title-shimmer{0%,to{background-position:0% center}50%{background-position:100% center}}@keyframes home-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.home-hero__tagline{position:relative;font-size:1.05rem;color:var(--color-text-muted);margin:0 auto var(--space-xs);max-width:30ch;line-height:1.45;animation:home-fade-up .55s ease .1s both}.home-hero__tagline:after{content:"United by Music";display:block;margin-top:.45rem;font-family:var(--font-script);font-style:italic;font-weight:700;font-size:1.4rem;letter-spacing:.005em;background:linear-gradient(120deg,#00e7ff,#c4a8ff,#ff8ec4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 14px rgba(255,30,159,.22))}.home-hero__pills{position:relative;list-style:none;margin:0 auto var(--space-lg);padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;animation:home-fade-up .55s ease .15s both}.home-hero__pill{display:inline-block;padding:.3rem .65rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;letter-spacing:.02em;border:1px solid var(--color-border);background:#1a1430b3}.home-hero__pill--daily{border-color:#00e7ff66;color:var(--color-accent)}.home-hero__pill--infinite{border-color:#8b3df06b;color:#c4a8ff}.home-hero__pill--multi{border-color:#ff1e9f73;color:#ff8ec4}.home-hero__actions{position:relative;display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:min(24rem,100%);margin:0 auto;animation:home-fade-up .55s ease .2s both}.home-cta{display:grid;grid-template-columns:3rem 1fr auto;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);min-height:4.5rem;min-width:0;max-width:100%;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);color:inherit;text-decoration:none;text-align:left;transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);box-shadow:var(--shadow-sm)}.home-cta:hover{transform:translateY(-3px);border-color:var(--color-border-strong);box-shadow:var(--shadow-lg),0 0 28px #ff1e9f38;text-decoration:none}.home-cta--daily{background-image:var(--gradient-card-daily)}.home-cta--daily:hover{box-shadow:var(--shadow-lg),0 0 28px #00e7ff47}.home-cta--room{background-image:var(--gradient-card-room)}.home-cta--room:hover{box-shadow:var(--shadow-lg),0 0 28px #a855f74d}.home-cta__icon{width:3rem;height:3rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:#00000047;border:1px solid rgba(255,255,255,.08)}.home-cta__icon svg{width:1.5rem;height:1.5rem;display:block}.home-cta__icon--solo{color:var(--color-accent);box-shadow:inset 0 0 20px #00e7ff2e}.home-cta__icon--multi{color:#ff8ec4;box-shadow:inset 0 0 20px #ff1e9f38}.home-cta__text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.home-cta__text strong{font-family:var(--font-display);font-size:1.15rem;color:var(--color-text);line-height:1.2}.home-cta__text span{font-size:.85rem;color:var(--color-text-muted);font-weight:500;line-height:1.35}.home-cta__arrow{font-size:1.25rem;font-weight:700;color:var(--color-text-dim);transition:transform var(--transition-fast),color var(--transition-fast)}.home-cta:hover .home-cta__arrow{transform:translate(4px);color:var(--color-accent-alt)}.gamemode-hub{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-md) 0 0}.gamemode-hub__header{text-align:center;max-width:32rem;width:100%}.gamemode-hub__lead{margin-left:auto;margin-right:auto;max-width:36ch;min-height:4.5em;line-height:1.5}.gamemode-hub__grid{display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:32rem}.gamemode-hub__soon-group{display:flex;flex-direction:column;gap:var(--space-md);width:100%;margin-top:var(--space-xs);padding-top:var(--space-sm);border-top:1px solid rgba(255,255,255,.06)}.gamemode-hub__soon-label{margin:var(--space-xs) 0 0;padding:0 var(--space-xs);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--color-text-dim)}@keyframes gamemode-header-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes gamemode-card-enter{0%{opacity:0}to{opacity:1}}.gamemode-hub__header--enter,.gamemode-card--enter,.gamemode-hub__soon-label--enter{opacity:0}.gamemode-hub--play .gamemode-hub__header--enter{animation:gamemode-header-enter var(--duration-slow) var(--ease-out-expo) forwards}.gamemode-hub--play .gamemode-card--enter,.gamemode-hub--play .gamemode-hub__soon-label--enter{animation:gamemode-card-enter var(--duration-normal) var(--ease-out-expo) forwards;animation-delay:calc(.12s + var(--gamemode-enter-index, 0) * .07s)}@media(prefers-reduced-motion:reduce){.gamemode-hub__header--enter,.gamemode-card--enter,.gamemode-hub__soon-label--enter{opacity:1}.gamemode-hub--play .gamemode-hub__header--enter,.gamemode-hub--play .gamemode-card--enter,.gamemode-hub--play .gamemode-hub__soon-label--enter{animation:none}}.gamemode-card{display:grid;grid-template-columns:3.25rem 1fr 1.25rem;align-items:center;gap:var(--space-md);height:6.5rem;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:color-mix(in srgb,var(--color-bg-elevated) 82%,transparent);color:inherit;text-decoration:none;transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease}.gamemode-card--live{border-color:#ffffff29;background:color-mix(in srgb,var(--color-bg-elevated) 94%,white 6%);box-shadow:0 2px 12px #00000038,inset 0 1px #ffffff0f}.gamemode-card--live .gamemode-card__title{color:var(--color-text)}.gamemode-card--live .gamemode-card__desc,.gamemode-card--live .gamemode-card__arrow{color:var(--color-text-muted)}.gamemode-card--live:hover{border-color:#ffffff38;background:color-mix(in srgb,var(--color-bg-elevated) 98%,white 2%);transform:translateY(-2px);box-shadow:0 8px 28px #00000052,inset 0 1px #ffffff14}.gamemode-card--live:hover .gamemode-card__arrow{transform:translate(3px);color:var(--color-text)}.gamemode-card--disabled{cursor:default;border-color:#ffffff0d;background:#ffffff05;box-shadow:none}.gamemode-card--disabled .gamemode-card__icon{color:#94a3b88c!important;background:#ffffff08!important;border-color:#ffffff0f!important}.gamemode-card--disabled .gamemode-card__title{color:#94a3b8b8}.gamemode-card--disabled .gamemode-card__desc{color:#94a3b87a}.gamemode-card--disabled .badge--soon,.gamemode-card--disabled .badge--preview{opacity:.75}.gamemode-card__icon{display:flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:var(--radius-md);flex-shrink:0;align-self:center}.gamemode-card__icon svg{display:block;width:1.75rem;height:1.75rem}.gamemode-card__icon--infinite svg{width:2rem;height:1rem}.gamemode-card__icon--daily{color:#fde047;background:#fde0471a;border:1px solid rgba(253,224,71,.28)}.gamemode-card__icon--infinite{color:#c084fc;background:#c084fc1a;border:1px solid rgba(192,132,252,.28)}.gamemode-card__icon--rush{color:#fb923c;background:#fb923c1a;border:1px solid rgba(251,146,60,.28)}.gamemode-card__icon--guess{color:#2dd4bf;background:#2dd4bf1a;border:1px solid rgba(45,212,191,.28)}.gamemode-card__icon--global{color:#f472b6;background:#f472b61a;border:1px solid rgba(244,114,182,.28)}.gamemode-card__icon--private{color:#7dd3fc;background:#7dd3fc1a;border:1px solid rgba(125,211,252,.28)}.gamemode-card__icon--ranked{color:#f87171;background:#f871711a;border:1px solid rgba(248,113,113,.28)}.gamemode-card__body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.3rem;text-align:left;min-width:0;min-height:3.75rem}.gamemode-card__title-row{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.4rem;width:100%}.gamemode-card__title{font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:var(--color-text);line-height:1.2}.gamemode-card__desc{font-size:.82rem;line-height:1.4;color:var(--color-text-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:100%}.gamemode-card__pts-badge{display:inline-flex;align-items:center;flex-shrink:0;padding:.18rem .55rem;border-radius:var(--radius-full);font-size:.62rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;line-height:1.15;white-space:nowrap;color:#fde047;background:linear-gradient(180deg,#fde04733,#fbbf2414);border:1px solid rgba(253,224,71,.5);box-shadow:0 0 14px #fde04724,inset 0 1px #ffffff1a}.gamemode-card__new-badge{display:inline-flex;align-items:center;flex-shrink:0;padding:.16rem .5rem;border-radius:var(--radius-full);font-size:.6rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;line-height:1.1;white-space:nowrap;color:#0a0a0a;background:linear-gradient(135deg,#ffe082,#ffd54f 45%,#ffb300);border:1px solid rgba(255,255,255,.35);box-shadow:0 0 14px #ffc40059}.gamemode-card--featured.gamemode-card--live{border-color:#fb923ca6;background:linear-gradient(135deg,#fb923c2e,color-mix(in srgb,var(--color-bg-elevated) 90%,transparent) 52%,#ffc4000f);box-shadow:0 8px 32px #fb923c2e,0 0 0 1px #ffc4001f inset}.gamemode-card--featured.gamemode-card--live:hover{border-color:#fb923cd9;box-shadow:0 12px 36px #fb923c47,0 0 24px #ffc4001f}.gamemode-card__arrow{display:flex;align-items:center;justify-content:center;width:1.25rem;font-size:1.1rem;color:var(--color-text-dim);transition:transform .15s ease,color .15s ease}.gamemode-card__arrow--placeholder{visibility:hidden}.gamemode-card--daily.gamemode-card--live{border-color:#fde0476b;background:linear-gradient(135deg,#fde0471a,color-mix(in srgb,var(--color-bg-elevated) 94%,transparent) 55%)}.gamemode-card--infinite.gamemode-card--live{border-color:#c084fc6b;background:linear-gradient(135deg,#c084fc1a,color-mix(in srgb,var(--color-bg-elevated) 94%,transparent) 55%)}.gamemode-card--rush.gamemode-card--live{border-color:#fb923c6b;background:linear-gradient(135deg,#fb923c1f,color-mix(in srgb,var(--color-bg-elevated) 94%,transparent) 55%)}.gamemode-card--global.gamemode-card--live{border-color:#f472b66b;background:linear-gradient(135deg,#f472b61a,color-mix(in srgb,var(--color-bg-elevated) 94%,transparent) 55%)}.gamemode-card--private.gamemode-card--live{border-color:#7dd3fc6b;background:linear-gradient(135deg,#7dd3fc1a,color-mix(in srgb,var(--color-bg-elevated) 94%,transparent) 55%)}.gamemode-card--daily.gamemode-card--live:hover{border-color:#fde0478c}.gamemode-card--infinite.gamemode-card--live:hover{border-color:#c084fc8c}.gamemode-card--rush.gamemode-card--live:hover{border-color:#fb923c8c}.gamemode-card--global.gamemode-card--live:hover{border-color:#f472b68c}.gamemode-card--private.gamemode-card--live:hover{border-color:#7dd3fc8c}.gamemode-card--daily:not(.gamemode-card--disabled):hover{border-color:#fde04759}.gamemode-card--infinite:not(.gamemode-card--disabled):hover{border-color:#c084fc59}.gamemode-card--rush:not(.gamemode-card--disabled):hover{border-color:#fb923c59}.gamemode-card--guess:not(.gamemode-card--disabled):hover{border-color:#2dd4bf59}.gamemode-card--global:not(.gamemode-card--disabled):hover{border-color:#f472b659}.gamemode-card--private:not(.gamemode-card--disabled):hover{border-color:#7dd3fc59}.gamemode-card--ranked:not(.gamemode-card--disabled):hover{border-color:#f8717159}.home-hero__ranks-link{position:relative;display:inline-block;margin-top:var(--space-lg);font-size:.9rem;font-weight:600;color:var(--color-text-muted);text-decoration:none;animation:home-fade-up .55s ease .28s both;transition:color var(--transition-fast)}.home-hero__ranks-link:hover{color:var(--color-accent);text-decoration:underline}.home-about{position:relative;margin-top:var(--space-xl);padding:var(--space-xl) var(--space-lg) var(--space-lg);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--color-accent) 18%,var(--color-border));background:radial-gradient(ellipse 90% 60% at 0% 0%,color-mix(in srgb,var(--color-accent) 14%,transparent) 0%,transparent 65%),radial-gradient(ellipse 80% 60% at 100% 100%,color-mix(in srgb,var(--color-primary) 12%,transparent) 0%,transparent 65%),linear-gradient(180deg,#2b16608c,#20114ab3);backdrop-filter:blur(10px) saturate(115%);-webkit-backdrop-filter:blur(10px) saturate(115%);box-shadow:var(--shadow-md),inset 0 1px color-mix(in srgb,white 6%,transparent);animation:home-fade-up .6s ease .4s both;overflow:hidden}.home-about:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--color-primary) 60%,transparent) 50%,transparent 100%)}.home-about__title{font-family:var(--font-display);font-size:1.35rem;font-weight:800;margin:0 0 var(--space-md);color:var(--color-text);line-height:1.25;letter-spacing:-.01em;background:linear-gradient(120deg,#f8f4ff,#ffafd5 55%,#00e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-about__lead{margin:0 0 var(--space-md);font-size:.95rem;line-height:1.6;color:var(--color-text);max-width:56ch}.home-about__lead strong{color:var(--color-text);font-weight:700}.home-about__lead--secondary{margin-top:calc(-1 * var(--space-sm));color:var(--color-text-muted)}.home-about__foot{margin:var(--space-sm) 0 0;padding-top:var(--space-md);border-top:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);font-size:.82rem;color:var(--color-text-dim);line-height:1.5}.home-about__chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 var(--space-md)}.home-about__chip{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .95rem;border-radius:var(--radius-full);font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.01em;color:var(--color-text-muted);background:color-mix(in srgb,var(--color-bg) 55%,transparent);border:1px solid var(--color-border);text-decoration:none;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.home-about__chip:hover{color:var(--color-text);border-color:var(--color-border-strong);background:var(--color-surface-hover);text-decoration:none;transform:translateY(-1px)}.home-about__chip--daily{border-color:color-mix(in srgb,var(--color-accent) 40%,var(--color-border))}.home-about__chip--daily:hover{color:var(--color-accent);box-shadow:0 6px 18px color-mix(in srgb,var(--color-accent) 22%,transparent)}.home-about__chip--infinite{border-color:color-mix(in srgb,var(--color-accent-alt) 45%,var(--color-border))}.home-about__chip--infinite:hover{color:#c4a8ff;box-shadow:0 6px 18px color-mix(in srgb,var(--color-accent-alt) 24%,transparent)}.home-about__chip--multi{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border))}.home-about__chip--multi:hover{color:#ff8ec4;box-shadow:0 6px 18px color-mix(in srgb,var(--color-primary) 26%,transparent)}@media(prefers-reduced-motion:reduce){.home-hero:before,.home-hero:after{animation:none}.home-hero__logo-mark,.home-hero__title,.home-hero__badge,.home-hero__tagline,.home-hero__pills,.home-hero__actions,.home-hero__ranks-link,.home-about{animation:none}.home-cta:hover .home-cta__arrow{transform:none}}.home-steps{position:relative;margin:var(--space-2xl) 0;padding:var(--space-xl) var(--space-lg) var(--space-lg);max-width:100%;box-sizing:border-box;border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));background:radial-gradient(ellipse 80% 60% at 50% -10%,color-mix(in srgb,var(--color-primary) 14%,transparent) 0%,transparent 70%),linear-gradient(180deg,#2b166080,#20114aa6);backdrop-filter:blur(10px) saturate(115%);-webkit-backdrop-filter:blur(10px) saturate(115%);box-shadow:var(--shadow-md),inset 0 1px color-mix(in srgb,white 6%,transparent);animation:home-fade-up .6s ease .35s both;overflow:hidden}.home-steps:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--color-accent) 65%,transparent) 50%,transparent 100%)}.home-steps__title{position:relative;font-family:var(--font-display);font-size:1.3rem;font-weight:800;text-align:center;margin:0 auto var(--space-sm);padding-bottom:.5rem;color:var(--color-text);letter-spacing:-.01em}.home-steps__title:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:2.5rem;height:2px;border-radius:999px;background:var(--gradient-hero)}.home-steps__list{list-style:none;margin:var(--space-lg) 0 0;padding:0;display:grid;gap:var(--space-md);position:relative}@media(min-width:560px){.home-steps__list{grid-template-columns:repeat(3,1fr);gap:var(--space-md)}}.home-steps__list li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-md) var(--space-md) var(--space-lg);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-bg-elevated) 70%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.home-steps__list li:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-border));box-shadow:0 12px 28px color-mix(in srgb,var(--color-primary) 16%,transparent)}.home-steps__num{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-text);font-family:var(--font-display);font-weight:800;font-size:1rem;margin-bottom:var(--space-md);isolation:isolate}.home-steps__num:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:var(--gradient-hero);z-index:-1;filter:blur(.5px)}.home-steps__num:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 18px color-mix(in srgb,var(--color-primary) 45%,transparent);z-index:-2}.home-steps__list strong{display:block;font-family:var(--font-display);font-size:1.05rem;font-weight:700;margin-bottom:.35rem;color:var(--color-text)}.home-steps__list p{margin:0;font-size:.88rem;color:var(--color-text-muted);line-height:1.5;max-width:22ch}.home-more{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm);padding-bottom:var(--space-lg)}.home-more__link{padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;color:var(--color-text-muted);background:var(--color-bg-elevated);border:1px solid var(--color-border);text-decoration:none;transition:all var(--transition-fast)}.home-more__link:hover{color:var(--color-text);border-color:var(--color-border-strong);text-decoration:none}@media(max-width:380px){.bottom-nav .nav-link__label{font-size:.55rem}}.quick-link{padding:.5rem 1rem;border-radius:var(--radius-full);background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:.875rem;font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.quick-link:hover{background:var(--color-surface);color:var(--color-text);border-color:var(--color-primary);text-decoration:none}.rank-list{list-style:none;margin:0;padding:0}.rank-list li{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.rank-list li:last-child{border-bottom:none}.rank-list li:hover{background:#ffffff08}.rank-num{font-family:var(--font-display);font-weight:800;font-size:1.1rem;min-width:2.5rem;color:var(--color-text-muted)}.multiplayer-reveal{display:flex;flex-direction:column;align-items:center;width:100%}.multiplayer-reveal .solo-reveal{margin-bottom:var(--space-md)}.multiplayer-reveal__heading{margin:0 0 var(--space-sm);font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.multiplayer-reveal__rank{width:100%;max-width:420px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.multiplayer-reveal__empty{margin:0}.multiplayer-reveal__round{width:100%;max-width:420px;margin-bottom:var(--space-md)}.rank-value--gain{color:var(--color-gold);font-family:var(--font-display)}.rank-value--loss{color:#f87171;font-family:var(--font-display)}.room-standings{width:100%;max-width:420px;margin-top:var(--space-md);padding:var(--space-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md)}.room-standings--final{border-color:#ffd70059;background:linear-gradient(180deg,rgba(255,215,0,.08) 0%,var(--color-bg-elevated) 40%)}.room-standings__header{margin-bottom:var(--space-md);text-align:center}.room-standings__title{margin:0 0 .25rem;font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:var(--color-text)}.room-standings--final .room-standings__title{color:var(--color-gold)}.room-standings__subtitle{margin:0;font-size:.8rem;color:var(--color-text-muted)}.room-standings__podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:.5rem;align-items:end;list-style:none;margin:0 0 var(--space-md);padding:0}.room-standings__podium-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.65rem .5rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#00000040;text-align:center}.room-standings__podium-item--1{order:2;min-height:5.5rem;border-color:#ffd70073;background:#ffd7001f}.room-standings__podium-item--2{order:1;min-height:4.5rem}.room-standings__podium-item--3{order:3;min-height:4rem}.room-standings__podium-item--me{box-shadow:0 0 0 2px #ffd70059}.room-standings__podium-rank{font-family:var(--font-display);font-weight:800;font-size:1.1rem;color:var(--color-gold)}.room-standings__podium-name{font-weight:700;font-size:.85rem;line-height:1.2;color:var(--color-text);word-break:break-word}.room-standings__podium-total{font-size:.8rem;font-weight:700;color:var(--color-text-muted)}.room-standings__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.room-standings__row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem .75rem;padding:.55rem .65rem;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid transparent}.room-standings__row--me{border-color:#ffd70059;background:#ffd70014}.room-standings__row--top.room-standings__row--me{border-color:#ffd70073}.room-standings__rank{font-family:var(--font-display);font-weight:800;min-width:2rem;color:var(--color-text-muted)}.room-standings__name{font-weight:600;color:var(--color-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-standings__scores{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;text-align:right}.room-standings__total{font-family:var(--font-display);font-weight:800;font-size:.95rem}.room-standings__round{font-size:.75rem;font-weight:600;color:var(--color-gold)}.room-standings__round--loss{color:#f87171}.room-standings__round--none{color:var(--color-text-muted);font-weight:500}.rank-name{flex:1;font-weight:600;color:var(--color-text)}.player-link{color:var(--color-text);text-decoration:none;font-weight:inherit;cursor:pointer;position:relative;z-index:1;transition:color var(--transition-fast)}.player-link:hover,.player-link:focus-visible{color:var(--color-primary);text-decoration:none;outline:none}.leaderboard-podium__name.player-link,.leaderboard-list__name.player-link{display:inline-block;max-width:100%}.leaderboard-podium__item .player-link-wrap,.leaderboard-list__row .player-link-wrap{min-width:0;max-width:100%}.leaderboard-podium__item .player-link-wrap{flex-direction:column;align-items:center;gap:.25rem}.leaderboard-list__row .player-link-wrap{justify-self:stretch;width:100%}.profile-back-nav{margin:0 0 var(--space-md)}.profile-back-nav__link{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem .55rem .75rem;border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--color-primary) 35%,var(--color-border));background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 92%,transparent),color-mix(in srgb,var(--color-bg-elevated) 88%,transparent));color:var(--color-text);font-family:var(--font-display);font-weight:700;font-size:.9rem;text-decoration:none;box-shadow:0 4px 14px color-mix(in srgb,var(--color-primary) 12%,transparent);transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.profile-back-nav__link:hover,.profile-back-nav__link:focus-visible{color:var(--color-text);border-color:color-mix(in srgb,var(--color-accent) 55%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 14%,var(--color-surface));transform:translate(-2px);outline:none}.profile-back-nav__icon{display:inline-flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-primary) 18%,transparent);color:var(--color-accent)}.profile-back-nav__icon svg{display:block}.profile-back-nav__label{letter-spacing:.02em}.country-flag{display:inline-block;line-height:1;flex-shrink:0}.country-flag--sm{font-size:1.05rem}.country-flag--md{font-size:1.25rem}.country-flag--lg{font-size:1.75rem}.country-flag--with-label{display:inline-flex;align-items:center;gap:.45rem}.country-flag__emoji{line-height:1}.country-flag--unset .country-flag__emoji--unset{opacity:.85}.country-flag__name{font-size:.9rem;font-weight:600;color:var(--color-text-muted);letter-spacing:.02em}.player-link-wrap{display:inline-flex;align-items:center;gap:.35rem;min-width:0;max-width:100%}.player-link-wrap__flag,.player-link-wrap__badges{flex-shrink:0}.player-badges{display:inline-flex;align-items:center;gap:.28rem;flex-shrink:0}.player-badges--md{gap:.35rem}.player-staff-badge{display:inline-flex;align-items:center;gap:.28rem;padding:.14rem .42rem .14rem .32rem;border-radius:var(--radius-full);font-size:.62rem;font-weight:700;letter-spacing:.05em;text-transform:lowercase;line-height:1;flex-shrink:0;vertical-align:middle;border:1px solid transparent;box-shadow:0 1px 6px #00000038}.player-staff-badge__icon{display:block;width:.82rem;height:.82rem;flex-shrink:0}.player-staff-badge__text{line-height:1}.player-staff-badge--sm .player-staff-badge__icon{width:.78rem;height:.78rem}.player-staff-badge--md{font-size:.68rem;padding:.2rem .52rem .2rem .4rem;gap:.32rem}.player-staff-badge--md .player-staff-badge__icon{width:.92rem;height:.92rem}.player-staff-badge--admin{color:#ffe8a8;background:linear-gradient(135deg,color-mix(in srgb,#f59e0b 55%,var(--color-primary)),color-mix(in srgb,var(--color-primary) 80%,#7c3aed));border-color:color-mix(in srgb,#fbbf24 45%,var(--color-primary));box-shadow:0 1px 6px #00000040,0 0 10px color-mix(in srgb,var(--color-primary) 35%,transparent)}.player-staff-badge--staff,.player-staff-badge--verifier{color:#cffafe;background:linear-gradient(135deg,color-mix(in srgb,#06b6d4 50%,var(--color-bg-elevated)),color-mix(in srgb,var(--color-accent-alt) 55%,#1e3a5f));border-color:color-mix(in srgb,#22d3ee 40%,var(--color-accent-alt));box-shadow:0 1px 6px #00000038,0 0 8px color-mix(in srgb,#22d3ee 22%,transparent)}@keyframes player-supporter-shine-ltr{0%{background-position:100% 0}to{background-position:0% 0}}.player-supporter-badge{--player-supporter-shine-bg: linear-gradient( 90deg, #5ee7ff 0%, #00e7ff 12.5%, #ff4dc4 25%, #ff1e9f 37.5%, #5ee7ff 50%, #00e7ff 62.5%, #ff4dc4 75%, #ff1e9f 87.5%, #5ee7ff 100% );display:inline-flex;align-items:center;gap:.28rem;padding:.14rem .42rem .14rem .32rem;border-radius:var(--radius-full);font-size:.62rem;font-weight:700;letter-spacing:.03em;line-height:1;flex-shrink:0;vertical-align:middle;background:#fd0;border:1px solid #fff;box-shadow:0 0 4px .5px #ffffffe0,0 0 9px 1px #ffffff94}.player-supporter-badge__icon-shine,.player-supporter-badge__text{background-image:var(--player-supporter-shine-bg);background-size:200% 100%;background-repeat:no-repeat;background-position:100% 0;animation:player-supporter-shine-ltr 2.8s linear infinite}.player-supporter-badge__icon{display:flex;align-items:center;justify-content:center;width:.88rem;height:.88rem;flex-shrink:0}.player-supporter-badge__icon-shine{display:block;width:100%;height:100%;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 4 14.09 9.26 19.78 9.74 15.18 13.26 16.82 18.9 12 16.1 7.18 18.9 8.82 13.26 4.22 9.74 9.91 9.26 12 4Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 4 14.09 9.26 19.78 9.74 15.18 13.26 16.82 18.9 12 16.1 7.18 18.9 8.82 13.26 4.22 9.74 9.91 9.26 12 4Z'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.player-supporter-badge__text{line-height:1;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}@media(prefers-reduced-motion:reduce){.player-supporter-badge__icon-shine,.player-supporter-badge__text{animation:none;background-position:100% 0}}.player-supporter-badge--sm .player-supporter-badge__icon{width:.84rem;height:.84rem}.player-supporter-badge--md{font-size:.68rem;padding:.2rem .52rem .2rem .4rem;gap:.32rem}.player-supporter-badge--md .player-supporter-badge__icon{width:.96rem;height:.96rem}.player-name-with-badge{display:inline-flex;align-items:center;gap:.45rem;flex-wrap:wrap}.profile-hero__badges{transform:translateY(.05rem)}.chat-bubble__head .player-badges{margin-top:.05rem}.player-link-wrap .player-link,.player-link-wrap>.leaderboard-list__name,.player-link-wrap>.leaderboard-podium__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-player-select .player-link-wrap{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"flag name" "badges badges";align-items:center;column-gap:.35rem;row-gap:.22rem;width:100%;min-width:0}.leaderboard-player-select .player-link-wrap__flag{grid-area:flag;align-self:center}.leaderboard-player-select .player-link-wrap>.leaderboard-list__name,.leaderboard-player-select .player-link-wrap>.player-link{grid-area:name}.leaderboard-player-select .player-link-wrap__badges{grid-area:badges;justify-self:start;max-width:100%;flex-wrap:wrap}.leaderboard-player-select .player-link-wrap:not(:has(.player-link-wrap__flag)){grid-template-columns:minmax(0,1fr);grid-template-areas:"name" "badges"}.leaderboard-player-select .player-link-wrap:not(:has(.player-link-wrap__badges)){grid-template-areas:"flag name"}.leaderboard-player-select .player-link-wrap:not(:has(.player-link-wrap__flag)):not(:has(.player-link-wrap__badges)){display:block}.leaderboard-player-select .leaderboard-list__value{position:relative;z-index:1;flex-shrink:0}.auth-card__profile--with-flag .auth-card__info{flex:1}.auth-card__country-badge{margin-top:.25rem}.player-profile-page__country.country-flag--with-label .country-flag__name{font-size:.9rem;font-weight:600;color:var(--color-text)}.player-profile-page__country--unset{margin:.35rem 0 0;font-size:.85rem;font-weight:500;color:var(--color-text-dim);font-style:italic}.profile-shell{display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:34rem;margin-inline:auto}.profile-shell--account{max-width:36rem}.profile-account{display:flex;flex-direction:column;gap:var(--space-md)}.profile-account--guest{gap:var(--space-lg)}.profile-shell__self-note{margin:0;padding:.65rem .9rem;border-radius:var(--radius-md);font-size:.84rem;line-height:1.45;color:var(--color-text-muted);background:#00d4ff0f;border:1px solid rgba(0,212,255,.22)}.profile-shell__self-note a{color:var(--color-accent-alt);font-weight:700;text-decoration:none}.profile-shell__self-note a:hover{text-decoration:underline}.profile-hero{position:relative;overflow:hidden;padding:var(--space-md)}.profile-hero__body{padding:0}.profile-hero__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}.profile-hero__head{display:flex;align-items:flex-start;gap:var(--space-md);min-width:0;flex:1}.profile-hero__avatar{flex-shrink:0;width:clamp(3.75rem,14vw,4.75rem);height:clamp(3.75rem,14vw,4.75rem);display:grid;place-items:center;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:clamp(1.35rem,5vw,1.85rem);font-weight:800;color:#fff;background:linear-gradient(145deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 65%,#1a0a2e));border:3px solid var(--color-bg-elevated);box-shadow:0 6px 20px #00000059}.profile-hero--compact .profile-hero__avatar{width:3.25rem;height:3.25rem;font-size:1.25rem;border-width:2px;box-shadow:0 3px 12px #00000047}.profile-hero__avatar--guest{background:linear-gradient(145deg,#d97706,#78350f)}.profile-hero__identity{min-width:0;flex:1;padding-top:.2rem}.profile-hero__name{margin:0;font-family:var(--font-display);font-size:clamp(1.3rem,4.5vw,1.85rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--color-text)}.profile-hero__name--sm{font-size:clamp(1.1rem,3.8vw,1.4rem)}.profile-hero__badges{vertical-align:middle}.profile-hero__chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.profile-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .65rem;border-radius:var(--radius-full);font-size:.76rem;font-weight:600;color:var(--color-text-dim);background:var(--color-bg-elevated);border:1px solid var(--color-border);line-height:1.2}.profile-chip svg{flex-shrink:0;opacity:.75}.profile-chip--muted{color:var(--color-text-muted)}.profile-chip--status.profile-chip--member{color:#86efac;background:#86efac1a;border-color:#86efac59}.profile-chip--status.profile-chip--guest{color:#fcd34d;background:#fbbf241a;border-color:#fbbf2459}.profile-chip__country .country-flag__name{font-size:.76rem;font-weight:600}.profile-hero__bio{margin:var(--space-md) 0 0;padding:.85rem 3px;border-radius:var(--radius-md);text-align:justify}.profile-hero__bio p{margin:0;font-size:.92rem;line-height:1.55;white-space:pre-wrap;word-break:break-word}@media(max-width:380px){.profile-hero__head{flex-direction:column;align-items:center;text-align:center}.profile-hero__identity{padding-top:0}.profile-hero__chips{justify-content:center}.profile-hero__top{flex-direction:column;align-items:stretch}}.profile-card{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md)}.profile-card__title{margin:0;font-family:var(--font-display);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.profile-card__fields{display:flex;flex-direction:column;gap:var(--space-md)}.profile-link-card{display:flex;align-items:center;gap:.85rem;width:100%;min-height:var(--touch-min);padding:.85rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:linear-gradient(135deg,#ffffff0a,#1a143073);color:inherit;text-decoration:none;transition:border-color .15s ease,background .15s ease,transform .15s ease}.profile-link-card:hover{border-color:color-mix(in srgb,var(--color-accent-alt) 40%,var(--color-border));background:linear-gradient(135deg,#00d4ff14,#1a14308c);transform:translateY(-1px)}.profile-link-card__icon{flex-shrink:0;width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:var(--radius-md);color:var(--color-accent-alt);background:#00d4ff1a;border:1px solid rgba(0,212,255,.25)}.profile-link-card__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.12rem;text-align:left}.profile-link-card__title{font-family:var(--font-display);font-size:.95rem;font-weight:800;color:var(--color-text);letter-spacing:-.01em}.profile-link-card__sub{font-size:.78rem;color:var(--color-text-muted);line-height:1.35}.profile-link-card__chevron{flex-shrink:0;color:var(--color-text-muted)}.profile-signout{align-self:stretch;width:100%;min-height:var(--touch-min);margin-top:var(--space-xs);padding:.65rem 1rem;border-radius:var(--radius-md);background:#ef444424;border:1px solid rgba(248,113,113,.55);color:#fecaca;font-size:.9rem;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.profile-signout:hover:not(:disabled){background:#ef444442;border-color:#fca5a5bf;color:#fff}.profile-signout:disabled{opacity:.6;cursor:not-allowed}.profile-fav--editor,.profile-fav--readonly{display:flex;flex-direction:column;gap:var(--space-md)}.profile-card.profile-fav.panel{box-shadow:none}.profile-fav__header--readonly{padding-bottom:0}.profile-fav__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding-bottom:.15rem}.profile-fav__header-text{min-width:0;display:flex;flex-direction:column;gap:.45rem}.profile-fav__hint{margin:0;font-size:.84rem;line-height:1.5;color:var(--color-text-muted);max-width:28rem}.profile-fav__hint a{color:var(--color-accent-alt);font-weight:600;text-decoration:none}.profile-fav__hint a:hover{text-decoration:underline}.profile-fav__saved{margin:0;flex-shrink:0;font-size:.78rem;font-weight:700;color:#86efac}.profile-fav__loading,.profile-fav__empty{margin:0;font-size:.88rem;line-height:1.5;color:var(--color-text-muted)}.profile-fav__empty a{color:var(--color-accent-alt);font-weight:600}.profile-fav__list,.profile-fav__slots{display:flex;flex-direction:column;gap:.5rem}.fav-rank{flex-shrink:0;display:grid;place-items:center;width:1.85rem;height:1.85rem;border-radius:var(--radius-sm);box-shadow:none}.fav-rank--sm{width:1.55rem;height:1.55rem;border-radius:var(--radius-sm)}.fav-rank--lg{width:2.35rem;height:2.35rem;border-radius:var(--radius-lg)}.fav-rank__num{font-family:var(--font-display);font-size:.95rem;font-weight:900;line-height:1;letter-spacing:-.04em}.fav-rank--sm .fav-rank__num{font-size:.8rem}.fav-rank--lg .fav-rank__num{font-size:1.15rem}.fav-rank--1{background:linear-gradient(160deg,#fef08a,#eab308 48%,#a16207);color:#451a03}.fav-rank--2{background:linear-gradient(160deg,#f1f5f9,#94a3b8 52%,#475569);color:#0f172a}.fav-rank--3{background:linear-gradient(160deg,#fdba74,#c2410c 55%,#7c2d12);color:#fff7ed}.profile-fav__item{display:grid;grid-template-columns:auto 3rem minmax(0,1fr);align-items:center;gap:.65rem;padding:.6rem .7rem;border-radius:var(--radius-lg);background:#0000002e;border:1px solid color-mix(in srgb,var(--color-border) 90%,transparent)}.profile-fav__item--editable{grid-template-columns:auto 3rem minmax(0,1fr) auto;padding-right:.55rem}.profile-fav__cover{width:3rem;height:3rem;border-radius:var(--radius-md);overflow:hidden;background:#00000059;border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent)}.profile-fav__img{width:100%;height:100%;object-fit:cover;display:block}.profile-fav__cover-fallback{display:grid;place-items:center;width:100%;height:100%;font-size:1.15rem;color:var(--color-text-muted)}.profile-fav__meta{min-width:0}.profile-fav__title{margin:0;font-family:var(--font-display);font-size:.92rem;font-weight:800;line-height:1.25;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-fav__artist{margin:.12rem 0 0;font-size:.8rem;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-fav__year{display:inline-flex;align-items:center;gap:.35rem;margin:.28rem 0 0;font-size:.72rem;font-weight:600;color:var(--color-text-dim)}.profile-fav__item-actions{display:flex;flex-direction:row;align-items:center;align-self:center;gap:.35rem;flex-shrink:0}button.profile-fav__icon-btn{box-sizing:border-box;display:inline-grid;place-items:center;flex:0 0 auto;margin:0;padding:0;min-width:0;min-height:0;width:2.125rem;height:2.125rem;max-width:2.125rem;max-height:2.125rem;aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#ffffff0a;color:var(--color-text-muted);font-size:inherit;line-height:0;cursor:pointer;box-shadow:none;transition:color .15s ease,background .15s ease,border-color .15s ease}button.profile-fav__icon-btn:hover:not(:disabled){color:var(--color-text);background:#ffffff14;border-color:color-mix(in srgb,var(--color-text-muted) 40%,var(--color-border));transform:none;box-shadow:none}button.profile-fav__icon-btn--danger:hover:not(:disabled){color:#fca5a5;background:#ef44441a;border-color:#f8717166}button.profile-fav__icon-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}button.profile-fav__icon-btn svg{display:block}.profile-fav__slot-empty{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;width:100%;min-height:0;margin:0;padding:.6rem .7rem;border-radius:var(--radius-lg);border:1px dashed color-mix(in srgb,var(--color-text-muted) 28%,var(--color-border));background:#ffffff05;color:inherit;font:inherit;font-weight:inherit;letter-spacing:normal;text-align:left;cursor:pointer;box-shadow:none;transition:border-color .15s ease,background .15s ease}button.profile-fav__slot-empty:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-text-muted) 45%,var(--color-border));background:#ffffff0a;transform:none;box-shadow:none}.profile-fav__slot-empty:disabled{opacity:.55;cursor:not-allowed}.profile-fav__slot-empty-body{display:flex;align-items:center;gap:.65rem;min-width:0}.profile-fav__slot-empty-icon{flex-shrink:0;display:grid;place-items:center;width:2rem;height:2rem;border-radius:var(--radius-sm);color:var(--color-text-muted);background:#ffffff0d;border:1px solid color-mix(in srgb,var(--color-border) 85%,transparent)}.profile-fav__slot-empty-text{display:flex;flex-direction:column;gap:.12rem;min-width:0}.profile-fav__slot-empty-label{font-family:var(--font-display);font-size:.88rem;font-weight:800;color:var(--color-text)}.profile-fav__slot-empty-sub{font-size:.74rem;color:var(--color-text-muted)}.profile-fav__slot-empty-chevron{flex-shrink:0;color:var(--color-text-muted);opacity:.75}.profile-fav-picker{position:fixed;inset:0;z-index:var(--z-modal, 1200);display:grid;place-items:center;padding:var(--space-md);background:#05030cd1;backdrop-filter:blur(4px)}.profile-fav-picker__panel{width:min(100%,27rem);display:flex;flex-direction:column;gap:.75rem;padding:1.1rem 1.15rem 1rem;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-elevated);box-shadow:0 16px 40px #0006}.profile-fav-picker__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.profile-fav-picker__title-wrap{display:flex;align-items:center;gap:.75rem;min-width:0}.profile-fav-picker__title-text{min-width:0}.profile-fav-picker__title{margin:0;font-family:var(--font-display);font-size:1.02rem;font-weight:800;line-height:1.25;color:var(--color-text)}.profile-fav-picker__subtitle{margin:.2rem 0 0;font-size:.78rem;color:var(--color-text-muted)}button.profile-fav-picker__close{box-sizing:border-box;flex-shrink:0;display:grid;place-items:center;margin:0;padding:0;min-width:0;min-height:0;width:2rem;height:2rem;max-width:2rem;max-height:2rem;aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#ffffff08;color:var(--color-text-muted);font:inherit;line-height:0;cursor:pointer;box-shadow:none;transition:background .15s ease,color .15s ease}button.profile-fav-picker__close:hover:not(:disabled){color:var(--color-text);background:#ffffff12;transform:none;box-shadow:none}.profile-fav-picker__search{position:relative;display:block}.profile-fav-picker__search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.profile-fav-picker__search input{width:100%;min-height:2.65rem;padding:.6rem .85rem .6rem 2.65rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#00000038;color:var(--color-text);font-size:.92rem;transition:border-color .15s ease}.profile-fav-picker__search input:focus{outline:none;border-color:color-mix(in srgb,var(--color-text-muted) 55%,var(--color-border))}.profile-fav-picker__count{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-dim)}.profile-fav-picker__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.profile-fav-picker__none{padding:1.25rem .5rem;font-size:.88rem;color:var(--color-text-muted);text-align:center}button.profile-fav-picker__option{display:grid;grid-template-columns:2.75rem minmax(0,1fr);align-items:center;gap:.7rem;width:100%;min-height:0;margin:0;padding:.5rem .6rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#0000002e;color:inherit;font:inherit;font-weight:inherit;letter-spacing:normal;text-align:left;cursor:pointer;box-shadow:none;transition:background .15s ease,border-color .15s ease}button.profile-fav-picker__option:hover:not(:disabled){background:#ffffff0d;border-color:color-mix(in srgb,var(--color-text-muted) 35%,var(--color-border));transform:none;box-shadow:none}.profile-fav-picker__cover{width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:var(--radius-sm);overflow:hidden;background:#00000059;border:1px solid color-mix(in srgb,var(--color-border) 85%,transparent);font-size:.95rem;color:var(--color-text-muted)}.profile-fav-picker__cover img{width:100%;height:100%;object-fit:cover}.profile-fav-picker__meta{min-width:0;display:flex;flex-direction:column;gap:.08rem}.profile-fav-picker__song-title{font-family:var(--font-display);font-size:.86rem;font-weight:800;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-fav-picker__song-artist{font-size:.76rem;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-fav-picker__song-year{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:600;color:var(--color-text-dim)}.profile-fav-picker__pagination{display:flex;align-items:center;justify-content:center;gap:.65rem;padding-top:.35rem;border-top:1px solid var(--color-border)}button.profile-fav-picker__page-btn{min-height:0;margin:0;padding:.35rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffff0a;color:var(--color-text);font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:normal;cursor:pointer;box-shadow:none;transition:background .15s ease}button.profile-fav-picker__page-btn:hover:not(:disabled){background:#ffffff14;transform:none;box-shadow:none}button.profile-fav-picker__page-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.profile-fav-picker__page-info{min-width:6.5rem;text-align:center;font-size:.78rem;font-weight:600;color:var(--color-text-muted)}@media(max-width:420px){.profile-fav__item--editable{grid-template-columns:auto 2.75rem minmax(0,1fr) auto;gap:.5rem}.profile-fav__cover{width:2.75rem;height:2.75rem}}.profile-shell .profile-username{width:100%}.rank-value{font-weight:700;color:var(--color-primary)}.page-main:has(.gamemode-hub)+.site-footer{margin-top:var(--space-lg)}.site-footer{position:relative;margin-top:var(--space-2xl);padding:var(--space-xl) var(--space-md) var(--space-lg);text-align:center;background:radial-gradient(ellipse 80% 100% at 50% 0%,color-mix(in srgb,var(--color-primary) 8%,transparent) 0%,transparent 70%)}.site-footer:before{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--color-accent) 55%,transparent) 25%,color-mix(in srgb,var(--color-primary) 65%,transparent) 75%,transparent 100%)}.site-footer__actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);margin:0 auto var(--space-lg)}.site-footer__social{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem}.site-footer__social-link{--social-brand: var(--color-text-muted);display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.4rem .95rem;font-family:var(--font-display);font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--social-brand);text-decoration:none;border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--social-brand) 38%,var(--color-border));background:color-mix(in srgb,var(--social-brand) 10%,var(--color-surface));box-shadow:none;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.site-footer__social-link--x{--social-brand: #e7e9ea}.site-footer__social-link--tiktok{--social-brand: #f5f5f5;color:#f5f5f5;background:#0a0a0a;border-color:#2e2e2e}.site-footer__social-link--discord{--social-brand: #ffffff;color:#fff;background:#5865f2;border-color:color-mix(in srgb,#5865f2 70%,#ffffff 18%)}.site-footer__social-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}.site-footer__social-svg{display:block}.site-footer__social-link:hover,.site-footer__social-link:focus-visible{color:var(--social-brand);text-decoration:none;transform:translateY(-1px);border-color:color-mix(in srgb,var(--social-brand) 72%,transparent);background:color-mix(in srgb,var(--social-brand) 20%,var(--color-surface));box-shadow:none;outline:none}.site-footer__social-link--tiktok:hover,.site-footer__social-link--tiktok:focus-visible{color:#fff;--social-brand: #ffffff;background:#141414;border-color:#454545}.site-footer__social-link--discord:hover,.site-footer__social-link--discord:focus-visible{color:#fff;--social-brand: #ffffff;background:#6b77f5;border-color:color-mix(in srgb,#ffffff 35%,#5865f2)}.site-footer__social-link--x:hover,.site-footer__social-link--x:focus-visible{color:#fff;--social-brand: #ffffff}.support-me{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1rem .45rem .65rem;font-family:var(--font-display);text-decoration:none;border-radius:var(--radius-full);border:1px solid color-mix(in srgb,#0d0c22 18%,var(--color-border));background:#fd0;box-shadow:0 1px #ffffff59 inset,0 4px 14px #ffdd0038;transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast)}.support-me:hover,.support-me:focus-visible{color:inherit;text-decoration:none;transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 1px #fff6 inset,0 6px 20px #ffdd0052;outline:none}.support-me__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;border-radius:50%;background:#fff}.support-me__icon svg{display:block;width:.72rem;height:auto}.support-me__label{font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#0d0c22}.site-footer__support{display:flex;flex-direction:column;align-items:center;gap:.55rem}.site-footer__cost-hint{margin:0;max-width:30ch;font-size:.74rem;line-height:1.45;text-align:center;color:var(--color-text-muted)}.site-footer__cost-hint strong{color:var(--color-gold);font-weight:700}.site-footer__contributors-link{font-size:.74rem;color:var(--color-text-dim);text-decoration:none;transition:color var(--transition-fast)}.site-footer__contributors-link strong{color:var(--color-accent);font-weight:600}.site-footer__contributors-link:hover{color:var(--color-text-muted)}.site-footer__disclaimer{margin:0 auto var(--space-md);max-width:52ch;font-size:.78rem;line-height:1.55;color:var(--color-text-muted)}.site-footer__disclaimer a{color:var(--color-accent-alt);font-weight:600;text-decoration:underline;text-underline-offset:.12em}.site-footer__links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .25rem;margin:0 auto .65rem;font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:.01em}.site-footer__links a{color:var(--color-text-muted);text-decoration:none;padding:.35rem .85rem;border-radius:var(--radius-full);border:1px solid transparent;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.site-footer__links a:hover,.site-footer__links a:focus-visible{color:var(--color-text);background:color-mix(in srgb,var(--color-surface) 75%,transparent);border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border));text-decoration:none;outline:none}.site-footer__sep{display:inline-block;width:4px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--color-primary) 50%,transparent);opacity:.6;text-indent:-9999px;overflow:hidden;margin:0 .1rem}.site-footer__copy{margin:var(--space-md) 0 0;padding-top:var(--space-md);font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-dim);position:relative}.site-footer__copy:before{content:"";position:absolute;left:50%;top:0;transform:translate(-50%);width:2rem;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-primary) 50%,transparent 100%);opacity:.55}@media(max-width:899px){.site-footer{padding-bottom:calc(var(--space-md) + var(--safe-bottom))}}.legal-page{font-size:.92rem;line-height:1.6;color:var(--color-text-muted)}.legal-page h2{margin:1.25rem 0 .5rem;font-size:1rem;text-align:left;color:var(--color-text)}.legal-page h2:first-child{margin-top:0}.legal-page p{margin:0 0 .75rem;text-align:justify;hyphens:auto;-webkit-hyphens:auto;text-wrap:pretty}.legal-page ul,.legal-page ol{margin:0 0 .85rem;padding-left:1.25rem}.legal-page li{margin-bottom:.35rem;text-align:justify;hyphens:auto;-webkit-hyphens:auto;text-wrap:pretty}.legal-page li:last-child{margin-bottom:0}.legal-page__notice{margin:0 0 1rem;padding:.65rem .85rem;border-left:3px solid color-mix(in srgb,var(--color-gold) 55%,var(--color-border));background:color-mix(in srgb,var(--color-gold) 6%,var(--color-bg-elevated));border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-text);font-size:.88rem;text-align:justify;hyphens:auto;-webkit-hyphens:auto;text-wrap:pretty}.legal-page a{color:var(--color-accent-alt);font-weight:600}.legal-page a:hover{color:var(--color-primary)}.legal-page p.legal-page__contact{margin-top:1rem!important;padding-top:.75rem;border-top:1px solid var(--color-border);font-weight:500;color:var(--color-text);text-align:left;hyphens:manual;-webkit-hyphens:manual;text-wrap:wrap}.ad-blink{animation:ad-blink 1.2s step-end infinite}@keyframes ad-blink{50%{opacity:.35}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}.song-search{display:block;position:relative}.song-search__control{display:flex;align-items:stretch}.song-search--with-trailing .song-search__input{flex:1;min-width:0;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.song-search--with-trailing .song-search__control:focus-within{border-radius:var(--radius-md);box-shadow:0 0 0 3px var(--color-primary-glow)}.song-search--with-trailing .song-search__control:focus-within .song-search__input{border-color:var(--color-primary);box-shadow:none}.song-search--with-trailing .song-search__control:focus-within .song-search__reveal-btn{border-color:var(--color-primary)}.song-search__reveal-btn{flex-shrink:0;min-height:var(--touch-min);margin:0;padding:0 .9rem;border-radius:0 var(--radius-md) var(--radius-md) 0;border:1px solid var(--color-border);border-left:1px solid color-mix(in srgb,var(--color-border) 70%,var(--color-bg));background:var(--color-bg-elevated);color:var(--color-text-muted);font-size:1rem;font-weight:600;font-family:var(--font-body);white-space:nowrap;box-shadow:none}.song-search__reveal-btn:hover:not(:disabled){color:#ffb3f5;border-color:#ff00e573;background:#ff00e51a;box-shadow:none;transform:none}.song-search__reveal-btn:disabled{opacity:.55;cursor:not-allowed}.song-search--disabled{opacity:.55;pointer-events:none}.song-search__results{list-style:none;margin:.65rem 0 0;padding:.35rem;max-height:min(420px,55vh);overflow-y:auto;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.song-search__item button{width:100%;display:flex;gap:.85rem;align-items:center;text-align:left;background:transparent;border-radius:var(--radius-sm);min-height:68px;padding:.5rem .65rem;box-shadow:none}.song-search__item button:hover:not(:disabled){background:var(--color-surface-hover);transform:none}.song-search__cover,.song-search__cover-fallback{width:52px;height:52px;border-radius:var(--radius-sm);flex-shrink:0;object-fit:cover;background:var(--color-surface)}.song-search__cover-fallback{display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--color-primary)}.song-search__meta{display:flex;flex-direction:column;gap:.1rem;min-width:0}.song-search__meta strong{font-size:1rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-search__meta span{font-size:.875rem;color:var(--color-text-muted)}.song-search__sub{font-size:.75rem!important;color:var(--color-text-dim)!important}.song-search__empty{padding:1.25rem;text-align:center;color:var(--color-text-muted)}.song-search__sentinel{height:1px;margin:0;padding:0;list-style:none;pointer-events:none}.song-search__count{margin:.35rem 0 0;padding:0 .25rem;font-size:.75rem;color:var(--color-text-dim);text-align:right}.audio-gate{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-2xl) var(--space-lg) var(--space-xl);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--color-primary) 30%,var(--color-border));background:radial-gradient(ellipse 70% 60% at 50% 20%,color-mix(in srgb,var(--color-primary) 18%,transparent) 0%,transparent 70%),radial-gradient(ellipse 80% 60% at 50% 110%,color-mix(in srgb,var(--color-accent) 12%,transparent) 0%,transparent 65%),linear-gradient(180deg,#2b16608c,#20114ab3);box-shadow:var(--shadow-md),inset 0 1px color-mix(in srgb,white 8%,transparent),0 0 60px color-mix(in srgb,var(--color-primary) 14%,transparent);overflow:hidden}.audio-gate:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--color-accent) 55%,transparent) 30%,color-mix(in srgb,var(--color-primary) 70%,transparent) 70%,transparent 100%)}.audio-gate__visual{position:relative;width:7rem;height:7rem;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);border-radius:50%;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--color-primary) 22%,transparent) 0%,color-mix(in srgb,var(--color-primary) 8%,transparent) 50%,transparent 75%);isolation:isolate}.audio-gate__icon{position:relative;z-index:2;color:var(--color-text);filter:drop-shadow(0 0 12px color-mix(in srgb,var(--color-primary) 65%,transparent))}.audio-gate__wave{position:absolute;inset:0;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--color-primary) 50%,transparent);opacity:0;animation:audio-gate-ripple 2.8s ease-out infinite;pointer-events:none}.audio-gate__wave--1{animation-delay:0s}.audio-gate__wave--2{animation-delay:.9s;border-color:color-mix(in srgb,var(--color-accent) 55%,transparent)}.audio-gate__wave--3{animation-delay:1.8s}@keyframes audio-gate-ripple{0%{transform:scale(.65);opacity:.7}80%{opacity:0}to{transform:scale(1.55);opacity:0}}.audio-gate__title{margin:0 0 .4rem;font-family:var(--font-display);font-size:1.4rem;font-weight:800;letter-spacing:-.01em;color:var(--color-text)}.audio-gate__hint{margin:0 auto var(--space-lg);max-width:32ch;font-size:.92rem;line-height:1.55;color:var(--color-text-muted)}.audio-gate__btn{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.65rem;border:none;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dim) 100%);color:#fff;font-family:var(--font-display);font-weight:700;font-size:1rem;letter-spacing:.01em;cursor:pointer;box-shadow:0 8px 24px color-mix(in srgb,var(--color-primary) 45%,transparent),inset 0 1px color-mix(in srgb,white 22%,transparent);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.audio-gate__btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px color-mix(in srgb,var(--color-primary) 55%,transparent),0 0 24px color-mix(in srgb,var(--color-accent) 30%,transparent),inset 0 1px color-mix(in srgb,white 28%,transparent)}.audio-gate__btn:active{transform:translateY(0)}.audio-gate__btn-icon{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:50%;background:color-mix(in srgb,white 18%,transparent);color:#fff}.audio-gate__btn-icon svg{width:.7rem;height:.7rem;display:block;margin-left:1px}@media(prefers-reduced-motion:reduce){.audio-gate__wave{animation:none;opacity:.25}}.auth-card{display:flex;flex-direction:column;gap:var(--space-lg)}.auth-card__loading{margin:0;text-align:center;color:var(--color-text-muted);font-size:.95rem}.auth-card__member,.auth-card__guest{display:flex;flex-direction:column;gap:var(--space-lg)}.auth-card__banner{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.1rem;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.auth-card__banner--member{background:linear-gradient(135deg,#86efac1f,#ffd70014);border-color:#86efac59}.auth-card__banner-title{margin:0;font-family:var(--font-display);font-size:1.15rem;font-weight:800;color:var(--color-text)}.auth-card__banner-text{margin:0;font-size:.9rem;line-height:1.45;color:var(--color-text-muted)}.auth-card__badge{display:inline-flex;align-items:center;align-self:flex-start;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.auth-card__badge--guest{color:#fcd34d;background:#fbbf2426;border:1px solid rgba(251,191,36,.45)}.auth-card__badge--member{color:#86efac;background:#86efac1f;border:1px solid rgba(134,239,172,.4)}.auth-card__promo{position:relative;overflow:hidden;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--color-gold) 32%,var(--color-border));background:var(--color-bg-elevated);box-shadow:inset 0 1px color-mix(in srgb,white 6%,transparent),0 6px 24px #00000047}.auth-card__promo:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-hero);pointer-events:none}.auth-card__promo-inner{position:relative;display:flex;flex-direction:column;gap:.7rem;padding:1.1rem 1.15rem 1.2rem}.auth-card__promo-eyebrow{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent)}.auth-card__promo-title{margin:0;font-family:var(--font-display);font-size:clamp(1.12rem,3.5vw,1.4rem);font-weight:800;line-height:1.25;color:var(--color-text)}.auth-card__promo-text{margin:0;font-size:.9rem;line-height:1.55;color:var(--color-text-muted);max-width:40rem}.auth-card__promo-actions{display:flex;flex-direction:column;gap:.55rem;margin-top:.25rem}.auth-card__promo-cta{width:100%;font-weight:800}.auth-card__promo-secondary{width:100%}@media(min-width:480px){.auth-card__promo-actions{flex-direction:row;flex-wrap:wrap}.auth-card__promo-cta,.auth-card__promo-secondary{flex:1 1 auto;min-width:10rem}}.auth-card__guest-panel{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);background:#00000038;border:1px dashed rgba(251,191,36,.45)}.auth-card__guest-panel-header{display:flex;flex-direction:column;gap:.35rem}.auth-card__guest-warning{margin:0;font-size:.85rem;line-height:1.4;color:#fcd34d}.auth-card__guest-empty{margin:0;padding:.85rem 1rem;border-radius:var(--radius-md);background:#ffffff08;border:1px solid var(--color-border);font-size:.9rem;color:var(--color-text-muted);text-align:center}.auth-card__profile{display:flex;align-items:center;gap:var(--space-md)}.auth-card__profile--guest .auth-card__name{color:var(--color-text)}.auth-card__avatar{width:3.5rem;height:3.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:1.35rem;color:var(--color-text);flex-shrink:0}.auth-card__avatar--guest{background:linear-gradient(135deg,#fbbf2447,#78501459);border:2px solid rgba(251,191,36,.55)}.auth-card__avatar--member{background:linear-gradient(135deg,#86efac47,#ffd70038);border:2px solid rgba(134,239,172,.45)}.auth-card__avatar--profile{background:linear-gradient(145deg,color-mix(in srgb,var(--color-primary) 32%,rgba(17,13,28,.9)),color-mix(in srgb,var(--color-accent-alt) 22%,rgba(17,13,28,.9)));border:2px solid color-mix(in srgb,var(--color-primary) 75%,rgba(255,255,255,.35));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,transparent),0 4px 14px #00000059}.auth-card__info{min-width:0}.auth-card__info--stacked{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}.auth-card__info--stacked .auth-card__name{line-height:1.15}.auth-card__info--stacked .auth-card__country-badge{margin-top:0}.auth-card__country-line{margin:0;font-size:.85rem;font-weight:500;color:var(--color-text-muted)}.auth-card__country-line--unset{color:var(--color-text-dim);font-style:italic}.auth-card__info--stacked .auth-card__subtitle{margin-top:.15rem}.auth-card__name{margin:0;font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:var(--color-text)}.auth-card__subtitle{margin:.2rem 0 0;font-size:.85rem;color:var(--color-text-muted)}.auth-card__subtitle--member{color:#86efac}.auth-card__stats{margin:0;font-size:.9rem;color:var(--color-text-muted)}.auth-card__stats span:first-child{color:var(--color-accent);font-weight:700}.auth-card__country{margin:0;font-size:.85rem;color:var(--color-text-muted)}.auth-card__section-label{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.auth-card__hint--inline{margin:0}.auth-card__country-setup{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);background:linear-gradient(135deg,#e5393524,#c6282814 45%,#1a1430bf);border:1px solid rgba(255,107,107,.45);box-shadow:0 0 0 1px #ffffff0a inset,0 8px 28px #e539351f}.auth-card__country-setup-icon{flex-shrink:0;display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:999px;font-family:var(--font-display);font-size:.95rem;font-weight:900;line-height:1;color:#fff;background:linear-gradient(145deg,#ff6b6b,#e53935 55%,#c62828);border:1.5px solid rgba(255,255,255,.2);box-shadow:0 0 14px #e5393573}.auth-card__country-setup-body{flex:1;min-width:0}.auth-card__country-setup-title{margin:0 0 .25rem;font-family:var(--font-display);font-size:1rem;font-weight:800;letter-spacing:-.02em;color:var(--color-text)}.auth-card__country-setup-text{margin:0;font-size:.85rem;line-height:1.45;color:var(--color-text-muted)}.profile-country{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-lg);background:linear-gradient(145deg,#00d4ff14,#1a143099);border:1px solid rgba(0,212,255,.22)}.profile-country--unset{background:linear-gradient(145deg,#ff6b6b1a,#e539350f 40%,#1a1430a6);border-color:#ff6b6b6b;box-shadow:0 0 0 1px #ff6b6b1f inset,0 10px 32px #e539351a}.profile-country--unset .profile-country__icon{background:#ff6b6b24;border-color:#ff6b6b59}.profile-country--unset .profile-country__select{border-color:#ff6b6b73}.profile-country--unset .profile-country__select:focus{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b40}.profile-country__required{margin-left:.45rem;padding:.1rem .4rem;border-radius:999px;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;vertical-align:middle;color:#ffcdd2;background:#e5393559;border:1px solid rgba(255,107,107,.35)}.profile-country__header{display:flex;align-items:flex-start;gap:var(--space-sm)}.profile-country__icon{flex-shrink:0;width:2.25rem;height:2.25rem;display:grid;place-items:center;font-size:1.15rem;border-radius:var(--radius-md);background:#00d4ff1f;border:1px solid rgba(0,212,255,.25)}.profile-country__titles{flex:1;min-width:0}.profile-country__label{display:block;margin:0;font-family:var(--font-display);font-size:.9rem;font-weight:800;color:var(--color-text);letter-spacing:-.01em;text-transform:none}.profile-country__hint{margin:.2rem 0 0;font-size:.8rem;color:var(--color-text-muted);line-height:1.4}.profile-country__select-wrap{position:relative;display:flex;align-items:center}.profile-country__select-wrap--disabled{opacity:.65}.profile-country__select{width:100%;min-height:var(--touch-min);padding:.65rem 2.75rem .65rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font-size:1rem;font-family:var(--font-body);cursor:pointer;appearance:none;-webkit-appearance:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.profile-country__select:hover:not(:disabled){border-color:#00d4ff73;background:var(--color-surface-hover)}.profile-country__select:focus{outline:none;border-color:var(--color-accent-alt);box-shadow:0 0 0 3px #00d4ff38}.profile-country__select:disabled{cursor:not-allowed}.profile-country__chevron{position:absolute;right:1rem;top:50%;width:.5rem;height:.5rem;border-right:2px solid var(--color-accent-alt);border-bottom:2px solid var(--color-accent-alt);transform:translateY(-65%) rotate(45deg);pointer-events:none;opacity:.85}.profile-country__status{margin:0;font-size:.8rem;font-weight:600;color:var(--color-accent-alt)}.country-select{position:relative}.country-select__trigger{display:flex;align-items:center;gap:.55rem;width:100%;margin:0;min-height:var(--touch-min);padding:.65rem 2.75rem .65rem 1rem;text-align:left;cursor:pointer;box-shadow:none}.country-select__trigger:hover:not(:disabled){transform:none;box-shadow:none}.country-select__trigger:focus-visible{outline:none;border-color:var(--color-accent-alt);box-shadow:0 0 0 3px #00d4ff38}.country-select__trigger-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--color-text)}.country-select__trigger-placeholder{flex-shrink:0;font-size:1.05rem;line-height:1;opacity:.85}.country-select--open .profile-country__chevron{transform:translateY(-35%) rotate(225deg)}.country-select__menu{position:absolute;top:calc(100% + .35rem);left:0;right:0;z-index:120;max-height:min(16rem,52vh);margin:0;padding:.35rem;list-style:none;overflow-y:auto;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-bg-elevated);box-shadow:0 14px 36px #00000073}.country-select__option{display:flex;align-items:center;gap:.55rem;width:100%;margin:0;min-height:0;padding:.5rem .65rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-family:var(--font-body);font-size:.92rem;font-weight:600;letter-spacing:normal;text-align:left;cursor:pointer;box-shadow:none;transition:background var(--transition-fast)}.country-select__option:hover:not(:disabled){background:#ffffff0f;transform:none;box-shadow:none}.country-select__option--selected{background:#00d4ff1a}.country-select__option--selected:hover:not(:disabled){background:#00d4ff24}.country-select__option-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-select__option-flag{flex-shrink:0;font-size:1.05rem;line-height:1}.profile-username{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-lg);background:linear-gradient(145deg,#ff00e512,#1a14308c);border:1px solid rgba(255,0,229,.22)}.profile-username__header{display:flex;align-items:flex-start;gap:var(--space-sm)}.profile-username__icon{flex-shrink:0;width:2.25rem;height:2.25rem;display:grid;place-items:center;font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:var(--color-primary);border-radius:var(--radius-md);background:#ff00e51a;border:1px solid rgba(255,0,229,.28)}.profile-username__titles{flex:1;min-width:0}.profile-username__label{display:block;margin:0;font-family:var(--font-display);font-size:.9rem;font-weight:800;color:var(--color-text);letter-spacing:-.01em}.profile-username__hint{margin:.2rem 0 0;font-size:.8rem;color:var(--color-text-muted);line-height:1.4}.profile-username--compact .profile-username__view{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.65rem}.profile-username__view{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.profile-username__current{margin:0;line-height:1.15}.profile-username__edit-btn{min-height:auto;padding:.4rem .85rem;font-size:.85rem;font-weight:700;border-radius:var(--radius-md);background:transparent;border:1px solid rgba(255,0,229,.45);color:var(--color-primary);box-shadow:none;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.profile-username__edit-btn:hover:not(:disabled){background:#ff00e51f;border-color:var(--color-primary);transform:none}.profile-username__edit-btn:disabled{opacity:.5;cursor:not-allowed}.profile-username__success{margin:0;font-size:.8rem;font-weight:600;color:#4ade80}.profile-username__form{display:flex;flex-direction:column;gap:.45rem}.profile-username__input{width:100%;min-height:var(--touch-min);padding:.65rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font-size:1.05rem;font-family:var(--font-display);font-weight:700;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.profile-username__input:hover:not(:disabled){border-color:#ff00e573}.profile-username__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff00e533}.profile-username__counter{margin:0;font-size:.75rem;color:var(--color-text-dim)}.profile-username__error{margin:0;font-size:.85rem;font-weight:600;color:#f87171}.profile-username__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.profile-username__save,.profile-username__cancel{min-height:var(--touch-min);padding:.5rem 1.1rem;font-size:.9rem}@media(min-width:480px){.profile-username__actions{flex-wrap:nowrap}}.profile-bio{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-lg);background:#0000001f;border:1px solid color-mix(in srgb,var(--color-border) 90%,transparent)}.profile-bio--readonly{padding:1rem 1.1rem;border-radius:var(--radius-md);border:1px solid var(--color-border);border-left:3px solid var(--color-border-strong);background:#ffffff08}.profile-bio__header{display:flex;align-items:flex-start;gap:var(--space-sm)}.profile-bio__icon{flex-shrink:0;width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:var(--radius-sm);color:var(--color-text-muted);background:#ffffff0d;border:1px solid color-mix(in srgb,var(--color-border) 85%,transparent)}.profile-bio__titles{flex:1;min-width:0}.profile-bio__label{display:block;margin:0;font-family:var(--font-display);font-size:.9rem;font-weight:800;color:var(--color-text);letter-spacing:-.01em}.profile-bio__hint{margin:.2rem 0 0;font-size:.8rem;color:var(--color-text-muted);line-height:1.4}.profile-bio__view{display:flex;flex-direction:column;gap:.65rem}.profile-bio__preview,.profile-bio__text{margin:0;font-size:.92rem;line-height:1.6;color:var(--color-text);white-space:pre-wrap;word-break:break-word}.profile-bio--readonly .profile-bio__text{font-size:.95rem;color:var(--color-text-dim)}.profile-bio__empty{margin:0;font-size:.88rem;color:var(--color-text-muted);line-height:1.45}.profile-bio__view-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}button.profile-bio__edit-btn{display:inline-flex;align-items:center;gap:.4rem;align-self:flex-start;margin:0;min-height:0;padding:.4rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#ffffff0a;color:var(--color-text);font:inherit;font-size:.82rem;font-weight:600;letter-spacing:normal;cursor:pointer;box-shadow:none;transition:background .15s ease,border-color .15s ease,color .15s ease}button.profile-bio__edit-btn svg{flex-shrink:0;display:block;opacity:.85}button.profile-bio__edit-btn:hover:not(:disabled){color:var(--color-text);background:#ffffff14;border-color:color-mix(in srgb,var(--color-text-muted) 40%,var(--color-border));transform:none;box-shadow:none}button.profile-bio__edit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.profile-bio__success{margin:0;font-size:.82rem;font-weight:600;color:#86efac}.profile-bio__form{display:flex;flex-direction:column;gap:.5rem}.profile-bio__input{width:100%;min-height:6.5rem;resize:vertical;padding:.75rem .85rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#00000047;color:var(--color-text);font:inherit;line-height:1.5}.profile-bio__input:hover:not(:disabled){border-color:var(--color-border-strong)}.profile-bio__input:focus{outline:none;border-color:color-mix(in srgb,var(--color-text-muted) 55%,var(--color-border));box-shadow:none}.profile-bio__counter{margin:0;font-size:.78rem;color:var(--color-text-muted);text-align:right}.profile-bio__error{margin:0;font-size:.85rem;color:var(--color-danger)}.profile-bio__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.profile-bio__save,.profile-bio__cancel{min-height:var(--touch-min);padding:.5rem 1.1rem;font-size:.9rem}@media(min-width:480px){.profile-bio__actions{flex-wrap:nowrap}}.profile-stats{display:flex;flex-direction:column;gap:var(--space-md);width:100%}.profile-card.panel:has(.profile-stats){box-shadow:none}.profile-stats__summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.profile-stats__metric{display:flex;align-items:center;gap:.7rem;min-width:0;padding:.75rem .85rem;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-border) 90%,transparent);background:#00000024}.profile-stats__metric--points{border-color:color-mix(in srgb,var(--color-accent) 24%,var(--color-border))}.profile-stats__metric--streak{border-color:color-mix(in srgb,var(--color-primary) 24%,var(--color-border))}.profile-stats__metric-icon{flex-shrink:0;display:grid;place-items:center;width:2.15rem;height:2.15rem;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent)}.profile-stats__metric-icon svg{width:1.1rem;height:1.1rem}.profile-stats__metric--points .profile-stats__metric-icon{color:var(--color-accent)}.profile-stats__metric--streak .profile-stats__metric-icon{color:var(--color-primary)}.profile-stats__metric-body{display:flex;flex-direction:column;gap:.1rem;min-width:0}.profile-stats__metric-label{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted)}.profile-stats__metric-value{font-family:var(--font-display);font-weight:800;font-size:clamp(1.05rem,3.5vw,1.35rem);line-height:1.05;color:var(--color-text)}.profile-stats__metric--points .profile-stats__metric-value{color:var(--color-accent)}.profile-stats__metric--streak .profile-stats__metric-value{color:var(--color-primary)}.profile-stats__metric-unit{margin-left:.25rem;font-size:.72rem;font-weight:700;color:var(--color-text-muted)}.profile-stats__group{display:flex;flex-direction:column;gap:.45rem}.profile-stats__group-title{margin:0;padding:0 .15rem;font-family:var(--font-display);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.profile-stats__list{display:flex;flex-direction:column;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-border) 90%,transparent);background:#0000001f;overflow:hidden}.profile-stats__row{border-bottom:1px solid color-mix(in srgb,var(--color-border) 70%,transparent)}.profile-stats__row:last-child{border-bottom:none}.profile-stats__row-head{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.65rem;width:100%;margin:0;min-height:0;padding:.7rem .85rem;border:none;border-radius:0;background:transparent;color:inherit;text-align:left;cursor:pointer;box-shadow:none;transition:background var(--transition-fast)}.profile-stats__row-head--static{display:grid;grid-template-columns:auto 1fr auto;padding:.7rem .85rem}.profile-stats__row-head:hover:not(:disabled){background:#ffffff08;transform:none;box-shadow:none}.profile-stats__row-head:focus-visible{outline:none;background:#ffffff0a;box-shadow:inset 0 0 0 2px #00d4ff59}.profile-stats__row--open .profile-stats__row-head{background:#ffffff06}.profile-stats__row-icon{flex-shrink:0;display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-sm);color:var(--color-text-muted);background:#ffffff0a;border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent)}.profile-stats__row-icon svg{width:.95rem;height:.95rem}.profile-stats__row-icon--daily{color:#67e8f9}.profile-stats__row-icon--infinite{color:#c4b5fd}.profile-stats__row-icon--rush{color:#fdba74}.profile-stats__row-icon--guess{color:#7dd3fc}.profile-stats__row-icon--global{color:#86efac}.profile-stats__row-icon--private{color:#f9a8d4}.profile-stats__row-main{display:flex;flex-direction:column;gap:.08rem;min-width:0}.profile-stats__row-title{font-family:var(--font-display);font-size:.86rem;font-weight:800;color:var(--color-text);line-height:1.2}.profile-stats__row-caption{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim)}.profile-stats__row-stat{flex-shrink:0;text-align:right}.profile-stats__row-value{font-family:var(--font-display);font-weight:800;font-size:1.05rem;line-height:1.1;color:var(--color-text)}.profile-stats__row-chevron{flex-shrink:0;display:grid;place-items:center;width:1.35rem;height:1.35rem;color:var(--color-text-dim);opacity:.85;transition:transform var(--transition-fast),color var(--transition-fast)}.profile-stats__row-chevron svg{width:.95rem;height:.95rem}.profile-stats__row--open .profile-stats__row-chevron{transform:rotate(180deg);color:var(--color-text-muted)}.profile-stats__row-panel{border-top:1px solid color-mix(in srgb,var(--color-border) 65%,transparent);background:#0000001a}.profile-stats__row-panel-inner{padding:.55rem .85rem .75rem}.profile-stats__detail-groups{display:flex;flex-direction:column;gap:.65rem}@media(min-width:640px){.profile-stats__detail-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;align-items:start}}.profile-stats__detail-group{display:flex;flex-direction:column;gap:.35rem;min-width:0}@media(min-width:640px){.profile-stats__detail-group+.profile-stats__detail-group{padding-left:.85rem;border-left:1px solid color-mix(in srgb,var(--color-border) 65%,transparent)}}.profile-stats__detail-group-title{margin:0;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-dim)}.profile-stats__cells{display:flex;flex-direction:column;gap:.35rem}.profile-stats__cell{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.85rem;min-width:0}.profile-stats__cell-label{font-size:.74rem;color:var(--color-text-muted)}.profile-stats__cell-value{flex-shrink:0;min-width:2.75rem;font-size:.76rem;font-weight:700;color:var(--color-text);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.profile-stats__cell-value--text{font-family:var(--font-body)}.auth-card__profile-settings{display:flex;flex-direction:column;gap:var(--space-md)}.auth-card__section-title{margin:0;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.auth-card__public-profile-btn{display:flex;align-items:center;gap:.85rem;width:100%;padding:.85rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:linear-gradient(135deg,#ffffff0a,#1a143073);color:inherit;text-decoration:none;transition:border-color .15s ease,background .15s ease,transform .15s ease}.auth-card__public-profile-btn:hover{border-color:color-mix(in srgb,var(--color-accent-alt) 40%,var(--color-border));background:linear-gradient(135deg,#00d4ff14,#1a14308c);transform:translateY(-1px)}.auth-card__public-profile-btn__icon{flex-shrink:0;width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:var(--radius-md);color:var(--color-accent-alt);background:#00d4ff1a;border:1px solid rgba(0,212,255,.25)}.auth-card__public-profile-btn__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem;text-align:left}.auth-card__public-profile-btn__title{font-family:var(--font-display);font-size:.95rem;font-weight:800;color:var(--color-text);letter-spacing:-.01em}.auth-card__public-profile-btn__sub{font-size:.8rem;color:var(--color-text-muted);line-height:1.35}.auth-card__public-profile-btn__chevron{flex-shrink:0;color:var(--color-text-muted)}.auth-card__signout{align-self:stretch;width:100%;margin-top:var(--space-xs);background:#ef444424;border:1px solid rgba(248,113,113,.55);color:#fecaca;font-weight:700}.auth-card__signout:hover:not(:disabled){background:#ef444442;border-color:#fca5a5bf;color:#fff;box-shadow:0 0 16px #ef444440}.auth-card__form{display:flex;flex-direction:column;gap:var(--space-md);margin:0;padding:var(--space-md);border-radius:var(--radius-lg);background:var(--color-bg-elevated);border:1px solid var(--color-border)}.auth-card__form-header{display:flex;flex-direction:column;gap:.35rem}.auth-card__form-title{margin:0;font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:var(--color-text)}.auth-card__form-lead{margin:0;font-size:.88rem;line-height:1.45;color:var(--color-text-muted)}.auth-card__tabs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.35rem;background:#00000040;border-radius:var(--radius-md);border:1px solid var(--color-border)}.auth-card__tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-height:2.75rem;padding:.45rem .65rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:700;background:transparent;border:none;box-shadow:none;color:var(--color-text-muted)}.auth-card__tab-tag{font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-accent);opacity:.85}.auth-card__tab:hover:not(.auth-card__tab--active){background:var(--color-surface);color:var(--color-text);transform:none}.auth-card__tab--active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dim));color:var(--color-text);box-shadow:0 2px 12px var(--color-primary-glow)}.auth-card__tab--register.auth-card__tab--active{background:linear-gradient(135deg,#ffd70059,#e6399b47);border:1px solid rgba(255,215,0,.45)}.auth-card__tab--register.auth-card__tab--active .auth-card__tab-tag{color:#fff;opacity:1}.auth-card__field{display:flex;flex-direction:column;gap:.35rem}.auth-card__label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-dim)}.auth-card__submit{margin-top:.25rem}.auth-card__hint{margin:0;font-size:.8rem;color:var(--color-text-dim);text-align:center;line-height:1.45}.auth-card--reset{max-width:28rem;margin-left:auto;margin-right:auto}.auth-card__form--flush{padding:0;background:transparent;border:none}.auth-card__banner--warn{background:linear-gradient(135deg,#fbbf241f,#78501426);border-color:#fbbf2466}.auth-card__forgot-row{margin:-.25rem 0 0;text-align:right}.auth-card__inline-link{padding:0;border:none;background:none;box-shadow:none;font-size:.85rem;font-weight:600;color:var(--color-accent);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.auth-card__inline-link:hover{color:#fff;transform:none}.auth-card__link-btn{display:block;text-align:center;text-decoration:none}.auth-card__forgot-sent{display:flex;flex-direction:column;gap:var(--space-md)}.shop-list{list-style:none;margin:var(--space-lg) 0 0;padding:0}.shop-list li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);padding:var(--space-md) 0;border-bottom:1px solid var(--color-border)}.shop-points{font-size:1.15rem;margin-bottom:var(--space-md)}.shop-points strong{color:var(--color-accent);font-family:var(--font-display)}.shop-type{color:var(--color-text-dim);font-weight:400}.leaderboards-grid{display:flex;flex-direction:column;gap:var(--space-lg)}.board-title{font-size:1.1rem;margin:0 0 var(--space-md);display:flex;align-items:center;gap:.5rem;color:var(--color-text)}.leaderboards-page{display:flex;flex-direction:column;gap:var(--space-md)}.leaderboards-nav{display:grid;gap:var(--space-md)}.leaderboards-nav__group{display:flex;flex-direction:column;gap:.55rem;width:100%;padding:.75rem;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--color-surface) 88%,transparent),color-mix(in srgb,var(--color-bg-elevated) 92%,transparent));box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.leaderboards-nav__group--gamemodes{border-color:color-mix(in srgb,var(--color-primary) 22%,var(--color-border))}.leaderboards-nav__group--national{border-color:color-mix(in srgb,#5b9fd4 24%,var(--color-border))}.leaderboards-nav__group--active{box-shadow:var(--shadow-md)}.leaderboards-nav__group--gamemodes.leaderboards-nav__group--active{border-color:color-mix(in srgb,var(--color-primary) 42%,var(--color-border));box-shadow:var(--shadow-md),0 0 0 1px color-mix(in srgb,var(--color-primary) 12%,transparent)}.leaderboards-nav__group--national.leaderboards-nav__group--active{border-color:color-mix(in srgb,#5b9fd4 45%,var(--color-border));box-shadow:var(--shadow-md),0 0 0 1px color-mix(in srgb,#5b9fd4 14%,transparent)}.leaderboards-nav__header{padding:0 .15rem}.leaderboards-nav__heading{display:flex;align-items:center;gap:.65rem;min-width:0}.leaderboards-nav__heading-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.leaderboards-nav__title{font-family:var(--font-display);font-size:.95rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--color-text)}.leaderboards-nav__desc{font-size:.78rem;color:var(--color-text-muted);line-height:1.3}.leaderboards-nav__group-icon{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:var(--radius-md);flex-shrink:0}.leaderboards-nav__group-icon svg{display:block}.leaderboards-nav__group-icon--gamemodes{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 14%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 28%,transparent)}.leaderboards-nav__group-icon--national{color:#7ec8f0;background:color-mix(in srgb,#5b9fd4 14%,transparent);border:1px solid color-mix(in srgb,#5b9fd4 28%,transparent)}.leaderboards-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;width:100%;padding:.4rem;background:color-mix(in srgb,var(--color-bg) 35%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 65%,transparent);border-radius:var(--radius-md)}.leaderboards-tabs--gamemodes,.leaderboards-tabs--national{flex:1;width:100%}.leaderboards-tabs__text{display:flex;flex-direction:column;align-items:center;gap:.05rem;min-width:0;text-align:center}.leaderboards-tabs__label{line-height:1.25}.leaderboards-tabs__label-short{display:none;font-size:.82rem;line-height:1.2}@media(max-width:519px){.leaderboards-tabs__label{display:none}.leaderboards-tabs__label-short{display:inline}}@media(min-width:520px){.leaderboards-tabs__label{white-space:normal;overflow:visible;text-overflow:unset;max-width:none;font-size:.84rem}}button.leaderboards-tabs__btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.45rem;width:100%;margin:0;padding:.7rem .65rem;min-height:0;min-width:0;height:100%;border:1px solid color-mix(in srgb,var(--color-border) 85%,transparent);border-radius:var(--radius-sm);background:#0000001f;color:var(--color-text-muted);font-family:var(--font-display);font-weight:700;font-size:.88rem;letter-spacing:normal;cursor:pointer;box-shadow:none;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}@media(min-width:768px){button.leaderboards-tabs__btn{padding:.8rem .85rem;font-size:.92rem}}.leaderboards-tabs__icon{display:inline-flex;width:1.2rem;height:1.2rem}.leaderboards-tabs__icon svg{width:100%;height:100%;display:block}button.leaderboards-tabs__btn:hover:not(:disabled){color:var(--color-text);background:color-mix(in srgb,var(--color-surface) 70%,transparent);transform:none;box-shadow:none}button.leaderboards-tabs__btn--active{color:var(--color-text);background:#ffffff12;border-color:var(--color-border-strong);box-shadow:none}.leaderboards-nav__group--gamemodes .leaderboards-tabs__btn--active{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 10%,rgba(255,255,255,.05))}.leaderboards-nav__group--national .leaderboards-tabs__btn--active{border-color:color-mix(in srgb,#5b9fd4 50%,var(--color-border));background:color-mix(in srgb,#5b9fd4 12%,rgba(255,255,255,.05))}.panel.leaderboard-panel{box-shadow:none}.leaderboard-panel{padding:var(--space-md);border-radius:var(--radius-xl);box-shadow:none}.leaderboard-panel__header{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid color-mix(in srgb,var(--color-border) 60%,transparent)}.leaderboard-panel__title{margin:0 0 .2rem;display:flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-size:1.2rem;font-weight:800;letter-spacing:-.005em}.leaderboard-panel__icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem}.leaderboard-panel__icon svg{width:100%;height:100%;display:block}.leaderboard-icon{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:0}.leaderboard-icon svg{width:100%;height:100%;display:block}.leaderboard-icon--trophy{color:var(--color-gold)}.leaderboard-icon--flag{color:var(--color-accent)}.leaderboard-icon--globe{color:var(--color-primary)}.leaderboard-national-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm) var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);box-shadow:none;overflow:visible}.leaderboard-national-bar__label{display:inline-flex;align-items:center;gap:.45rem;margin:0;font-family:var(--font-display);font-weight:700;font-size:.88rem;color:var(--color-text);flex:1 1 auto;min-width:8rem}.leaderboard-national-bar__label-icon{display:inline-flex;color:var(--color-accent)}.leaderboard-national-bar .profile-country__select-wrap{flex:1 1 16rem;max-width:100%;min-width:min(100%,14rem)}.leaderboard-national-bar__status{margin:0;width:100%;font-size:.78rem;color:var(--color-text-dim);text-align:right}.leaderboard-panel--loading{opacity:.72;pointer-events:none}.leaderboard-panel__range{margin:0 0 var(--space-sm);font-size:.78rem;color:var(--color-text-dim)}.leaderboard-panel__meta{margin:0;font-size:.78rem;color:var(--color-text-muted);letter-spacing:.01em}.leaderboard-panel__hint{margin:.35rem 0 0;font-size:.82rem;line-height:1.45;color:var(--color-text-muted)}.leaderboard-panel__empty{margin:0;padding:var(--space-lg);text-align:center;color:var(--color-text-muted);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.leaderboard-podium{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:.55rem;align-items:end;list-style:none;margin:0 0 var(--space-lg);padding:0}.leaderboard-podium__item{position:relative;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.9rem .5rem .85rem;text-align:center;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#00000024;box-shadow:none;overflow:hidden;isolation:isolate}.leaderboard-podium__item:before{display:none}.leaderboard-podium__item--1{order:2;min-height:7.5rem;border-color:color-mix(in srgb,var(--color-gold) 42%,var(--color-border));background:color-mix(in srgb,var(--color-gold) 9%,rgba(0,0,0,.14));box-shadow:none}.leaderboard-podium__item--1 .leaderboard-podium__rank{color:var(--color-gold)}.leaderboard-podium__item--2{order:1;min-height:6.25rem;border-color:color-mix(in srgb,var(--color-accent) 36%,var(--color-border));background:color-mix(in srgb,var(--color-accent) 7%,rgba(0,0,0,.14));box-shadow:none}.leaderboard-podium__item--2 .leaderboard-podium__rank{color:var(--color-accent)}.leaderboard-podium__item--3{order:3;min-height:5.5rem;border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 7%,rgba(0,0,0,.14));box-shadow:none}.leaderboard-podium__item--3 .leaderboard-podium__rank{color:var(--color-primary)}.leaderboard-podium__rank{font-family:var(--font-display);font-weight:800;font-size:.9rem;letter-spacing:.04em}.leaderboard-podium__item--1 .leaderboard-podium__rank{font-size:1rem}.leaderboard-podium__name{display:block;font-family:var(--font-display);font-weight:700;font-size:.85rem;line-height:1.25;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;max-width:100%}.leaderboard-podium__item--1 .leaderboard-podium__name{font-size:.95rem}.leaderboard-podium__value{font-family:var(--font-display);font-size:.82rem;font-weight:800;color:var(--color-text);letter-spacing:.01em}.leaderboard-podium__item--1 .leaderboard-podium__value{font-size:.95rem;color:var(--color-gold)}.leaderboard-podium--countries .leaderboard-podium__item{gap:.35rem}.leaderboard-podium__country{display:flex;justify-content:center;width:100%}.leaderboard-podium__flag.country-flag--with-label{flex-direction:column;align-items:center;gap:.2rem}.leaderboard-podium__flag .country-flag__name{font-size:.78rem;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-podium__sub{font-size:.72rem;font-weight:600;color:var(--color-text-dim)}.leaderboard-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.leaderboard-list__row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem .85rem;padding:.75rem .9rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg-elevated) 60%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.leaderboard-list__row:hover{border-color:color-mix(in srgb,var(--color-text-muted) 25%,var(--color-border));background:color-mix(in srgb,var(--color-surface) 75%,transparent);transform:none}.leaderboard-list__row--top{border-color:color-mix(in srgb,var(--color-gold) 35%,var(--color-border));background:linear-gradient(90deg,color-mix(in srgb,var(--color-gold) 10%,transparent),color-mix(in srgb,var(--color-bg-elevated) 60%,transparent))}.leaderboard-list__rank{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;padding:.15rem .45rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-bg) 70%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);font-family:var(--font-display);font-weight:800;font-size:.85rem;color:var(--color-text-muted);letter-spacing:.02em}.leaderboard-list__row--top .leaderboard-list__rank{background:color-mix(in srgb,var(--color-gold) 22%,transparent);border-color:color-mix(in srgb,var(--color-gold) 50%,var(--color-border));color:var(--color-gold)}.leaderboard-list__name{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--color-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-list__name .player-link{color:var(--color-text)}.leaderboard-list__value{font-family:var(--font-display);font-weight:800;font-size:1rem;text-align:right;white-space:nowrap;color:var(--color-text)}.leaderboard-list__row--top .leaderboard-list__value{color:var(--color-gold)}.leaderboard-list__suffix{font-size:.72em;font-weight:600;color:var(--color-text-muted);margin-left:.2rem;letter-spacing:.04em}.leaderboard-list--countries .leaderboard-list__row{grid-template-columns:auto 1fr auto;align-items:center}.leaderboard-list__row--country .leaderboard-list__country{min-width:0}.leaderboard-list__row--country .country-flag--with-label{gap:.35rem}.leaderboard-list__row--country .country-flag__name{font-family:var(--font-display);font-weight:700;font-size:.92rem;color:var(--color-text)}.leaderboard-list__value-col{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem}.leaderboard-list__players{font-size:.72rem;font-weight:600;color:var(--color-text-dim)}.leaderboard-list__row--interactive{display:block;width:100%;padding:0;border:none;background:transparent}.leaderboard-list__row--interactive:hover{transform:none;border-color:transparent;background:transparent}button.leaderboard-country-select,a.leaderboard-player-select{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem .85rem;width:100%;margin:0;min-height:0;padding:.75rem .9rem;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);background:color-mix(in srgb,var(--color-bg-elevated) 60%,transparent);font:inherit;font-weight:inherit;letter-spacing:normal;color:inherit;text-align:left;text-decoration:none;cursor:pointer;box-shadow:none;transition:border-color var(--transition-fast),background var(--transition-fast)}button.leaderboard-country-select:hover:not(:disabled),a.leaderboard-player-select:hover{border-color:color-mix(in srgb,var(--color-text-muted) 30%,var(--color-border));background:color-mix(in srgb,var(--color-surface) 75%,transparent);transform:none;box-shadow:none}.leaderboard-country-select:focus-visible,.leaderboard-player-select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.leaderboard-list__row--top .leaderboard-country-select,.leaderboard-list__row--top .leaderboard-player-select{border-color:color-mix(in srgb,var(--color-gold) 35%,var(--color-border));background:linear-gradient(90deg,color-mix(in srgb,var(--color-gold) 10%,transparent),color-mix(in srgb,var(--color-bg-elevated) 60%,transparent))}.leaderboard-list__row--top .leaderboard-country-select:hover,.leaderboard-list__row--top .leaderboard-player-select:hover{border-color:color-mix(in srgb,var(--color-gold) 50%,var(--color-border))}.leaderboard-podium__item--interactive{padding:0}button.leaderboard-country-select--podium,a.leaderboard-player-select--podium{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:100%;height:100%;min-height:inherit;padding:.9rem .5rem .85rem;border:none;border-radius:inherit;background:transparent;font:inherit;color:inherit;text-align:center;text-decoration:none;cursor:pointer;box-shadow:none;transition:background var(--transition-fast)}button.leaderboard-country-select--podium:hover:not(:disabled),a.leaderboard-player-select--podium:hover{background:#ffffff0a;transform:none;filter:none;box-shadow:none}.leaderboard-country-select--podium:focus-visible,.leaderboard-player-select--podium:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.leaderboard-player-select--podium .player-link-wrap{display:flex;flex-direction:column;align-items:center;gap:.22rem;width:100%;min-width:0}.leaderboard-player-select--podium .player-link-wrap__badges{justify-content:center;flex-wrap:wrap}.leaderboard-pagination{display:flex;align-items:center;justify-content:center;gap:.65rem;margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid color-mix(in srgb,var(--color-border) 60%,transparent)}button.leaderboard-pagination__btn{display:inline-flex;align-items:center;justify-content:center;margin:0;min-height:0;padding:.45rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#ffffff0a;color:var(--color-text);font-family:var(--font-display);font-weight:600;font-size:.82rem;letter-spacing:normal;cursor:pointer;box-shadow:none;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}button.leaderboard-pagination__btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-text-muted) 40%,var(--color-border));background:#ffffff14;color:var(--color-text);transform:none;box-shadow:none}button.leaderboard-pagination__btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.leaderboard-pagination__info{min-width:6.5rem;text-align:center;font-family:var(--font-display);font-size:.82rem;font-weight:600;letter-spacing:.02em;color:var(--color-text-muted)}.chat-ui{display:flex;flex-direction:column;gap:var(--space-md)}.chat-messages{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.chat-messages--drawer{max-height:none;flex:1;min-height:0}.chat-fab{position:fixed;right:max(1rem,env(safe-area-inset-right,0px));bottom:max(1rem,env(safe-area-inset-bottom,0px));z-index:var(--z-chat);transform:translateZ(0);width:3.5rem;height:3.5rem;border-radius:50%;padding:0;min-height:0;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg),0 0 28px var(--color-primary-glow)}@media(max-width:899px){.chat-fab{bottom:calc(var(--bottom-nav-height) + .75rem + env(safe-area-inset-bottom,0px))}.chat-drawer{right:max(1rem,env(safe-area-inset-right,0px));left:auto;width:min(22rem,calc(100vw - 2rem));bottom:calc(var(--bottom-nav-height) + 4.5rem + env(safe-area-inset-bottom,0px))}}.chat-fab__icon{font-size:1.5rem;line-height:1}.chat-fab__badge{position:absolute;top:-2px;right:-2px;min-width:1.25rem;height:1.25rem;padding:0 .35rem;border-radius:var(--radius-full);background:var(--color-danger);color:#fff;font-size:.7rem;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-bg)}.chat-backdrop{position:fixed;inset:0;z-index:var(--z-chat-overlay);background:#00000073;border:none;padding:0;min-height:0;border-radius:0;box-shadow:none;cursor:pointer}.chat-drawer{position:fixed;z-index:calc(var(--z-chat-overlay) + 1);right:1rem;bottom:5.25rem;width:min(22rem,calc(100vw - 2rem));height:min(28rem,calc(100dvh - 7rem));display:flex;flex-direction:column;background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-bg-elevated) 100%);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:chat-drawer-in .28s ease;overflow:hidden}@keyframes chat-drawer-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.chat-drawer__title{margin:0;font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:var(--color-text)}.chat-drawer__header-actions{display:flex;align-items:center;gap:.35rem}.chat-drawer__pin,.chat-drawer__close{width:2rem;height:2rem;min-height:0;padding:0;border-radius:var(--radius-full);background:transparent;border:1px solid var(--color-border);box-shadow:none;font-size:.9rem;line-height:1;color:var(--color-text-muted);display:inline-flex;align-items:center;justify-content:center}.chat-drawer__pin:hover,.chat-drawer__close:hover{background:var(--color-surface-hover);transform:none}.chat-drawer__pin--active{color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.chat-drawer__pin-icon{display:block}.chat-drawer--pinned{z-index:calc(var(--z-chat) + 1);box-shadow:var(--shadow-lg),0 0 0 1px color-mix(in srgb,var(--color-primary) 25%,var(--color-border))}.chat-tabs{display:flex;gap:.35rem;padding:.5rem .75rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.chat-tabs__btn{flex:1;min-height:2.25rem;padding:.35rem .5rem;font-size:.8rem;font-weight:700;background:var(--color-bg-elevated);border:1px solid var(--color-border);box-shadow:none;border-radius:var(--radius-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-tabs__btn--active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dim));border-color:transparent}.chat-tabs__btn:disabled{opacity:.4;cursor:not-allowed}.chat-drawer__body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:.75rem}.chat-drawer__loading{margin:auto;color:var(--color-text-dim);font-size:.9rem}.chat-drawer__footer{padding:.75rem;border-top:1px solid var(--color-border);flex-shrink:0}.chat-composer{display:flex;align-items:center;gap:.5rem;padding:.35rem .35rem .35rem 1rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:inset 0 1px #ffffff0a;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.chat-composer:focus-within{border-color:var(--color-primary);box-shadow:inset 0 1px #ffffff0a,0 0 0 3px var(--color-primary-glow)}.chat-composer__input{flex:1;min-height:2.5rem;padding:.5rem 0;border:none;background:transparent;color:var(--color-text);font-size:.95rem;font-family:var(--font-body);box-shadow:none}.chat-composer__input:focus{outline:none;box-shadow:none;border:none}.chat-composer__input::placeholder{color:var(--color-text-dim)}.chat-composer__input:disabled{opacity:.55}.chat-composer__send{flex-shrink:0;width:2.5rem;height:2.5rem;min-height:0;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dim));box-shadow:0 2px 12px var(--color-primary-glow)}.chat-composer__send:disabled{opacity:.35;box-shadow:none;transform:none}.chat-composer__send:not(:disabled):hover{transform:scale(1.05)}.chat-drawer__footer .status-msg{margin-top:.5rem;margin-bottom:0}@media(max-width:480px){.chat-fab{right:max(.75rem,env(safe-area-inset-right,0px))}.chat-drawer{right:.5rem;left:.5rem;width:auto}}.chat-system-msg{margin:.35rem 0;padding:.4rem .65rem;text-align:center;font-size:.78rem;line-height:1.35;color:var(--color-text-muted);background:color-mix(in srgb,var(--color-bg-elevated) 55%,transparent);border-radius:var(--radius-md);border:1px dashed color-mix(in srgb,var(--color-primary) 35%,transparent)}.chat-eurodex-unlock{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin:.5rem 0;padding:.55rem .75rem;text-align:center;font-size:.78rem;line-height:1.4;color:var(--color-text-muted);background:color-mix(in srgb,var(--color-bg-elevated) 70%,transparent);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0a}.chat-eurodex-unlock__badge{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem;border-radius:var(--radius-full);border:1px solid;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.chat-eurodex-unlock__body strong{color:var(--color-text);font-weight:700}.chat-eurodex-unlock__song{font-weight:700}.chat-eurodex-unlock__time{font-size:.65rem;color:var(--color-text-dim)}.chat-bubble{margin:0;padding:.5rem .75rem;background:var(--color-bg-elevated);border-radius:var(--radius-md);font-size:.9rem}.chat-bubble strong{display:block;font-size:.75rem;color:var(--color-accent-alt);margin-bottom:.15rem}.chat-bubble__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.15rem}.chat-bubble__head .player-link-wrap{flex:1;min-width:0}.chat-bubble__head .chat-bubble__author{margin-bottom:0;font-size:.8rem;font-weight:700;color:var(--color-accent-alt)}.chat-bubble__body{display:flex;flex-direction:column;align-items:stretch;gap:.2rem}.chat-bubble__text{margin:0;word-break:break-word}.chat-bubble__footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.35rem}.chat-bubble__reactions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.chat-reaction-btn{display:inline-flex;align-items:center;gap:.2rem;min-height:1.5rem;padding:.15rem .4rem;border:1px solid color-mix(in srgb,var(--color-text-muted) 25%,transparent);border-radius:999px;background:color-mix(in srgb,var(--color-bg) 40%,transparent);color:var(--color-text-muted);font-size:.72rem;font-weight:600;line-height:1;letter-spacing:normal;box-shadow:none;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.chat-reaction-btn:disabled{opacity:.55;cursor:not-allowed}.chat-reaction-btn:not(:disabled):hover{border-color:color-mix(in srgb,var(--color-text-muted) 45%,transparent);box-shadow:none;transform:none}.chat-reaction-btn--heart.chat-reaction-btn--active{color:var(--color-danger);border-color:color-mix(in srgb,var(--color-danger) 50%,transparent);background:color-mix(in srgb,var(--color-danger) 12%,var(--color-bg-elevated))}.chat-reaction-btn--up.chat-reaction-btn--active{color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 50%,transparent);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-bg-elevated))}.chat-reaction-btn--down.chat-reaction-btn--active{color:var(--color-accent-alt);border-color:color-mix(in srgb,var(--color-accent-alt) 50%,transparent);background:color-mix(in srgb,var(--color-accent-alt) 12%,var(--color-bg-elevated))}.chat-reaction-btn__icon{font-size:.8rem;line-height:1}.chat-reaction-btn__count{font-variant-numeric:tabular-nums;font-weight:600;font-size:.65rem}.chat-bubble__time{margin:0 0 0 auto;font-size:.65rem;line-height:1;color:var(--color-text-muted);font-variant-numeric:tabular-nums;opacity:.85;flex-shrink:0}.chat-bubble__report{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;min-width:1.75rem;min-height:1.75rem;margin-top:-.05rem;padding:0;border:none;border-radius:50%;background:color-mix(in srgb,var(--color-danger) 28%,transparent);color:var(--color-danger);font-size:.72rem;line-height:1;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.chat-bubble__report:hover{background:color-mix(in srgb,var(--color-danger) 42%,transparent);transform:scale(1.06);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-danger) 35%,transparent)}.chat-bubble__report:active{transform:scale(.96)}.chat-bubble__report-icon{display:block;line-height:1;transform:translateY(.5px)}.chat-bubble__mod{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;min-width:1.75rem;min-height:1.75rem;margin-top:-.05rem;padding:0;border:none;border-radius:50%;background:color-mix(in srgb,var(--color-accent) 28%,transparent);color:var(--color-accent);font-size:.72rem;line-height:1;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.chat-bubble__mod:hover{background:color-mix(in srgb,var(--color-accent) 42%,transparent);transform:scale(1.06);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent) 35%,transparent)}.chat-bubble__mod:active{transform:scale(.96)}.chat-bubble__mod-icon{display:block;line-height:1}.chat-mod-dialog{width:min(24rem,calc(100vw - 2rem))}.chat-mod-dialog__meta{margin:0 0 var(--space-md);font-size:.85rem;color:var(--color-text-muted)}.chat-mod-dialog__stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem;margin:0 0 var(--space-md);padding:.75rem .85rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface) 88%,transparent);border:1px solid var(--color-border)}.chat-mod-dialog__stat{display:flex;flex-direction:column;gap:.15rem;margin:0}.chat-mod-dialog__stat--wide{grid-column:1 / -1}.chat-mod-dialog__stat dt{margin:0;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.chat-mod-dialog__stat dd{margin:0;font-size:.95rem;font-weight:700;color:var(--color-text)}.chat-mod-dialog__fieldset{margin:0 0 var(--space-md);padding:0;border:none}.chat-mod-dialog__legend{display:block;margin-bottom:.5rem;font-size:.8rem;font-weight:600;color:var(--color-text-muted)}.chat-mod-dialog__durations{display:flex;flex-wrap:wrap;gap:.4rem}.chat-mod-dialog__duration{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg);font-size:.82rem;cursor:pointer;transition:border-color .15s ease,background .15s ease}.chat-mod-dialog__duration:has(input:checked){border-color:color-mix(in srgb,var(--color-accent) 55%,var(--color-border));background:color-mix(in srgb,var(--color-accent) 14%,var(--color-bg))}.chat-mod-dialog__duration input{accent-color:var(--color-accent)}.chat-mod-dialog__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.chat-mod-dialog__btn-mute{border:none;border-radius:var(--radius-md);padding:.5rem .9rem;background:color-mix(in srgb,var(--color-accent) 85%,#000);color:#0a0a12;font-weight:700;font-size:.88rem;cursor:pointer}.chat-mod-dialog__btn-mute:hover:not(:disabled){filter:brightness(1.08)}.chat-mod-dialog__btn-ban{border:none;border-radius:var(--radius-md);padding:.5rem .9rem;background:color-mix(in srgb,var(--color-danger) 88%,#000);color:#fff;font-weight:700;font-size:.88rem;cursor:pointer}.chat-mod-dialog__btn-ban:hover:not(:disabled){filter:brightness(1.1)}.report-song-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:.35rem;padding:.3rem .7rem;border:none;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-danger) 24%,transparent);color:var(--color-danger);font-size:.68rem;font-weight:600;line-height:1.2;letter-spacing:.02em;cursor:pointer;opacity:.92;transition:background .15s ease,opacity .15s ease}.report-song-btn:hover:not(:disabled){opacity:1;background:color-mix(in srgb,var(--color-danger) 38%,transparent)}.report-song-btn--quick:disabled{cursor:default;opacity:.75}.report-song-btn__error{margin:.35rem 0 0;font-size:.72rem;color:var(--color-danger);text-align:center}.report-dialog__backdrop{position:fixed;inset:0;z-index:1200;border:none;background:#0000008c;cursor:pointer}.report-dialog{position:fixed;z-index:1201;left:50%;top:50%;transform:translate(-50%,-50%);width:min(22rem,calc(100vw - 2rem));max-height:min(90vh,28rem);overflow:auto;padding:var(--space-md)}.report-dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}.report-dialog__title{margin:0;font-size:1.05rem}.report-dialog__close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);font-size:.85rem;font-weight:400;line-height:1;cursor:pointer}.report-dialog__close:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-hover)}.report-dialog__desc{margin:0 0 var(--space-md);font-size:.9rem;color:var(--color-text-muted);line-height:1.45}.report-dialog__label{display:block;font-size:.8rem;margin-bottom:.35rem;color:var(--color-text-muted)}.report-dialog__textarea{width:100%;resize:vertical;min-height:5rem;margin-bottom:var(--space-md);padding:.6rem .75rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font:inherit}.report-dialog__actions{display:flex;justify-content:flex-end;gap:.5rem}.report-dialog__verifier-invite{margin:.85rem 0 0;padding-top:.85rem;border-top:1px solid rgba(255,255,255,.08);font-size:.82rem;line-height:1.45;color:var(--color-text-muted)}.report-dialog__verifier-invite a{color:var(--color-accent);text-decoration:none}.report-dialog__verifier-invite a:hover{text-decoration:underline}.report-dialog__badge{display:inline-block;margin-right:6px;padding:1px 7px;border-radius:999px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#00d4ff2e;color:var(--color-accent);vertical-align:middle}.chat-input-row{display:flex;gap:.5rem}.chat-input-row input{flex:1}.lobby-actions,.host-panel{display:flex;flex-direction:column;gap:var(--space-md)}.nickname-panel{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-md);max-width:28rem;margin-inline:auto;padding:var(--space-lg);border:1px solid color-mix(in srgb,var(--color-primary) 35%,var(--color-border));box-shadow:var(--shadow-md),0 0 0 1px color-mix(in srgb,var(--color-primary) 8%,transparent)}.nickname-panel--join{border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-border))}.nickname-panel__header{display:flex;align-items:flex-start;gap:var(--space-md)}.nickname-panel__icon{flex-shrink:0;display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-md);font-size:1.35rem;background:color-mix(in srgb,var(--color-primary) 14%,var(--color-bg-elevated));border:1px solid color-mix(in srgb,var(--color-primary) 25%,transparent)}.nickname-panel--join .nickname-panel__icon{background:color-mix(in srgb,var(--color-primary) 14%,var(--color-bg-elevated));border-color:color-mix(in srgb,var(--color-primary) 28%,transparent)}.nickname-panel__intro{flex:1;min-width:0}.nickname-panel__title{margin:0 0 .35rem;font-family:var(--font-display);font-size:1.15rem;font-weight:800;line-height:1.2;color:var(--color-text)}.nickname-panel__lead{margin:0;font-size:.9rem;line-height:1.45;color:var(--color-text-muted)}.nickname-panel__room{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin:0;padding:var(--space-md);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-bg-elevated));border:1px dashed color-mix(in srgb,var(--color-primary) 45%,var(--color-border))}.nickname-panel__room-label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.nickname-panel__room-code{font-family:var(--font-display);font-size:1.65rem;font-weight:800;letter-spacing:.2em;color:var(--color-gold)}.nickname-panel__field{display:flex;flex-direction:column;gap:.4rem}.nickname-panel__label{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.nickname-panel__input{width:100%;font-size:1.05rem;font-weight:600}.nickname-panel__counter{align-self:flex-end;font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.nickname-panel__error{margin:0}.nickname-panel__actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}.nickname-panel__submit,.nickname-panel__cancel{width:100%}.beta-notice{display:flex;align-items:flex-start;gap:.5rem .65rem;margin:0 0 var(--space-md);padding:.55rem .75rem;font-size:.78rem;line-height:1.5;color:var(--color-text-muted);background:color-mix(in srgb,var(--color-gold) 6%,var(--color-bg-elevated));border:1px solid color-mix(in srgb,var(--color-gold) 22%,var(--color-border));border-radius:var(--radius-md)}.beta-notice .badge--inline{flex-shrink:0;margin-top:.1rem}.beta-notice__text{margin:0;flex:1;min-width:0}.beta-notice__email{display:inline;margin:0;padding:0;border:none;border-radius:0;min-height:0;min-width:0;background:none;box-shadow:none;transform:none;font:inherit;font-size:inherit;font-weight:700;line-height:inherit;letter-spacing:inherit;color:var(--color-gold);text-decoration:underline;text-underline-offset:.12em;text-decoration-color:color-mix(in srgb,var(--color-gold) 50%,transparent);cursor:pointer;vertical-align:baseline;-webkit-tap-highlight-color:transparent}.beta-notice__email:hover:not(:disabled){color:#ffe566;text-decoration-color:var(--color-gold);box-shadow:none}.beta-notice__email:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px;border-radius:2px}.beta-notice__copied{margin-left:.3rem;font-size:.72rem;font-weight:600;font-style:italic;color:color-mix(in srgb,var(--color-gold) 85%,var(--color-text-muted))}.host-panel--match-settings.panel{border:none;background:transparent;box-shadow:none;padding:0}.host-panel--match-settings.panel:before{display:none}.host-panel__title{margin:0 0 var(--space-sm);padding-top:.15rem;font-family:var(--font-display);font-size:1rem;font-weight:800;line-height:1.35;color:var(--color-text)}.host-rounds-picker{display:flex;flex-direction:column;gap:var(--space-md);padding:0}.host-rounds-picker--locked{opacity:.92}.host-rounds-picker__header{display:flex;align-items:flex-start;gap:var(--space-md)}.host-rounds-picker__icon{flex-shrink:0;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);font-size:1.2rem;background:color-mix(in srgb,#a855f7 18%,var(--color-bg-elevated));border:1px solid color-mix(in srgb,#a855f7 30%,transparent)}.host-rounds-picker__titles{display:flex;flex-direction:column;gap:.2rem;min-width:0}.host-rounds-picker__label{font-family:var(--font-display);font-size:.95rem;font-weight:800;letter-spacing:.02em;color:var(--color-text)}.host-rounds-picker__hint{font-size:.8rem;line-height:1.35;color:var(--color-text-muted)}.host-rounds-picker__control{display:flex;align-items:center;justify-content:center;gap:.5rem}.host-rounds-picker__step,.host-rounds-picker__preset{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:0;padding:0;border-radius:50%;line-height:1;aspect-ratio:1}.host-rounds-picker__step{width:2.75rem;height:2.75rem;font-family:var(--font-display);font-size:1.35rem;font-weight:800;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.host-rounds-picker__step:hover:not(:disabled){border-color:color-mix(in srgb,#a855f7 50%,var(--color-border));background:color-mix(in srgb,#a855f7 12%,var(--color-surface));transform:translateY(-1px)}.host-rounds-picker__step:disabled{opacity:.35;cursor:not-allowed}.host-rounds-picker__value{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;min-width:5.5rem;padding:.5rem .75rem;border-radius:var(--radius-md);background:#00000047;border:1px solid color-mix(in srgb,#a855f7 25%,var(--color-border))}.host-rounds-picker__input{width:3.5rem;padding:0;margin:0;border:none;background:transparent;font-family:var(--font-display);font-size:2rem;font-weight:900;line-height:1;text-align:center;color:var(--color-gold);-moz-appearance:textfield;appearance:textfield}.host-rounds-picker__input::-webkit-outer-spin-button,.host-rounds-picker__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.host-rounds-picker__input:focus{outline:none;box-shadow:none}.host-rounds-picker__input:disabled{color:var(--color-text-muted);opacity:.7}.host-rounds-picker__unit{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.host-rounds-picker__presets{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.host-rounds-picker__preset{width:2.75rem;height:2.75rem;font-family:var(--font-display);font-size:.8rem;font-weight:700;color:var(--color-text-muted);background:#00000038;border:1px solid var(--color-border);box-shadow:none;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.host-rounds-picker__preset:hover{color:var(--color-text);border-color:color-mix(in srgb,#a855f7 45%,var(--color-border));background:color-mix(in srgb,#a855f7 10%,var(--color-surface));transform:none}.host-rounds-picker__preset--active{color:#e9d5ff;background:color-mix(in srgb,#a855f7 28%,var(--color-surface));border-color:color-mix(in srgb,#a855f7 55%,var(--color-border));box-shadow:0 0 14px #a855f740}.host-panel__round-hint{font-weight:600;font-size:.9em;color:var(--color-text-muted)}.room-live-ranks{width:100%;max-width:420px;margin:0 auto var(--space-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.room-live-ranks--below-search{margin:var(--space-sm) auto 0;max-height:8rem;overflow-y:auto}.room-live-ranks--below-search li{padding:.4rem .65rem;gap:.5rem;font-size:.875rem}.room-live-ranks--below-search .rank-num{min-width:1.75rem;font-size:.95rem}.room-live-ranks--below-search .rank-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-picker-details{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);overflow:hidden}.filter-picker-details__trigger{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.75rem 1rem;padding:.85rem 1rem;cursor:pointer;list-style:none;font-size:.875rem;color:var(--color-text-muted);user-select:none;transition:background var(--transition-fast),border-color var(--transition-fast)}.filter-picker-details__trigger:hover{background:#ffffff0a}.filter-picker-details[open] .filter-picker-details__trigger{background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-bottom:1px solid var(--color-border)}.filter-picker-details__trigger::-webkit-details-marker{display:none}.filter-picker-details__body{display:flex;flex-direction:column;gap:.2rem;min-width:0}.filter-picker-details__lead{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem}.filter-picker-details__meta{font-size:.8rem;color:var(--color-text);font-weight:600}.filter-picker-details__note{font-size:.75rem;color:var(--color-text-dim)}.filter-picker-details__note--warn{color:var(--color-warning);font-weight:600}.filter-picker-details__action{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;padding:.38rem .55rem .38rem .7rem;border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--color-accent) 30%,var(--color-border));background:linear-gradient(180deg,color-mix(in srgb,var(--color-accent) 10%,var(--color-surface)),color-mix(in srgb,var(--color-primary) 6%,var(--color-bg-elevated)));box-shadow:0 1px color-mix(in srgb,#fff 6%,transparent);transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.filter-picker-details__trigger:hover .filter-picker-details__action{border-color:color-mix(in srgb,var(--color-accent) 45%,var(--color-border));background:linear-gradient(180deg,color-mix(in srgb,var(--color-accent) 14%,var(--color-surface)),color-mix(in srgb,var(--color-primary) 10%,var(--color-bg-elevated)))}.filter-picker-details[open] .filter-picker-details__action{border-color:color-mix(in srgb,var(--color-primary) 42%,var(--color-border));background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 16%,var(--color-surface)),color-mix(in srgb,var(--color-primary) 8%,var(--color-bg-elevated)));box-shadow:0 0 12px color-mix(in srgb,var(--color-primary) 18%,transparent)}.filter-picker-details__action-text{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text);white-space:nowrap;line-height:1}.filter-picker-details__chevron{flex-shrink:0;width:.42rem;height:.42rem;border-right:2px solid color-mix(in srgb,var(--color-text) 75%,var(--color-text-muted));border-bottom:2px solid color-mix(in srgb,var(--color-text) 75%,var(--color-text-muted));transform:rotate(45deg);transition:transform .2s ease;margin-top:-.12rem}.filter-picker-details[open] .filter-picker-details__chevron{transform:rotate(-135deg);margin-top:.1rem}@media(max-width:420px){.filter-picker-details__trigger{grid-template-columns:1fr;gap:.65rem}.filter-picker-details__action{justify-self:start}}.filter-picker-details__panel{padding:0 1rem 1rem;border-top:1px solid var(--color-border)}.filter-picker{display:flex;flex-direction:column;gap:var(--space-md);padding-top:var(--space-md)}.filter-picker__summary{margin:0;font-size:.875rem;color:var(--color-text-muted)}.filter-picker__count{font-family:var(--font-display);font-weight:800;font-size:1.1rem;color:var(--color-gold)}.filter-picker__warn{color:var(--color-warning)}.filter-group{border:none;margin:0;padding:0;min-width:0}.filter-group__legend{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:.5rem;padding:0;font-family:var(--font-display);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.filter-group__actions{display:flex;align-items:center;gap:.35rem;font-weight:600;text-transform:none;letter-spacing:0}.filter-group__link{min-height:0;padding:.15rem .35rem;font-size:.75rem;font-weight:600;background:transparent;border:none;box-shadow:none;color:var(--color-text-muted)}.filter-group__link:hover:not(:disabled){color:var(--color-primary);transform:none;text-decoration:underline}.filter-group__link:disabled{opacity:.4}.filter-chips{display:flex;flex-wrap:wrap;gap:.4rem}.filter-chip{display:inline-flex;align-items:center;gap:.3rem;min-height:0;padding:.4rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-muted);box-shadow:none;transition:all var(--transition-fast)}.filter-chip:hover{border-color:var(--color-border-strong);color:var(--color-text);transform:none;background:var(--color-surface-hover)}.filter-chip--on{background:#e6399b26;border-color:var(--color-primary);color:var(--color-text);box-shadow:0 0 12px var(--color-primary-glow)}.filter-chip--on:hover{background:#e6399b38}.filter-chip__check{font-size:.7rem;color:var(--color-primary);font-weight:800}.filter-chip__label{line-height:1.2}.filter-chip__sub{font-size:.65rem;font-weight:700;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.04em}.filter-chip--on .filter-chip__sub{color:var(--color-gold)}.join-row{display:flex;gap:.5rem}.join-row input{flex:1;text-transform:uppercase;letter-spacing:.15em;font-weight:700}.round-status{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.65rem}.round-status .phase-pill{margin:0}.round-status__timer{margin:0;font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--color-text);white-space:nowrap}.room-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;font-size:1rem;color:var(--color-text-muted);margin:0 0 var(--space-md)}.room-meta__sep{user-select:none}.room-meta strong{color:var(--color-text);font-family:var(--font-display)}.room-header{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.5rem 1rem;margin:0 0 var(--space-md);padding:.75rem 1rem 1.85rem;background:linear-gradient(165deg,color-mix(in srgb,var(--color-bg-elevated) 92%,var(--color-primary) 8%) 0%,var(--color-bg-elevated) 55%);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:inset 0 1px color-mix(in srgb,white 6%,transparent)}.room-header__corner-timer{position:absolute;right:.75rem;bottom:.45rem;margin:0;font-family:var(--font-display);font-weight:700;font-size:.88rem;color:var(--color-text);text-align:right;white-space:nowrap;pointer-events:none}.room-header__left{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;min-width:0}.room-header__primary,.room-header__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem .75rem}.room-header__status{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;margin-left:auto}.room-header__code{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem}.room-header__code-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.room-header__code-value{font-family:var(--font-display);font-weight:800;font-size:1.25rem;letter-spacing:.12em;color:var(--color-gold)}.room-header__phase{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:var(--radius-full);font-family:var(--font-display);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--color-border);background:#ffffff0a;color:var(--color-text-muted)}.room-header__phase--playing{color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 45%,transparent);background:color-mix(in srgb,var(--color-primary) 14%,transparent)}.room-header__phase--reveal{color:#f0abfc;border-color:color-mix(in srgb,#e879f9 40%,transparent);background:color-mix(in srgb,#e879f9 12%,transparent)}.room-header__phase--lobby,.room-header__phase--waiting{color:var(--color-text-muted)}.room-header--global{flex-direction:column;align-items:flex-start;gap:.5rem;padding-top:.75rem;padding-bottom:.75rem}.room-header--global .room-header__code-value{letter-spacing:.06em}.room-header--global .room-header__primary{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.room-header--global .room-header__stats{width:100%;margin-left:0}.room-header--global .room-header__mode-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.live-player-count{position:relative;display:inline-flex;align-items:center;gap:.35rem;min-height:1.85rem;padding:.25rem .65rem;border-radius:var(--radius-full);border:1px solid color-mix(in srgb,#22d3ee 35%,var(--color-border));background:color-mix(in srgb,#22d3ee 10%,rgba(0,0,0,.35));color:var(--color-text);font-size:.78rem;font-weight:700;letter-spacing:.02em;line-height:1;transition:transform .2s ease,border-color .2s ease}@keyframes live-player-pulse{0%{box-shadow:0 0 color-mix(in srgb,#4ade80 55%,transparent)}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}.live-player-count__icon{width:1rem;height:1rem;flex-shrink:0;color:#67e8f9;opacity:.95;margin-left:.15rem}.live-player-count__value{font-family:var(--font-display);font-size:1rem;font-weight:800;font-variant-numeric:tabular-nums;color:#e0f2fe;min-width:1ch;transition:color .15s ease}.live-player-count__label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);opacity:.9}.live-player-count--bump{animation:live-player-count-bump .45s ease}.live-player-count--bump .live-player-count__value{color:#67e8f9}@keyframes live-player-count-bump{0%{transform:scale(1)}35%{transform:scale(1.06);border-color:color-mix(in srgb,#22d3ee 65%,white 15%)}to{transform:scale(1)}}.room-header--global .live-player-count{margin-left:auto}@media(max-width:420px){.live-player-count__label{display:none}}.room-header--global .room-header__timer{margin:0;font-family:var(--font-display);font-size:1.35rem;font-weight:800;line-height:1.15;color:var(--color-text)}.room-header--global .room-header__timer--static{font-size:1.2rem}.room-header--private{flex-direction:column;align-items:stretch;gap:0;padding:0;margin-bottom:var(--space-md);background:transparent;border:none;box-shadow:none;overflow:visible}.room-header--private .room-header__primary{flex-direction:column;align-items:stretch;gap:0;width:100%}.room-header--private .room-header__code-zone{padding-bottom:.85rem}.room-header--private .room-header__players-zone{padding-top:.75rem;border-top:1px solid color-mix(in srgb,var(--color-border) 70%,white 30%)}.room-header--private .room-header__top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem 1rem}.room-header--private .room-header__code-block{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;min-width:0;flex:1}.room-header--private .room-header__code-line{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .65rem}.room-header--private .room-header__code-label{color:var(--color-text);font-size:.72rem;font-weight:700;letter-spacing:.1em;opacity:.92}.room-header--private .room-header__code-value{font-size:1.75rem;letter-spacing:.16em;line-height:1.1;color:var(--color-gold);text-shadow:0 0 20px color-mix(in srgb,var(--color-gold) 35%,transparent)}.room-header--private .room-header__phase{flex-shrink:0;padding:.35rem .8rem;font-size:.78rem;font-weight:800}.room-header--private .room-header__phase--lobby,.room-header--private .room-header__phase--waiting{color:#e9d5ff;border-color:#c4b5fd8c;background:#8b5cf647}.room-header--private .room-header__private-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem .75rem}.room-header--private .room-header__stats{flex-wrap:wrap;gap:.5rem}.room-header--private .room-header__stat{padding:.5rem .8rem;background:#00000061;border:1px solid color-mix(in srgb,var(--color-border) 50%,white 25%)}.room-header--private .room-header__stat-label{color:var(--color-text);font-size:.72rem;font-weight:700;letter-spacing:.08em;opacity:.95}.room-header--private .room-header__stat-value{color:var(--color-text);font-size:1.05rem}.room-header--private .room-header__stat-muted{color:var(--color-text-muted);font-weight:700}.room-header--private .room-header__btn-icon{width:1rem;height:1rem;flex-shrink:0}.room-header--private .room-header__share{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2rem;padding:.35rem .75rem;margin:0;border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--color-gold) 45%,var(--color-border));background:color-mix(in srgb,var(--color-gold) 12%,transparent);color:var(--color-text);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;box-shadow:none;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.room-header--private .room-header__share .room-header__btn-icon{color:var(--color-gold)}.room-header--private .room-header__share:hover:not(:disabled){transform:none;color:var(--color-text);background:color-mix(in srgb,var(--color-gold) 22%,transparent);border-color:color-mix(in srgb,var(--color-gold) 65%,white 15%);box-shadow:none}.room-header--private .room-header__share:active:not(:disabled){transform:scale(.98)}.room-header--private .room-header__leave{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;flex-shrink:0;min-height:2rem;padding:.4rem .85rem;margin:0;font-size:.78rem;font-weight:600;letter-spacing:.02em;color:color-mix(in srgb,var(--color-text-muted) 88%,white);background:color-mix(in srgb,var(--color-surface) 70%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 80%,white 12%);border-radius:var(--radius-full);box-shadow:none;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.room-header--private .room-header__leave .room-header__btn-icon{width:1.05rem;height:1.05rem;opacity:.85}.room-header--private .room-header__leave:hover{color:#fecaca;background:color-mix(in srgb,#7f1d1d 28%,transparent);border-color:color-mix(in srgb,#f87171 40%,var(--color-border))}.room-header--private .room-header__leave:hover .room-header__btn-icon{opacity:1;color:#fca5a5}.room-header--private .room-header__leave:focus-visible{outline:2px solid color-mix(in srgb,#f87171 55%,transparent);outline-offset:2px}.room-header--private .room-header__share-hint{font-size:.68rem;font-weight:600;color:var(--color-success);line-height:1.2}.room-header--private .room-header__timer{margin:0;font-size:1.15rem;color:var(--color-text)}.room-header__phase--finished{color:var(--color-success);border-color:#86efac59;background:#86efac14}.room-header__stats{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.room-header__stat{display:inline-flex;align-items:baseline;gap:.35rem;padding:.35rem .65rem;border-radius:var(--radius-sm);background:#0003;border:1px solid var(--color-border);font-size:.875rem}.room-header__stat-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.room-header__stat-value{font-family:var(--font-display);font-weight:800;color:var(--color-text)}.room-header__stat-muted{font-weight:600;font-size:.85em;color:var(--color-text-muted)}.room-header__timer{margin-left:0;font-family:var(--font-display);font-weight:800;font-size:.95rem;color:var(--color-text);white-space:nowrap}.room-host-restart{display:flex;justify-content:flex-end;margin:0 0 var(--space-md)}.room-host-restart__btn{min-width:10rem}.room-banner{margin:0 0 var(--space-md);padding:.65rem .85rem;border-radius:var(--radius-md);border:1px dashed var(--color-border);background:#ffffff08;font-size:.9rem;color:var(--color-text-muted);text-align:center}.room-banner--after-reveal{margin-top:var(--space-md);margin-bottom:0}.phase-pill{display:inline-block;font-family:var(--font-display);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin:0 0 var(--space-md);padding:.2rem .65rem;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 30%,var(--color-border))}.game-panel>.round-status{margin:0 0 var(--space-md)}.game-panel--multiplayer>.round-status,.game-panel--multiplayer .room-meta .round-status{margin-bottom:var(--space-sm)}.game-panel--multiplayer .room-meta,.game-panel--multiplayer .room-header{margin-bottom:var(--space-sm)}.game-panel--multiplayer .room-header--private{margin-bottom:var(--space-md)}.game-panel--multiplayer .host-panel{margin-top:0;padding-top:.25rem;overflow:visible}.game-panel--multiplayer:not(.game-panel--in-round):not(.game-panel--wrong):not(.game-panel--reveal){overflow:visible}.live-reactions-host{position:relative;overflow:clip}.live-reaction-overlay{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}.live-reaction-burst{position:absolute;inset:0}.live-reaction-emoji{position:absolute;top:-1.5rem;line-height:1;animation:live-emoji-fall linear forwards;filter:drop-shadow(0 2px 10px rgba(0,0,0,.35));will-change:transform,opacity}@keyframes live-emoji-fall{0%{opacity:0;transform:translateY(-14vh) translate(var(--drift)) scale(.35)}10%{opacity:1;transform:translateY(0) translate(calc(var(--drift) * .2)) scale(1)}to{opacity:0;transform:translateY(108vh) translate(var(--drift)) scale(.9)}}.live-reaction-confetti{position:absolute;animation:live-confetti-fall linear forwards;opacity:.92;will-change:transform,opacity}@keyframes live-confetti-fall{0%{opacity:1;transform:translateY(-24px) rotate(0)}to{opacity:0;transform:translateY(112vh) rotate(620deg)}}.live-reaction-firework{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--fw-color);box-shadow:0 0 12px var(--fw-color);animation:live-firework-burst .95s ease-out forwards;opacity:0;will-change:transform,opacity}@keyframes live-firework-burst{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--fw-angle)) translate(0) scale(.15)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--fw-angle)) translate(var(--fw-dist)) scale(.35)}}.live-reaction-triggers{position:absolute;right:.4rem;bottom:5.75rem;z-index:8;display:flex;flex-direction:column;gap:.55rem;pointer-events:auto}.live-reaction-btn{box-sizing:border-box;width:3rem;height:3rem;min-width:3rem;min-height:3rem;max-width:3rem;max-height:3rem;padding:0;aspect-ratio:1;flex-shrink:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--color-border) 85%,white);background:color-mix(in srgb,var(--color-bg-elevated) 90%,transparent);box-shadow:0 4px 18px #00000047;cursor:pointer;display:grid;place-items:center;transition:transform .16s ease,box-shadow .16s ease}.live-reaction-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-bg-elevated) 90%,transparent)}.live-reaction-btn--heart{box-shadow:0 0 0 1px color-mix(in srgb,#ff4d6d 40%,transparent),0 4px 18px #ff4d6d38}.live-reaction-btn--bored{box-shadow:0 0 0 1px color-mix(in srgb,#94a3b8 40%,transparent),0 4px 18px #00000038}.live-reaction-btn--pop{transform:scale(1.2)}.live-reaction-btn__icon{font-size:1.45rem;line-height:1;user-select:none}.live-reaction-btn:hover:not(:disabled){transform:scale(1.06)}.live-reaction-btn:active:not(:disabled){transform:scale(.94)}.live-reaction-btn:disabled,.live-reaction-btn--cooldown{opacity:.45;cursor:not-allowed}@media(max-width:420px){.live-reaction-triggers{right:.2rem;bottom:4.85rem}.live-reaction-btn{width:2.75rem;height:2.75rem;min-width:2.75rem;min-height:2.75rem;max-width:2.75rem;max-height:2.75rem}.live-reaction-btn__icon{font-size:1.3rem}}.game-panel--multiplayer .solo-game-controls{margin-top:0}.game-panel--multiplayer.game-panel--in-round{display:flex;flex-direction:column;min-height:min(68vh,520px)}.multiplayer-playing{display:flex;flex:1;flex-direction:column;min-height:0;margin-top:var(--space-xs)}.multiplayer-playing__stage{flex:1;display:flex;align-items:center;justify-content:center;min-height:140px;padding:var(--space-md) 0}.multiplayer-playing__footer{position:relative;flex-shrink:0;margin-top:auto;display:flex;flex-direction:column;align-items:stretch;gap:.35rem;padding-top:var(--space-sm)}.multiplayer-playing__timer{display:block;margin:0;font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--color-text);text-align:center;white-space:nowrap}.multiplayer-playing__feedback{min-height:2.5rem;margin:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.95rem;line-height:1.35;padding:0 .25rem}.multiplayer-playing__feedback--idle{visibility:hidden}.multiplayer-playing__feedback.status-msg--success,.multiplayer-playing__feedback.status-msg--error{border-radius:var(--radius-md);padding:.4rem .65rem}.multiplayer-playing .status-msg{margin:0 0 var(--space-sm);text-align:center}.multiplayer-playing__controls{flex-shrink:0;display:flex;flex-direction:column;align-items:stretch;gap:0}.game-panel--in-round .multiplayer-playing__footer .solo-game-controls{flex-shrink:0}.room-meta .phase-pill{margin:0;vertical-align:middle}.page-progress{position:fixed;top:var(--safe-top);left:0;height:3px;width:0;z-index:var(--z-progress);background:var(--gradient-hero);box-shadow:0 0 12px var(--color-primary-glow);pointer-events:none;opacity:0;transition:width .35s ease,opacity .2s ease}.page-progress.is-active{opacity:1}.page-progress.is-complete{opacity:0;transition:width .15s ease,opacity .25s ease .1s}.content-enter{animation:content-enter var(--duration-slow) var(--ease-out-expo) both}.content-enter--reduced{animation:content-enter-reduced var(--duration-normal) ease both}@keyframes content-enter-reduced{0%{opacity:0}to{opacity:1}}@keyframes content-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-skeleton{padding:var(--space-md) 0}.page-skeleton__label{margin:0 0 var(--space-lg);font-size:.85rem;font-weight:600;color:var(--color-text-dim);text-align:center;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-block{display:block;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-bg-elevated) 0%,var(--color-surface-hover) 45%,var(--color-bg-elevated) 90%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:1}}.skeleton-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.skeleton-tier-row{display:flex;gap:.35rem;margin-bottom:var(--space-lg)}.skeleton-btn{height:var(--touch-min);width:55%;margin-bottom:var(--space-md);border-radius:var(--radius-md)}.skeleton-btn--sm{width:5rem;flex-shrink:0;margin-bottom:0}.skeleton-input{height:var(--touch-min);width:100%;margin-bottom:var(--space-md);border-radius:var(--radius-md)}.skeleton-input--flex{flex:1;margin-bottom:0}.skeleton-row{height:3.5rem;width:100%;margin-bottom:.5rem;border-radius:var(--radius-sm)}.skeleton-row--short{width:72%}.skeleton-panel{height:180px;width:100%;margin-bottom:var(--space-md);border-radius:var(--radius-lg)}.skeleton-panel--tall{height:240px}.skeleton-line{height:1.25rem;margin-bottom:var(--space-md);border-radius:var(--radius-sm)}.skeleton-line--wide{width:60%}.skeleton-join-row{display:flex;gap:.5rem}.skeleton-bubble{height:2.75rem;width:85%;margin-bottom:.5rem;border-radius:var(--radius-md)}.skeleton-bubble--short{width:55%}.skeleton-tabs{display:flex;gap:.5rem;margin-bottom:var(--space-md)}.skeleton-tab{flex:1;height:var(--touch-min);border-radius:var(--radius-md)}.infinite-wrap,.game-pool-picker{display:flex;flex-direction:column;gap:var(--space-md)}.game-pool-picker__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.game-pool-picker__title{margin:0;font-family:var(--font-display);font-size:1.05rem;font-weight:800;letter-spacing:.02em}.game-pool-picker__subtitle{margin:.25rem 0 0;font-size:.875rem;color:var(--color-text-muted);line-height:1.45}.game-pool-picker__count{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:4.5rem;padding:.5rem .75rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border))}.game-pool-picker__count--pending{opacity:.72}.game-pool-picker__count--warn{border-color:color-mix(in srgb,#f87171 45%,var(--color-border));background:color-mix(in srgb,#f87171 8%,var(--color-surface))}.game-pool-picker__count-value{font-family:var(--font-display);font-size:1.35rem;font-weight:800;line-height:1.1;color:var(--color-text)}.game-pool-picker__count-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.game-pool-picker__modes{display:flex;flex-direction:column;gap:.5rem}.game-pool-picker__mode{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;width:100%;padding:.85rem 1rem;text-align:left;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:border-color .15s ease,background .15s ease}.game-pool-picker__mode:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border))}.game-pool-picker__mode:disabled{opacity:.55;cursor:not-allowed}.game-pool-picker__mode--selected{border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border));background:linear-gradient(90deg,color-mix(in srgb,var(--color-primary) 12%,var(--color-surface)) 0%,var(--color-surface) 100%)}.game-pool-picker__mode--easy.game-pool-picker__mode--selected{border-color:color-mix(in srgb,#4ade80 45%,var(--color-border));background:linear-gradient(165deg,rgba(74,222,128,.12) 0%,var(--color-surface) 100%)}.game-pool-picker__mode--medium.game-pool-picker__mode--selected{border-color:color-mix(in srgb,#fbbf24 45%,var(--color-border));background:linear-gradient(165deg,rgba(251,191,36,.12) 0%,var(--color-surface) 100%)}.game-pool-picker__mode--hard.game-pool-picker__mode--selected{border-color:color-mix(in srgb,#f87171 45%,var(--color-border));background:linear-gradient(165deg,rgba(248,113,113,.12) 0%,var(--color-surface) 100%)}.game-pool-picker__mode-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-text-muted) 12%,transparent);color:var(--color-text-muted)}.game-pool-picker__mode--easy .game-pool-picker__mode-icon{color:#4ade80;background:#4ade801f}.game-pool-picker__mode--medium .game-pool-picker__mode-icon{color:#fbbf24;background:#fbbf241f}.game-pool-picker__mode--hard .game-pool-picker__mode-icon{color:#f87171;background:#f871711f}.game-pool-picker__mode--custom .game-pool-picker__mode-icon{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 14%,transparent)}.game-pool-picker__mode-body{display:flex;flex-direction:column;gap:.15rem;min-width:0}.game-pool-picker__mode-label{font-family:var(--font-display);font-size:.95rem;font-weight:800;letter-spacing:.02em}.game-pool-picker__mode-hint{font-size:.8125rem;line-height:1.4;color:var(--color-text-muted)}.game-pool-picker__mode-check{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:999px;background:color-mix(in srgb,var(--color-primary) 20%,transparent);color:var(--color-primary)}.game-pool-picker__mode:not(.game-pool-picker__mode--selected) .game-pool-picker__mode-check{visibility:hidden}.game-pool-picker__warn,.game-pool-picker__pending,.game-pool-picker__preset-note,.game-pool-picker__error{margin:0;font-size:.875rem;line-height:1.45}.game-pool-picker__warn{color:#fbbf24}.game-pool-picker__pending{color:var(--color-text-muted)}.game-pool-picker__preset-note{padding:.75rem .9rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-text-muted) 6%,var(--color-surface));border:1px solid var(--color-border);color:var(--color-text-muted)}.game-pool-picker__preset-note strong{color:var(--color-text)}.game-pool-picker__custom{margin-top:calc(var(--space-xs) * -1)}.game-pool-picker__custom .filter-picker-details{margin-top:0}.infinite-filters.panel{margin-bottom:0}.infinite-game{display:flex;flex-direction:column;gap:0}.infinite-game .game-panel{margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.infinite-game .game-panel:before{border-bottom-left-radius:0;border-bottom-right-radius:0}.next-song-btn{width:100%;margin-top:-1px;scroll-margin-top:calc(var(--space-md) + 3rem);scroll-margin-bottom:calc(var(--bottom-nav-height) + var(--space-lg) + .75rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border);border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);font-family:var(--font-display);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.next-song-btn--ready{border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border));color:var(--color-text);background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 22%,var(--color-surface)) 0%,var(--color-surface) 100%);animation:next-song-pulse 1.35s ease-in-out infinite}@keyframes next-song-pulse{0%,to{transform:scale(1);box-shadow:0 0 color-mix(in srgb,var(--color-primary) 35%,transparent),var(--shadow-md)}50%{transform:scale(1.04);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 18%,transparent),0 0 28px var(--color-primary-glow)}}@keyframes next-song-pulse-soft{0%,to{box-shadow:0 0 12px color-mix(in srgb,var(--color-primary) 25%,transparent),var(--shadow-md)}50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent),0 0 22px var(--color-primary-glow)}}@media(hover:none)and (pointer:coarse){.next-song-btn--ready{animation:next-song-pulse-soft 1.6s ease-in-out infinite}}@media(prefers-reduced-motion:reduce){.next-song-btn--ready{animation:next-song-pulse-soft 1.35s ease-in-out infinite}}.infinite-filters__intro{margin:-.25rem 0 var(--space-md);font-size:.875rem;color:var(--color-text-muted);line-height:1.45}.infinite-wrap .solo-game-controls .actions-row{margin-top:var(--space-sm)}.page-skeleton--game{background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-bg-elevated) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(hover:none)and (pointer:coarse){html{scroll-behavior:auto;scrollbar-gutter:auto}.site-header,.bottom-nav,.home-steps,.chat-drawer{backdrop-filter:none;-webkit-backdrop-filter:none}.site-header{background:#110d1c}.bottom-nav{background:#0c0914}.chat-fab{transform:none}.home-hero:before,.home-hero:after{animation:none;opacity:.85}.logo__mark,.home-hero__logo-mark{animation:none;filter:drop-shadow(0 0 12px rgba(255,215,0,.25))}.home-cta:hover{transform:none}}.install-prompt{position:fixed;left:max(var(--space-md),env(safe-area-inset-left,0px));right:max(var(--space-md),env(safe-area-inset-right,0px));bottom:max(1rem,env(safe-area-inset-bottom,0px));z-index:calc(var(--z-chat) - 5);pointer-events:none}@media(max-width:899px){.install-prompt{bottom:calc(var(--bottom-nav-height) + .65rem + env(safe-area-inset-bottom,0px))}}.install-prompt__inner{pointer-events:auto;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:var(--space-sm) var(--space-md);align-items:start;padding:var(--space-md);padding-top:calc(var(--space-md) + .25rem);box-shadow:var(--shadow-lg),0 0 24px var(--color-primary-glow);border-color:color-mix(in srgb,var(--color-accent) 35%,var(--color-border))}.install-prompt__close{position:absolute;top:.35rem;right:.35rem;width:2rem;height:2rem;padding:0;min-height:0;border:none;background:transparent;color:var(--color-text-muted);font-size:1.35rem;line-height:1;cursor:pointer}.install-prompt__icon{grid-row:1 / span 2;border-radius:14px;box-shadow:var(--shadow-sm)}.install-prompt__body{grid-column:2;min-width:0}.install-prompt__title{margin:0;font-family:var(--font-display);font-size:1rem;font-weight:800;line-height:1.25}.install-prompt__text{margin:.35rem 0 0;font-size:.85rem;color:var(--color-text-muted);line-height:1.45}.install-prompt__steps{margin:.35rem 0 0;padding-left:1.15rem;font-size:.85rem;color:var(--color-text-muted);line-height:1.5}.install-prompt__steps li+li{margin-top:.2rem}.install-prompt__action{grid-column:1 / -1;width:100%;margin:0}@media(min-width:900px){.install-prompt{display:none}}.app-update{position:fixed;left:max(var(--space-md),env(safe-area-inset-left,0px));right:max(var(--space-md),env(safe-area-inset-right,0px));top:max(.75rem,env(safe-area-inset-top,0px));z-index:calc(var(--z-chat) - 4);pointer-events:none}@media(min-width:768px){.app-update{left:50%;right:auto;width:min(22rem,calc(100% - 2 * var(--space-md)));transform:translate(-50%)}}.app-update__inner{pointer-events:auto;display:grid;grid-template-columns:auto 1fr;gap:var(--space-sm) var(--space-md);align-items:start;padding:var(--space-md);box-shadow:var(--shadow-lg),0 0 28px color-mix(in srgb,var(--color-primary) 22%,transparent);border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 8%,var(--color-surface)) 0%,var(--color-surface) 55%)}@media(min-width:768px){.app-update__inner{padding:.75rem .9rem;gap:.45rem .65rem}.app-update__title{font-size:.88rem}.app-update__text{font-size:.78rem}.app-update__actions{gap:.4rem .55rem}.app-update__refresh{flex:0 1 auto;min-width:0;padding-inline:.85rem;font-size:.82rem}.app-update__changelog{padding:.4rem .7rem;font-size:.78rem}}.app-update__badge{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:12px;background:color-mix(in srgb,var(--color-primary) 18%,transparent);color:var(--color-primary)}.app-update__body{min-width:0}.app-update__eyebrow{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary)}.app-update__title{margin:.2rem 0 0;font-family:var(--font-display);font-size:.95rem;font-weight:800;line-height:1.3}.app-update__text{margin:.35rem 0 0;font-size:.82rem;color:var(--color-text-muted);line-height:1.45}.app-update__actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.app-update__refresh{flex:1 1 auto;min-width:8rem;margin:0}.app-update__changelog{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .85rem;font-size:.82rem;font-weight:600;color:var(--color-text-muted);text-decoration:none;border:1px solid color-mix(in srgb,var(--color-border) 85%,var(--color-primary));border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-surface) 60%,transparent);transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.app-update__changelog:hover{color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 8%,transparent);text-decoration:none}.changelog{display:flex;flex-direction:column;gap:var(--space-lg)}.changelog__current{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;padding:var(--space-md) var(--space-lg);border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border));background:linear-gradient(120deg,color-mix(in srgb,var(--color-primary) 10%,var(--color-surface)) 0%,var(--color-surface) 70%)}.changelog__current-label{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.changelog__current-version{font-family:var(--font-display);font-size:1.35rem;font-weight:900;color:var(--color-primary)}.changelog__current-title{font-size:.95rem;color:var(--color-text-muted)}.changelog__timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.changelog__entry{display:grid;grid-template-columns:1.75rem 1fr;gap:0 var(--space-md)}.changelog__marker{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:1.35rem}.changelog__dot{width:.75rem;height:.75rem;border-radius:50%;background:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 20%,transparent);flex-shrink:0}.changelog__line{flex:1;width:2px;margin-top:.35rem;min-height:1.5rem;background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 45%,transparent) 0%,var(--color-border) 100%)}.changelog__card{margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg)}.changelog__card-head{margin-bottom:var(--space-sm)}.changelog__card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.35rem}.changelog__version{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 14%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 28%,transparent)}.changelog__date{font-size:.8rem;color:var(--color-text-muted)}.changelog__card-title{margin:0;font-family:var(--font-display);font-size:1.15rem;font-weight:800;line-height:1.25}.changelog__card-summary{margin:.4rem 0 0;font-size:.9rem;color:var(--color-text-muted);line-height:1.5}.changelog__body{display:flex;flex-direction:column;gap:.5rem;margin-top:var(--space-sm)}.changelog__body p{margin:0;font-size:.88rem;line-height:1.5;color:var(--color-text)}.changelog__entry:first-child .changelog__dot{width:.9rem;height:.9rem;box-shadow:0 0 0 5px color-mix(in srgb,var(--color-primary) 25%,transparent)}.changelog__entry:first-child .changelog__card{border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-border))}@media(min-width:640px){.changelog__entry{grid-template-columns:2.25rem 1fr}.changelog__card-title{font-size:1.25rem}}.yoc-hud{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin-bottom:var(--space-md);flex-wrap:wrap}.yoc-hud__streak{display:flex;align-items:center;gap:.3rem;font-size:1.4rem;font-weight:800;font-family:var(--font-display)}.yoc-hud__streak-icon{font-size:1.1rem}.yoc-hud__streak-value{color:var(--color-text)}.yoc-hud__lives{display:flex;gap:.25rem;font-size:1.35rem}.yoc-hud__heart{color:#ef4444;transition:opacity .3s,transform .3s}.yoc-hud__heart--lost{opacity:.2;transform:scale(.85)}.yoc-hud__points{display:flex;align-items:baseline;gap:.2rem;font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--color-primary)}.yoc-hud__points-label{font-size:.75rem;font-weight:600;opacity:.7}.yoc-audio{width:100%;max-width:28rem;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);margin-inline:auto}.solo-player{--solo-player-btn-size: 2.75rem;--solo-player-track-height: 12px;--solo-player-gap: 1.5rem;position:relative;display:flex;align-items:flex-start;gap:var(--solo-player-gap);width:100%}.solo-player>audio{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.solo-player__btn{flex-shrink:0;width:var(--solo-player-btn-size);height:var(--solo-player-btn-size);min-height:0;margin-inline-end:.2rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));color:var(--color-primary);box-shadow:none;cursor:pointer;transition:background var(--transition-fast),transform .1s}.solo-player__btn svg{display:block;width:1.25rem;height:1.25rem;flex-shrink:0}.solo-player__btn-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}.solo-player__btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 22%,var(--color-surface));transform:scale(1.06);box-shadow:none}.solo-player__btn:active:not(:disabled){transform:scale(.96)}.solo-player__btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.solo-player__timeline{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem;padding-top:calc((var(--solo-player-btn-size) - var(--solo-player-track-height)) / 2);padding-left:.4rem}.solo-player__track{position:relative;box-sizing:border-box;height:var(--solo-player-track-height);background:color-mix(in srgb,var(--color-bg) 50%,var(--color-border));border:1.5px solid color-mix(in srgb,var(--color-primary) 40%,var(--color-border));border-radius:999px;cursor:pointer;overflow:visible;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.solo-player__track:not(.solo-player__track--static):hover{border-color:color-mix(in srgb,var(--color-primary) 72%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 6%,var(--color-bg) 50%,var(--color-border));box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary) 18%,transparent)}.solo-player__track--static{cursor:default;border-color:var(--color-border)}.solo-player__fill{position:absolute;inset:0 auto 0 0;height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-gold) 100%);border-radius:inherit;pointer-events:none}.solo-player__lock{position:absolute;top:0;bottom:0;right:0;border-radius:inherit;background:color-mix(in srgb,var(--color-bg) 72%,transparent);pointer-events:none;z-index:1}.solo-player__tick{position:absolute;top:50%;width:2.5px;height:16px;transform:translate(-50%,-50%);border-radius:1px;background:color-mix(in srgb,var(--color-text-muted) 55%,transparent);pointer-events:none;z-index:1}.solo-player__tick--active{background:color-mix(in srgb,var(--color-primary) 75%,var(--color-gold));box-shadow:0 0 6px color-mix(in srgb,var(--color-primary) 40%,transparent)}.solo-player__marker-labels{position:relative;height:1.05rem}.solo-player__marker-label{position:absolute;transform:translate(-50%);font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-text-muted);opacity:.55;white-space:nowrap;pointer-events:none}.solo-player__marker-label--active{color:var(--color-primary);opacity:1}.solo-audio--game{margin-bottom:var(--space-sm)}.solo-audio--rush{margin-bottom:var(--space-md)}.solo-audio--yoc{width:100%}.yoc-player{display:flex;align-items:center;gap:.6rem}.yoc-player__btn{flex-shrink:0;width:2.4rem;height:2.4rem;min-height:0;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));color:var(--color-primary);box-shadow:none;cursor:pointer;transition:background var(--transition-fast),transform .1s}.yoc-player__btn svg{display:block;width:1.1rem;height:1.1rem;flex-shrink:0}.yoc-player__btn-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}.yoc-player__btn:hover{background:color-mix(in srgb,var(--color-primary) 22%,var(--color-surface));transform:scale(1.06);box-shadow:none}.yoc-player__btn:active{transform:scale(.96)}.yoc-player__track{flex:1;height:6px;background:var(--color-border);border-radius:3px;cursor:pointer;position:relative;overflow:hidden}.yoc-player__fill{position:absolute;inset:0 auto 0 0;background:var(--color-primary);border-radius:3px}.yoc-player__time{flex-shrink:0;font-size:.72rem;font-variant-numeric:tabular-nums;color:var(--color-text-muted);min-width:4.2rem;text-align:right}.yoc-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);max-width:28rem;margin:0 auto var(--space-md)}.yoc-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:1rem .5rem;border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-weight:700;font-size:1rem;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform .12s ease,box-shadow var(--transition-fast)}.yoc-option:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.yoc-option:active:not(:disabled){transform:translateY(0)}.yoc-option--year{border-color:color-mix(in srgb,#818cf8 40%,var(--color-border))}.yoc-option--year:hover:not(:disabled){border-color:#818cf8;background:color-mix(in srgb,#818cf8 8%,var(--color-surface))}.yoc-option--country{border-color:color-mix(in srgb,#34d399 40%,var(--color-border))}.yoc-option--country:hover:not(:disabled){border-color:#34d399;background:color-mix(in srgb,#34d399 8%,var(--color-surface))}.yoc-option__icon{display:flex;align-items:center;justify-content:center;font-size:1.5rem}.yoc-option--year .yoc-option__icon{color:#818cf8}.yoc-option--country .yoc-option__icon{color:#34d399}.yoc-option__value{font-family:var(--font-display);font-size:1.05rem;text-align:center;line-height:1.2}.yoc-option--correct{border-color:#22c55e!important;background:color-mix(in srgb,#22c55e 14%,var(--color-surface))!important;box-shadow:0 0 16px color-mix(in srgb,#22c55e 25%,transparent)}.yoc-option--wrong{border-color:#ef4444!important;background:color-mix(in srgb,#ef4444 14%,var(--color-surface))!important;box-shadow:0 0 16px color-mix(in srgb,#ef4444 25%,transparent)}.yoc-option--dim{opacity:.35}.yoc-option:disabled{cursor:default}.yoc-reveal{text-align:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin:0 auto var(--space-md);max-width:28rem;animation:yoc-reveal-in .3s ease}@keyframes yoc-reveal-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.yoc-reveal--correct{background:color-mix(in srgb,#22c55e 10%,var(--color-surface));border:1px solid color-mix(in srgb,#22c55e 30%,var(--color-border))}.yoc-reveal--wrong{background:color-mix(in srgb,#ef4444 10%,var(--color-surface));border:1px solid color-mix(in srgb,#ef4444 30%,var(--color-border))}.yoc-reveal__verdict{margin:0 0 .3rem;font-weight:800;font-size:1.1rem;font-family:var(--font-display)}.yoc-reveal--correct .yoc-reveal__verdict{color:#22c55e}.yoc-reveal--wrong .yoc-reveal__verdict{color:#ef4444}.yoc-reveal__delta{margin-left:.5rem;font-size:.85rem;font-weight:700;opacity:.8}.yoc-reveal__song{margin:0;font-size:.9rem;color:var(--color-text-muted);line-height:1.5}.yoc-reveal__meta{display:flex;align-items:center;justify-content:center;gap:.3rem;margin-top:.15rem;font-size:.82rem}.yoc-gameover{max-width:22rem;margin:0 auto;padding:var(--space-lg);text-align:center}.yoc-gameover__stats{display:flex;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-lg)}.yoc-gameover__stat{display:flex;flex-direction:column;align-items:center;gap:.15rem}.yoc-gameover__stat-value{font-family:var(--font-display);font-weight:900;font-size:1.5rem;color:var(--color-text)}.yoc-gameover__stat--streak .yoc-gameover__stat-value{color:var(--color-primary);font-size:2rem}.yoc-gameover__stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.yoc-gameover__btn{width:100%;margin-top:var(--space-sm)}.gamemode-card--guess .gamemode-card__icon{color:#38bdf8}.edex{max-width:1040px;margin:0 auto;padding:0 var(--space-md) var(--space-2xl)}.badge--eurodex{background:linear-gradient(135deg,#a855f738,#ffd7002e);border-color:#a855f780;color:#d6c0ff}.edex-progress-banner{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.edex-progress-banner__stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.edex-progress-banner__left{display:flex;align-items:center;gap:.4rem;min-width:0}.edex-progress-banner__collected{font-size:1.5rem;font-family:var(--font-display);font-weight:700}.edex-progress-banner__collected strong{color:var(--color-accent)}.edex-progress-banner__sep{margin:0 2px;color:var(--color-text-muted)}.edex-progress-banner__pct{font-size:1.1rem;font-weight:700;font-family:var(--font-display);color:var(--color-gold)}.edex-progress-banner__track{width:100%;height:10px;background:#ffffff14;border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-md)}.edex-progress-banner__fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-accent),var(--color-accent-alt),var(--color-primary));transition:width .6s ease}.edex-progress-banner__rarities{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-md);font-size:.82rem;font-weight:600}.edex-rewards{position:relative;display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.edex-rewards__chests{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.edex-super-bar{position:relative;display:flex;align-items:center;gap:1rem;width:100%;min-height:72px;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid rgba(125,211,252,.32);background:linear-gradient(135deg,#38bdf81f,#8b5cf614 55%,#fde0470d)}.edex-super-bar__icon-wrap{flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#7dd3fc1a;border:1px solid rgba(125,211,252,.35);box-shadow:0 0 18px #7dd3fc1f}.edex-super-bar__icon{width:30px;height:30px}.edex-super-bar__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.edex-super-bar__label{font-family:var(--font-display);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#bae6fd}.edex-super-bar__score{font-family:var(--font-display);font-weight:800;font-size:clamp(1.55rem,4.5vw,2rem);line-height:1;color:var(--color-gold);font-variant-numeric:tabular-nums;letter-spacing:.01em;text-shadow:0 0 16px rgba(253,224,71,.22)}button.edex-super-bar__help{box-sizing:border-box;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0 0 0 auto;padding:0;min-height:0;min-width:0;border-radius:50%;border:1px solid rgba(125,211,252,.35);background:#ffffff0d;color:#bae6fd;cursor:pointer;box-shadow:none;transition:background .15s ease,border-color .15s ease,color .15s ease}button.edex-super-bar__help svg{width:13px;height:13px}button.edex-super-bar__help--open svg{transform:rotate(45deg);transition:transform .2s ease;animation:none}button.edex-super-bar__help--open{background:#f871711f;border-color:#f8717166;color:#fca5a5;transition:background .15s ease,border-color .15s ease,color .15s ease}button.edex-super-bar__help:hover:not(:disabled):not(.edex-super-bar__help--open){filter:brightness(1.06)}@keyframes edex-super-help-pulse{0%,to{border-color:#fde04752;background:#ffffff0d;box-shadow:0 0 #fde04700;color:#bae6fd}50%{border-color:#fde047b8;background:#fde0471f;box-shadow:0 0 10px #fde04747,0 0 18px #7dd3fc24;color:#fde047}}@keyframes edex-super-help-plus{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}@keyframes edex-super-help-ring{0%,to{transform:scale(1);opacity:0}12%{opacity:.45}55%{opacity:.2}88%{transform:scale(1.65);opacity:0}}button.edex-super-bar__help:not(.edex-super-bar__help--open){position:relative;transition:none;animation:edex-super-help-pulse 2.8s ease-in-out infinite}button.edex-super-bar__help:not(.edex-super-bar__help--open):after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(253,224,71,.45);animation:edex-super-help-ring 2.8s ease-in-out infinite;pointer-events:none}button.edex-super-bar__help:not(.edex-super-bar__help--open) svg{transition:none;animation:edex-super-help-plus 2.8s ease-in-out infinite}.edex-reward,button.edex-reward{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:.55rem;width:100%;min-width:0;min-height:58px;margin:0;padding:.5rem .65rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:#ffffff08;font:inherit;color:inherit;text-align:center;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}button.edex-reward{cursor:pointer}button.edex-reward:disabled{cursor:wait;opacity:.92}button.edex-reward--ready:hover:not(:disabled){transform:translateY(-1px)}button.edex-reward--ready:active:not(:disabled){transform:translateY(0) scale(.98)}.edex-reward--loot{border-color:#a855f752;background:linear-gradient(135deg,#8b5cf61a,#ffd24f0f)}.edex-reward--daily{border-color:#7dd3fc47;background:linear-gradient(135deg,#38bdf814,#c084fc14)}.edex-reward--loot.edex-reward--ready{border-color:color-mix(in srgb,#ffd700 50%,rgba(168,85,247,.45));animation:edex-reward-glow-loot 2.2s ease-in-out infinite}.edex-reward--daily.edex-reward--ready{border-color:#7dd3fc8c;animation:edex-reward-glow-daily 2.2s ease-in-out infinite}@keyframes edex-reward-glow-loot{0%,to{box-shadow:0 0 #ffd70000}50%{box-shadow:0 0 20px #ffd70038,0 0 32px #a855f729}}@keyframes edex-reward-glow-daily{0%,to{box-shadow:0 0 #7dd3fc00}50%{box-shadow:0 0 18px #7dd3fc38,0 0 28px #a78bfa24}}.edex-reward__icon-wrap{position:relative;flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.edex-reward__icon-wrap--wallet,.edex-reward__icon-wrap--super{border-radius:50%;background:#7dd3fc14;border:1px solid rgba(125,211,252,.28)}.edex-reward__icon{position:relative;z-index:1;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.edex-reward__icon svg{width:100%;height:100%}.edex-reward__super-svg{width:26px;height:26px}.edex-reward--ready .edex-reward__icon--loot svg,.edex-reward--ready .edex-reward__icon--super .edex-reward__super-svg{animation:edex-reward-icon-bob 2s ease-in-out infinite}@keyframes edex-reward-icon-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.edex-reward__ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,215,0,.75);pointer-events:none;animation:edex-reward-ring 1.75s ease-out infinite}.edex-reward__ring--b{inset:-6px;border-color:#a855f78c;animation-delay:.4s}.edex-reward__ring--cyan{border-color:#7dd3fcbf}.edex-reward__ring--cyan.edex-reward__ring--b{border-color:#a78bfa8c}@keyframes edex-reward-ring{0%,to{transform:scale(1);opacity:.9}55%{transform:scale(1.2);opacity:.2}}.edex-reward__spark{position:absolute;width:4px;height:4px;border-radius:50%;background:gold;pointer-events:none;animation:edex-reward-spark 1.8s ease-in-out infinite}.edex-reward__spark--1{top:2px;right:6px;animation-delay:0s}.edex-reward__spark--2{top:10px;left:2px;animation-delay:.5s}.edex-reward__spark--3{bottom:4px;right:2px;animation-delay:1s}.edex-reward__spark--cyan{background:#7dd3fc}@keyframes edex-reward-spark{0%,to{transform:scale(.6);opacity:.3}50%{transform:scale(1.2);opacity:1}}.edex-reward--opening{animation:edex-reward-open-flash .65s ease-out!important}.edex-reward--opening .edex-reward__icon--loot svg,.edex-reward--opening .edex-reward__icon--super .edex-reward__super-svg{animation:edex-reward-chest-open .65s ease-in-out!important}.edex-reward--opening .edex-reward__chest-lid{transform-origin:24px 22px;animation:edex-reward-lid-open .65s ease-in-out}@keyframes edex-reward-open-flash{0%,to{filter:brightness(1)}35%{filter:brightness(1.35);box-shadow:0 0 28px #ffd70073,0 0 40px #a855f740}}@keyframes edex-reward-chest-open{0%{transform:scale(1) rotate(0)}20%{transform:scale(1.06) rotate(-5deg)}45%{transform:scale(.94) rotate(4deg)}70%{transform:scale(1.12) rotate(-2deg)}to{transform:scale(1) rotate(0)}}@keyframes edex-reward-lid-open{0%,to{transform:rotate(0)}40%{transform:rotate(-18deg) translateY(-2px)}70%{transform:rotate(-8deg)}}.edex-reward__timer-badge{position:absolute;bottom:-3px;left:50%;z-index:2;transform:translate(-50%);font-family:var(--font-display);font-size:.72rem;font-weight:700;color:var(--color-text);background:#080612d1;border:1px solid rgba(255,255,255,.14);padding:1px 6px;border-radius:var(--radius-full);white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1.35}.edex-reward__loot-pop{position:absolute;top:-2px;right:-6px;z-index:3;font-family:var(--font-display);font-size:.78rem;font-weight:800;color:#4ade80;background:#080612e0;border:1px solid rgba(74,222,128,.45);padding:2px 6px;border-radius:var(--radius-full);animation:edex-reward-pop .5s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.edex-reward__loot-pop--super{color:#7dd3fc;border-color:#7dd3fc73}@keyframes edex-reward-pop{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}.edex-reward__score{flex:1;min-width:0;font-family:var(--font-display);font-weight:800;font-size:1.05rem;text-align:center;white-space:nowrap;color:var(--color-gold);font-variant-numeric:tabular-nums;letter-spacing:.01em}button.edex-reward__help{box-sizing:border-box;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;margin:0 0 0 auto;padding:0;min-height:0;min-width:0;border-radius:50%;border:1px solid rgba(125,211,252,.35);background:#ffffff0d;color:#bae6fd;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}button.edex-reward__help svg{width:12px;height:12px;transition:transform .2s ease}button.edex-reward__help--open svg{transform:rotate(45deg)}button.edex-reward__help--open{background:#f871711f;border-color:#f8717166;color:#fca5a5}button.edex-reward__help:hover:not(:disabled){background:#7dd3fc1f;border-color:#7dd3fc80}.edex-reward__help-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:40;width:min(22rem,calc(100vw - 2rem));padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid rgba(125,211,252,.22);background:var(--color-bg-elevated);box-shadow:0 12px 32px #00000073;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;pointer-events:none}.edex-reward__help-panel--open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.edex-reward__help-panel[hidden]{display:none}.edex-reward__help-lead{margin:0 0 var(--space-sm);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-dim)}.edex-reward__help-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.edex-reward__help-list li{display:flex;flex-direction:column;gap:2px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:#0003;border:1px solid rgba(255,255,255,.06)}.edex-reward__help-list li strong{font-size:.76rem;font-weight:700;color:#e0f2fe}.edex-reward__help-list li span{font-size:.72rem;line-height:1.35;color:var(--color-text-muted)}@media(prefers-reduced-motion:reduce),(html[data-reduced-motion]){.edex-reward--loot.edex-reward--ready,.edex-reward--daily.edex-reward--ready{animation:none}.edex-reward--loot.edex-reward--ready{box-shadow:0 0 14px #ffd70024}.edex-reward--daily.edex-reward--ready{box-shadow:0 0 14px #7dd3fc24}.edex-reward--ready .edex-reward__icon--loot svg,.edex-reward--ready .edex-reward__icon--super .edex-reward__super-svg,.edex-reward__ring,.edex-reward__spark,.edex-reward--opening,.edex-reward--opening .edex-reward__icon--loot svg,.edex-reward--opening .edex-reward__icon--super .edex-reward__super-svg,.edex-reward--opening .edex-reward__chest-lid{animation:none!important}.edex-reward__help-panel{transition:none}button.edex-reward__help--open svg{transform:none}button.edex-super-bar__help:not(.edex-super-bar__help--open),button.edex-super-bar__help:not(.edex-super-bar__help--open):after,button.edex-super-bar__help:not(.edex-super-bar__help--open) svg{animation:none!important}button.edex-super-bar__help:not(.edex-super-bar__help--open){border-color:#fde04773;color:#fde047}}@media(max-width:600px){.edex-rewards{gap:6px}.edex-super-bar{min-height:64px;padding:.65rem .75rem;gap:.75rem}.edex-super-bar__icon-wrap{width:44px;height:44px}.edex-super-bar__icon{width:26px;height:26px}.edex-reward,button.edex-reward{min-height:52px;padding:.4rem .45rem}.edex-reward__icon-wrap,.edex-reward__icon{width:40px;height:40px}.edex-reward__super-svg{width:22px;height:22px}.edex-reward__timer-badge{font-size:.65rem;padding:1px 5px}.edex-reward__loot-pop{font-size:.7rem}button.edex-reward__help{width:1.55rem;height:1.55rem}button.edex-reward__help svg{width:10px;height:10px}button.edex-super-bar__help{width:1.75rem;height:1.75rem}}.edex-toolbar-section{margin-top:var(--space-md);margin-bottom:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-elevated);overflow:hidden}.edex-toolbar-section__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 18px;border:none;background:none;color:var(--color-text);cursor:pointer;font-size:.92rem;font-weight:700;text-align:left;min-height:0;box-shadow:none;transition:background .15s ease;outline:none}.edex-toolbar-section__toggle:hover:not(:disabled){background:#ffffff08;transform:none;box-shadow:none}.edex-toolbar-section__toggle:focus,.edex-toolbar-section__toggle:focus-visible,.edex-toolbar-section__toggle:active:not(:disabled){outline:none;box-shadow:none;border:none;transform:none}.edex-toolbar-section__toggle-label{display:flex;flex-direction:column;gap:2px}.edex-toolbar-section__toggle-stats{font-size:.72rem;font-weight:500;color:var(--color-text-dim)}.edex-toolbar-section__chevron{font-size:1.1rem;transition:transform .32s cubic-bezier(.22,1,.36,1);color:var(--color-text-dim)}.edex-toolbar-section__chevron--open{transform:rotate(180deg)}.edex-toolbar-section__collapse{display:grid;grid-template-rows:0fr;overflow:hidden;visibility:hidden;transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1),visibility 0s linear .4s}.edex-toolbar-section--open .edex-toolbar-section__collapse{grid-template-rows:1fr;border-top:1px solid rgba(255,255,255,.06);visibility:visible;transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s}.edex-toolbar-section:not(.edex-toolbar-section--open) .edex-toolbar-section__collapse{pointer-events:none}.edex-toolbar-section__body{overflow:hidden;min-height:0;padding:0 18px;opacity:0;transition:opacity .32s ease,padding .4s cubic-bezier(.22,1,.36,1)}.edex-toolbar-section--open .edex-toolbar-section__body{padding:18px;opacity:1}@media(prefers-reduced-motion:reduce){.edex-toolbar-section__collapse,.edex-toolbar-section__body,.edex-toolbar-section__chevron,.edex-toolbar-section--open .edex-toolbar-section__body{transition:none}.edex-toolbar-section--open .edex-toolbar-section__collapse{grid-template-rows:1fr;visibility:visible}.edex-toolbar-section:not(.edex-toolbar-section--open) .edex-toolbar-section__collapse{grid-template-rows:0fr;visibility:hidden}}.edex-toolbar{background:transparent;border:none;border-radius:0;padding:0;margin-top:0;display:flex;flex-direction:column;gap:var(--space-md)}.edex-toolbar__search-row{display:flex;align-items:center;gap:.5rem}.edex-toolbar__search{flex:1;min-width:0;box-sizing:border-box;height:2.5rem;padding:0 1rem;font-size:.88rem;font-family:var(--font-body);background:#00000040;border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:var(--radius-md);color:var(--color-text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.edex-toolbar__search::placeholder{color:var(--color-text-dim)}.edex-toolbar__search:focus{outline:none;box-shadow:none}.edex-toolbar__filters{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);align-items:flex-start}@media(min-width:901px){.edex-toolbar__filters{align-items:flex-end}}.edex-toolbar__group{display:flex;flex-direction:column;gap:4px}.edex-toolbar__label{font-family:var(--font-display);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-dim);font-weight:700}.edex-toolbar__pills{display:flex;flex-wrap:wrap;gap:4px}button.edex-pill{box-sizing:border-box;margin:0;min-height:0;min-width:0;padding:.22em .72em;font-family:var(--font-display);font-size:.74rem;font-weight:600;letter-spacing:normal;line-height:1.25;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#00000024;color:var(--color-text-muted);box-shadow:none;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}button.edex-pill:hover:not(:disabled){background:#ffffff0f;color:var(--color-text);border-color:color-mix(in srgb,var(--color-border) 55%,white 45%);box-shadow:none;transform:none}button.edex-pill:not(:disabled):active{transform:none}button.edex-pill--active{background:#00e7ff1a;border-color:#00e7ff6b;color:var(--color-accent);box-shadow:none}button.edex-pill--common.edex-pill--active{background:#94a3b81a;border-color:#94a3b86b;color:#94a3b8}button.edex-pill--rare.edex-pill--active{background:#60a5fa1a;border-color:#60a5fa6b;color:#60a5fa}button.edex-pill--epic.edex-pill--active{background:#a855f71a;border-color:#a855f76b;color:#a855f7}button.edex-pill--mythic.edex-pill--active{background:#f43f5e1a;border-color:#f43f5e6b;color:#f43f5e}button.edex-pill--legendary.edex-pill--active{background:#ffd7001a;border-color:#ffd7006b;color:gold}.edex-pill:focus,.edex-pill:focus-visible,button.edex-card:focus,button.edex-card:focus-visible{outline:none}.edex-pagination__btn:focus,.edex-pagination__btn:focus-visible,button.edex-reward:focus,button.edex-reward:focus-visible,button.edex-reward__help:focus,button.edex-reward__help:focus-visible,button.edex-super-bar__help:focus,button.edex-super-bar__help:focus-visible,.edex-toolbar-section__toggle:focus,.edex-toolbar-section__toggle:focus-visible{outline:none;box-shadow:none}.edex-toolbar__select{font-family:var(--font-display);font-size:.8rem;font-weight:600;padding:.4em 2.2em .4em .9em;background:#ffffff0a;color:var(--color-text);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c4b4e6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6em center}.edex-toolbar__select:hover{background:#ffffff14;border-color:#ffffff26}.edex-toolbar__select:focus{outline:none;box-shadow:none}.edex-toolbar__select option{background:#171320;color:var(--color-text)}.edex-toolbar__match-hint{font-size:.74rem;color:var(--color-text-dim);text-align:right;margin:-.25rem 0 0}.edex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:var(--space-md)}.edex-pagination{margin-top:var(--space-lg);display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.4rem;width:fit-content;margin-left:auto;margin-right:auto;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.08);background:#0000002e}button.edex-pagination__btn{display:inline-flex;align-items:center;justify-content:center;margin:0;min-height:0;width:2.25rem;height:2.25rem;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);background:#ffffff0a;color:var(--color-text-muted);font-family:var(--font-display);font-size:1.15rem;font-weight:700;line-height:1;letter-spacing:0;text-transform:none;cursor:pointer;box-shadow:none;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .12s ease}button.edex-pagination__btn:hover:not(:disabled){background:#00e7ff1f;border-color:#00e7ff61;color:var(--color-accent);transform:none;box-shadow:0 0 14px #00e7ff24}button.edex-pagination__btn:active:not(:disabled){transform:scale(.96);box-shadow:none}button.edex-pagination__btn:disabled{opacity:.32;cursor:not-allowed;box-shadow:none}.edex-pagination__info{min-width:6.5rem;padding:0 .25rem;text-align:center;font-family:var(--font-display);font-size:.76rem;font-weight:700;letter-spacing:.04em;color:var(--color-text-dim)}.edex-empty{grid-column:1 / -1;text-align:center;color:var(--color-text-dim);padding:var(--space-2xl) 0}@keyframes edex-border-rotate{0%{--edex-border-angle: 0deg}to{--edex-border-angle: 360deg}}@keyframes edex-shine-sweep{0%,65%{transform:translate(-140%) skew(-15deg);opacity:0}78%{opacity:var(--edex-shine-opacity, .45)}to{transform:translate(140%) skew(-15deg);opacity:0}}@keyframes edex-spark-float{0%{transform:translateY(0) scale(1);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translateY(-18px) scale(.4);opacity:0}}@keyframes edex-progress-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@property --edex-border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.edex-card{--edex-border-angle: 0deg;position:relative;display:flex;flex-direction:column;isolation:isolate;background:var(--color-bg-elevated);border:1px solid color-mix(in srgb,var(--rarity-color, var(--color-border)) 25%,var(--color-border));border-radius:var(--radius-md);overflow:hidden;cursor:pointer;text-align:left;padding:0;font:inherit;color:inherit;box-shadow:0 2px 10px #00000038;transition:transform .18s ease,box-shadow .25s ease,border-color .25s ease}.edex-card__border-glow{position:absolute;inset:-2px;z-index:0;border-radius:inherit;pointer-events:none;opacity:var(--edex-glow-opacity, 0);background:conic-gradient(from var(--edex-border-angle),transparent 20%,var(--rarity-color) 25%,transparent 30%,transparent 70%,var(--rarity-color) 75%,transparent 80%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;padding:2px;animation:edex-border-rotate var(--edex-border-speed, 4s) linear infinite}.edex-card__shine{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.22) 46%,color-mix(in srgb,var(--rarity-color) 20%,white 80%) 50%,rgba(255,255,255,.22) 54%,transparent 62%);opacity:0;animation:edex-shine-sweep var(--edex-shine-speed, 6s) ease-in-out infinite}.edex-card__sparks{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.edex-card__sparks:before,.edex-card__sparks:after{content:"";position:absolute;border-radius:50%;background:var(--rarity-color);box-shadow:0 0 6px var(--rarity-glow)}.edex-card__sparks:before{width:var(--edex-spark-size, 3px);height:var(--edex-spark-size, 3px);top:20%;left:15%;animation:edex-spark-float var(--edex-spark-speed, 3s) ease-in-out infinite}.edex-card__sparks:after{width:calc(var(--edex-spark-size, 3px) * .75);height:calc(var(--edex-spark-size, 3px) * .75);top:30%;right:18%;animation:edex-spark-float var(--edex-spark-speed, 3s) ease-in-out calc(var(--edex-spark-speed, 3s) * .4) infinite}button.edex-card{background:var(--color-bg-elevated);box-shadow:0 2px 10px #00000038}button.edex-card:hover:not(:disabled){transform:translateY(-4px);border-color:var(--rarity-color, var(--color-border-strong));box-shadow:0 12px 32px #00000059,0 0 32px var(--rarity-glow, rgba(0, 0, 0, .15))}button.edex-card:hover:not(:disabled) .edex-card__border-glow{opacity:calc(var(--edex-glow-opacity, 0) + .3)}.edex-card--unlocked{border-color:color-mix(in srgb,var(--rarity-color) 40%,transparent)}.edex-card--unlocked:hover{border-color:var(--rarity-color)}.edex-card--common{--edex-glow-opacity: 0;--edex-shine-speed: 8s;--edex-shine-opacity: .18;--edex-border-speed: 6s}.edex-card--rare{--edex-glow-opacity: .25;--edex-shine-speed: 6.5s;--edex-shine-opacity: .3;--edex-border-speed: 5s;--edex-spark-speed: 4s;--edex-spark-size: 2.5px}.edex-card--epic{--edex-glow-opacity: .4;--edex-shine-speed: 5s;--edex-shine-opacity: .42;--edex-border-speed: 4s;--edex-spark-speed: 3.2s;--edex-spark-size: 3px}.edex-card--mythic{--edex-glow-opacity: .55;--edex-shine-speed: 4s;--edex-shine-opacity: .55;--edex-border-speed: 3s;--edex-spark-speed: 2.6s;--edex-spark-size: 3.5px}.edex-card--legendary{--edex-glow-opacity: .75;--edex-shine-speed: 3.2s;--edex-shine-opacity: .7;--edex-border-speed: 2.2s;--edex-spark-speed: 2s;--edex-spark-size: 4px}.edex-card--unlocked.edex-card--common{--edex-glow-opacity: .12;--edex-shine-opacity: .28}.edex-card--unlocked.edex-card--rare{--edex-glow-opacity: .35;--edex-shine-opacity: .4}.edex-card--unlocked.edex-card--epic{--edex-glow-opacity: .55;--edex-shine-opacity: .52}.edex-card--unlocked.edex-card--mythic{--edex-glow-opacity: .7;--edex-shine-opacity: .65}.edex-card--unlocked.edex-card--legendary{--edex-glow-opacity: .9;--edex-shine-opacity: .8}.edex-card:not(.edex-card--unlocked) .edex-card__sparks{display:none}.edex-card:not(.edex-card--unlocked) .edex-card__border-glow{opacity:0}.edex-card:not(.edex-card--unlocked) .edex-card__shine{animation-duration:10s;--edex-shine-opacity: .12}.edex-card__cover{position:relative;z-index:1;width:100%;aspect-ratio:1;background:#00000040;overflow:hidden;display:flex;align-items:center;justify-content:center}.edex-card__img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.edex-card:hover .edex-card__img{transform:scale(1.06)}.edex-card__locked-icon{width:40%;color:var(--color-text-dim);opacity:.35}.edex-card__locked-icon svg{width:100%;height:auto}.edex-card__rarity-badge{position:absolute;top:6px;right:6px;z-index:2;font-family:var(--font-display);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:var(--radius-full);background:#0000008c;color:var(--rarity-color, var(--color-text-muted));border:1px solid color-mix(in srgb,var(--rarity-color) 35%,transparent);backdrop-filter:blur(6px);transition:box-shadow .3s ease}.edex-card--unlocked:hover .edex-card__rarity-badge{box-shadow:0 0 12px var(--rarity-glow)}.edex-card__body{position:relative;z-index:1;padding:.6rem .65rem .7rem;display:flex;flex-direction:column;gap:2px;flex:1}.edex-card__title{font-family:var(--font-display);font-size:.82rem;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edex-card__title--hidden{color:var(--color-text-dim);font-style:italic}.edex-card__title--locked{color:var(--color-text-muted)}.edex-card__artist{font-size:.72rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edex-card__artist--hidden,.edex-card__artist--locked{color:var(--color-text-dim)}.edex-card__progress{margin-top:auto;padding-top:6px;display:flex;align-items:center;gap:6px}.edex-card__progress-track{flex:1;height:4px;background:#ffffff14;border-radius:var(--radius-full);overflow:hidden}.edex-card__progress-fill{height:100%;border-radius:var(--radius-full);background:var(--rarity-color, var(--color-accent));transition:width .4s ease}.edex-card--unlocked .edex-card__progress-fill{background:linear-gradient(90deg,var(--rarity-color) 0%,color-mix(in srgb,var(--rarity-color) 50%,white 50%) 50%,var(--rarity-color) 100%);background-size:200% 100%;animation:edex-progress-shimmer 2.8s linear infinite}.edex-card__progress-text{font-size:.62rem;color:var(--color-text-dim);font-weight:600;white-space:nowrap}.edex-card--unlocked.edex-card--legendary{background:linear-gradient(145deg,rgba(255,215,0,.1),var(--color-bg-elevated) 62%)}.edex-card--unlocked.edex-card--mythic{background:linear-gradient(145deg,rgba(244,63,94,.1),var(--color-bg-elevated) 62%)}.edex-card--unlocked.edex-card--epic{background:linear-gradient(145deg,rgba(168,85,247,.1),var(--color-bg-elevated) 62%)}.edex-card--unlocked.edex-card--rare{background:linear-gradient(145deg,rgba(96,165,250,.08),var(--color-bg-elevated) 62%)}@media(prefers-reduced-motion:reduce){.edex-card__border-glow,.edex-card__shine,.edex-card__sparks,.edex-card__sparks:before,.edex-card__sparks:after,.edex-card--unlocked .edex-card__progress-fill,.edex-card--celebrate,.edex-card__unlock-burst,.edex-card__unlock-ring,.edex-card__unlock-flash,.edex-unlock-celebration,.edex-detail:before,.edex-detail,.edex-detail__cover,.edex-detail__info,.edex-detail--celebrate .edex-detail__img,.edex-detail__now-playing-bars span{animation:none!important}.edex-card__border-glow{opacity:calc(var(--edex-glow-opacity, 0) * .5)}.edex-detail:before{opacity:var(--edex-detail-glow, .4)}.edex-detail,.edex-detail__cover,.edex-detail__info{opacity:1;transform:none}}@media(hover:none)and (pointer:coarse){.edex-card__shine{display:none}.edex-card__border-glow{animation-duration:8s}.edex-detail:before{animation:edex-border-rotate 6s linear infinite}}.edex-detail-backdrop{position:fixed;inset:0;z-index:500;background:#000000a6;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:var(--space-md);overflow-y:auto;animation:edex-fade-in .2s ease}@keyframes edex-fade-in{0%{opacity:0}to{opacity:1}}@keyframes edex-detail-border-draw{0%{opacity:0;--edex-border-angle: 0deg}30%{opacity:var(--edex-detail-glow, .5)}to{opacity:var(--edex-detail-glow, .5);--edex-border-angle: 360deg}}@keyframes edex-detail-reveal{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes edex-detail-info-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.edex-detail{--edex-border-angle: 0deg;position:relative;width:100%;max-width:420px;margin:auto;background:var(--color-bg-elevated);border:1.5px solid color-mix(in srgb,var(--rarity-color) 40%,transparent);border-radius:var(--radius-lg);overflow:visible;box-shadow:0 0 28px color-mix(in srgb,var(--rarity-glow, transparent) 30%,transparent),0 8px 32px #0006;animation:edex-detail-reveal .35s cubic-bezier(.22,1,.36,1) forwards}.edex-detail:before{content:"";position:absolute;inset:-2px;z-index:-1;border-radius:calc(var(--radius-lg) + 2px);pointer-events:none;background:conic-gradient(from var(--edex-border-angle),transparent 20%,var(--rarity-color) 25%,transparent 30%,transparent 70%,var(--rarity-color) 75%,transparent 80%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;padding:2px;filter:blur(1.5px);opacity:0;animation:edex-detail-border-draw .6s cubic-bezier(.22,1,.36,1) .15s forwards,edex-border-rotate var(--edex-detail-border-speed, 4s) linear .75s infinite}.edex-detail>*{position:relative;z-index:1}.edex-detail__inner{border-radius:inherit;overflow:hidden}.edex-detail__cover{animation:edex-detail-reveal .3s cubic-bezier(.22,1,.36,1) .05s both}.edex-detail__info{animation:edex-detail-info-reveal .35s cubic-bezier(.22,1,.36,1) .18s both}.edex-detail--common{--edex-detail-glow: .25;--edex-detail-border-speed: 6s}.edex-detail--rare{--edex-detail-glow: .38;--edex-detail-border-speed: 5s}.edex-detail--epic{--edex-detail-glow: .5;--edex-detail-border-speed: 4s}.edex-detail--mythic{--edex-detail-glow: .65;--edex-detail-border-speed: 3.2s}.edex-detail--legendary{--edex-detail-glow: .82;--edex-detail-border-speed: 2.2s}@keyframes edex-pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.edex-detail__close{position:absolute;top:10px;right:10px;z-index:2}.edex-detail__cover{position:relative;width:100%;aspect-ratio:1;background:#0000004d;display:flex;align-items:center;justify-content:center;overflow:hidden}.edex-detail__img{width:100%;height:100%;object-fit:cover}.edex-detail__audio{display:none}.edex-detail--celebrate .edex-detail__img{animation:edex-unlock-cover-pop .65s cubic-bezier(.22,1,.36,1)}.edex-detail--celebrate:before{animation:edex-detail-border-draw .6s cubic-bezier(.22,1,.36,1) .15s forwards,edex-border-rotate var(--edex-detail-border-speed, 4s) linear .75s infinite,edex-unlock-border-flash .8s ease .1s}.edex-unlock-celebration{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none}.edex-unlock-celebration__ring{position:absolute;width:42%;aspect-ratio:1;border-radius:50%;border:2px solid var(--rarity-color, var(--color-accent));box-shadow:0 0 24px var(--rarity-glow, transparent);animation:edex-unlock-ring-expand .9s cubic-bezier(.22,1,.36,1) forwards}.edex-unlock-celebration__spark{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--rarity-color, #fff);box-shadow:0 0 10px var(--rarity-glow, rgba(255, 255, 255, .6));opacity:0}.edex-unlock-celebration__spark--1{animation:edex-unlock-spark-fly .85s ease .12s forwards;--spark-x: -72px;--spark-y: -48px}.edex-unlock-celebration__spark--2{animation:edex-unlock-spark-fly .85s ease .18s forwards;--spark-x: 78px;--spark-y: -36px}.edex-unlock-celebration__spark--3{animation:edex-unlock-spark-fly .85s ease .14s forwards;--spark-x: -56px;--spark-y: 64px}.edex-unlock-celebration__spark--4{animation:edex-unlock-spark-fly .85s ease .2s forwards;--spark-x: 68px;--spark-y: 58px}.edex-unlock-celebration__label{position:relative;z-index:2;font-family:var(--font-display);font-size:1.35rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#fff;text-shadow:0 0 18px var(--rarity-glow, rgba(255, 255, 255, .5));padding:.35rem .9rem;border-radius:var(--radius-full);background:color-mix(in srgb,var(--rarity-color) 35%,rgba(0,0,0,.55));border:1px solid color-mix(in srgb,var(--rarity-color) 70%,white 30%);animation:edex-unlock-label-pop .55s cubic-bezier(.22,1,.36,1) .08s both}.edex-detail__now-playing{display:inline-flex;align-items:center;gap:.45rem;margin:0;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--rarity-color, var(--color-accent-alt))}.edex-detail__now-playing-bars{display:inline-flex;align-items:flex-end;gap:2px;height:.85rem}.edex-detail__now-playing-bars span{display:block;width:3px;height:100%;border-radius:1px;background:currentColor;transform-origin:bottom;animation:edex-now-playing-bar .9s ease-in-out infinite}.edex-detail__now-playing-bars span:nth-child(2){animation-delay:.15s}.edex-detail__now-playing-bars span:nth-child(3){animation-delay:.3s}@keyframes edex-unlock-cover-pop{0%{transform:scale(.88);filter:brightness(1.4)}55%{transform:scale(1.04);filter:brightness(1.15)}to{transform:scale(1);filter:brightness(1)}}@keyframes edex-unlock-ring-expand{0%{transform:scale(.35);opacity:.95}to{transform:scale(2.8);opacity:0}}@keyframes edex-unlock-spark-fly{0%{opacity:0;transform:translate(0) scale(.4)}20%{opacity:1}to{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(.2)}}@keyframes edex-unlock-label-pop{0%{opacity:0;transform:scale(.6) translateY(8px)}70%{opacity:1;transform:scale(1.08) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes edex-unlock-border-flash{0%,to{filter:blur(1.5px)}40%{filter:blur(2px) brightness(1.35)}}@keyframes edex-now-playing-bar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.edex-card--celebrate{animation:edex-card-unlock-pulse .7s cubic-bezier(.22,1,.36,1);z-index:2}.edex-card__unlock-burst{position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;overflow:hidden}.edex-card__unlock-ring{position:absolute;inset:18%;border-radius:50%;border:2px solid var(--rarity-color, var(--color-accent));box-shadow:0 0 16px var(--rarity-glow, transparent);animation:edex-card-unlock-ring .85s cubic-bezier(.22,1,.36,1) forwards}.edex-card__unlock-flash{position:absolute;inset:0;background:radial-gradient(circle at center,color-mix(in srgb,var(--rarity-color) 45%,white 55%) 0%,transparent 68%);opacity:0;animation:edex-card-unlock-flash .55s ease forwards}@keyframes edex-card-unlock-pulse{0%{transform:scale(1)}35%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes edex-card-unlock-ring{0%{transform:scale(.5);opacity:.9}to{transform:scale(1.8);opacity:0}}@keyframes edex-card-unlock-flash{0%{opacity:0}25%{opacity:.75}to{opacity:0}}.edex-detail__locked-cover{width:30%;color:var(--color-text-dim);opacity:.3}.edex-detail__lock-svg{width:100%;height:auto}.edex-detail__info{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.edex-detail__rarity-pill{display:inline-flex;align-self:flex-start;font-family:var(--font-display);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 10px;border-radius:var(--radius-full);border:1px solid;background:transparent}.edex-detail__title{font-family:var(--font-display);font-size:1.4rem;font-weight:800;line-height:1.15;margin:0}.edex-detail__title--hidden{color:var(--color-text-dim);font-style:italic}.edex-detail__title--locked{color:var(--color-text-muted)}.edex-detail__artist{font-size:1rem;color:var(--color-text-muted);margin:0}.edex-detail__artist--hidden{color:var(--color-text-dim);font-style:italic}.edex-detail__artist--locked{color:var(--color-text-dim)}.edex-detail__meta{font-size:.85rem;color:var(--color-text-dim);margin:0}.edex-detail__progress-section{margin-top:var(--space-sm)}.edex-detail__progress-header{display:flex;justify-content:space-between;font-size:.82rem;font-weight:600;color:var(--color-text-muted);margin-bottom:6px}.edex-detail__progress-nums{color:var(--rarity-color, var(--color-text))}.edex-detail__progress-track{width:100%;height:8px;background:#ffffff14;border-radius:var(--radius-full);overflow:hidden}.edex-detail__progress-fill{height:100%;border-radius:var(--radius-full);background:var(--rarity-color, var(--color-accent));transition:width .4s ease}.edex-detail__progress-hint{font-size:.78rem;color:var(--color-text-dim);margin:6px 0 0}.edex-detail__unlocked-label{font-size:.82rem;font-weight:700;color:var(--color-success);margin:6px 0 0}.edex-detail__super-bar{display:flex;align-items:flex-start;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.08)}.edex-detail__super-bar-icon{width:18px;height:18px;flex-shrink:0;margin-top:2px}.edex-detail__super-bar-main{flex:1;min-width:0}.edex-detail__super-bar-label{display:block;font-size:.78rem;color:var(--color-text-dim);margin-bottom:8px}.edex-detail__super-bar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}button.edex-detail__super-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;margin:0;min-height:0;min-width:0;box-shadow:none;letter-spacing:0;line-height:1;font-size:.78rem;font-weight:600;padding:.45em .9em;border-radius:var(--radius-full);border:1px solid rgba(125,211,252,.35);background:#ffffff0f;color:#e0f2fe;cursor:pointer;transition:background .15s ease,border-color .15s ease}button.edex-detail__super-btn:hover:not(:disabled){transform:none;background:#7dd3fc1f;border-color:#7dd3fc80;box-shadow:none}button.edex-detail__super-btn:not(:disabled):active{transform:scale(.97)}button.edex-detail__super-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}button.edex-detail__super-btn--unlock{border-color:#fde04773;color:#fde047}button.edex-detail__super-btn--ghost{border-color:transparent;background:transparent;color:var(--color-text-dim)}button.edex-detail__super-btn--apply{border-color:#7dd3fc80;background:#7dd3fc26}.edex-detail__super-custom{display:flex;align-items:center;gap:8px;margin-top:8px}.edex-detail__super-custom-input{box-sizing:border-box;width:4rem;text-align:center;font-family:var(--font-display);font-weight:700;font-size:.9rem;color:#fde047;line-height:1.2;padding:.35em .25em;border-radius:var(--radius-sm);border:1px solid rgba(125,211,252,.35);background:#00000040;-moz-appearance:textfield;appearance:textfield}.edex-detail__super-custom-input:focus{outline:none;border-color:#7dd3fc99;box-shadow:0 0 0 2px #7dd3fc26}.edex-detail__super-custom-input::-webkit-outer-spin-button,.edex-detail__super-custom-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.edex-detail__super-custom-input:disabled{opacity:.5}button.edex-detail__super-step{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin:0;padding:0;min-height:0;min-width:0;width:32px;height:32px;border-radius:var(--radius-full);border:1px solid rgba(125,211,252,.35);background:#ffffff0d;color:#e0f2fe;font-size:1.05rem;font-weight:700;font-family:var(--font-body);line-height:1;cursor:pointer;box-shadow:none;letter-spacing:0}button.edex-detail__super-step:hover:not(:disabled){transform:none;background:#7dd3fc1f;box-shadow:none}button.edex-detail__super-step:not(:disabled):active{transform:scale(.95)}button.edex-detail__super-step:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.edex-detail__super-error{font-size:.76rem;color:var(--color-danger, #f87171);margin:6px 0 0}.edex-card__inv-badge{position:absolute;top:6px;left:6px;background:#000000b8;color:#fff;font-size:.62rem;font-weight:700;padding:1px 5px;border-radius:var(--radius-full);line-height:1.4;pointer-events:none;z-index:2}.edex-card__claim-badge{position:absolute;bottom:6px;left:50%;transform:translate(-50%);background:var(--color-accent, #a855f7);color:#fff;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:var(--radius-full);line-height:1.4;pointer-events:none;z-index:2;animation:edex-claim-pulse 1.8s ease-in-out infinite}@keyframes edex-claim-pulse{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.85;transform:translate(-50%) scale(1.06)}}.edex-card--claimable{box-shadow:0 0 0 2px var(--color-accent, #a855f7),0 0 12px #a855f74d}.edex-card__stars{display:block;font-size:.7rem;color:gold;letter-spacing:1px;margin-top:2px;line-height:1}.edex-detail__claim-btn{display:block;width:100%;padding:10px 16px;margin-top:var(--space-sm);border:none;border-radius:var(--radius-md);background:var(--color-accent, #a855f7);color:#fff;font-size:.92rem;font-weight:700;cursor:pointer;transition:background .15s ease,transform .1s ease}.edex-detail__claim-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent, #a855f7) 85%,#000);transform:translateY(-1px)}.edex-detail__claim-btn:active:not(:disabled){transform:translateY(0)}.edex-detail__claim-btn:disabled{opacity:.6;cursor:not-allowed}.edex-detail__claimable-hint{font-size:.78rem;color:var(--color-accent, #a855f7);font-weight:600;margin:4px 0 0}.edex-detail__inv-summary{display:flex;align-items:center;gap:10px;font-size:.78rem;color:var(--color-text-dim);margin:4px 0 0}.edex-detail__inv-count{font-weight:600;color:var(--color-text)}.edex-detail__inv-best{color:gold;font-weight:600}.edex-inv-section{margin-top:var(--space-md);margin-bottom:var(--space-md);border-radius:var(--radius-lg);background:var(--color-bg-elevated, rgba(255, 255, 255, .03));overflow:hidden}.edex-inv-section__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 18px;border:none;background:none;color:var(--color-text);cursor:pointer;font-size:.92rem;font-weight:700;text-align:left;min-height:0;box-shadow:none;transition:background .15s ease;outline:none}.edex-inv-section__toggle:hover:not(:disabled){background:#ffffff08;transform:none;box-shadow:none}.edex-inv-section__toggle:focus,.edex-inv-section__toggle:focus-visible,.edex-inv-section__toggle:active:not(:disabled){outline:none;box-shadow:none;border:none;transform:none}.edex-inv-section__toggle-label{display:flex;flex-direction:column;gap:2px}.edex-inv-section__toggle-stats{font-size:.72rem;font-weight:500;color:var(--color-text-dim)}.edex-inv-section__chevron{font-size:1.1rem;transition:transform .32s cubic-bezier(.22,1,.36,1);color:var(--color-text-dim)}.edex-inv-section__chevron--open{transform:rotate(180deg)}.edex-inv-section__collapse{display:grid;grid-template-rows:0fr;overflow:hidden;visibility:hidden;transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1),visibility 0s linear .4s}.edex-inv-section--open .edex-inv-section__collapse{grid-template-rows:1fr;border-top:1px solid rgba(255,255,255,.06);visibility:visible;transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s}.edex-inv-section:not(.edex-inv-section--open) .edex-inv-section__collapse{pointer-events:none}.edex-inv-section__body{overflow:hidden;min-height:0;padding:0 18px;opacity:0;transition:opacity .32s ease,padding .4s cubic-bezier(.22,1,.36,1)}.edex-inv-section--open .edex-inv-section__body{padding:18px;opacity:1}.edex-inv-section--open .edex-inv-card{animation:edex-inv-card-in .42s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(.06s + var(--inv-i, 0) * 35ms)}.edex-inv-section--open .edex-inv-section__pagination{animation:edex-inv-card-in .38s cubic-bezier(.22,1,.36,1) .28s backwards}@keyframes edex-inv-card-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.edex-inv-section__collapse,.edex-inv-section__body,.edex-inv-section__chevron,.edex-inv-section--open .edex-inv-card,.edex-inv-section--open .edex-inv-section__pagination{transition:none;animation:none}.edex-inv-section--open .edex-inv-section__body{opacity:1}.edex-inv-section--open .edex-inv-section__collapse{visibility:visible}.edex-inv-section:not(.edex-inv-section--open) .edex-inv-section__collapse{visibility:hidden}}.edex-inv-section__match-hint{font-size:.72rem;color:var(--color-text-dim);margin:0 0 var(--space-xs)}.edex-inv-section__empty{font-size:.82rem;color:var(--color-text-dim);text-align:center;padding:var(--space-md) 0}.edex-inv-section__pagination{margin-top:var(--space-md);margin-bottom:0}.edex-inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}.edex-inv-card{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-md);background:#ffffff08;border-left:3px solid var(--rarity-color, rgba(255, 255, 255, .1));transition:background .15s ease}.edex-inv-card:hover{background:#ffffff0f}.edex-inv-card__cover{flex:0 0 42px;width:42px;height:42px;border-radius:var(--radius-sm);overflow:hidden;background:#ffffff0d;position:relative}.edex-inv-card__img{width:100%;height:100%;object-fit:cover}.edex-inv-card__placeholder{width:100%;height:100%;background:#ffffff14}.edex-inv-card__rarity-dot{position:absolute;bottom:2px;right:2px;width:8px;height:8px;border-radius:50%;border:1.5px solid rgba(0,0,0,.4)}.edex-inv-card__info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}.edex-inv-card__title{font-size:.8rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edex-inv-card__artist{font-size:.7rem;color:var(--color-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edex-inv-card__stars{flex:0 0 auto;font-size:.78rem;color:gold;letter-spacing:1px}@media(max-width:900px){.edex-toolbar__filters{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.edex-toolbar__group{width:100%}.edex-toolbar__select{width:100%;max-width:14rem}}@media(max-width:600px){.edex-toolbar-section__toggle{padding:12px 14px}.edex-toolbar-section--open .edex-toolbar-section__body{padding:12px 14px 14px}.edex-toolbar__search{height:2.25rem;font-size:.82rem}.edex-inv-section__toggle{padding:12px 14px}.edex-inv-section__body{padding:0 10px}.edex-inv-section--open .edex-inv-section__body{padding:10px 10px 12px}.edex-pagination{gap:.35rem;padding:.3rem}button.edex-pagination__btn{width:2rem;height:2rem;font-size:1rem}.edex-pagination__info{min-width:5rem;font-size:.72rem}}.edex-star-reveal{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;background:#000000b3;border-radius:var(--radius-lg);animation:edex-star-reveal-in .4s ease-out}.edex-star-reveal__stars{font-size:2rem;color:gold;letter-spacing:3px;animation:edex-star-pop .5s cubic-bezier(.34,1.56,.64,1) .15s both;text-shadow:0 0 16px rgba(255,215,0,.5)}.edex-star-reveal__label{font-size:.88rem;font-weight:700;color:#fff;margin-top:6px;opacity:0;animation:edex-fade-in .3s ease .4s forwards}@keyframes edex-star-reveal-in{0%{opacity:0}to{opacity:1}}@keyframes edex-star-pop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:600px){.edex-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.edex-detail{max-width:100%}.edex-detail__cover{aspect-ratio:4/3}.edex-progress-banner__rarities{font-size:.72rem}.edex-help{max-width:100%;margin:var(--space-md)}}button.edex-icon-btn{box-sizing:border-box;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;min-width:0;min-height:0;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;box-shadow:none;line-height:0;aspect-ratio:1;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}button.edex-icon-btn--help{width:2.75rem;height:2.75rem;min-width:2.75rem;min-height:2.75rem;max-width:2.75rem;max-height:2.75rem}button.edex-progress-banner__help.edex-icon-btn--help{width:2rem;height:2rem;min-width:2rem;min-height:2rem;max-width:2rem;max-height:2rem;flex-shrink:0}button.edex-icon-btn--close{width:2rem;height:2rem;min-width:2rem;min-height:2rem;max-width:2rem;max-height:2rem}button.edex-icon-btn:hover:not(:disabled){border-color:var(--color-border-strong);color:var(--color-text);background:var(--color-surface-hover);box-shadow:none}button.edex-icon-btn:focus,button.edex-icon-btn:focus-visible{outline:none;box-shadow:none}.edex-icon-btn__svg{display:block;flex-shrink:0}.edex-help-backdrop{position:fixed;inset:0;z-index:510;background:#000000b3;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:var(--space-md);animation:edex-fade-in .2s ease}.edex-help{position:relative;width:100%;max-width:480px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl) var(--space-xl);box-shadow:var(--shadow-lg);animation:edex-pop-in .25s cubic-bezier(.34,1.56,.64,1)}.edex-help__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.edex-help__title{flex:1;min-width:0;font-family:var(--font-display);font-size:1.25rem;font-weight:800;line-height:1.25;margin:0;padding-top:.15rem;background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.edex-help__title-row{display:flex;align-items:center;gap:.65rem;flex:1;min-width:0}.edex-help__title-icon{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#7dd3fc1a;border:1px solid rgba(125,211,252,.3)}.edex-help__title-icon svg{width:1.15rem;height:1.15rem}.edex-help--super{border-color:#7dd3fc38;padding:var(--space-md) var(--space-lg) var(--space-lg)}.edex-help--super .edex-help__header{margin-bottom:var(--space-md)}.edex-help__title-block{display:flex;flex-direction:column;gap:.15rem;min-width:0}.edex-help__title-balance{display:flex;align-items:baseline;gap:.35rem;margin:0;font-size:.84rem;font-weight:600;color:var(--color-text-muted)}.edex-help__title-balance-value{font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:var(--color-gold);font-variant-numeric:tabular-nums}.edex-help__section--member{position:relative;overflow:hidden;isolation:isolate;margin-top:var(--space-md);margin-bottom:0;padding:.85rem .95rem;border-radius:var(--radius-md);border:1px solid rgba(255,221,0,.4);background:linear-gradient(145deg,#ffdd0024,#ffa00012,#38bdf80d);box-shadow:0 0 18px #ffdd001a;animation:edex-member-glow 3.2s ease-in-out infinite}.edex-help__section--member:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.1) 50%,transparent 62%);transform:translate(-120%) skew(-12deg);animation:edex-member-shine 5.5s ease-in-out infinite;pointer-events:none}@keyframes edex-member-glow{0%,to{box-shadow:0 0 14px #ffdd0014;border-color:#ffdd0059}50%{box-shadow:0 0 22px #ffdd003d,0 0 34px #ffa00024;border-color:#ffdd00ad}}@keyframes edex-member-shine{0%,72%{transform:translate(-120%) skew(-12deg);opacity:0}82%{opacity:1}to{transform:translate(120%) skew(-12deg);opacity:0}}@keyframes edex-member-amount-glow{0%,to{text-shadow:0 0 0 rgba(253,224,71,0)}50%{text-shadow:0 0 16px rgba(253,224,71,.5)}}@keyframes edex-member-link-shine{0%,74%{transform:translate(-140%) skew(-15deg);opacity:0}84%{opacity:.75}to{transform:translate(140%) skew(-15deg);opacity:0}}.edex-help__member-head{position:relative;z-index:1;display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.4rem}.edex-help__member-kicker{margin:0;font-family:var(--font-display);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fef08a}.edex-help__member-amount{margin:0;font-family:var(--font-display);font-size:1.35rem;font-weight:800;line-height:1;color:#fde047;white-space:nowrap;animation:edex-member-amount-glow 3.2s ease-in-out infinite}.edex-help__member-period{margin-left:.15rem;font-size:.78rem;font-weight:700;color:#fde047}.edex-help__member-text{position:relative;z-index:1;margin:0 0 .6rem;font-size:.875rem;line-height:1.45;color:#e2e8f0}.edex-help__member-text strong{color:#fef08a;font-weight:700}.edex-help__member-link{position:relative;z-index:1;margin:.5rem 0;display:inline-flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;padding:.5rem .85rem;border-radius:var(--radius-full);border:1px solid color-mix(in srgb,#0d0c22 18%,transparent);background:#fd0;color:#0d0c22;font-family:var(--font-display);font-size:.82rem;font-weight:800;letter-spacing:.02em;text-decoration:none;text-align:center;overflow:hidden;box-shadow:0 1px #ffffff59 inset,0 3px 12px #fd03;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.edex-help__member-link:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translate(-140%) skew(-15deg);animation:edex-member-link-shine 3.8s ease-in-out infinite;pointer-events:none}.edex-help__member-link:hover,.edex-help__member-link:focus-visible{color:#0d0c22;text-decoration:none;transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 1px #fff6 inset,0 5px 16px #ffdd0047;outline:none}.edex-help__member-hint{position:relative;z-index:1;margin:.5rem 0 0;font-size:.76rem;line-height:1.4;color:var(--color-text-muted);text-align:center}.edex-help__member-hint strong{color:#fde047;font-weight:700}@media(prefers-reduced-motion:reduce),(html[data-reduced-motion]){.edex-help__section--member,.edex-help__section--member:before,.edex-help__member-amount,.edex-help__member-link:after{animation:none!important}.edex-help__section--member{box-shadow:0 0 16px #ffdd0024;border-color:#ffdd0080}.edex-help__member-amount{text-shadow:0 0 10px rgba(253,224,71,.25)}}.edex-help__super-lead{margin:0 0 var(--space-sm);font-size:.875rem;line-height:1.45;color:#cbd5e1}.edex-help__earn-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.edex-help__earn-item{display:flex;flex-direction:column;gap:2px;padding:.55rem .7rem;border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.edex-help__earn-title{font-family:var(--font-display);font-size:.84rem;font-weight:700;color:#e0f2fe;line-height:1.3}.edex-help__earn-detail{font-size:.8rem;line-height:1.4;color:#94a3b8}.edex-help__section{margin-bottom:var(--space-lg)}.edex-help__section:last-child{margin-bottom:0}.edex-help__section h3{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--color-text);margin:0 0 6px}.edex-help__section p{font-size:.88rem;color:var(--color-text-muted);line-height:1.55;margin:0}.edex-help__rarity-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.edex-help__rarity-list li{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-display);font-size:.88rem;font-weight:600;padding:6px 12px;border-radius:var(--radius-sm);background:#ffffff0a}.edex-help__threshold{font-weight:400;color:var(--color-text-muted);font-size:.82rem}.staff-page{display:flex;flex-direction:column;gap:16px}.staff-tabs{display:flex;flex-wrap:wrap;gap:8px}.staff-tab{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--color-text);border-radius:var(--radius-sm);padding:8px 14px;font-family:var(--font-display);font-weight:600;cursor:pointer}.staff-tab--active{border-color:var(--color-accent);background:#00d4ff1f}.staff-panel{padding:16px}.staff-section-title{margin:0 0 8px;font-family:var(--font-display);font-size:1.1rem}.staff-add-song{display:flex;flex-direction:column;gap:16px}.staff-add-song-lead{margin:0 0 12px}.staff-add-song-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:16px}.staff-field--wide{grid-column:1 / -1}.staff-add-song-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.staff-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.staff-search,.staff-select,.staff-input,.staff-textarea{width:100%;max-width:100%;border:1px solid rgba(255,255,255,.14);background:#00000040;color:var(--color-text);border-radius:var(--radius-sm);padding:8px 10px;font:inherit}.staff-search{flex:1 1 220px;min-width:180px}.staff-select{flex:0 0 auto;width:auto}.staff-filter-check{display:inline-flex;align-items:center;gap:.45rem;flex:0 0 auto;font-size:.9rem;color:var(--color-text-muted);user-select:none;cursor:pointer}.staff-filter-check input{width:1rem;height:1rem;accent-color:var(--color-primary);cursor:pointer}.staff-song-list,.staff-report-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.staff-catalog-summary{margin:0 0 12px;font-size:.85rem}.staff-pagination{margin-top:16px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.staff-pagination__btn{border:1px solid rgba(255,255,255,.16);background:#ffffff0d;color:var(--color-text);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.85rem;font-weight:600;padding:8px 14px;cursor:pointer}.staff-pagination__btn:disabled{opacity:.45;cursor:not-allowed}.staff-pagination__info{min-width:110px;text-align:center;font-size:.85rem;color:var(--color-text-muted);font-weight:600}@media(max-width:640px){.staff-report-row{flex-wrap:wrap}.staff-queue-actions,.staff-report-actions{width:100%;justify-content:flex-end}}.staff-song-row{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-areas:"cover meta" "actions actions";gap:10px 12px;align-items:center;padding:12px 14px;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.staff-report-row{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.staff-song-cover,.staff-song-cover--empty{grid-area:cover;align-self:start}.staff-song-meta{grid-area:meta;min-width:0}.staff-song-actions{grid-area:actions;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}@media(min-width:900px){.staff-song-row{grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"cover meta actions";align-items:center}.staff-song-actions{justify-content:flex-end;max-width:420px}}.staff-song-cover{width:48px;height:48px;border-radius:8px;object-fit:cover}.staff-song-cover--empty{background:#ffffff14}.staff-song-title{font-family:var(--font-display);font-weight:700;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.staff-song-sub{color:var(--color-text-muted);font-size:.85rem;margin-top:2px}.staff-inactive{font-size:.72rem;text-transform:uppercase;color:#f59e0b;font-weight:700}.staff-song-actions,.staff-queue-actions{display:flex;flex-wrap:wrap;gap:8px}.staff-song-actions .btn-primary,.staff-song-actions .btn-secondary{padding:.45rem .75rem;font-size:.82rem;white-space:nowrap}.staff-report-row>div:first-child{flex:1;min-width:0}.staff-report-actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}.staff-icon-btn{min-width:64px}.staff-confirm-btn{border-color:#22c55e59;color:#86efac}.staff-delete-btn{border-color:#ef444459;color:#fca5a5}.staff-badge--delete{background:#ef444433;color:#fca5a5}.staff-badge--text{background:#60a5fa33;color:#93c5fd}.staff-text-diff{display:grid;gap:8px;margin-top:8px;font-size:.9rem}.staff-text-diff__row{display:grid;grid-template-columns:4.5rem 1fr auto 1fr;gap:8px;align-items:baseline}@media(max-width:640px){.staff-text-diff__row{grid-template-columns:1fr;gap:4px}.staff-text-diff__arrow{display:none}}.staff-text-diff__label{color:var(--color-text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.staff-text-diff__before{color:var(--color-text-muted);text-decoration:line-through;word-break:break-word}.staff-text-diff__arrow{color:var(--color-text-muted)}.staff-text-diff__after{word-break:break-word}.staff-text-diff__after--changed{color:#86efac;font-weight:600}.staff-report-action{margin:4px 0 0;font-size:.9rem;color:#fca5a5}.staff-muted{color:var(--color-text-muted)}.staff-error{color:#f87171;margin:0}.staff-badge{font-size:.72rem;text-transform:uppercase;padding:2px 8px;border-radius:999px;font-weight:700}.staff-badge--pending{background:#f59e0b33;color:#fbbf24}.staff-badge--approved{background:#22c55e33;color:#86efac}.staff-badge--rejected{background:#ef444433;color:#fca5a5}.staff-reject,.staff-note{font-size:.85rem;color:var(--color-text-muted);margin:6px 0 0}.staff-link-btn{display:inline-block;margin-top:12px;text-align:center;text-decoration:none}.staff-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.staff-modal-backdrop{position:absolute;inset:0;border:0;background:#000000a6;cursor:pointer}.staff-modal-card{position:relative;width:min(100%,480px);z-index:1}.staff-modal-title{margin:0 0 12px;font-family:var(--font-display)}.staff-modal-lead{margin:0 0 16px;color:var(--color-text-muted);font-size:.92rem;line-height:1.5}.staff-modal-lead--danger{color:#fca5a5}.staff-modal-summary{margin-bottom:16px;padding:12px 14px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.staff-modal-summary__title{margin:0;font-family:var(--font-display);font-weight:700}.staff-modal-summary__sub{margin:4px 0 0;color:var(--color-text-muted);font-size:.85rem}.staff-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:.9rem}.staff-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.rush-wrap{display:flex;flex-direction:column;gap:var(--space-md)}.rush-filters.panel{margin-bottom:0}.rush-setup{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-lg);padding:var(--space-xl) var(--space-lg);overflow:hidden;text-align:center;background:linear-gradient(165deg,#fb923c1f,color-mix(in srgb,var(--color-bg-elevated) 94%,transparent) 45%,color-mix(in srgb,var(--color-primary) 6%,var(--color-bg-elevated)));border-color:#fb923c38}.rush-setup--ranked{border-color:color-mix(in srgb,#4ade80 35%,rgba(251,146,60,.28));box-shadow:var(--shadow-md),0 0 40px #4ade8014}.rush-setup__glow{position:absolute;top:-3rem;left:50%;width:min(22rem,90%);height:10rem;transform:translate(-50%);background:radial-gradient(ellipse at center,rgba(251,146,60,.22) 0%,transparent 70%);pointer-events:none}.rush-setup__hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.rush-setup__timer-badge{position:relative;width:6.5rem;height:6.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.rush-setup__timer-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.rush-setup__timer-value{font-family:var(--font-display);font-size:2rem;font-weight:900;line-height:1;color:var(--color-text)}.rush-setup__timer-label{margin-top:.15rem;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-dim)}.rush-setup__headline{margin:0;max-width:34rem;font-size:1rem;font-weight:600;line-height:1.45;color:var(--color-text-muted)}.rush-setup__rules{display:grid;grid-template-columns:1fr;gap:.65rem;width:100%;max-width:36rem;margin:0 auto;text-align:left}@media(min-width:640px){.rush-setup__rules{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}}.rush-setup__rule{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem .9rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface) 75%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent)}.rush-setup__rule-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-sm)}.rush-setup__rule-icon--speed{color:#fbbf24;background:#fbbf241f}.rush-setup__rule-icon--good{color:#4ade80;background:#4ade801f}.rush-setup__rule-icon--bad{color:#f87171;background:#f871711f}.rush-setup__rule-body{min-width:0}.rush-setup__rule-body strong{display:block;margin-bottom:.2rem;font-family:var(--font-display);font-size:.88rem;font-weight:800;color:var(--color-text)}.rush-setup__rule-body p{margin:0;font-size:.82rem;line-height:1.4;color:var(--color-text-muted)}.rush-rules__good{color:#4ade80;font-weight:800}.rush-rules__bad{color:#f87171;font-weight:800}.rush-start-btn{align-self:center;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-width:min(100%,16rem);padding-inline:1.75rem;font-size:1.05rem;font-weight:800;box-shadow:0 0 24px #fb923c40}.rush-start-btn__icon{display:inline-flex;opacity:.95}.rush-game{position:relative;display:flex;flex-direction:column;gap:var(--space-md)}.rush-hud{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);background:linear-gradient(135deg,#fb923c1a,color-mix(in srgb,var(--color-bg-elevated) 92%,transparent) 60%);border:1px solid rgba(251,146,60,.28)}.rush-timer{position:relative;width:5.5rem;height:5.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.rush-timer__ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.rush-timer__track{fill:none;stroke:#ffffff14;stroke-width:6}.rush-timer__progress{fill:none;stroke:#fb923c;stroke-width:6;stroke-linecap:round;stroke-dasharray:327;transition:stroke-dashoffset .15s linear,stroke .2s ease}.rush-timer--urgent .rush-timer__progress{stroke:#fbbf24}.rush-timer--critical .rush-timer__progress{stroke:#ef4444;animation:rush-timer-pulse .5s ease infinite alternate}@keyframes rush-timer-pulse{0%{filter:drop-shadow(0 0 2px rgba(239,68,68,.4))}to{filter:drop-shadow(0 0 10px rgba(239,68,68,.9))}}.rush-timer__value{font-family:var(--font-display);font-size:1.75rem;font-weight:900;line-height:1;color:var(--color-text)}.rush-timer--urgent .rush-timer__value{color:#fbbf24}.rush-timer--critical .rush-timer__value{color:#ef4444;animation:rush-score-pop .35s ease}.rush-timer__label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-dim)}.rush-score-block{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:0}.rush-score-block__label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-dim)}.rush-score-block__value{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,3.5rem);font-weight:900;line-height:1;color:#fdba74;text-shadow:0 0 20px rgba(251,146,60,.35);transition:transform .12s ease}.rush-score-block__value--pop{animation:rush-score-pop .28s ease}@keyframes rush-score-pop{0%{transform:scale(1)}40%{transform:scale(1.14)}to{transform:scale(1)}}.rush-streak{font-size:.78rem;font-weight:700;color:#fbbf24;animation:rush-score-pop .3s ease}.rush-mini-stats{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.rush-mini-stats__item{display:inline-flex;align-items:center;justify-content:flex-end;gap:.35rem}.rush-mini-stats__icon{flex-shrink:0;display:block}.rush-mini-stats__good{color:#4ade80}.rush-mini-stats__bad{color:#f87171}.rush-mini-stats__skip{color:var(--color-text-muted)}.rush-score-pop{position:absolute;top:42%;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:2rem;font-weight:900;pointer-events:none;z-index:5;animation:rush-float-pop .85s ease forwards}.rush-score-pop--up{color:#4ade80;text-shadow:0 0 12px rgba(74,222,128,.5)}.rush-score-pop--down{color:#f87171;text-shadow:0 0 12px rgba(248,113,113,.4)}@keyframes rush-float-pop{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.7)}20%{opacity:1;transform:translate(-50%) translateY(0) scale(1.1)}to{opacity:0;transform:translate(-50%) translateY(-48px) scale(1)}}.rush-play{display:flex;flex-direction:column;gap:var(--space-md)}.rush-play__cover{align-self:center;max-width:12rem}.rush-previous-song{min-height:4.25rem;padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;justify-content:center;gap:.2rem;background:#ffffff08;border-color:#fb923c33}.rush-previous-song__label{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-dim)}.rush-previous-song__value{margin:0;min-height:1.35em;font-size:.92rem;font-weight:600;line-height:1.35;color:var(--color-text);text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.rush-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.rush-skip-btn{min-width:8rem}.rush-ended-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;background:#0000008c;border-radius:var(--radius-lg);pointer-events:none;animation:rush-fade-in .35s ease}.rush-ended-overlay__title{margin:0;font-family:var(--font-display);font-size:1.75rem;font-weight:900;color:#fdba74}.rush-ended-overlay__streak{margin:0;font-size:.9rem;color:#fbbf24;font-weight:700}@keyframes rush-fade-in{0%{opacity:0}to{opacity:1}}.rush-results{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl);text-align:center;background:linear-gradient(160deg,#fb923c24,color-mix(in srgb,var(--color-bg-elevated) 94%,transparent) 55%);animation:rush-score-pop .4s ease}.rush-results__eyebrow{margin:0;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim)}.rush-results__score{margin:0;font-family:var(--font-display);font-size:clamp(3.5rem,14vw,5rem);font-weight:900;line-height:1;color:#fdba74;text-shadow:0 0 28px rgba(251,146,60,.45)}.rush-results__score-label{margin:0 0 var(--space-md);font-size:.85rem;color:var(--color-text-muted)}.rush-results__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);width:100%;max-width:22rem;margin:0 0 var(--space-lg);padding:0}.rush-results__stats div{display:flex;flex-direction:column;gap:.2rem}.rush-results__stats dt{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim)}.rush-results__stats dd{margin:0;font-family:var(--font-display);font-size:1.35rem;font-weight:800;color:var(--color-text)}@media(max-width:520px){.rush-hud{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.rush-timer{grid-column:1;grid-row:1}.rush-score-block{grid-column:2;grid-row:1}.rush-mini-stats{grid-column:1 / -1;grid-row:2;flex-direction:row;justify-content:center;gap:var(--space-md)}.rush-results__stats{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.rush-timer--critical .rush-timer__progress,.rush-timer--critical .rush-timer__value,.rush-score-block__value--pop,.rush-streak,.rush-score-pop,.rush-results,.content-enter,.status-toast,.score-delta-pop{animation:none}.content-enter{opacity:1;transform:none}}.score-delta-pop{display:inline-block;animation:score-delta-pop var(--duration-slow) var(--ease-spring)}@keyframes score-delta-pop{0%{opacity:.55;transform:scale(.88)}55%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.yoc-game.panel{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-md)}.yoc-game .yoc-audio{margin-bottom:0}.rush-ranked-banner{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-sm) var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border:1px solid transparent;transition:border-color .2s ease,background .2s ease}.rush-ranked-banner--on{background:linear-gradient(135deg,#4ade801a,#fb923c0f);border-color:#4ade8059}.rush-ranked-banner--off{background:linear-gradient(135deg,#fbbf2414,#ffffff05);border-color:#fbbf2447}.rush-ranked-banner--compact{padding:var(--space-sm) var(--space-md)}.rush-ranked-banner__icon{flex-shrink:0;display:flex;color:#fdba74}.rush-ranked-banner--on .rush-ranked-banner__icon{color:#4ade80}.rush-ranked-banner--off .rush-ranked-banner__icon{color:#fbbf24}.rush-ranked-banner__copy{flex:1;min-width:min(100%,16rem);display:flex;flex-direction:column;gap:.2rem;font-size:.86rem;color:var(--color-text-muted)}.rush-ranked-banner__copy strong{font-size:.92rem;color:var(--color-text)}.rush-ranked-banner__copy em{font-style:normal;color:#fdba74;font-weight:600}.rush-ranked-banner__btn{flex-shrink:0;align-self:center}.rush-start-btn--ranked{box-shadow:0 0 28px #4ade8033,0 0 24px #fb923c33}.rush-hud--stage{width:100%;margin:0}.rush-play__stage{margin:0 auto;max-width:14rem}.rush-results__ranked{margin:0 0 var(--space-sm);padding:.45rem .75rem;border-radius:var(--radius-md);font-size:.88rem;font-weight:600}.rush-results__ranked--yes{background:#4ade801f;border:1px solid rgba(74,222,128,.28);color:#86efac}.rush-results__ranked--no{background:#fbbf241a;border:1px solid rgba(251,191,36,.25);color:#fcd34d}.rush-results__pb{margin:0 0 var(--space-md);font-size:.85rem;color:var(--color-text-muted)}.leaderboard-icon--rush{color:#fb923c}.leaderboard-icon--eurodex{color:#a855f7}.leaderboard-icon--yearorcountry{color:#38bdf8}.volume-dock{position:fixed;left:max(1rem,env(safe-area-inset-left,0px));bottom:max(1rem,env(safe-area-inset-bottom,0px));z-index:var(--z-chat);display:flex;flex-direction:column;align-items:flex-start;gap:.65rem}@media(max-width:899px){.volume-dock{bottom:calc(var(--bottom-nav-height) + .75rem + env(safe-area-inset-bottom,0px))}}.volume-dock__fab{width:3.25rem;height:3.25rem;min-height:0;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--color-surface) 0%,var(--color-bg-elevated) 100%);border:1px solid var(--color-border-strong);color:var(--color-text);box-shadow:var(--shadow-md),0 0 20px #00e7ff1f;transition:transform var(--duration-fast),box-shadow var(--duration-fast),border-color var(--duration-fast)}.volume-dock__fab:hover{border-color:var(--color-accent);box-shadow:var(--shadow-lg),0 0 24px var(--color-accent-glow)}.volume-dock__fab--open{border-color:var(--color-accent);color:var(--color-accent)}.volume-dock__fab--muted{opacity:.72;color:var(--color-text-muted)}.volume-dock__panel{width:min(17.5rem,calc(100vw - 2rem));padding:var(--space-md);animation:volume-panel-enter var(--duration-normal) var(--ease-out-expo) both;display:flex;flex-direction:column;gap:var(--space-sm)}@keyframes volume-panel-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.volume-dock__actions{display:flex;gap:.5rem;justify-content:flex-end;padding-top:.25rem;border-top:1px solid var(--color-border)}.volume-dock__action{font-size:.82rem;padding:.35rem .65rem;min-height:0}@media(prefers-reduced-motion:reduce),(html[data-reduced-motion]){.volume-dock__panel{animation:none}}.score-delta-pop--up{color:var(--color-success);text-shadow:0 0 12px rgba(74,222,128,.45)}.score-delta-pop--down{color:var(--color-danger);text-shadow:0 0 12px rgba(248,113,113,.35)}.rush-score-delta{position:absolute;top:38%;left:50%;transform:translate(-50%);font-family:var(--font-display);font-weight:800;font-size:1.35rem;pointer-events:none;z-index:5}.user-prefs{margin-top:0;gap:var(--space-md)}.user-prefs__header{display:flex;flex-direction:column;gap:.35rem}.user-prefs__lead{margin:0;font-size:.88rem;line-height:1.45;color:var(--color-text-muted)}.user-prefs__cards{display:flex;flex-direction:column;gap:var(--space-md)}.user-prefs__card{padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:linear-gradient(145deg,#ffffff0a,#140c2d8c);display:flex;flex-direction:column;gap:var(--space-md)}.user-prefs__card--audio{border-color:color-mix(in srgb,var(--color-accent) 28%,var(--color-border))}.user-prefs__card--motion{border-color:color-mix(in srgb,var(--color-accent-alt) 28%,var(--color-border))}.user-prefs__card-head{display:flex;align-items:flex-start;gap:.85rem}.user-prefs__card-icon{flex-shrink:0;width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:var(--radius-md);border:1px solid var(--color-border)}.user-prefs__card-icon--audio{color:var(--color-accent);background:#00e7ff1a;border-color:#00e7ff47}.user-prefs__card-icon--motion{color:#c4b5fd;background:#8b3df01f;border-color:#8b3df04d}.user-prefs__card-title{margin:0;font-family:var(--font-display);font-size:1rem;font-weight:800;letter-spacing:-.01em;color:var(--color-text)}.user-prefs__card-desc{margin:.15rem 0 0;font-size:.82rem;color:var(--color-text-muted)}.user-prefs__sliders{display:flex;flex-direction:column;gap:var(--space-md);padding-top:.15rem;border-top:1px solid var(--color-border)}.pref-switch-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.pref-switch-row__text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.pref-switch-row__label{font-weight:700;font-size:.92rem;color:var(--color-text)}.pref-switch-row__hint{font-size:.8rem;color:var(--color-text-muted);line-height:1.35}.pref-switch{flex-shrink:0;position:relative;width:3rem;height:1.65rem;padding:0;min-height:0;border-radius:var(--radius-full);border:1px solid var(--color-border-strong);background:var(--color-bg-elevated);cursor:pointer;transition:background var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-fast)}.pref-switch--on{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dim) 100%);border-color:transparent;box-shadow:0 0 16px var(--color-primary-glow)}.pref-switch__thumb{position:absolute;top:50%;left:.2rem;width:1.15rem;height:1.15rem;border-radius:50%;background:var(--color-text);box-shadow:var(--shadow-sm);transform:translateY(-50%);transition:transform var(--duration-fast) var(--ease-out-expo)}.pref-switch--on .pref-switch__thumb{transform:translate(1.35rem,-50%)}.pref-switch:disabled{opacity:.45;cursor:not-allowed}.pref-volume{display:flex;flex-direction:column;gap:.45rem}.pref-volume--disabled{opacity:.5}.pref-volume__label{display:flex;flex-direction:column;gap:.1rem}.pref-volume__title{font-weight:600;font-size:.88rem;color:var(--color-text)}.pref-volume__hint{font-size:.76rem;color:var(--color-text-dim)}.pref-volume__control{display:flex;align-items:center;gap:.65rem}.pref-volume__range{flex:1;min-width:0;height:6px;accent-color:var(--color-accent);cursor:pointer}.pref-volume__range:disabled{cursor:not-allowed}.pref-volume__value{font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:700;color:var(--color-text-muted);min-width:2.5rem;text-align:right}.user-prefs__segments{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.user-prefs__segment{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.65rem .4rem;min-height:0;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#0003;color:var(--color-text-muted);cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast),color var(--duration-fast),box-shadow var(--duration-fast)}.user-prefs__segment:hover:not(.user-prefs__segment--active){border-color:var(--color-border-strong);color:var(--color-text)}.user-prefs__segment--active{border-color:color-mix(in srgb,var(--color-accent-alt) 55%,var(--color-border));background:#8b3df024;color:var(--color-text);box-shadow:0 0 14px #8b3df033}.user-prefs__segment-label{font-family:var(--font-display);font-size:.82rem;font-weight:800}.user-prefs__segment-desc{font-size:.68rem;text-align:center;line-height:1.25;opacity:.85}.user-prefs__status{display:flex;align-items:center;gap:.5rem;margin:0;padding:.55rem .75rem;border-radius:var(--radius-md);font-size:.8rem;color:var(--color-text-muted);background:#00000038;border:1px solid var(--color-border)}.user-prefs__status-dot{flex-shrink:0;width:.5rem;height:.5rem;border-radius:50%;background:var(--color-success);box-shadow:0 0 8px #4ade8080}.user-prefs__status-dot--reduced{background:var(--color-warning);box-shadow:0 0 8px #ffd24f73}@media(max-width:520px){.user-prefs__segments{grid-template-columns:1fr}.user-prefs__segment{flex-direction:row;justify-content:space-between;padding:.65rem .85rem}.user-prefs__segment-desc{text-align:right}}.volume-dock__panel .pref-volume+.pref-volume{margin-top:var(--space-sm)}.volume-dock__panel .pref-volume:first-of-type{margin-top:0}.win-celebration{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:4}.win-celebration__piece{position:absolute;top:-8%;border-radius:2px;opacity:.9;animation:win-confetti-fall 3.4s var(--ease-out-expo) forwards}@keyframes win-confetti-fall{to{transform:translateY(110vh) rotate(420deg);opacity:0}}.yoc-hud__streak--pulse .yoc-hud__streak-value{animation:yoc-streak-pulse .55s var(--ease-spring)}@keyframes yoc-streak-pulse{0%{transform:scale(1)}45%{transform:scale(1.35);color:var(--color-gold)}to{transform:scale(1)}}.yoc-hud__heart--breaking{animation:yoc-heart-break .65s var(--ease-out-expo) forwards}@keyframes yoc-heart-break{0%{transform:scale(1);opacity:1}35%{transform:scale(1.35)}to{transform:scale(.6);opacity:.15}}.yoc-gameover--enter .yoc-gameover__stat--enter{opacity:0;animation:yoc-stat-enter var(--duration-slow) var(--ease-out-expo) forwards;animation-delay:calc(.08s + var(--enter-i, 0) * .1s)}.yoc-gameover__btn--enter{opacity:0;animation:yoc-stat-enter var(--duration-slow) var(--ease-out-expo) forwards;animation-delay:.38s}@keyframes yoc-stat-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.leaderboards-panel-enter{animation:leaderboards-panel-enter var(--duration-normal) var(--ease-out-expo) both}@keyframes leaderboards-panel-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.song-search__item--active button{background:#ff1e9f24;border-color:var(--color-primary);outline:2px solid var(--color-primary-glow);outline-offset:-2px}@media(prefers-reduced-motion:reduce),(html[data-reduced-motion]){.tier-dot--active,.win-celebration__piece,.yoc-hud__streak--pulse .yoc-hud__streak-value,.yoc-hud__heart--breaking,.yoc-gameover--enter .yoc-gameover__stat--enter,.yoc-gameover__btn--enter,.leaderboards-panel-enter,.content-enter--reduced{animation:none}.yoc-gameover--enter .yoc-gameover__stat--enter,.yoc-gameover__btn--enter{opacity:1}}.page-shell[data-astro-cid-37fxchfa]{display:flex;flex-direction:column;align-items:center;padding:0 0 var(--space-md);position:relative;z-index:1;width:100%;max-width:100%;overflow-x:clip}.page-center[data-astro-cid-37fxchfa]{width:100%;max-width:640px;min-width:0;margin:0 auto;padding:0 var(--space-md);box-sizing:border-box;overflow-x:clip}.page-center--wide[data-astro-cid-37fxchfa]{max-width:min(960px,100%)}