:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f5f5f7;--label:#1d1d1f;--label-2:#3c3c43d1;--label-3:#3c3c43b8;--fill:#7878801f;--separator:#3c3c4324;--glass:#ffffff9e;--glass-strong:#ffffffc7;--board:var(--glass);--board-edge:transparent;--control:var(--glass-strong);--control-track:var(--fill);--sheet:var(--glass-strong);--glass-edge:#ffffffb3;--glass-shadow:0 1px 2px #0000000a, 0 8px 24px #0000000f;--glass-shadow-lg:0 2px 6px #0000000d, 0 24px 60px #0000001f;--accent:#fa2d48;--accent-press:#e0213b;--on-accent:#fff;--ok:#28a745;--ok-bg:#34c75929;--bad:#e5352b;--bad-bg:#ff3b301f;--scrim:#f5f5f78c;--art-opacity:.55;--r-sm:12px;--r-md:16px;--r-lg:28px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, "Helvetica Neue", sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#000;--label:#f5f5f7;--label-2:#ebebf5b3;--label-3:#ebebf58c;--fill:#7878803d;--separator:#54545880;--glass:#2c2c2e80;--glass-strong:#2c2c2eb8;--board:#0c0c0e9e;--board-edge:#ffffff12;--control:#0c0c0e9e;--control-track:#0c0c0e9e;--sheet:#141416db;--glass-edge:#ffffff1a;--glass-shadow:0 1px 2px #0000004d, 0 8px 24px #00000040;--glass-shadow-lg:0 2px 6px #0006, 0 24px 60px #00000080;--accent:#ff375f;--accent-press:#ff5c7c;--ok:#30d158;--ok-bg:#30d15833;--bad:#ff453a;--bad-bg:#ff453a2e;--scrim:#00000073;--art-opacity:.7}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100dvh;color:var(--label);font:100%/1.47 var(--font);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}a{color:inherit}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:2px}.tabular{font-variant-numeric:tabular-nums}.glass{background:var(--glass);-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);box-shadow:inset 0 .5px 0 var(--glass-edge), var(--glass-shadow)}.backdrop{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.backdrop-base{background:radial-gradient(60% 50% at 15% 10%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%), radial-gradient(50% 45% at 90% 25%, #af52de29, transparent 70%), radial-gradient(60% 50% at 50% 100%, #ff95001a, transparent 70%);position:absolute;inset:0}.backdrop-art{object-fit:cover;filter:blur(90px)saturate(1.7);width:140%;height:140%;opacity:var(--art-opacity);position:absolute;inset:-20%}.backdrop-scrim{background:var(--scrim);position:absolute;inset:0}.backdrop-miss{background:radial-gradient(120% 90% at 50% 35%,#ff3b308c,#780808bf);position:absolute;inset:0}.shell{width:100%;max-width:560px;padding:max(20px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));margin:0 auto}.display{letter-spacing:-.045em;margin:0;font-size:clamp(3.25rem,13vw,5rem);font-weight:700;line-height:.98}.lede{letter-spacing:-.015em;color:var(--label-2);max-width:30ch;margin:0;font-size:1.1875rem;line-height:1.42}.eyebrow{letter-spacing:.01em;color:var(--label-2);align-items:center;gap:8px;margin:0;font-size:.8125rem;font-weight:600;display:inline-flex}.dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.section-label{letter-spacing:.01em;color:var(--label-2);margin:0 0 10px;font-size:.8125rem;font-weight:600}.btn{letter-spacing:-.015em;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-size:1.0625rem;font-weight:600;transition:background-color .12s,opacity .12s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:active:not(:disabled){background:var(--accent-press)}.btn-primary:disabled{opacity:.4}.btn-secondary{color:var(--label)}.icon-btn{background:var(--fill);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.icon-btn svg{width:14px;height:14px;stroke:var(--label-2);stroke-width:2.2px;stroke-linecap:round;fill:none}.spinner{border:2.25px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.start{flex-direction:column;justify-content:center;gap:20px;min-height:calc(100dvh - 44px);padding:24px 0;display:flex}.start .display{margin-top:4px}.start .lede{margin-bottom:12px}.search{background:var(--glass-strong);box-shadow:inset 0 .5px 0 var(--glass-edge), var(--glass-shadow-lg);border-radius:999px;align-items:center;gap:8px;padding:6px 6px 6px 16px;display:flex}.search-icon{fill:none;width:18px;height:18px;stroke:var(--label-3);stroke-width:2px;stroke-linecap:round;flex:none}.search input{min-width:0;height:44px;color:var(--label);font:inherit;letter-spacing:-.015em;background:0 0;border:0;outline:0;flex:1;font-size:1.0625rem}.search input::placeholder{color:var(--label-3)}.search:focus-within{box-shadow:inset 0 .5px 0 var(--glass-edge), 0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent), var(--glass-shadow-lg)}.search .btn{min-width:88px;min-height:44px}.error-slot{min-height:0;margin-top:-8px}.error{color:var(--bad);margin:0;font-size:.9375rem;font-weight:500}.game{--gap:20px;gap:var(--gap);flex-direction:column;display:flex}.topbar{top:max(12px, env(safe-area-inset-top));z-index:5;border-radius:999px;align-items:center;gap:14px;padding:8px 14px 8px 8px;display:flex;position:sticky}.progress{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.progress-label{letter-spacing:.01em;color:var(--label-2);font-size:.75rem;font-weight:600}.segments{gap:3px;display:flex}.segment{background:var(--fill);border-radius:2px;flex:1;height:4px;transition:background-color .3s}.segment.is-current{background:var(--label-3)}.segment.is-ok{background:var(--ok)}.segment.is-bad{background:var(--bad)}.score{letter-spacing:-.02em;align-items:baseline;gap:3px;font-size:1.0625rem;font-weight:700;display:flex}.score-unit{color:var(--label-2);letter-spacing:0;font-size:.75rem;font-weight:600}.round{gap:var(--gap);flex-direction:column;display:flex}.cover{--cover:clamp(140px, calc(100dvh - var(--chrome,610px)), 320px);width:min(100%, var(--cover));aspect-ratio:1;margin:4px auto 0;position:relative}.play{z-index:2;aspect-ratio:1;color:#ffffffeb;border-radius:50%;place-items:center;width:100%;margin:auto;display:grid;position:absolute;inset:0}.vinyl:has(.play) .vinyl-hole{opacity:0}.play-face{flex-direction:column;grid-area:1/1;justify-content:center;align-items:center;gap:2px;width:100%;height:100%;display:flex;position:relative}.play-glyph{fill:currentColor;filter:drop-shadow(0 1px 1px #00000080);width:10%;height:10%;margin-left:1.5%;transition:transform .25s cubic-bezier(.2,.9,.3,1)}@media (hover:hover){.play.is-idle:hover .play-glyph{transform:scale(1.08)}}.play-replay{letter-spacing:.06em;color:#ffffff80;font-size:.625rem;font-weight:600;line-height:1}.play-eq{grid-area:1/1;align-items:center;gap:3px;height:9%;display:flex;position:relative}.play-eq i{background:#ffffffe6;border-radius:2px;width:3px;height:100%;animation:.9s ease-in-out infinite play-eq;display:block}.play-eq i:nth-child(2){animation-duration:.8s;animation-delay:-.45s}.play-eq i:nth-child(3){animation-duration:1s;animation-delay:-.2s}.play-eq i:nth-child(4){animation-duration:.7s;animation-delay:-.65s}@keyframes play-eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.play-eq i{animation:none;transform:scaleY(.7)}}.play:disabled{cursor:progress}.play.is-spent{cursor:default;opacity:.4}.play .spinner{grid-area:1/1;position:relative}.caption{text-align:center;min-height:58px}.title{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:1.625rem;font-weight:700;line-height:1.15}.subtitle{color:var(--label-2);letter-spacing:-.01em;text-wrap:balance;margin:4px 0 0;font-size:1rem}.options{grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.options li{min-width:0}.option{border-radius:var(--r-md);text-align:left;align-items:center;gap:14px;width:100%;min-height:64px;padding:10px 16px 10px 12px;transition:background-color .25s,opacity .25s,box-shadow .25s;display:flex}.option-key{background:var(--fill);width:28px;height:28px;color:var(--label-2);border-radius:8px;flex:none;place-items:center;font-size:.8125rem;font-weight:600;display:grid}.option-text{flex-direction:column;flex:1;min-width:0;display:flex}.option-title{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:1.0625rem;font-weight:600;line-height:1.25;overflow:hidden}.option-artist{color:var(--label-2);letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.option-mark{flex:none;width:24px;height:24px}.option-mark svg{fill:none;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}@media (hover:hover){.option.is-idle:hover{background:var(--glass-strong)}}.option.is-ok{background:var(--ok-bg);box-shadow:inset 0 0 0 1.5px var(--ok)}.option.is-ok .option-key{background:var(--ok);color:#fff}.option.is-ok .option-mark svg{stroke:var(--ok)}.option.is-bad{background:var(--bad-bg);box-shadow:inset 0 0 0 1.5px var(--bad)}.option.is-bad .option-key{background:var(--bad);color:#fff}.option.is-bad .option-mark svg{stroke:var(--bad)}.option.is-dim{opacity:.4}.end{flex-direction:column;gap:16px;padding:48px 0 24px;display:flex}.score-big{letter-spacing:-.055em;font-size:clamp(4.5rem,22vw,7.5rem);line-height:.95}.actions{flex-wrap:wrap;gap:10px;margin:8px 0 16px;display:flex}.tracklist{border-radius:22px;margin:0;padding:6px;list-style:none}.tracklist li{border-radius:14px;align-items:center;gap:12px;padding:8px 10px;display:flex}.tracklist li+li{box-shadow:0 -.5px 0 var(--separator)}.track-n{width:18px;color:var(--label-3);text-align:right;flex:none;font-size:.875rem}.tracklist img{border-radius:8px;flex:none;width:44px;height:44px;box-shadow:0 1px 3px #00000026}.track-text{flex-direction:column;flex:1;min-width:0;text-decoration:none;display:flex}.track-title{letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:600;overflow:hidden}.track-artist{color:var(--label-2);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.track-pts{flex:none;font-size:.9375rem;font-weight:600}.track-pts.is-ok{color:var(--ok)}.track-pts.is-bad{background:var(--bad-bg);border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.track-pts.is-bad svg{fill:none;width:14px;height:14px;stroke:var(--bad);stroke-width:2.4px;stroke-linecap:round}.track-picked{color:var(--bad);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.75rem;overflow:hidden}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:1.6s}}@media (prefers-reduced-transparency:reduce){.glass,.search,.badge{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg)}}@media (prefers-contrast:more){.glass{box-shadow:inset 0 0 0 1px var(--label-3)}}.board{background:var(--board);box-shadow:inset 0 .5px 0 var(--glass-edge), inset 0 0 0 .5px var(--board-edge), var(--glass-shadow);border-radius:22px;padding:18px 12px 12px}.board-head{justify-content:space-between;align-items:baseline;gap:12px;padding:0 12px 8px;display:flex}.board-title{letter-spacing:-.025em;margin:0;font-size:1.25rem;font-weight:700}.board-meta{color:var(--label-3);letter-spacing:.005em;margin:0;font-size:.75rem}.board-empty{color:var(--label-2);margin:0;padding:12px 12px 14px;font-size:.9375rem}.board-list{margin:0;padding:0;list-style:none}.board-row{border-radius:12px;align-items:center;gap:12px;min-height:44px;padding:0 12px;display:flex;position:relative}.board-row+.board-row:before{content:"";background:var(--separator);height:.5px;position:absolute;top:0;left:46px;right:12px}.board-row.is-me{background:color-mix(in srgb, var(--accent) 14%, transparent)}.board-row.is-me:before,.board-row.is-me+.board-row:before{display:none}.board-rank{width:22px;color:var(--label-3);text-align:center;flex:none;font-size:.9375rem;font-weight:700}.board-rank.rank-1{color:#f5b301}.board-rank.rank-2{color:#a1a1aa}.board-rank.rank-3{color:#c87533}.board-category{color:var(--accent);letter-spacing:-.005em;margin:1px 0 0;font-size:.8125rem;font-weight:600}.board-name{letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:1rem;font-weight:600;overflow:hidden}.board-hits{color:var(--label-2);flex:none;font-size:.8125rem}.board-score{text-align:right;letter-spacing:-.02em;flex:none;min-width:56px;font-size:1rem;font-weight:700}.board-row.is-skeleton span{background:var(--fill);border-radius:6px;height:12px}.board-row.is-skeleton span:first-child{width:22px}.board-row.is-skeleton span:nth-child(2){flex:1;max-width:140px}.board-row.is-skeleton span:nth-child(3){width:48px;margin-left:auto}.rank-line{color:var(--label-2);min-height:1.5em;margin:0;font-size:1rem}.rank-line b{color:var(--label);font-weight:700}.end>.section-label{margin:12px 0 -6px 4px}.badge-slot{z-index:3;pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:3%;left:0;right:0}.badge{letter-spacing:-.02em;color:#fff;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-radius:999px;margin:0;padding:6px 12px;font-size:1.0625rem;font-weight:700;box-shadow:0 4px 16px #0003}.badge.is-ok{background:#30d158d1}.badge.is-bad{background:#ff453ad1}.subtitle-link{text-decoration:none;display:inline-block}.subtitle-link:hover{color:var(--label)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.segmented{--pad:3px;grid-template-columns:repeat(var(--count,2), minmax(0, 1fr));background:var(--fill);border-radius:999px;max-width:340px;padding:3px;display:grid;position:relative}.segment-btn{letter-spacing:-.01em;height:36px;color:var(--label-2);border-radius:999px;padding:0 18px;font-size:.9375rem;font-weight:600;transition:color .2s;position:relative}.segment-btn.is-active{color:var(--label)}.segment-thumb{top:var(--pad);bottom:var(--pad);left:var(--pad);width:calc((100% - 2 * var(--pad)) / var(--count,2));background:var(--glass-strong);box-shadow:0 1px 2px #00000014, 0 3px 10px #0000001a, inset 0 .5px 0 var(--glass-edge);border-radius:999px;position:absolute}.segment-label{position:relative}.lede-slot{display:grid}.lede-slot>.lede{grid-area:1/1}.streak{letter-spacing:-.01em;color:var(--accent);align-items:center;gap:4px;font-size:.8125rem;font-weight:700;display:inline-flex}.streak svg{fill:currentColor;width:13px;height:13px}.streak.is-bonus{color:#f5b301}.score-big-unit{letter-spacing:-.02em;color:var(--label-2);margin-top:6px;font-size:1.25rem;font-weight:600;display:block}@media (width<=520px){.game{--gap:12px}.round .cover{--chrome:530px}.shell{padding-top:max(12px, env(safe-area-inset-top))}.topbar{top:max(8px, env(safe-area-inset-top))}.title{font-size:1.375rem}.subtitle{margin-top:2px;font-size:.9375rem}.options{gap:8px}.option{gap:12px;min-height:56px;padding:8px 14px 8px 10px}.option-title{font-size:1rem}.option-artist{font-size:.8125rem}.start{gap:16px;min-height:auto;padding:12px 0}.end{padding-top:24px}.actions .btn{flex:1}}.board-score small{color:var(--label-2);letter-spacing:0;font-size:.75rem;font-weight:600}.vinyl{border-radius:50%;position:absolute;inset:0}.vinyl-grooves{background:#0b0b0c;border-radius:50%;position:absolute;inset:0;box-shadow:0 2px 4px #00000059,0 30px 60px -20px #000000b3}.vinyl-disc{background:radial-gradient(circle at 71% 30%,#ffffff29 0 .6px,#0000 1.2px),radial-gradient(circle at 24% 66%,#ffffff1f 0 .5px,#0000 1px),radial-gradient(circle at 63% 81%,#ffffff1a 0 .5px,#0000 1px),radial-gradient(9% 1.4% at 33% 26%,#ffffff14,#0000 70%),conic-gradient(from 10deg,#ffffff0a 0deg,#0000 40deg,#ffffff12 95deg,#0000 150deg,#00000047 200deg,#0000 250deg,#ffffff0d 300deg,#ffffff0a 360deg),radial-gradient(circle closest-side,#0000 0 40%,#0f0f10 40% 45.5%,#ffffff0d 45.5% 45.9%,#0000 45.9% 61%,#0009 61% 61.7%,#0000 61.7% 74%,#0009 74% 74.7%,#0000 74.7% 86%,#0009 86% 86.6%,#0000 86.6% 96.5%,#131315 96.5% 98.8%,#2b2b2e 98.8% 99.5%,#161618 99.5% 100%,#0000 100%),repeating-radial-gradient(circle closest-side,#ffffff0a 0 .5px,#0000 .6px 1.4px),radial-gradient(circle closest-side,#141416 0%,#0c0c0d 80%,#0a0a0b 100%);border-radius:50%;position:absolute;inset:0}.vinyl-sheen{pointer-events:none;background:conic-gradient(from -20deg,#0000 0deg,#ffffff1a 32deg,#ffffff08 58deg,#0000 84deg 180deg,#ffffff13 212deg,#ffffff05 238deg,#0000 264deg);border-radius:50%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle closest-side,#0000 41%,#000 46%);mask-image:radial-gradient(circle closest-side,#0000 41%,#000 46%)}.vinyl-spinner{will-change:transform;border-radius:50%;position:absolute;inset:0}.vinyl-spinner svg{width:100%;height:100%;display:block}.vinyl-label-ring{fill:none;stroke:#ffffff14;stroke-width:.5px}.vinyl-label-ring.is-bonus{stroke:#f5b3018c}.vinyl-print{text-anchor:middle;fill:#ffffff52;font:600 4.6px var(--font);letter-spacing:.32em}.vinyl-print.is-bonus{fill:#f5b301d9}.vinyl-art{object-fit:cover;border-radius:50%;width:40%;height:40%;position:absolute;top:30%;left:30%;box-shadow:0 0 0 1px #0006}.vinyl-hole{z-index:1;aspect-ratio:1;background:radial-gradient(circle at 38% 32%,#f2f2f4 0%,#a9a9ae 35%,#5c5c61 75%,#2c2c2f 100%);border-radius:50%;width:2.8%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #0b0b0c,0 0 0 2px #ffffff14,0 1px 2px #0009}.vinyl-gloss{pointer-events:none;background:radial-gradient(circle at 30% 22%,#ffffff0d,#0000 45%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0d}.panel{gap:var(--gap);flex-direction:column;min-width:0;display:flex}.next-slot{min-height:48px}.next-btn{gap:4px;width:100%}.next-btn svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.start-main,.start-side,.end-main,.end-side{gap:inherit;flex-direction:column;min-width:0;display:flex}.start-controls{gap:inherit;flex-direction:column;display:flex}@media (width>=900px){.shell{max-width:1120px;padding-left:40px;padding-right:40px}.start{grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:center;column-gap:72px;min-height:calc(100dvh - 44px);display:grid}.start .display{font-size:clamp(4.5rem,7vw,6.5rem)}.start .lede{max-width:34ch;font-size:1.3125rem}.start-main{gap:20px}.start-controls{max-width:600px}.game{--gap:20px;max-width:1040px;margin:0 auto}.round{grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:center;column-gap:64px;min-height:calc(100dvh - 140px);display:grid}.round .cover{--cover:clamp(280px, calc(100dvh - 180px), 520px);margin:0 auto}.panel{justify-content:center}.caption{text-align:left}.title{letter-spacing:-.035em;font-size:2rem}.subtitle{font-size:1.0625rem}.badge{padding:8px 16px;font-size:1.25rem}.end{grid-template-columns:minmax(0,1fr) minmax(0,460px);align-items:start;column-gap:72px;padding-top:72px;display:grid}.end-main{gap:16px;position:sticky;top:72px}.end-side{gap:16px}.end .score-big{font-size:clamp(6rem,11vw,9rem)}.actions .btn{flex:none}}.globe{fill:none;stroke:currentColor;stroke-width:1.4px;flex:none;width:15px;height:15px}.menu{z-index:10;position:relative}.menu-panel.is-up{bottom:calc(100% + 8px)}.menu-panel.is-down{top:calc(100% + 8px)}.menu{display:inline-block}.menu.is-compact .menu-trigger{background:var(--fill);min-width:0;height:34px;box-shadow:none;border-radius:999px;gap:6px;padding:0 10px 0 12px;font-size:.8125rem}.menu.is-compact .menu-chevron{width:12px;height:12px}.menu.is-compact .globe{width:13px;height:13px}.menu-trigger{letter-spacing:-.015em;text-align:left;border-radius:14px;align-items:center;gap:10px;min-width:260px;height:44px;padding:0 14px 0 16px;font-size:1rem;font-weight:600;display:inline-flex}.menu-trigger-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.menu-chevron{fill:none;width:14px;height:14px;stroke:var(--label-2);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.menu-panel{overscroll-behavior:contain;background:var(--glass-strong);-webkit-backdrop-filter:blur(40px)saturate(180%);backdrop-filter:blur(40px)saturate(180%);width:min(520px,100vw - 32px);box-shadow:inset 0 .5px 0 var(--glass-edge), 0 0 0 .5px var(--separator), 0 24px 60px #00000059;border-radius:18px;padding:8px;position:absolute;left:0;overflow-y:auto}.menu-groups{box-shadow:0 -.5px 0 var(--separator);grid-template-columns:1fr 1fr;gap:4px 8px;margin-top:6px;padding-top:6px;display:grid}.menu-group{flex-direction:column;padding-bottom:6px;display:flex}.menu-item{text-align:left;letter-spacing:-.01em;width:100%;min-height:34px;color:var(--label);border-radius:9px;align-items:center;gap:8px;padding:0 10px;font-size:.9375rem;font-weight:500;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--fill);outline:none}.menu-item.is-heading{font-size:.9375rem;font-weight:700}.menu-item:not(.is-heading){color:var(--label-2);padding-left:22px}.menu-item:not(.is-heading):hover{color:var(--label)}.menu-item.is-active{color:var(--accent)}.menu-item-label{flex:1;min-width:0}.menu-item-hint{color:var(--label-3);font-size:.75rem;font-weight:500}.menu-check{fill:none;width:14px;height:14px;stroke:var(--accent);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:none}@media (prefers-reduced-transparency:reduce){.menu-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg)}}.board-controls{justify-content:space-between;align-items:center;gap:8px;padding:0 0 12px;display:flex}.board{z-index:3;position:relative}.segmented-sm{--pad:2px;max-width:none;padding:2px}.segmented-sm .segment-btn{height:30px;padding:0 12px;font-size:.8125rem}.board-reset{color:var(--accent);padding:6px 4px;font-size:.8125rem;font-weight:600}.board-reset:hover{text-decoration:underline}.board-category{padding:0 12px 8px}.start .search{background:var(--control);box-shadow:inset 0 .5px 0 var(--glass-edge), inset 0 0 0 .5px var(--board-edge), var(--glass-shadow-lg)}.start .menu-trigger{background:var(--control);box-shadow:inset 0 .5px 0 var(--glass-edge), inset 0 0 0 .5px var(--board-edge), var(--glass-shadow)}.start .segmented{background:var(--control-track);box-shadow:inset 0 0 0 .5px var(--board-edge)}.start .search:focus-within{box-shadow:inset 0 .5px 0 var(--glass-edge), 0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent), var(--glass-shadow-lg)}@media (width<=560px){.menu-groups{grid-template-columns:1fr}}@media (pointer:coarse){.icon-btn{width:44px;height:44px}.segment-btn,.segmented-sm .segment-btn,.menu-trigger,.menu.is-compact .menu-trigger{height:44px}.menu-item,.board-reset{min-height:44px}.subtitle-link{margin:-10px 0;padding:10px 0}}.setup{align-items:flex-end;gap:12px;display:flex}.setup-field{flex-direction:column;min-width:0;display:flex}.setup-field:first-child{flex:0 auto}.setup-field:last-child{flex:140px}.setup .section-label{margin-bottom:8px}.setup .segmented{max-width:none}.setup .menu{display:block}.setup .menu-trigger{border-radius:999px;width:100%;min-width:0;height:42px}@media (width>=900px){.setup-field:last-child{flex:1 1 0}}@media (pointer:coarse){.setup .menu-trigger{height:50px}}.board-empty-title{color:var(--label);letter-spacing:-.01em;margin:0;font-size:.9375rem;font-weight:600}.board-empty-text{color:var(--label-2);margin:1px 0 0;font-size:.8125rem}@media (width<=600px){.setup{flex-direction:column;align-items:stretch;gap:14px}.setup-field:first-child,.setup-field:last-child{flex:none}.setup .segmented{width:100%}}.sheet-root{z-index:100;position:fixed;inset:0}.sheet-scrim{background:#00000073;position:absolute;inset:0}.sheet{background:var(--sheet);-webkit-backdrop-filter:blur(40px)saturate(180%);backdrop-filter:blur(40px)saturate(180%);max-height:86dvh;box-shadow:inset 0 .5px 0 var(--glass-edge), 0 -10px 40px #00000059;touch-action:none;border-radius:32px 32px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.sheet-head{cursor:grab;touch-action:none;justify-content:center;align-items:center;min-height:56px;padding:10px 16px 6px;display:flex;position:relative}.sheet-grabber{background:var(--label-3);border-radius:3px;width:36px;height:5px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.sheet-title{letter-spacing:-.02em;margin:0;font-size:1.0625rem;font-weight:600}.sheet-done{min-height:44px;color:var(--accent);padding:0 12px;font-size:1.0625rem;font-weight:600;position:absolute;top:50%;right:8px;transform:translateY(-40%)}.sheet-body{overscroll-behavior:contain;touch-action:pan-y;padding:0 8px max(16px, env(safe-area-inset-bottom));overflow-y:auto}.sheet-body .menu-item{min-height:48px;font-size:1.0625rem}.sheet-body .menu-item.is-heading{font-size:1.0625rem}.sheet-body .menu-groups{grid-template-columns:1fr}@media (prefers-reduced-transparency:reduce){.sheet{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg)}}.segment-label{white-space:nowrap}.board-controls .segmented-sm{flex:auto}.board-controls .menu{flex:none}.board-list{min-height:440px}.board-row{height:44px}.board-message{place-items:center;display:grid}.board-row.is-vacant .board-rank,.board-row.is-vacant .board-name{color:var(--label-3);font-weight:500}.board-row.is-invite{gap:12px}.board-row.is-invite svg{background:color-mix(in srgb, var(--accent) 16%, transparent);fill:none;width:32px;height:32px;stroke:var(--accent);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;border-radius:9px;flex:none;padding:7px}.board-invite-text{flex-direction:column;min-width:0;display:flex}.board-invite-text .board-empty-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.segment.is-bonus{background:color-mix(in srgb, #f5b301 28%, var(--fill))}.segment.is-bonus.is-current,.segment.is-bonus.is-ok{background:#f5b301}.bonus-intro{text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:10px;width:min(100%,440px);margin:6vh auto 0;padding:32px 24px 20px;display:flex}.bonus-star{background:radial-gradient(circle at 35% 30%,#ffd666,#f5b301 60%,#c98a00);border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:4px;display:grid;box-shadow:0 10px 30px #f5b30159}.bonus-star svg{fill:#fff;width:30px;height:30px}.bonus-intro .eyebrow{color:#f5b301}.bonus-title{letter-spacing:-.04em;margin:0;font-size:2.25rem;font-weight:800;line-height:1.05}.bonus-rules{flex-wrap:wrap;justify-content:center;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.bonus-rules li{background:var(--fill);color:var(--label-2);border-radius:999px;padding:6px 12px;font-size:.875rem}.bonus-rules b{color:var(--label)}.bonus-note{color:var(--label-2);max-width:30ch;margin:4px 0 8px;font-size:.875rem}.bonus-start{width:100%}.bonus-skip{min-height:44px;color:var(--label-2);font-size:.9375rem;font-weight:600}.bonus-skip:hover{color:var(--label)}.track-bonus{color:#c98a00;letter-spacing:.02em;vertical-align:1px;background:#f5b30138;border-radius:6px;margin-right:6px;padding:1px 6px;font-size:.6875rem;font-weight:700;display:inline-block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .track-bonus{color:#ffc53d}}.backdrop-vinyl{--d:140vw;left:calc(var(--d) / -2);top:calc(var(--d) / -2);width:var(--d);aspect-ratio:1;--vinyl-opacity:.8;position:absolute}.backdrop-vinyl>*{opacity:var(--vinyl-opacity)}@media (width>=600px){.backdrop-vinyl{--d:72vmax}}.backdrop-vinyl-disc{filter:blur(4px);will-change:transform;background:repeating-radial-gradient(circle,#0000 0 3px,#ffffff14 4px,#0000 5px 7px),radial-gradient(circle,#0000 0 43%,#0a0a0b 43.4% 44.4%,#0000 44.8% 61%,#0a0a0b 61.4% 62.2%,#0000 62.6% 79%,#0a0a0b 79.4% 80.2%,#0000 80.6%),radial-gradient(circle,#29292c 0%,#1d1d20 70%,#2a2a2d 96%,#3a3a3d 100%);border-radius:50%;animation:32s linear infinite backdrop-spin;position:absolute;inset:0;box-shadow:0 0 120px #0009}.backdrop-vinyl-disc svg{width:100%;height:100%;display:block}.backdrop-vinyl-art{object-fit:cover;border-radius:50%;width:58%;height:58%;position:absolute;top:21%;left:21%}.backdrop-vinyl-hole{aspect-ratio:1;background:#0b0b0c;border-radius:50%;width:2.6%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.backdrop-vinyl-sheen{filter:blur(6px);background:conic-gradient(from 32deg,#0000 0deg,#ffffff1a 26deg,#0000 58deg 182deg,#ffffff12 206deg,#0000 238deg);border-radius:50%;position:absolute;inset:0}@keyframes backdrop-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.backdrop-vinyl-disc{animation:none}}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .backdrop-vinyl{--vinyl-opacity:.18}}.spinning{z-index:1;pointer-events:none;max-width:420px;position:fixed;bottom:28px;left:40px}.spinning-caption{flex-direction:column;margin:0;display:flex}.spinning-label{letter-spacing:.06em;text-transform:uppercase;color:var(--label-3);font-size:.6875rem;font-weight:600}.spinning-title{color:var(--label-2);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.8125rem;font-weight:500;overflow:hidden}@media (width<=899px){.spinning{display:none}}.volume{flex:none;position:relative}.speaker{fill:none;width:18px;height:18px;stroke:var(--label);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.speaker .speaker-body{fill:var(--label);stroke:var(--label)}.icon-btn.volume-btn svg.speaker{width:18px;height:18px;stroke:var(--label);stroke-width:1.6px}.volume-panel{z-index:20;transform-origin:100% 0;background:var(--glass-strong);-webkit-backdrop-filter:blur(40px)saturate(180%);backdrop-filter:blur(40px)saturate(180%);width:240px;box-shadow:inset 0 .5px 0 var(--glass-edge), 0 0 0 .5px var(--separator), 0 16px 40px #00000059;border-radius:999px;align-items:center;gap:10px;padding:8px 14px 8px 8px;display:flex;position:absolute;top:calc(100% + 10px);right:0}.volume-mute{border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.volume-mute:hover{background:var(--fill)}.volume-value{text-align:right;width:26px;color:var(--label-2);flex:none;font-size:.8125rem;font-weight:600}.volume-slider{--fill:80%;appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:28px;margin:0}.volume-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--label) var(--fill), var(--fill-track,#78788052) var(--fill));border-radius:3px;height:6px}.volume-slider::-moz-range-track{background:#78788052;border-radius:3px;height:6px}.volume-slider::-moz-range-progress{background:var(--label);border-radius:3px;height:6px}.volume-slider::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:20px;height:20px;margin-top:-7px;box-shadow:0 1px 4px #00000059,0 0 0 .5px #0000001a}.volume-slider::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px #00000059}.volume-slider:focus-visible{outline:none}.volume-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 45%, transparent)}@media (pointer:coarse){.volume-panel{width:min(280px,100vw - 32px);padding:10px 16px 10px 10px}.volume-mute{width:44px;height:44px}.volume-slider{height:44px}}@media (prefers-reduced-transparency:reduce){.volume-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg)}}.record-pill{color:#f5b301;letter-spacing:-.01em;background:#f5b3012e;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;margin:-4px 0 0;padding:6px 12px 6px 10px;font-size:.9375rem;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #f5b30173}.record-pill svg{fill:currentColor;width:16px;height:16px}.score-big.is-celebrating{animation:1.6s ease-out both record-glow}@keyframes record-glow{0%{text-shadow:0 0 #f5b30100}35%{text-shadow:0 0 48px #f5b3018c}to{text-shadow:0 0 24px #f5b3012e}}@media (prefers-reduced-motion:reduce){.score-big.is-celebrating{text-shadow:0 0 24px #f5b3012e;animation:none}}.btn-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px;margin-right:6px}.share-root{z-index:100;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.share-panel{background:var(--glass-strong);-webkit-backdrop-filter:blur(40px)saturate(180%);backdrop-filter:blur(40px)saturate(180%);width:min(560px,100%);max-height:calc(100dvh - 48px);box-shadow:inset 0 .5px 0 var(--glass-edge), 0 30px 80px #00000080;border-radius:24px;flex-direction:column;gap:14px;padding:8px 16px 16px;display:flex;position:relative}.share-head{justify-content:center;align-items:center;min-height:48px;display:flex;position:relative}.share-preview{justify-content:center;align-items:center;min-height:0;display:flex}.share-preview img,.share-preview .share-placeholder{aspect-ratio:4/5;border-radius:16px;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 238px);display:block;box-shadow:0 10px 30px #00000059}.share-preview .share-placeholder{background:#0a0a0b;place-items:center;width:100%;display:grid}.share-msg{text-align:center;color:var(--label-2);margin:0;padding:24px;font-size:.9375rem}.share-actions{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}.share-actions .btn{padding:0 12px;font-size:.9375rem}@media (width<=600px){.share-root{place-items:end stretch;padding:0}.share-panel{width:100%;max-height:92dvh;padding-bottom:max(16px, env(safe-area-inset-bottom));border-radius:22px 22px 0 0}.share-actions{grid-auto-flow:row}.share-preview img,.share-preview .share-placeholder{max-height:calc(92dvh - 290px)}}@media (prefers-reduced-transparency:reduce){.share-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg)}}.credit-link{width:fit-content;margin:8px 16px max(20px, env(safe-area-inset-bottom)) auto;color:var(--label-3);padding:10px 0;font-size:.8125rem;font-weight:500;text-decoration:none;display:block}.credit-link span{color:var(--label-2);font-weight:600}.credit-link:hover span{color:var(--label);text-underline-offset:3px;text-decoration:underline}@media (width>=900px){.credit-link{z-index:1;margin:0;position:fixed;bottom:22px;right:40px}}.board-open{display:none}@media (width<=600px){.shell{padding-bottom:0}.start{min-height:calc(100dvh - max(12px, env(safe-area-inset-top)) - 48px - max(20px, env(safe-area-inset-bottom)));padding:8px 0 0}.start-main{flex:1;position:relative}.start-controls{flex-direction:column;gap:16px;display:flex}.start .display{margin-top:auto}.board-open{letter-spacing:-.01em;background:var(--control);height:36px;box-shadow:inset 0 .5px 0 var(--glass-edge), inset 0 0 0 .5px var(--board-edge), var(--glass-shadow);border-radius:999px;align-items:center;gap:6px;padding:0 14px 0 12px;font-size:.875rem;font-weight:600;display:inline-flex;position:absolute;top:6px;right:0}.board-open svg{fill:none;stroke:#f5b301;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.sheet.is-board .board{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:0 4px 4px}.sheet.is-board .board-title{display:none}.sheet.is-board .board-head{justify-content:center;padding-bottom:10px}.game{min-height:calc(100dvh - max(12px, env(safe-area-inset-top)));padding-bottom:max(16px, env(safe-area-inset-bottom))}.round{flex:1}.round .cover{margin-top:auto;margin-bottom:auto}.round .panel{margin-top:0}.end{padding-bottom:8px}}@media (width<=600px) and (pointer:coarse){.board-open{height:44px}}@media (width<=600px) and (height>=740px){.start .display{font-size:clamp(3.25rem,17vw,4.5rem)}.start .lede{font-size:1.0625rem}}@media (width<=599px){.backdrop-vinyl{--d:112vw;left:calc(50% - var(--d) / 2);top:calc(var(--d) / -2)}}@media (width<=599px) and (height<=739px){.backdrop-vinyl{--d:90vw}}.daily-chip{letter-spacing:-.015em;background:var(--control);height:42px;box-shadow:inset 0 .5px 0 var(--glass-edge), inset 0 0 0 .5px var(--board-edge), var(--glass-shadow);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:0 16px;font-size:1rem;font-weight:600;display:flex;overflow:hidden}.daily-chip svg,.board-daily svg{fill:none;width:16px;height:16px;stroke:var(--label-2);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none}@media (pointer:coarse){.daily-chip{height:50px}}.board-daily{height:30px;color:var(--label-2);background:var(--fill);border-radius:999px;flex:none;align-items:center;padding:0 12px;font-size:.8125rem;font-weight:600;display:inline-flex}@media (pointer:coarse){.board-daily{height:44px}}.daily-next{min-height:50px;color:var(--label-2);background:var(--fill);border-radius:999px;justify-content:center;align-items:center;margin:0;padding:0 20px;font-size:1rem;font-weight:600;display:flex}