: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;--z-content: 1;--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),transform 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=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=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=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);transition:color var(--transition-fast),transform var(--transition-fast),filter var(--transition-fast)}.nav-link__icon svg{width:100%;height:100%;display:block}.nav-link__label{line-height:1.1}.bottom-nav{position:fixed;left:0;right:0;bottom:var(--bottom-nav-vv-offset, 0px);z-index:var(--z-nav);display:grid;grid-template-columns:repeat(5,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=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=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=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=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-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}}@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}}@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,.chat-composer__send,.chat-bubble__report,.report-dialog__close,.report-dialog__backdrop,.report-song-btn,.beta-notice__email{min-height:0;font-weight:700;letter-spacing:normal}.chat-bubble__report,.report-dialog__close,.report-dialog__backdrop,.report-song-btn,.beta-notice__email{box-shadow: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){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}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-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--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--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 .42s cubic-bezier(.36,.07,.19,.97),game-panel-wrong-flash .65s 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 .65s ease forwards}@media(prefers-reduced-motion:reduce){.game-panel--wrong{animation:game-panel-wrong-flash .45s ease}.game-panel--wrong:after{animation-duration:.45s}}.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}.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:#ff7a1a;border-color:color-mix(in srgb,#ff9a4d 80%,transparent);box-shadow:0 0 10px #ff7a1a8c}.tier-dot--skip{background:#ff7a1a;border-color:color-mix(in srgb,#ff9a4d 70%,transparent);box-shadow:0 0 8px #ff7a1a73}.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:#141018;border-color:color-mix(in srgb,#3d3550 90%,#000);box-shadow:0 0 6px #000000a6}.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}.daily-completed__score{margin:0 0 var(--space-sm);text-align:center}.daily-countdown{margin:0;font-size:.95rem;color:var(--color-text-muted);text-align:center}.daily-countdown strong{font-family:var(--font-display);font-weight:800;color:var(--color-accent)}.daily-result{display:flex;flex-direction:column;align-items:stretch;width:100%;margin-top:var(--space-xs);padding-top:var(--space-sm);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-bg-elevated) 55%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);overflow:hidden}.daily-result .solo-reveal,.daily-result .solo-win-celebration,.daily-result .solo-lose-celebration{margin-top:var(--space-sm);margin-bottom:var(--space-md)}.daily-result .daily-completed__score,.daily-result .daily-countdown{width:100%;text-align:center;margin-bottom:var(--space-sm)}.game-panel--success .daily-result{border-color:color-mix(in srgb,var(--color-success) 35%,var(--color-border))}.game-panel--lose .daily-result{border-color:color-mix(in srgb,var(--color-border) 90%,transparent)}.daily-share{width:100%;margin:0;padding:var(--space-lg) var(--space-md) var(--space-md);border-top:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);background:color-mix(in srgb,var(--color-surface) 40%,transparent)}.game-panel--success .daily-share{border-top-color:color-mix(in srgb,var(--color-success) 22%,var(--color-border));background:color-mix(in srgb,var(--color-success) 6%,var(--color-surface))}.daily-share__header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.35rem .75rem;margin-bottom:var(--space-md)}.daily-share__title{margin:0;font-family:var(--font-display);font-size:.95rem;font-weight:800;letter-spacing:.02em;color:var(--color-text)}.daily-share__tag{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.game-panel--success .daily-share__tag{color:color-mix(in srgb,var(--color-success) 75%,var(--color-text-muted))}.daily-share__grid-wrap{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1rem;margin-bottom:var(--space-md);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg) 50%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent)}.daily-share__speaker{flex-shrink:0;font-size:1.1rem;line-height:1;opacity:.9}.daily-share__grid{font-size:1.28rem;line-height:1.35;letter-spacing:.04em}.daily-share__actions{display:flex;flex-direction:column;align-items:stretch;gap:.5rem}.daily-share__btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1.25rem;border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--color-primary) 50%,var(--color-border));background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 28%,var(--color-surface)),color-mix(in srgb,var(--color-accent) 14%,var(--color-bg-elevated)));color:var(--color-text);font-family:var(--font-display);font-weight:800;font-size:.95rem;cursor:pointer;transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.daily-share__btn:hover{border-color:color-mix(in srgb,var(--color-accent) 60%,var(--color-border));transform:translateY(-1px);box-shadow:0 8px 22px color-mix(in srgb,var(--color-primary) 28%,transparent)}.daily-share__btn:active{transform:translateY(0)}.daily-share__btn-icon{flex-shrink:0;opacity:.95}.daily-share__hint{text-align:center;font-size:.82rem;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;align-items:stretch;gap:.5rem}.solo-game-controls__play-spacer{flex:1;min-width:0}.solo-game-controls__play-row .solo-play-btn{flex:1;width:auto;margin-bottom:0;min-width:0}.solo-give-up-btn{flex-shrink:0;min-height:var(--touch-min);padding:.5rem .9rem;font-size:.85rem;font-weight:600;color:var(--color-text-muted);border-color:#ff00e540;white-space:nowrap}.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)}.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__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)}.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--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:start}.profile-back-nav{margin-bottom: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;margin-top:.35rem}.country-flag__emoji{line-height:1}.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{flex-shrink:0}.player-link-wrap .player-link{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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:.95rem;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}.player-profile-page__header{align-items:flex-start}.player-profile-page__identity{display:flex;flex-direction:column;gap:var(--space-sm);width:100%;min-width:0}.player-profile-page .profile-username{width:100%}.rank-value{font-weight:700;color:var(--color-primary)}.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__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{text-align:left;font-size:.92rem;line-height:1.55;color:var(--color-text-muted)}.legal-page h2{margin:1.25rem 0 .5rem;font-size:1rem;color:var(--color-text)}.legal-page h2:first-child{margin-top:0}.legal-page p{margin:0 0 .75rem}.legal-page ul,.legal-page ol{margin:0 0 .85rem;padding-left:1.25rem}.legal-page li{margin-bottom:.35rem}.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}.legal-page a{color:var(--color-accent-alt);font-weight:600}.legal-page a:hover{color:var(--color-primary)}.legal-page__contact{margin-top:1rem!important;padding-top:.75rem;border-top:1px solid var(--color-border);font-weight:500;color:var(--color-text)}.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--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 rgba(255,215,0,.4);background:linear-gradient(145deg,#ffd70024,#e6399b1a)}.auth-card__promo-glow{position:absolute;inset:-40% -20% auto auto;width:70%;height:120%;background:radial-gradient(circle,rgba(255,215,0,.22) 0%,transparent 65%);pointer-events:none}.auth-card__promo-inner{position:relative;display:flex;flex-direction:column;gap:.65rem;padding:1.15rem 1.2rem}.auth-card__promo-eyebrow{font-size:.7rem;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.2rem,4vw,1.45rem);font-weight:800;line-height:1.2;color:var(--color-text)}.auth-card__promo-text{margin:0;font-size:.92rem;line-height:1.5;color:var(--color-text-muted)}.auth-card__promo-perks{margin:.15rem 0 0;padding:0 0 0 1.1rem;font-size:.88rem;line-height:1.55;color:var(--color-text)}.auth-card__promo-perks li+li{margin-top:.2rem}.auth-card__promo-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.35rem}.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}.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__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)}.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-stats{display:flex;flex-direction:column;gap:var(--space-md);width:100%}.profile-stats__highlights{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.profile-stats__highlight{display:flex;flex-direction:column;gap:.35rem;padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--color-border);min-height:5rem;justify-content:center}.profile-stats__highlight--points{background:linear-gradient(145deg,#ffd70024,#1a1430d9);border-color:#ffd70047}.profile-stats__highlight--streak{background:linear-gradient(145deg,#e6399b24,#1a1430d9);border-color:#e6399b4d}.profile-stats__highlight-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.profile-stats__highlight-value{font-family:var(--font-display);font-weight:800;font-size:1.65rem;line-height:1.1;color:var(--color-text)}.profile-stats__highlight--points .profile-stats__highlight-value{color:var(--color-accent)}.profile-stats__highlight--streak .profile-stats__highlight-value{color:var(--color-primary)}.profile-stats__highlight-unit{margin-left:.2rem;font-size:.95rem;font-weight:700;color:var(--color-text-muted)}.profile-stats__section{display:flex;flex-direction:column;gap:var(--space-sm)}.profile-stats__heading{margin:0;font-family:var(--font-display);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-dim)}.profile-stats__row{display:grid;gap:var(--space-sm)}.profile-stats__row--3{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-stats__row--2{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:420px){.profile-stats__highlights,.profile-stats__row--3{grid-template-columns:1fr}}.profile-stats__cell{display:flex;flex-direction:column;gap:.2rem;padding:.75rem .85rem;border-radius:var(--radius-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);text-align:center}.profile-stats__cell-value{font-family:var(--font-display);font-weight:800;font-size:1.15rem;color:var(--color-text);line-height:1.2}.profile-stats__cell-label{font-size:.68rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;line-height:1.3}.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-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem;padding:.35rem;background:color-mix(in srgb,var(--color-bg-elevated) 85%,transparent);border:1px solid var(--color-border);border-radius:var(--radius-md)}@media(min-width:720px){.leaderboards-tabs{grid-template-columns:repeat(4,1fr)}}.leaderboards-tabs__text{display:flex;flex-direction:column;align-items:flex-start;gap:.05rem;min-width:0}.leaderboards-tabs__label-short{display:none;font-size:.82rem}@media(max-width:719px){.leaderboards-tabs__label{display:none}.leaderboards-tabs__label-short{display:inline}}.leaderboards-tabs__btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.7rem .65rem;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-family:var(--font-display);font-weight:700;font-size:.92rem;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.leaderboards-tabs__icon{display:inline-flex;width:1.2rem;height:1.2rem;transition:filter var(--transition-fast)}.leaderboards-tabs__icon svg{width:100%;height:100%;display:block}.leaderboards-tabs__btn:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-surface) 70%,transparent)}.leaderboards-tabs__btn--active{color:var(--color-text);background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 18%,transparent),color-mix(in srgb,var(--color-accent) 12%,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 8%,transparent),0 4px 14px color-mix(in srgb,var(--color-primary) 22%,transparent)}.leaderboard-panel{padding:var(--space-md);border-radius:var(--radius-xl)}.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;transition:filter var(--transition-fast)}.leaderboard-icon svg{width:100%;height:100%;display:block}.leaderboard-icon--trophy{color:var(--color-gold);filter:drop-shadow(0 0 6px var(--color-gold-glow))}.leaderboards-tabs__btn--active .leaderboard-icon--trophy,.leaderboard-panel__icon .leaderboard-icon--trophy{filter:drop-shadow(0 0 9px var(--color-gold-glow))}.leaderboard-icon--flame{filter:drop-shadow(0 0 6px rgba(255,80,36,.55))}.leaderboards-tabs__btn--active .leaderboard-icon--flame,.leaderboard-panel__icon .leaderboard-icon--flame{filter:drop-shadow(0 0 10px rgba(255,80,36,.7))}.leaderboard-icon--flag{color:var(--color-accent);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--color-accent) 55%,transparent))}.leaderboard-icon--globe{color:var(--color-primary);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--color-primary) 50%,transparent))}.leaderboards-tabs__btn--active .leaderboard-icon--flag,.leaderboards-tabs__btn--active .leaderboard-icon--globe{filter:drop-shadow(0 0 9px color-mix(in srgb,var(--color-primary) 65%,transparent))}.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)}.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__select-wrap{position:relative;display:flex;align-items:center;flex:1 1 16rem;max-width:100%;min-width:min(100%,14rem)}.leaderboard-national-bar__select-wrap .country-flag{position:absolute;left:.85rem;top:50%;z-index:1;transform:translateY(-50%);pointer-events:none}.leaderboard-national-bar__select{width:100%;min-height:var(--touch-min);padding:.65rem 2.75rem .65rem 2.85rem;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-bg-elevated);color:var(--color-text);font-size:1rem;font-family:var(--font-body);font-weight:600;cursor:pointer;appearance:none;-webkit-appearance:none;color-scheme:dark;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.leaderboard-national-bar__select:hover:not(:disabled){border-color:#00d4ff73;background:var(--color-surface-hover)}.leaderboard-national-bar__select:focus{outline:none;border-color:var(--color-accent-alt);box-shadow:0 0 0 3px #00d4ff38}.leaderboard-national-bar__select:focus-visible{outline:none;border-color:var(--color-accent-alt);box-shadow:0 0 0 3px #00d4ff38}.leaderboard-national-bar__select:disabled{cursor:not-allowed;opacity:.65}.leaderboard-national-bar__select option{background:var(--color-bg-elevated);color:var(--color-text)}.leaderboard-national-bar__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}.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__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:linear-gradient(180deg,color-mix(in srgb,var(--color-bg) 60%,transparent),color-mix(in srgb,var(--color-bg-elevated) 80%,transparent));overflow:hidden;isolation:isolate}.leaderboard-podium__item:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:2px;border-radius:0 0 6px 6px;background:var(--color-border-strong);opacity:.6}.leaderboard-podium__item--1{order:2;min-height:7.5rem;border-color:color-mix(in srgb,var(--color-gold) 55%,var(--color-border));background:linear-gradient(180deg,color-mix(in srgb,var(--color-gold) 18%,transparent),color-mix(in srgb,var(--color-bg-elevated) 85%,transparent));box-shadow:0 12px 32px color-mix(in srgb,var(--color-gold) 22%,transparent),inset 0 1px color-mix(in srgb,white 14%,transparent)}.leaderboard-podium__item--1:before{background:linear-gradient(90deg,transparent,var(--color-gold),transparent);opacity:.85;height:3px}.leaderboard-podium__item--1 .leaderboard-podium__rank{color:var(--color-gold);filter:drop-shadow(0 0 6px var(--color-gold-glow))}.leaderboard-podium__item--2{order:1;min-height:6.25rem;border-color:color-mix(in srgb,var(--color-accent) 40%,var(--color-border));background:linear-gradient(180deg,color-mix(in srgb,var(--color-accent) 12%,transparent),color-mix(in srgb,var(--color-bg-elevated) 85%,transparent))}.leaderboard-podium__item--2:before{background:linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity:.7}.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) 35%,var(--color-border));background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 12%,transparent),color-mix(in srgb,var(--color-bg-elevated) 85%,transparent))}.leaderboard-podium__item--3:before{background:linear-gradient(90deg,transparent,var(--color-primary),transparent);opacity:.7}.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-primary) 35%,var(--color-border));background:color-mix(in srgb,var(--color-surface) 75%,transparent);transform:translate(2px)}.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-pagination{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid color-mix(in srgb,var(--color-border) 60%,transparent)}.leaderboard-pagination__btn{padding:.55rem .95rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg-elevated) 80%,transparent);color:var(--color-text);font-family:var(--font-display);font-weight:600;font-size:.85rem;letter-spacing:.01em;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.leaderboard-pagination__btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-text)}.leaderboard-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.leaderboard-pagination__info{font-family:var(--font-display);font-size:.85rem;font-weight:700;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__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)}.chat-drawer__close:hover{background:var(--color-surface-hover);transform:none}.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-bubble{margin:0;padding:.5rem .75rem;background:var(--color-bg-elevated);border-radius:var(--radius-md);border-left:2px solid var(--color-primary);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__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)}.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-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}.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}.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__mode-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.65rem .85rem}.room-header--private .room-header__mode-row .room-header__share-wrap{align-items:flex-end}.room-header--private .room-header__code-block{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;min-width:0}.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__share-wrap{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:.25rem}.room-header--private .room-header__share{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.35rem;padding:.45rem 1rem;border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--color-primary) 55%,white 10%);background:color-mix(in srgb,var(--color-primary) 22%,var(--color-surface));color:var(--color-text);font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 2px 10px #00000040}.room-header--private .room-header__share:hover:not(:disabled){transform:none;color:var(--color-text);background:color-mix(in srgb,var(--color-primary) 32%,var(--color-surface));box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary) 45%,transparent)}.room-header--private .room-header__share:active:not(:disabled){transform:scale(.97)}.room-header--private .room-header__share-icon{font-size:1rem;line-height:1;color:var(--color-gold)}.room-header--private .room-header__share-hint{font-size:.7rem;font-weight:600;color:var(--color-success);white-space:nowrap}.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 .4s ease both}@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{display:flex;flex-direction:column;gap:var(--space-md)}.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,.auth-card__promo{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}}.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}