@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg:oklch(15.5% .006 65);--color-surface:oklch(17% .007 65);--color-surface-1:oklch(20.5% .008 65);--color-surface-2:oklch(22.5% .008 65);--color-surface-3:oklch(25% .009 65);--color-surface-4:oklch(27% .009 65);--color-surface-5:oklch(30% .01 65);--color-accent:#4a90e2;--color-accent-dim:#4a90e226;--color-accent-deep:#1b3a6b;--color-on-accent:oklch(96% .012 80);--color-on-air:oklch(82% .13 75);--color-on-air-dim:oklch(82% .13 75/.14);--color-correct:#22c55e;--color-correct-bg:#22c55e14;--color-correct-border:#22c55e4d;--color-correct-dim:#22c55e26;--color-wrong:oklch(72% .14 30);--color-wrong-bg:oklch(72% .14 30/.08);--color-wrong-border:oklch(72% .14 30/.3);--color-danger:#dc2626;--color-text-hi:oklch(96% .012 80);--color-text-mid:oklch(96% .012 80/.66);--color-text-lo:oklch(96% .012 80/.48);--color-text-faint:oklch(96% .012 80/.28);--color-text-ghost:oklch(96% .012 80/.2);--color-border:oklch(96% .012 80/.08);--color-border-hi:oklch(96% .012 80/.1);--color-border-faint:oklch(96% .012 80/.06);--color-border-ghost:oklch(96% .012 80/.04);--color-overlay:oklch(10% .005 65/.6);--color-scrim:oklch(10% .005 65/.4);--color-scrim-hi:oklch(10% .005 65/.45);--font-family:"DM Sans Variable", sans-serif;--font-size-xs:10px;--font-size-sm:11px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:24px;--font-size-3xl:32px;--font-size-4xl:48px;--font-size-display:64px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--letter-spacing-tight:-.3px;--letter-spacing-normal:0px;--letter-spacing-wide:.3px;--letter-spacing-wider:.5px;--letter-spacing-caps:1px;--line-height-tight:1.3;--line-height-base:1.5;--line-height-loose:1.6;--space-1:4px;--space-2:6px;--space-3:8px;--space-4:10px;--space-5:12px;--space-6:14px;--space-7:16px;--space-8:20px;--space-9:24px;--space-10:28px;--space-11:32px;--space-12:48px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-xl:14px;--radius-2xl:16px;--radius-3xl:18px;--radius-4xl:20px;--radius-full:9999px;--app-max-width:430px;--header-height:56px;--footer-height:64px;--mini-player-height:68px;--shadow-drag:0 20px 60px #000000bf;--duration-fast:.15s;--duration-base:.2s;--duration-slow:.3s;--duration-sheet:.35s;--ease-default:ease;--ease-spring:cubic-bezier(.4, 0, .2, 1);--ease-sheet:cubic-bezier(.32, .72, 0, 1);--blur-header:blur(12px);--blur-pill:blur(8px);--z-base:1;--z-drop-zone:3;--z-drop-active:4;--z-header:50;--z-drag-ghost:999;--z-overlay:100;--z-sheet:101;--z-tweaks:200;--z-feedback:1000;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:oklch(96.5% .008 80);--color-surface:oklch(98% .006 80);--color-surface-1:oklch(99.5% .003 80);--color-surface-2:oklch(95% .009 80);--color-surface-3:oklch(93% .01 80);--color-surface-4:oklch(91.5% .011 80);--color-surface-5:oklch(99.5% .004 80);--color-accent:#2563b0;--color-accent-dim:#2563b01f;--color-on-air:oklch(51.5% .15 55);--color-on-air-dim:oklch(51.5% .15 55/.11);--color-on-accent:oklch(99.5% .004 80);--color-correct:#13753a;--color-correct-bg:#13753a14;--color-correct-border:#13753a4d;--color-correct-dim:#13753a24;--color-wrong:oklch(53% .16 30);--color-wrong-bg:oklch(53% .16 30/.08);--color-wrong-border:oklch(53% .16 30/.3);--color-danger:#b91c1c;--color-text-hi:oklch(24% .015 65);--color-text-mid:oklch(24% .015 65/.72);--color-text-lo:oklch(24% .015 65/.64);--color-text-faint:oklch(24% .015 65/.4);--color-text-ghost:oklch(24% .015 65/.28);--color-border:oklch(24% .015 65/.12);--color-border-hi:oklch(24% .015 65/.16);--color-border-faint:oklch(24% .015 65/.08);--color-border-ghost:oklch(24% .015 65/.05);--color-overlay:oklch(20% .01 65/.35);--color-scrim:oklch(20% .01 65/.25);--color-scrim-hi:oklch(20% .01 65/.3);--shadow-drag:0 20px 60px #3c281440}@keyframes tt-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes tt-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes tt-slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes tt-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@keyframes tt-ripple{0%{opacity:.6;transform:scale(.8)}to{opacity:0;transform:scale(2.4)}}@keyframes tt-correctFlash{0%,to{background:var(--color-surface-2)}30%{background:var(--color-correct-bg)}}@keyframes tt-wrongFlash{0%,to{background:var(--color-surface-2)}30%{background:var(--color-wrong-bg)}}@keyframes tt-scoreUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-24px)}}@keyframes tt-spin{to{transform:rotate(360deg)}}@keyframes tt-drop{0%{opacity:0;transform:translateY(-26px)}55%{opacity:1;transform:translateY(3px)}75%{transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}*,:before,:after{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-text-hi);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);accent-color:var(--color-accent);margin:0}.shell{min-height:100dvh;max-width:var(--app-max-width);background:var(--color-surface);padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;margin:0 auto;display:flex}.shell-header{z-index:var(--z-header);box-sizing:content-box;height:var(--header-height);padding:env(safe-area-inset-top) var(--space-7) 0;background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;display:flex;position:sticky;top:0}.header-bar,.header-brand{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.header-back,.header-icon{border-radius:var(--radius-full);width:44px;height:44px;color:var(--color-text-mid);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;display:grid}.header-back{color:var(--color-accent);margin-left:-10px}.header-title{min-width:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.header-action{flex-shrink:0;margin-left:auto;display:flex}.header-icon{margin-right:-10px}.header-action .link-button{min-height:44px;margin:0 calc(-1 * var(--space-3)) 0 0;padding:0 var(--space-3)}.shell-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);margin:0}.brand-accent{color:var(--color-accent);font-weight:var(--font-weight-extrabold)}.shell-edition{color:var(--color-text-lo);font-weight:var(--font-weight-semibold)}.splash{align-items:center;gap:var(--space-5);padding-top:var(--space-12);flex-direction:column;display:flex}.shell-main{padding:var(--space-7);flex:1}.shell-bottom{z-index:var(--z-header);position:sticky;bottom:0}.shell:has(.tab-bar){padding-bottom:0}.mini-player{align-items:center;gap:var(--space-5);min-height:56px;padding:var(--space-3) var(--space-7);background:var(--color-surface-1);border-top:1px solid var(--color-border-hi);display:flex}.mini-player-cover{border-radius:var(--radius-xs);object-fit:cover;flex-shrink:0}.mini-player .on-air-lamp{margin:0 var(--space-1)}.mini-player-now{min-width:0;line-height:var(--line-height-tight);flex-direction:column;flex:1;margin:0;display:flex}.mini-player-label{color:var(--color-on-air);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase}.mini-player-position{font-variant-numeric:tabular-nums}.mini-player-song{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-player .button{flex-shrink:0;min-height:44px}.tab-bar{padding:0 var(--space-3) env(safe-area-inset-bottom);background:var(--color-surface);border-top:1px solid var(--color-border);grid-template-columns:repeat(4,1fr);display:grid}.tab{min-width:0;min-height:56px;padding:var(--space-1) 0;color:var(--color-text-lo);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--duration-fast) cubic-bezier(.25, 1, .5, 1);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.tab[aria-current=page]{color:var(--color-accent)}.tab-label{max-width:100%;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tab:active svg{transform:scale(.9)}.shell-footer{padding:var(--space-5) var(--space-7);border-top:1px solid var(--color-border-faint);color:var(--color-text-lo);font-size:var(--font-size-sm);line-height:var(--line-height-tight)}.card{padding:var(--space-8);border-radius:var(--radius-lg);background:var(--color-surface-1);border:1px solid var(--color-border);animation:tt-fadeIn var(--duration-slow) var(--ease-default)}.card h2{margin:0 0 var(--space-3);font-size:var(--font-size-xl)}.card p{margin:0 0 var(--space-5);color:var(--color-text-mid)}.card p:last-child{margin-bottom:0}.section-title{margin:0 0 var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;color:var(--color-text-lo)}.edition-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.edition{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-6) var(--space-7);border-radius:var(--radius-lg);background:var(--color-surface-1);border:1px solid var(--color-border);animation:tt-fadeIn var(--duration-slow) var(--ease-default);display:flex}.edition:disabled{cursor:default;opacity:.6}.edition>div{overflow-wrap:anywhere;min-width:0}.edition-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.edition-dates{color:var(--color-text-lo);font-size:var(--font-size-sm)}.edition-upcoming{cursor:default;display:block}.edition-head{justify-content:space-between;align-items:center;gap:var(--space-5);display:flex}.edition-note{margin:var(--space-3) 0 0;color:var(--color-text-mid);font-size:var(--font-size-base)}.edition-upcoming .link-button{margin:var(--space-1) 0 0;min-height:44px}.edition-on-air{margin-top:var(--space-1);color:var(--color-on-air);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.phase{padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background:var(--color-surface-3);color:var(--color-text-mid);flex-shrink:0}.phase-live{background:var(--color-on-air-dim);color:var(--color-on-air)}.muted{color:var(--color-text-lo)}.button{padding:var(--space-5) var(--space-8);border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-on-accent);font:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;border:0}.captcha{margin-top:var(--space-7);justify-content:center;display:flex}.captcha:empty{display:none}.button:disabled{opacity:.5;cursor:default}.button-wide{width:100%}.button-secondary{background:var(--color-surface-3);color:var(--color-text-hi)}.link-button{margin-bottom:var(--space-5);color:var(--color-accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.button-primary{min-height:52px;font-size:var(--font-size-md)}.button-small{min-height:40px;padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm)}.button-on-air{background:var(--color-on-air);color:var(--color-bg)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.notice{padding:var(--space-5) var(--space-7);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);margin:0}.notice-correct{background:var(--color-correct-bg);border:1px solid var(--color-correct-border);color:var(--color-correct)}.notice-wrong,.notice-error{background:var(--color-wrong-bg);border:1px solid var(--color-wrong-border);color:var(--color-wrong)}.start-from{align-items:center;gap:var(--space-3);margin-top:var(--space-7);color:var(--color-text-mid);display:flex}.start-from input{width:5.5em;padding:var(--space-3);border:1px solid var(--color-border-hi);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text-hi);font:inherit}.song-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.song{gap:var(--space-5);padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);background:var(--color-surface-2);display:flex}.song-year{min-width:2.6em;font-weight:var(--font-weight-bold);flex-shrink:0}.repeat-note{margin:0 0 var(--space-5);padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);background:var(--color-surface-3);color:var(--color-text-mid);font-size:var(--font-size-sm)}.badge{padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--color-surface-4);color:var(--color-text-lo);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);align-self:center;margin-left:auto}.button-row{gap:var(--space-3);display:flex}.on-air{padding:var(--space-5) 0 var(--space-9);border-bottom:1px solid var(--color-border)}.on-air-label{align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;color:var(--color-on-air);margin:0;display:flex}.on-air-edition{color:var(--color-text-lo);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-normal);text-transform:none}.on-air-lamp{border-radius:var(--radius-full);background:var(--color-on-air);width:8px;height:8px;box-shadow:0 0 0 4px var(--color-on-air-dim);flex-shrink:0;animation:2.4s ease-in-out infinite tt-pulse}.on-air-position{margin:var(--space-3) 0 var(--space-8);font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);font-variant-numeric:tabular-nums;letter-spacing:-1px;line-height:1}.on-air-soon{margin-bottom:var(--space-3);font-size:var(--font-size-3xl)}.on-air-note{margin:0 0 var(--space-8);color:var(--color-text-mid)}.on-air-now{justify-content:space-between;align-items:center;gap:var(--space-5);display:flex}.on-air-now>div{min-width:0}.on-air-position:has(+.on-air-song){margin-bottom:var(--space-2)}.on-air-song{margin:0 0 var(--space-8);flex-direction:column;display:flex}.on-air-artist{font-weight:var(--font-weight-semibold);color:var(--color-text-hi)}.on-air-title{color:var(--color-text-mid)}.on-air-cover{margin:var(--space-3) 0 var(--space-8);border-radius:var(--radius-md);object-fit:cover;background:var(--color-border);flex-shrink:0}.on-air-game{padding-top:var(--space-5);border-top:1px solid var(--color-border)}.on-air-game-title{font-weight:var(--font-weight-semibold);color:var(--color-text-hi);margin:0}.on-air-game-meta{margin:var(--space-1) 0 var(--space-3);color:var(--color-text-lo);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.on-air-game .on-air-note{margin-bottom:var(--space-5)}.on-air-position:has(+.on-air-note){margin-bottom:var(--space-3)}.home-intro{max-width:40ch;margin:var(--space-8) 0 var(--space-9);color:var(--color-text-mid)}.ongoing{margin:var(--space-9) 0 var(--space-11)}.ongoing .section-title{margin-bottom:var(--space-3)}.game-list{border-top:1px solid var(--color-border);margin:0;padding:0;list-style:none}.game-row{justify-content:space-between;align-items:center;gap:var(--space-5);width:100%;min-height:60px;padding:var(--space-4) var(--space-1);border:0;border-bottom:1px solid var(--color-border);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;display:flex}.game-row-main{flex-direction:column;min-width:0;display:flex}.game-row-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-row-meta{color:var(--color-text-lo);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.game-row-status{color:var(--color-text-mid);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;flex-shrink:0}.game-row-status.is-behind{padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:var(--color-on-air-dim);color:var(--color-on-air);font-size:var(--font-size-sm)}.new-game .edition-list{border-top:1px solid var(--color-border);gap:0}.new-game .edition{min-height:60px;padding:var(--space-4) var(--space-1);border:0;border-bottom:1px solid var(--color-border);background:0 0;border-radius:0}.new-game .edition-upcoming{padding-block:var(--space-5)}.edition-playing{margin-top:var(--space-1);color:var(--color-text-mid);font-size:var(--font-size-sm)}.new-group-game{margin-top:var(--space-6)}.new-group-game .muted{margin:0 0 var(--space-4)}.ongoing-more{min-height:44px;margin:var(--space-3) 0 0}.home-help{margin-top:var(--space-8);color:var(--color-text-mid);font-size:var(--font-size-sm)}.home-help summary{min-height:44px;color:var(--color-text-lo);cursor:pointer;align-items:center;display:flex}.home-help p{max-width:60ch;margin:0 0 var(--space-3)}.form{gap:var(--space-5);flex-direction:column;display:flex}.form h2,.form h3,.form p{margin:0}.field{gap:var(--space-2);color:var(--color-text-mid);font-size:var(--font-size-sm);flex-direction:column;display:flex}.field input{padding:var(--space-5);border:1px solid var(--color-border-hi);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text-hi);font:inherit;font-size:var(--font-size-md)}.invite-link{padding:var(--space-4);border-radius:var(--radius-sm);background:var(--color-surface-2);font-size:var(--font-size-sm);word-break:break-all}.danger-link{color:var(--color-wrong)}.play{gap:var(--space-5);min-height:calc(100dvh - var(--header-height) - env(safe-area-inset-top) - 1px - 2 * var(--space-7));flex-direction:column;display:flex}.play .link-button{min-height:44px;margin:0}.play-stop{color:var(--color-text-lo)}.play-status{top:calc(var(--header-height) + env(safe-area-inset-top) + 1px);z-index:calc(var(--z-header) - 1);gap:var(--space-3);margin:0 calc(-1 * var(--space-7));padding:var(--space-3) var(--space-7);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-direction:column;display:flex;position:sticky}.play-status-row{justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-5);min-height:28px;color:var(--color-text-mid);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.play-radio{align-items:center;gap:var(--space-3);min-width:0;color:var(--color-on-air);font-weight:var(--font-weight-semibold);display:inline-flex}.play-radio-song{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--color-text-mid);font-weight:var(--font-weight-regular);overflow:hidden}.play-radio-cover{border-radius:var(--radius-xs);object-fit:cover;background:var(--color-border)}.play-radio strong,.play-score strong{font-size:var(--font-size-md);font-variant-numeric:tabular-nums}.play-score strong{color:var(--color-text-hi)}.standing-chip{align-items:center;gap:var(--space-3);min-height:36px;padding:0 var(--space-5);border:1px solid var(--color-border-hi);border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-text-hi);font:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;display:inline-flex}.play-standings{max-height:40vh;padding-bottom:var(--space-2);overflow-y:auto}.chevron{width:6px;height:6px;margin:0 var(--space-1) 3px;opacity:.6;transition:transform var(--duration-base) cubic-bezier(.25, 1, .5, 1);border-bottom:1.5px solid;border-right:1.5px solid;flex-shrink:0;transform:rotate(45deg)}[aria-expanded=true]>.chevron,details[open]>summary>.chevron{margin-bottom:-3px;transform:rotate(-135deg)}.behind{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background:var(--color-on-air-dim);color:var(--color-text-hi);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.behind-confirm p{margin:0}.play-dock{z-index:calc(var(--z-header) - 1);gap:var(--space-5);margin:auto calc(-1 * var(--space-7)) 0;padding:var(--space-7) var(--space-7) calc(var(--space-7) + env(safe-area-inset-bottom));border-top:1px solid var(--color-border-hi);border-radius:var(--radius-4xl) var(--radius-4xl) 0 0;background:var(--color-surface-1);flex-direction:column;order:1;display:flex;position:sticky;bottom:0}.play-dock .repeat-note{text-align:center;margin:0}.dock-song{text-align:center;line-height:var(--line-height-tight);flex-direction:column;align-items:center;gap:2px;display:flex}.dock-position{color:var(--color-text-lo);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.dock-artist{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.dock-title{color:var(--color-text-mid);font-size:var(--font-size-md)}.year-dial{grid-template-columns:56px 1fr 56px;align-items:center;display:grid}.dial-button{border:1px solid var(--color-border-hi);border-radius:var(--radius-full);background:var(--color-surface-3);width:56px;height:56px;color:var(--color-text-hi);font:inherit;font-size:var(--font-size-2xl);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-fast) cubic-bezier(.25, 1, .5, 1), transform var(--duration-fast) cubic-bezier(.25, 1, .5, 1);line-height:1}.dial-button:active{background:var(--color-surface-4);transform:scale(.95)}.year-tape{height:calc(var(--font-size-4xl) * 1.1);touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:var(--radius-md);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000);mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000)}.year-tape:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.year-tape-year{color:var(--color-text-lo);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;letter-spacing:var(--letter-spacing-tight);opacity:.35;line-height:1.1;position:absolute;top:0;left:50%}.year-tape-year.is-current{color:var(--color-text-hi);opacity:1}.place-button{line-height:1.25}.place-year,.place-gap{display:block}.place-gap{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);opacity:.85}.dock-ended,.dock-wait{gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.dock-wait{padding:var(--space-3) 0}.dock-wait .muted{font-size:var(--font-size-sm)}.outcome{gap:var(--space-1);text-align:center;animation:tt-fadeIn var(--duration-slow) cubic-bezier(.25, 1, .5, 1);flex-direction:column;display:flex}.outcome p{margin:0}.outcome-verdict{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.outcome-correct .outcome-verdict{color:var(--color-correct)}.outcome-correct .outcome-verdict:before{content:"✓ "}.outcome-incorrect .outcome-verdict{color:var(--color-wrong)}.outcome-incorrect .outcome-verdict:before{content:"✗ "}.outcome-song{color:var(--color-text-mid)}.outcome .group-reveal,.outcome .song-difficulty{margin:var(--space-2) 0 0}.timeline-hint{margin:calc(-1 * var(--space-3)) 0 var(--space-3);color:var(--color-text-lo);font-size:var(--font-size-sm)}.year-strip{flex-direction:column;display:flex}.spot-line{width:100%;min-height:18px;color:var(--color-accent);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block;position:relative}.spot-line:before{content:"";border-top:1px solid var(--color-border-faint);position:absolute;top:50%;left:0;right:0}.is-placing .spot-line:before{border-top:1px dashed var(--color-border-hi)}.spot-line:disabled{cursor:default}.spot-line-chosen{min-height:36px}.is-placing .spot-line-chosen:before{border-top:2px solid var(--color-accent)}.spot-marker{margin-left:var(--space-7);padding:var(--space-1) var(--space-5);border:1px solid var(--color-accent);border-radius:var(--radius-full);background:var(--color-surface);line-height:var(--line-height-tight);display:inline-block;position:relative}.year-row{align-items:center;gap:var(--space-3);width:100%;min-height:40px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:3em 2em 1fr auto auto;display:grid}.year-row strong{font-variant-numeric:tabular-nums}.year-row .chevron{color:var(--color-text-lo)}.year-row.is-added strong{color:var(--color-correct)}.year-added{padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--color-correct-dim);color:var(--color-correct);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.year-count{color:var(--color-text-lo);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;text-align:right}.year-artists{color:var(--color-text-lo);font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.year-songs{margin:0 0 var(--space-3);padding-left:var(--space-8);color:var(--color-text-mid);font-size:var(--font-size-sm)}.spotify-link{color:var(--color-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}@media (hover:hover){.is-placing .spot-line:hover:before{border-top-color:var(--color-accent)}.year-row:hover,.standing-chip:hover{background-color:var(--color-surface-2)}}.misplaced summary{align-items:center;gap:var(--space-3);min-height:44px;color:var(--color-text-lo);font-size:var(--font-size-sm);cursor:pointer;list-style:none;display:flex}.misplaced summary::-webkit-details-marker{display:none}.misplaced-list{gap:var(--space-2);color:var(--color-text-mid);font-size:var(--font-size-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.misplaced-list li{gap:var(--space-5);display:flex}.misplaced-year{min-width:2.6em;color:var(--color-text-hi);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;flex-shrink:0}.invite-qr{align-items:center;gap:var(--space-3);margin:var(--space-7) 0 0;text-align:center;flex-direction:column;display:flex}.invite-qr>div{border-radius:var(--radius-md);width:200px;height:200px;overflow:hidden}.invite-qr svg{width:100%;height:100%;display:block}.member{animation:tt-fadeIn var(--duration-slow) var(--ease-default);align-items:center}.group-rename{align-self:flex-start;min-height:44px}.group-rename,.member-action,.member-action .link-button{margin:0}.member-action{font-size:var(--font-size-sm);margin-left:auto}.confirm{margin-top:var(--space-5)}.group-games{gap:var(--space-5);flex-direction:column;display:flex}.group-game-label{margin:calc(-1 * var(--space-5)) 0 0}.play-invite summary{min-height:44px;color:var(--color-accent);font-weight:var(--font-weight-semibold);cursor:pointer;align-items:center;display:flex}.field select,.inline-number{padding:var(--space-4);border:1px solid var(--color-border-hi);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text-hi);font:inherit}.inline-number{width:5.5em}fieldset.field{border:0;margin:0;padding:0}.theme-picker{gap:var(--space-5) var(--space-9);margin:var(--space-3) 0;flex-wrap:wrap;display:flex}.choice{align-items:center;gap:var(--space-3);color:var(--color-text-hi);font-size:var(--font-size-base);display:flex}.end-condition{gap:var(--space-3);display:flex}.end-condition select{flex:1}.standings-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.standing{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);grid-template-columns:2.4em 1fr auto auto;display:grid}.standing-me{background:var(--color-accent-dim)}.standing-place{font-weight:var(--font-weight-bold)}.standing-numbers{color:var(--color-text-mid);font-size:var(--font-size-sm)}.group-reveal{margin:var(--space-2) 0 var(--space-3) var(--space-4);color:var(--color-text-mid);font-size:var(--font-size-sm)}.reveal-correct{color:var(--color-correct)}.reveal-incorrect{color:var(--color-wrong)}.shell-footer a{color:var(--color-text-mid)}.privacy{gap:var(--space-7);line-height:var(--line-height-loose);flex-direction:column;display:flex}.privacy h3{margin:0 0 var(--space-3);font-size:var(--font-size-md)}.privacy p,.privacy ul{color:var(--color-text-mid);margin:0}.privacy ul{gap:var(--space-3);padding-left:var(--space-8);flex-direction:column;display:flex}.privacy strong{color:var(--color-text-hi)}.privacy a{color:var(--color-accent)}.danger-zone{gap:var(--space-5);border-color:var(--color-wrong-border);flex-direction:column;display:flex}.button-danger{background:var(--color-danger)}.stats-hero{text-align:center}.stats-hero-number{font-size:var(--font-size-display);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);line-height:1}.stats-hero-label{margin:var(--space-2) 0 var(--space-5);color:var(--color-text-mid);font-weight:var(--font-weight-semibold)}.stats-tiles{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(7.5em,1fr));display:grid}.stat-tile{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-1)}.stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.stat-label{color:var(--color-text-lo);font-size:var(--font-size-sm)}.decade-bars{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.decade-bar{align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);grid-template-columns:5.5em 1fr 6.5em;display:grid}.decade-name{color:var(--color-text-mid)}.decade-track{background:var(--color-surface-3);border-radius:4px;height:8px;overflow:hidden}.decade-fill{background:var(--color-accent);border-radius:4px;height:100%;display:block}.decade-value{color:var(--color-text-mid);text-align:right;font-variant-numeric:tabular-nums}.song-difficulty{margin:var(--space-1) 0 var(--space-3) var(--space-4);color:var(--color-text-lo);font-size:var(--font-size-sm)}.leaderboard-head{justify-content:space-between;align-items:baseline;display:flex}.leaderboard-head select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-hi);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text-hi);font:inherit;font-size:var(--font-size-sm)}.leaderboard-waiting{margin:var(--space-4) 0 0;font-size:var(--font-size-sm)}button.edition,.game-row,.header-back,.header-icon,.button,.link-button{-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-fast) cubic-bezier(.25, 1, .5, 1), transform var(--duration-fast) cubic-bezier(.25, 1, .5, 1), opacity var(--duration-fast) cubic-bezier(.25, 1, .5, 1), filter var(--duration-fast) cubic-bezier(.25, 1, .5, 1)}@media (hover:hover){button.edition:hover:not(:disabled),.game-row:hover,.header-back:hover,.header-icon:hover{background-color:var(--color-surface-2)}.button:hover:not(:disabled){filter:brightness(1.08)}.link-button:hover{text-decoration:underline}}button.edition:active:not(:disabled),.game-row:active,.header-back:active,.header-icon:active{background-color:var(--color-surface-3)}.button:active:not(:disabled){transform:scale(.98)}.link-button:active{opacity:.7}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.player-chips{gap:var(--space-2);margin:0 0 var(--space-4);flex-wrap:wrap;padding:0;list-style:none;display:flex}.player-chip{padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:var(--color-surface-2);font-size:var(--font-size-sm);align-items:center;display:inline-flex}.player-chip-note{color:var(--color-text-lo)}.player-chip-remove{margin:calc(-1 * var(--space-1)) calc(-1 * var(--space-3)) calc(-1 * var(--space-1)) var(--space-1);padding:var(--space-1) var(--space-3);color:var(--color-text-lo);font:inherit;font-size:var(--font-size-md);cursor:pointer;background:0 0;border:0;line-height:1}.player-chip-remove:hover{color:var(--color-danger)}.player-remove{margin:0 0 var(--space-4)}