.btn{--btn-face:var(--marigold);--btn-edge:var(--marigold-deep);--btn-text:var(--ink);justify-content:center;align-items:center;gap:var(--gap-2);min-block-size:3.5rem;inline-size:100%;padding-inline:var(--gap-3);border-radius:var(--radius-pill);background:var(--btn-face);color:var(--btn-text);font-family:var(--font-display);font-size:var(--step-1);cursor:pointer;box-shadow:var(--shadow-x) var(--shadow-y) 0 var(--btn-edge);transition:transform .12s var(--ease-pop), box-shadow .12s var(--ease-pop), opacity .12s ease;border:none;display:inline-flex}.btn:active:not(:disabled){transform:translate(var(--shadow-x), var(--shadow-y));box-shadow:0 0 0 var(--btn-edge)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--secondary{--btn-face:var(--surface-high);--btn-edge:var(--edge);--btn-text:var(--cream)}.btn--danger{--btn-face:var(--fuchsia);--btn-edge:var(--fuchsia-deep);--btn-text:var(--cream)}.btn--ghost{--btn-face:transparent;--btn-edge:transparent;--btn-text:var(--cream-dim);box-shadow:none;min-block-size:2.75rem;font-family:var(--font-body);font-weight:700;font-size:var(--step-0)}.btn--sm{min-block-size:2.75rem;font-size:var(--step-0);inline-size:auto}.tile{align-items:center;gap:var(--gap-3);inline-size:100%;padding:var(--gap-2);border-radius:var(--radius-tile);background:var(--surface);box-shadow:var(--shadow-x) var(--shadow-y) 0 var(--edge);color:var(--cream);text-align:start;cursor:pointer;transition:transform .14s var(--ease-pop), box-shadow .14s var(--ease-pop);border:none;grid-template-columns:auto 1fr auto;padding-inline-end:var(--gap-3);display:grid;position:relative}.tile:active{transform:translate(var(--shadow-x), var(--shadow-y));box-shadow:0 0 0 var(--edge)}.tile__glyph{background:var(--marigold);block-size:4rem;inline-size:4rem;color:var(--ink);font-family:var(--font-display);font-size:var(--step-3);border-radius:14px;place-items:center;padding-block-start:.1em;display:grid}.tile--locked .tile__glyph{background:var(--mint)}.tile__body{min-inline-size:0}.tile__title,.tile__artist{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.tile__title{font-weight:800;font-size:var(--step-1)}.tile__artist{color:var(--cream-dim);font-size:.9375rem}.tile__empty{color:var(--cream-dim);font-size:.9375rem;display:block}.tile__art{object-fit:cover;border-radius:8px;justify-self:end;block-size:2.75rem;inline-size:2.75rem}@keyframes deal-in{0%{opacity:0;transform:translateY(18px) rotate(var(--deal-tilt,-3deg)) scale(.94)}to{opacity:1;transform:none}}.tile--dealing{animation:deal-in .42s var(--ease-pop) backwards;animation-delay:var(--deal-delay,0s)}.field{gap:var(--gap-1);flex-direction:column;display:flex}.field__label{color:var(--cream-dim);font-size:.875rem;font-weight:700}.field__optional{opacity:.75;font-weight:400}.field__input{min-block-size:3.25rem;inline-size:100%;padding-inline:var(--gap-3);border:2px solid var(--surface-high);border-radius:var(--radius-tile);background:var(--ink-deep);color:var(--cream);font-size:1rem;font-family:var(--font-body);font-weight:600}.field__input::placeholder{color:var(--cream-dim);opacity:.6}.field__input:focus{border-color:var(--marigold)}.field__input--code{font-family:var(--font-display);font-size:var(--step-2);text-align:center;letter-spacing:.25em;direction:ltr}.chip{align-items:center;gap:var(--gap-2);padding:var(--gap-1) var(--gap-2);border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-x-sm) var(--shadow-y-sm) 0 var(--edge);display:flex}.chip--ready{background:var(--mint);color:var(--ink)}.chip__avatar{background:var(--ink-deep);border-radius:50%;place-items:center;block-size:2.25rem;inline-size:2.25rem;font-size:1.25rem;display:grid}.chip--ready .chip__avatar{background:var(--mint-deep)}.chip__name{font-weight:700}.chip__tag{text-transform:uppercase;letter-spacing:.08em;opacity:.7;font-size:.75rem;font-weight:700}[dir=rtl] .chip__tag{text-transform:none;letter-spacing:0}.countdown{align-items:center;gap:var(--gap-2);padding:var(--gap-2) var(--gap-3);border-radius:var(--radius-pill);background:var(--fuchsia);color:var(--cream);box-shadow:var(--shadow-x-sm) var(--shadow-y-sm) 0 var(--fuchsia-deep);display:flex}.countdown__value{font-family:var(--font-display);font-size:var(--step-2);font-variant-numeric:tabular-nums;text-align:center;direction:ltr;unicode-bidi:isolate;min-inline-size:2ch}.countdown__label{font-size:.875rem;font-weight:700}.countdown--compact{gap:var(--gap-1);padding:.25rem .625rem}.countdown--compact .countdown__value{font-size:var(--step-0)}.countdown--compact .countdown__label{font-size:.75rem}.countdown--urgent{animation:.9s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.04)}}.sheet__scrim{-webkit-backdrop-filter:blur(8px);z-index:10;background:#120a268c;animation:.18s fade-in;position:fixed;inset:0}.sheet{z-index:11;max-block-size:88dvh;padding:var(--gap-3) var(--gutter) max(env(safe-area-inset-bottom), var(--gap-3));background:var(--surface);border-block-start:3px solid var(--surface-high);animation:slide-up .26s var(--ease-pop);border-start-start-radius:var(--radius-card);border-start-end-radius:var(--radius-card);flex-direction:column;display:flex;position:fixed;inset-block-end:0;inset-inline:0;overflow:hidden}@media (width>=30rem){.sheet{inline-size:30rem;inset-inline:50%;transform:translate(-50%)}[dir=rtl] .sheet{transform:translate(50%)}}.sheet__header{flex:none;margin-block-end:var(--gap-2)}.sheet__body{overscroll-behavior:contain;--focus-room:6px;min-block-size:0;padding:var(--focus-room);margin:calc(var(--focus-room) * -1);flex:auto;padding-block-end:var(--gap-2);overflow-y:auto}.sheet__footer{gap:var(--gap-2);border-block-start:2px solid var(--surface-high);flex-direction:column;flex:none;padding-block-start:var(--gap-2);display:flex}.sheet__grip{border-radius:var(--radius-pill);background:var(--surface-high);block-size:4px;inline-size:2.5rem;margin:0 auto var(--gap-3)}@keyframes slide-up{0%{transform:translateY(100%)}}@media (width>=30rem){@keyframes slide-up{0%{transform:translate(-50%,100%)}}}@keyframes fade-in{0%{opacity:0}}.card{padding:var(--gap-3);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-x) var(--shadow-y) 0 var(--edge)}.notice{padding:var(--gap-2) var(--gap-3);border-radius:var(--radius-tile);font-size:.9375rem;font-weight:600}.notice--error{background:var(--fuchsia-deep);color:var(--cream)}.notice--info{background:var(--surface-high);color:var(--cream)}.progress{border-radius:var(--radius-pill);background:var(--ink-deep);block-size:6px;inline-size:100%;overflow:hidden}.progress__bar{border-radius:var(--radius-pill);background:var(--marigold);block-size:100%;inline-size:40%;animation:1.1s ease-in-out infinite progress-sweep}@keyframes progress-sweep{0%{transform:translate(-100%)}to{transform:translate(250%)}}[dir=rtl] .progress__bar{animation-name:progress-sweep-rtl}@keyframes progress-sweep-rtl{0%{transform:translate(100%)}to{transform:translate(-250%)}}.sheet__heading{justify-content:space-between;align-items:center;gap:var(--gap-2);display:flex}.sheet__clock{flex:none;animation:.62s ease-out clock-arrive}@keyframes clock-arrive{0%{opacity:0;transform:scale(.8)}55%{transform:scale(1.1)}to{opacity:1;transform:none}}.sheet__letter{background:var(--marigold);block-size:1.9em;inline-size:1.9em;color:var(--ink);vertical-align:middle;border-radius:10px;place-items:center;margin-inline-start:.35em;padding-block-start:.08em;font-size:.7em;display:inline-grid}.badge-row{gap:var(--gap-1);flex-wrap:wrap;display:flex}.badge{border-radius:var(--radius-pill);background:var(--ink-deep);box-shadow:var(--shadow-x-sm) var(--shadow-y-sm) 0 var(--edge);white-space:nowrap;animation:badge-pop .38s var(--ease-pop) backwards;animation-delay:var(--badge-delay,0s);border:2px solid;align-items:center;gap:.375rem;padding-block:.3rem;padding-inline:.45rem .6rem;font-size:.8125rem;font-weight:700;line-height:1;display:inline-flex}.badge svg{flex:none}.badge__note{font-family:var(--font-display);direction:ltr;unicode-bidi:isolate;font-size:.875rem}.badge--bullseye{color:var(--mint)}.badge--bolt{color:var(--fuchsia)}.badge--flag,.badge--crown{color:var(--marigold)}.badge--gem{color:var(--cream);border-color:var(--surface-high);background:var(--surface-high)}.badge--encore{color:var(--cream-dim);border-color:var(--surface-high);box-shadow:none;background:0 0}@keyframes badge-pop{0%{opacity:0;transform:scale(.6)rotate(-6deg)}to{opacity:1;transform:none}}.app__bar{justify-content:space-between;align-items:center;gap:var(--gap-2);margin-block-end:var(--gap-2);display:flex}.app__mark{view-transition-name:app-logo;flex:none;block-size:auto;inline-size:2.5rem}.app__bar>.lang-toggle:only-child{margin-inline-start:auto}.lang-toggle{border:2px solid var(--surface-high);border-radius:var(--radius-pill);color:var(--cream-dim);cursor:pointer;background:0 0;flex:none;padding:.375rem .875rem;font-size:.875rem;font-weight:700}.home__hero{padding-block:var(--gap-3) var(--gap-2);text-align:center}.home__mark{justify-content:center;align-items:center;gap:var(--gap-2);display:flex}.home__logo{view-transition-name:app-logo;flex:none;block-size:auto;inline-size:clamp(4.5rem,22vw,6.5rem)}.home__title{text-align:center;color:var(--marigold);text-shadow:var(--shadow-x) var(--shadow-y) 0 var(--edge);margin-block:var(--gap-2);font-size:clamp(2.1rem,12.5vw,3.4rem)}.home__tagline{color:var(--cream-dim);max-inline-size:26rem;margin:0;margin-inline:auto}.alphabet{border:none;margin:0;padding:0}.alphabet__options{gap:var(--gap-2);grid-template-columns:1fr 1fr;margin-block-start:var(--gap-1);display:grid}.alphabet__option{padding:var(--gap-2);border:2px solid var(--surface-high);border-radius:var(--radius-tile);background:var(--ink-deep);color:var(--cream-dim);cursor:pointer;flex-direction:column;align-items:center;gap:.125rem;display:flex}.alphabet__option.is-selected{border-color:var(--marigold);background:var(--surface);color:var(--cream)}.alphabet__sample{font-family:var(--font-display);font-size:var(--step-2);color:var(--marigold)}.alphabet__name{font-size:.875rem;font-weight:700}.lobby__code{inline-size:100%;color:var(--marigold);font-family:var(--font-display);font-size:var(--step-4);letter-spacing:.22em;text-indent:.22em;text-align:center;cursor:pointer;direction:ltr;unicode-bidi:isolate;background:0 0;border:none;padding:0}.lobby__heading{justify-content:space-between;align-items:baseline;gap:var(--gap-2);display:flex}.lobby__heading h2,.lobby__h2{font-size:var(--step-1)}.lobby__players{gap:var(--gap-2);flex-wrap:wrap;display:flex}.lobby__count{font-family:var(--font-display);font-size:var(--step-2);color:var(--marigold)}.lobby__hint{color:var(--cream-dim);margin:0;font-size:.875rem}.slider{appearance:none;cursor:pointer;background:0 0;block-size:2rem;inline-size:100%}.slider::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:var(--surface-high);block-size:.5rem}.slider::-moz-range-track{border-radius:var(--radius-pill);background:var(--surface-high);block-size:.5rem}.slider::-webkit-slider-thumb{appearance:none;background:var(--marigold);border:none;border-radius:50%;block-size:1.5rem;inline-size:1.5rem;margin-block-start:-.5rem}.slider::-moz-range-thumb{background:var(--marigold);border:none;border-radius:50%;block-size:1.5rem;inline-size:1.5rem}.play__header{justify-content:space-between;align-items:center;gap:var(--gap-2);display:flex}.play__progress{font-size:var(--step-2)}.sheet__title{font-size:var(--step-2);color:var(--marigold)}.sheet__hint,.sheet__tries{color:var(--cream-dim);text-align:center;margin:0;font-size:.875rem}.versions{gap:var(--gap-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.version{align-items:center;gap:var(--gap-2);inline-size:100%;padding:var(--gap-2);border:2px solid var(--surface-high);border-radius:var(--radius-tile);background:var(--ink-deep);color:var(--cream);text-align:start;cursor:pointer;display:flex}.version:active{border-color:var(--mint)}.version__art{object-fit:cover;border-radius:8px;flex:none;block-size:3rem;inline-size:3rem}.version__body{flex-direction:column;flex:1;min-inline-size:0;display:flex}.version__title{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.version__artist{color:var(--cream-dim);font-size:.875rem}.version__preview{background:var(--surface-high);cursor:pointer;border-radius:50%;flex:none;place-items:center;block-size:2.5rem;inline-size:2.5rem;display:grid}.results__title{font-size:var(--step-4);color:var(--marigold)}.results__list{gap:var(--gap-2);counter-reset:none;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.results__row{align-items:center;gap:var(--gap-2);padding:var(--gap-2);border-radius:var(--radius-tile);background:var(--surface);display:flex}.results__letter{background:var(--mint);block-size:2.5rem;inline-size:2.5rem;color:var(--ink);font-family:var(--font-display);font-size:var(--step-1);border-radius:10px;flex:none;place-items:center;display:grid}.results__art{object-fit:cover;border-radius:8px;flex:none;block-size:2.5rem;inline-size:2.5rem}.results__body{flex-direction:column;min-inline-size:0;display:flex}.results__song{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.results__artist{color:var(--cream-dim);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.rivals{padding:var(--gap-2);border-radius:var(--radius-tile);background:var(--ink-deep);gap:var(--gap-1);flex-direction:column;margin:0;list-style:none;display:flex}.rivals__row{justify-content:space-between;align-items:center;gap:var(--gap-2);font-size:.9375rem;display:flex}.rivals__name{color:var(--cream-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rivals__count{font-family:var(--font-display);color:var(--marigold);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}a.btn{text-decoration:none}.results__list--hidden{filter:blur(10px);opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none;transition:filter .32s,opacity .32s}.results__list{overscroll-behavior:contain;max-block-size:42dvh;margin:-6px;padding:6px;overflow-y:auto}.results__stage{position:relative}.results__reveal{z-index:1;pointer-events:none;padding-inline:var(--gap-3);place-items:center;display:grid;position:absolute;inset:0}.results__reveal>*{pointer-events:auto;inline-size:100%;max-inline-size:18rem}.score{gap:var(--gap-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.score__row{align-items:center;gap:var(--gap-2);padding:var(--gap-2);border-radius:var(--radius-tile);background:var(--ink-deep);border:2px solid #0000;grid-template-columns:auto auto 1fr auto;display:grid}.score__badges{grid-column:1/-1}.score__row--me{border-color:var(--surface-high);background:var(--surface)}.score__place{font-family:var(--font-display);font-size:var(--step-1);color:var(--cream-dim);text-align:center;direction:ltr;unicode-bidi:isolate;flex:none;inline-size:1.5rem}.score__avatar{flex:none;font-size:1.5rem}.score__name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.score__points{font-family:var(--font-display);font-size:var(--step-2);color:var(--marigold);direction:ltr;unicode-bidi:isolate;flex:none}.board__title{font-size:var(--step-3);color:var(--marigold)}.segmented{border-radius:var(--radius-pill);background:var(--ink-deep);gap:2px;padding:3px;display:flex}.segmented__option{border-radius:var(--radius-pill);color:var(--cream-dim);font:inherit;cursor:pointer;background:0 0;border:none;flex:1;padding-block:.5rem;font-size:.9375rem;font-weight:700}.segmented__option.is-selected{background:var(--surface-high);color:var(--cream)}.segmented--quiet .segmented__option.is-selected{color:var(--marigold);box-shadow:inset 0 -2px 0 var(--marigold);background:0 0;border-radius:0}.board__list{gap:var(--gap-1);overscroll-behavior:contain;flex-direction:column;max-block-size:52dvh;margin:0;margin-inline:-6px;padding:6px;list-style:none;display:flex;overflow-y:auto}.board__row{align-items:center;gap:var(--gap-2);padding:var(--gap-2);border-radius:var(--radius-tile);background:var(--ink-deep);border:2px solid #0000;display:flex}.board__row--me{border-color:var(--marigold)}.board__place{font-family:var(--font-display);font-size:var(--step-1);color:var(--cream-dim);text-align:center;direction:ltr;unicode-bidi:isolate;flex:none;min-inline-size:2rem}.board__avatar{flex:none;font-size:1.25rem}.board__body{flex-direction:column;flex:1;min-inline-size:0;display:flex}.board__name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.board__games{color:var(--cream-dim);font-size:.8125rem}.board__points{font-family:var(--font-display);font-size:var(--step-1);color:var(--marigold);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;flex:none}.home__account{padding:var(--gap-1);color:var(--cream-dim);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:none;font-size:.875rem;text-decoration:underline}.account__providers{gap:var(--gap-2);flex-direction:column;display:flex}.account__provider{align-items:center;gap:var(--gap-2);padding:var(--gap-2);border-radius:var(--radius-tile);background:var(--ink-deep);display:flex}.account__provider>span:nth-child(2){flex:1}.account__linked{color:var(--mint);font-size:.875rem;font-weight:700}.auth__or{text-align:center;color:var(--cream-dim);margin:0;font-size:.875rem}.play__tile{position:relative}.play__award{z-index:1;pointer-events:none;position:absolute;inset-block-start:-.6rem;inset-inline-end:-.4rem}:root{--ink:#1a1033;--ink-deep:#120a26;--surface:#2a1b52;--surface-high:#3a2770;--marigold:#ffc94a;--marigold-deep:#d99b18;--fuchsia:#ff3d8b;--fuchsia-deep:#c41f63;--mint:#4be3c1;--mint-deep:#1fa98a;--cream:#fff6e6;--cream-dim:#c9bcd8;--edge:#120a26;--shadow-x:5px;--shadow-y:5px;--shadow-x-sm:3px;--shadow-y-sm:3px;--radius-tile:18px;--radius-card:24px;--radius-pill:999px;--font-display:"Suez One", Georgia, serif;--font-body:"Assistant", system-ui, -apple-system, sans-serif;--step-0:1rem;--step-1:1.25rem;--step-2:1.65rem;--step-3:2.2rem;--step-4:3rem;--step-5:4.25rem;--gap-1:.375rem;--gap-2:.75rem;--gap-3:1.25rem;--gap-4:2rem;--gap-5:3rem;--gutter:1rem;--ease-pop:cubic-bezier(.34, 1.56, .64, 1)}[dir=rtl]{--shadow-x:-5px;--shadow-x-sm:-3px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{background-color:var(--ink-deep);background-image:radial-gradient(120% 80% at 50% 0%, var(--surface) 0%, var(--ink) 55%, var(--ink-deep) 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-attachment:fixed}body{color:var(--cream);font-family:var(--font-body);font-size:var(--step-0);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;margin:0;line-height:1.5}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:400;line-height:1.1}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.app{min-height:100%;padding-block:max(env(safe-area-inset-top), var(--gap-3)) max(env(safe-area-inset-bottom), var(--gap-3));padding-inline:var(--gutter);flex-direction:column;inline-size:100%;max-inline-size:30rem;margin-inline:auto;display:flex}.stack{gap:var(--gap-3);flex-direction:column;display:flex}.spacer{flex:1}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--cream-dim);font-size:.8125rem;font-weight:700}[dir=rtl] .eyebrow{text-transform:none;letter-spacing:.02em}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --fade-start{syntax:"<percentage>";inherits:false;initial-value:0%}@property --fade-end{syntax:"<percentage>";inherits:false;initial-value:100%}.scroll-fade{--fade-start:0%;--fade-end:100%;-webkit-mask-image:linear-gradient(to bottom, transparent 0%, #000 var(--fade-start), #000 var(--fade-end), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0%, #000 var(--fade-start), #000 var(--fade-end), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0%, #000 var(--fade-start), #000 var(--fade-end), transparent 100%);transition:--fade-start .24s,--fade-end .24s}.scroll-fade--top{--fade-start:9%}.scroll-fade--bottom{--fade-end:91%}::view-transition-group(app-logo){animation-duration:.42s;animation-timing-function:cubic-bezier(.34,1.2,.64,1)}::view-transition-old(app-logo){animation-duration:.42s;animation-timing-function:cubic-bezier(.34,1.2,.64,1)}::view-transition-new(app-logo){animation-duration:.42s;animation-timing-function:cubic-bezier(.34,1.2,.64,1)}::view-transition-old(root){animation-duration:.2s}::view-transition-new(root){animation-duration:.2s}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}