@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/hitline/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/hitline/assets/archivo-latin-ext-wdth-normal-7khWdh9v.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/hitline/assets/archivo-latin-wdth-normal-DY7AcnAa.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{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef1f5;--surface:#fbfcfd;--ink:#1a1f36;--muted:#545b75;--rule:#c9d0db;--rule-soft:#dde2ea;--needle:#e8361e;--needle-ink:#c42813;--amber:#ffb52e;--amber-ink:#7d4a00;--radio:#1a1f36;--radio-raised:#252c4a;--radio-ink:#eef0f8;--radio-muted:#a3abc9;--radio-rule:#3a4266;--on-ink:#fbfcfd;--focus:#e8361e;--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23545b75' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");--era-70:#f0a93b;--era-80:#ee7a9b;--era-90:#a78bea;--era-00:#6fa3ee;--era-10:#3fb8a8;--era-20:#a9cf4e;--era-ink:#1a1f36;--font:"Archivo Variable", "Archivo", system-ui, sans-serif;--wide:118%;--narrow:68%;--radius-panel:20px;--radius-control:12px;--radius-card:10px;--paper:var(--bg);--line:var(--rule);--teal:var(--ink);font-family:var(--font);color:var(--ink);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased;font-size:16px;font-weight:420;line-height:1.5}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#10142a;--surface:#181e3b;--ink:#e6e9f5;--muted:#a0a8c6;--rule:#313a63;--rule-soft:#252d52;--needle:#ff5a3c;--needle-ink:#ff8a72;--amber:#ffc04d;--amber-ink:#ffc04d;--radio:#0a0d1e;--radio-raised:#161b36;--radio-ink:#eef0f8;--radio-muted:#a3abc9;--radio-rule:#2f375c;--on-ink:#10142a;--focus:#ffc04d;--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23a0a8c6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E")}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;margin:0}#root{flex-direction:column;min-height:100dvh;display:flex}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,h3,h4,p,ol{margin:0}h1,h2,h3{font-stretch:var(--wide);letter-spacing:-.02em;text-wrap:balance;font-weight:760;line-height:1.05}svg{flex-shrink:0}::selection{background:var(--amber);color:#1a1f36}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.home-main,.play-main{width:100%;max-width:var(--arena-max-width,1760px);padding:0 var(--arena-gutter,36px) 72px;flex:1;margin-inline:auto}.play-main{max-width:1360px}.button{border-radius:var(--radius-control);justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 24px;font-size:16px;font-weight:620;line-height:1.2;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.button.primary{background:var(--ink);color:var(--on-ink)}.button.primary:hover:not(:disabled){background:#343c63}html[data-theme=dark] .button.primary{background:var(--amber);color:#1a1f36}html[data-theme=dark] .button.primary:hover:not(:disabled){background:#ffd27d}.button.secondary{border:1.5px solid var(--ink);color:var(--ink)}.button.secondary:hover:not(:disabled){background:var(--rule-soft)}.button:disabled{background:var(--rule-soft);color:var(--muted);border-color:#0000}html[data-theme=dark] .button:disabled{background:var(--rule-soft);color:var(--muted)}.button.full-width{width:100%}.text-button{min-height:44px;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:5px;align-items:center;gap:8px;font-size:15px;font-weight:560;text-decoration-thickness:1.5px;display:inline-flex}.text-button:hover:not(:disabled){-webkit-text-decoration-color:var(--needle);text-decoration-color:var(--needle)}.icon-button{border-radius:var(--radius-control);width:44px;height:44px;color:inherit;place-items:center;display:grid}.icon-button:hover:not(:disabled){background:var(--rule-soft)}.pill{border:1.5px solid var(--rule);min-height:32px;color:var(--muted);border-radius:999px;align-items:center;padding:0 14px;font-size:14px;font-weight:560;display:inline-flex}.reconnect-banner,.error-banner{border-radius:var(--radius-control);align-items:center;gap:12px;margin:24px 0 0;padding:14px 18px;font-size:15px;display:flex}.reconnect-banner{background:var(--surface);border:1.5px solid var(--rule)}.reconnect-banner>span{flex:1}.reconnect-banner>button:hover{-webkit-text-decoration-color:var(--needle);text-decoration-color:var(--needle)}.reconnect-banner>button{text-underline-offset:4px;font-weight:600;text-decoration:underline}.error-banner,.form-error,.audio-error{border-left:4px solid var(--needle)}.error-banner{background:var(--surface)}.form-error{background:var(--bg);border-radius:0 8px 8px 0;margin-top:16px;padding:10px 14px;font-size:15px}.small-note{color:var(--muted);margin-top:12px;font-size:14px;display:block}.hero{grid-template-columns:minmax(0,1fr) minmax(280px,400px);align-items:end;gap:32px 56px;padding:clamp(40px,7vw,96px) 0 0;display:grid}.hero h1{letter-spacing:-.035em;text-wrap:initial;font-size:clamp(42px,7vw,112px);font-weight:820;line-height:.94}.hero-copy{flex-direction:column;gap:24px;padding-bottom:8px;display:flex}.hero-description{color:var(--muted);max-width:40ch;font-size:18px;line-height:1.55}.hero-buttons{flex-wrap:wrap;gap:12px;display:flex}.hero-facts{color:var(--muted);font-size:14px}.dial-scale{--pad:36px;position:relative}.dial-ticks{left:var(--pad);right:var(--pad);border-right:1.5px solid var(--tick);background-image:linear-gradient(to right, var(--tick) 1.5px, transparent 1.5px), linear-gradient(to right, var(--tick-soft) 1px, transparent 1px);background-size:calc(1000% / var(--years)) 100%, calc(100% / var(--years)) 45%;background-position:0 0,0 100%;background-repeat:repeat-x;height:22px;position:absolute;bottom:30px}.dial-decade,.dial-pin,.dial-needle,.dial-mark{left:calc(var(--pad) + var(--at) * (100% - 2 * var(--pad)));position:absolute}.dial-decade{font-stretch:var(--narrow);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--tick-label);font-size:15px;font-weight:640;bottom:0;transform:translate(-50%)}.hero-dial{border-radius:var(--radius-panel);background:var(--radio);color:var(--radio-ink);--tick:#ffb52ecc;--tick-soft:#ffb52e66;--tick-label:var(--amber);grid-column:1/-1;margin-top:clamp(24px,4vw,48px);overflow:hidden}.hero-dial .dial-scale{--pad:clamp(28px, 4vw, 56px);background:radial-gradient(60% 70% at 50% 100%,#ffb52e1f,#0000 70%);height:clamp(250px,24vw,300px)}.hero-dial .dial-ticks{height:28px;bottom:40px}.hero-dial .dial-decade{font-size:17px;bottom:12px}.dial-pin{border-left:2px solid var(--era);white-space:nowrap;flex-direction:column;padding:0 0 18px 12px;line-height:1.25;display:flex;bottom:76px}.dial-pin.low{padding-bottom:0}.dial-pin>b{font-stretch:var(--narrow);color:var(--era);margin-bottom:4px;font-size:30px;font-weight:760;line-height:1}.dial-pin>strong{font-size:15px;font-weight:620}.dial-pin>span{color:var(--radio-muted);font-size:14px}.dial-needle{background:var(--needle);border-radius:2px;width:3px;margin-left:-1.5px;top:22px;bottom:28px;box-shadow:0 0 18px #ff5a3c99}.dial-needle>b{background:var(--needle);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:20px;font-weight:800;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero-dial .dial-needle{animation:1.8s cubic-bezier(.2,.7,.2,1) .2s both tune}@keyframes tune{0%{left:var(--pad)}}.era-70{--era:var(--era-70)}.era-80{--era:var(--era-80)}.era-90{--era:var(--era-90)}.era-00{--era:var(--era-00)}.era-10{--era:var(--era-10)}.era-20{--era:var(--era-20)}.modes-section{padding-top:clamp(64px,8vw,112px)}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-bottom:24px;display:flex}.section-heading h2,.how-title h2{font-size:clamp(28px,3.2vw,40px)}.section-heading p{color:var(--muted);font-size:17px}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.mode-card{border:1.5px solid var(--rule);background:var(--surface);text-align:left;box-shadow:inset 0 -5px 0 var(--rule-soft);border-radius:14px;grid-template-rows:auto auto 1fr auto;gap:8px;padding:28px 24px 24px;transition:border-color .15s,transform .1s;display:grid;position:relative}.mode-card:before{content:"";background:var(--rule);border-radius:3px;width:28px;height:5px;position:absolute;top:12px;right:16px}.mode-card.selected:before{background:var(--amber);box-shadow:0 0 10px var(--amber)}.mode-card:hover{border-color:var(--muted)}.mode-card.selected{border-color:var(--ink)}.mode-card:active{box-shadow:inset 0 -2px 0 var(--rule-soft);transform:translateY(2px)}.mode-icon{background:var(--bg);border-radius:50%;place-items:center;width:44px;height:44px;margin-bottom:8px;display:grid}.mode-card>strong{font-size:22px;font-stretch:var(--wide);letter-spacing:-.015em;font-weight:740;line-height:1.15}.mode-text{color:var(--muted);max-width:34ch;font-size:16px}.mode-bottom{margin-top:12px;font-size:14px;font-weight:560}.how-section{border-top:1.5px solid var(--rule);grid-template-columns:minmax(240px,1fr) 2fr;gap:32px 56px;margin-top:clamp(64px,8vw,112px);padding-top:40px;display:grid}.how-title{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.how-steps{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:0;list-style:none;display:grid}.how-step{counter-increment:step;grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;display:grid}.how-step:before{content:counter(step);font-stretch:var(--narrow);color:var(--needle-ink);grid-row:span 1;font-size:56px;font-weight:760;line-height:.9}.how-step>svg{color:var(--muted);justify-self:end}.how-step>h3,.how-step>p{grid-column:1/-1}.how-step>h3{margin-top:8px;font-size:19px}.how-step>p{color:var(--muted);max-width:32ch}.home-note{color:var(--muted);align-items:center;gap:12px;margin-top:64px;font-size:15px;display:flex}.home-note strong{color:var(--ink);font-weight:620}.play-topline{justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.game-heading{z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;padding:16px 0 28px;display:flex;position:relative}.heading-meta{align-items:baseline;gap:16px;margin-bottom:8px;display:flex}.turn-label{color:var(--needle-ink);font-size:16px;font-weight:600}.game-heading h1{font-size:clamp(30px,4vw,52px)}.game-counters{align-items:center;gap:16px;margin-left:auto;display:flex}.round-tag{font-stretch:var(--narrow);font-variant-numeric:tabular-nums;font-size:18px;font-weight:640}.scoreboard{scrollbar-width:thin;gap:8px;margin-bottom:20px;display:flex;overflow-x:auto}.score-player{border:1.5px solid var(--rule);background:var(--surface);border-radius:999px;flex:none;align-items:center;gap:10px;padding:8px 14px 8px 8px;display:flex}.score-player.active{border-color:var(--needle)}.score-player>span:nth-child(2){flex-direction:column;line-height:1.25;display:flex}.score-player strong{font-size:15px;font-weight:640}.score-player small{color:var(--muted);font-size:13px}.score-player>svg{color:var(--needle)}.avatar{background:var(--era);width:36px;height:36px;color:var(--era-ink);border-radius:50%;flex-shrink:0;place-items:center;font-size:15px;font-weight:700;display:grid;overflow:hidden}.avatar.coral{--era:var(--era-80)}.avatar.purple{--era:var(--era-90)}.avatar.yellow{--era:var(--era-70)}.avatar.teal{--era:var(--era-10)}.avatar.blue{--era:var(--era-00)}.game-layout{grid-template-columns:minmax(300px,380px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.game-tip{color:var(--muted);align-items:center;gap:10px;margin-top:24px;font-size:15px;display:flex}.listening-panel,.handoff-panel{border-radius:var(--radius-panel);background:var(--radio);color:var(--radio-ink)}.game-side{flex-direction:column;gap:16px;display:flex}.listening-panel{padding:32px 28px 28px}.game-info{padding:0 4px}.info-chips{flex-wrap:wrap;gap:6px;display:flex}.info-chips>span{background:var(--surface);box-shadow:0 0 0 1px var(--rule) inset;color:var(--muted);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:620}.info-chips>span:first-child{background:var(--ink);box-shadow:none;color:var(--on-ink)}html[data-theme=dark] .info-chips>span:first-child{background:var(--amber);color:#1a1f36}.rules-menu{position:relative}.rules-trigger{border:1.5px solid var(--rule);width:40px;height:40px;color:var(--ink);border-radius:50%;place-items:center;transition:background-color .15s,border-color .15s;display:grid}.rules-trigger:hover,.rules-trigger[aria-expanded=true]{background:var(--surface);border-color:var(--ink)}.rules-sheet{z-index:40;border:1.5px solid var(--rule);background:var(--surface);text-align:left;border-radius:16px;width:min(340px,100vw - 32px);padding:20px 22px 14px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 48px #0a0d1e40}.rules-sheet h2{margin-bottom:6px;font-size:17px}.rules-sheet dl{margin:0}.rules-sheet dl>div{border-bottom:1px solid var(--rule-soft);justify-content:space-between;align-items:center;gap:12px;padding:9px 0;font-size:14px;display:flex}.rules-sheet dl>div:last-child{border-bottom:0}.rules-sheet dt{color:var(--muted);align-items:center;gap:10px;display:flex}.rules-sheet dt>svg{color:var(--ink)}.rules-sheet dd{text-align:right;margin:0;font-weight:650}.info-cost{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.info-cost>svg{color:var(--amber-ink);fill:color-mix(in srgb, var(--amber) 55%, transparent)}html[data-theme=dark] .info-cost>svg{color:var(--amber);fill:color-mix(in srgb, var(--amber) 35%, transparent)}.info-cost.lose{color:var(--needle-ink)}.audio-player,.reveal-player{text-align:center;flex-direction:column;align-items:center;display:flex}.player-record{margin-bottom:24px}.vinyl-disc{width:168px;height:168px;box-shadow:0 0 0 1px var(--radio-rule), 0 18px 40px #00000059;background:radial-gradient(circle,#0000 30%,#ffffff0d 31%,#0000 33%),repeating-radial-gradient(circle,#05070f 0 3px,#11152a 3px 5px);border-radius:50%;place-items:center;display:grid}.audio-player.playing .vinyl-disc{animation:2.4s linear infinite spin}.vinyl-label{background:var(--needle);color:#fff;border-radius:50%;place-items:center;width:64px;height:64px;font-size:28px;font-weight:800;display:grid}.audio-caption h3{font-size:24px}.audio-caption p{color:var(--radio-muted);margin-top:8px;font-size:15px}.audio-wave{justify-content:center;align-items:center;gap:3px;height:52px;margin:24px 0 20px;display:flex}.audio-wave>i{background:var(--radio-rule);border-radius:2px;width:3px;transition:background-color .2s}.audio-wave>i.heard{background:var(--amber)}.audio-controls{grid-template-columns:44px auto 44px;align-items:center;gap:12px;display:grid}.audio-controls .replay:hover:not(:disabled){background:var(--radio-raised)}.listen-button{white-space:nowrap;background:var(--amber);color:#1a1f36;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-width:190px;min-height:56px;padding:0 24px;font-size:16px;font-weight:680;display:inline-flex}.listen-button:hover:not(:disabled){background:#ffd27d}.listen-button:disabled{opacity:.7}.audio-time{font-stretch:var(--narrow);font-variant-numeric:tabular-nums;color:var(--radio-muted);grid-column:1/-1;font-size:15px}.audio-error{background:var(--radio-raised);text-align:left;border-radius:0 8px 8px 0;margin-top:16px;padding:10px 14px;font-size:14px}.key-hint{color:var(--radio-muted);grid-column:1/-1;font-size:13px}.key-hint kbd{border:1.5px solid var(--radio-rule);min-width:28px;font:inherit;color:var(--radio-ink);border-bottom-width:3px;border-radius:6px;margin-right:4px;padding:1px 8px;font-weight:650;display:inline-block}@media (hover:none){.key-hint{display:none}}.provider-note{color:var(--radio-muted);align-items:center;gap:6px;margin-top:20px;font-size:13px;display:inline-flex}.source-link{text-underline-offset:4px;align-items:center;gap:6px;min-height:44px;margin-top:8px;font-size:14px;text-decoration:underline;display:inline-flex}.source-link:hover{color:var(--amber)}.placement-panel,.lobby-panel{border:1.5px solid var(--rule);border-radius:var(--radius-panel);background:var(--surface);min-width:0;padding:28px}.panel-heading{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.panel-heading h2{font-size:26px}.card-count,.panel-heading>span{font-stretch:var(--narrow);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.timeline-dial{--tick:var(--muted);--tick-soft:var(--rule);--tick-label:var(--muted);margin:20px 0 8px}.timeline-dial .dial-scale{--pad:18px;height:64px}.timeline-dial .dial-ticks{height:18px;bottom:24px}.timeline-dial .dial-decade{font-size:13px}.dial-mark{background:var(--era);width:8px;height:30px;box-shadow:0 0 0 2px var(--surface);border-radius:3px;margin-left:-4px;bottom:24px}.dial-needle.small{top:0;bottom:20px}.timeline-instruction{color:var(--muted);font-size:16px}.timeline-scroll{scrollbar-width:thin;margin:16px -28px 0;padding:4px 28px 20px;scroll-padding-inline:28px;overflow-x:auto}.timeline-track{align-items:stretch;gap:8px;width:max-content;display:flex}.timeline-pair{align-items:stretch;gap:8px;display:flex}.song-card{background:var(--surface);width:150px;box-shadow:0 0 0 1px var(--rule-soft), 0 8px 18px #0a0d1e1f;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}html[data-theme=dark] .song-card{box-shadow:0 0 0 1px var(--rule), 0 10px 22px #00000059}.card-cover{aspect-ratio:4/3;object-fit:cover;background:var(--rule-soft);-webkit-user-select:none;user-select:none;width:100%;display:block}.song-card .song-meta h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.song-card .song-meta p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-year{background:var(--era);color:var(--era-ink);font-stretch:var(--narrow);letter-spacing:-.01em;padding:10px 12px 6px;font-size:44px;font-weight:780;line-height:1;display:block}.song-meta{padding:10px 12px 12px;line-height:1.3}.song-meta h4{overflow-wrap:anywhere;font-size:15px;font-weight:650}.song-meta p{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:14px}.timeline-slot{border:1.5px dashed var(--rule);border-radius:var(--radius-card);width:44px;min-height:150px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:border-color .15s,background-color .15s,width .15s;display:flex}.timeline-slot:hover:not(:disabled){border-color:var(--needle);background:color-mix(in srgb, var(--needle) 8%, transparent);color:var(--needle-ink);border-style:solid}.timeline-slot:disabled{opacity:.5}.timeline-slot.chosen,.timeline-slot.chosen:hover:not(:disabled){background:var(--needle);color:#fff;border:0;width:52px;box-shadow:0 0 18px #e8361e59}.timeline-slot>span{writing-mode:vertical-rl;font-size:14px;font-weight:650;transform:rotate(180deg)}.guess-heading{border-top:1.5px solid var(--rule-soft);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;margin:8px 0 12px;padding-top:20px;display:flex}.guess-heading>span:first-child{font-size:17px;font-weight:650}.guess-heading>span:last-child{color:var(--muted);font-size:14px}.guess-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.guess-field{min-width:0;position:relative}.guess-input-shell,.form-label input,.party-names input,.settings-fields select{border:1.5px solid var(--rule);border-radius:var(--radius-control);background-color:var(--bg);min-height:52px;color:var(--ink);padding:0 16px;font-size:16px;font-weight:450;transition:border-color .15s,background-color .15s}.form-label input:hover:not(:disabled,[readonly]),.party-names input:hover,.settings-fields select:hover:not(:disabled){border-color:var(--muted)}.guess-input-shell:hover:not(:has(input:disabled)){border-color:var(--muted)}.settings-fields select:disabled{opacity:.6;cursor:not-allowed}.guess-input-shell:has(input:disabled){opacity:.6;cursor:not-allowed}.guess-input-shell{color:var(--muted);align-items:center;gap:12px;display:flex}.guess-input-shell input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:12px 0;font-size:16px}.guess-input-shell input::placeholder,.form-label input::placeholder{color:var(--muted)}.guess-input-shell:focus-within,.form-label input:focus,.party-names input:focus,.settings-fields select:focus-visible{border-color:var(--ink);outline:3px solid var(--focus);outline-offset:1px}.guess-suggestions{z-index:20;border:1.5px solid var(--rule);border-radius:var(--radius-control);background:var(--surface);position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 16px 40px #0a0d1e33}.guess-suggestions ul{max-height:270px;margin:0;padding:6px;list-style:none;overflow-y:auto}.guess-suggestions ul:empty{display:none}.guess-suggestions button{text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px;font-size:15px;line-height:1.4;display:flex}.guess-suggestions button span{overflow-wrap:anywhere}.guess-suggestions button svg{opacity:0}.guess-suggestions button[aria-selected=true]{background:var(--bg)}.guess-suggestions button[aria-selected=true] svg{opacity:1;color:var(--needle-ink)}.guess-suggestions p{color:var(--muted);padding:12px;font-size:14px}.guess-help{color:var(--muted);margin:10px 0 20px;font-size:14px}.skip-button{margin-top:8px}.placement-note{color:var(--muted);margin-top:14px;font-size:14px}.reveal-actions{border-top:1.5px solid var(--rule-soft);flex-direction:column;gap:16px;padding-top:20px;display:flex}.handoff-panel{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:clamp(40px,6vw,72px) 24px;display:flex}.handoff-panel .section-icon{color:var(--amber)}.handoff-panel h2{font-size:clamp(30px,4vw,48px)}.handoff-panel p{color:var(--radio-muted);max-width:44ch}.handoff-panel .button.primary{background:var(--amber);color:#1a1f36;margin-top:8px}.lobby{grid-template-columns:minmax(0,1fr) minmax(320px,480px);align-items:start;gap:32px 56px;padding-top:24px;display:grid}.lobby-intro h1{font-size:clamp(36px,5vw,72px)}.lobby-intro>p{color:var(--muted);max-width:44ch;margin-top:16px;font-size:18px}.lobby-intro>.small-note{font-size:14px}.room-code{border-radius:var(--radius-panel);background:var(--radio);color:var(--radio-ink);justify-items:start;gap:8px;margin-top:32px;padding:24px 28px 28px;display:grid}.room-code>span{color:var(--radio-muted);font-size:15px}.room-code>strong{font-stretch:var(--narrow);letter-spacing:.04em;color:var(--amber);text-shadow:0 0 32px #ffb52e4d;font-size:clamp(72px,9vw,120px);font-weight:780;line-height:.95}.room-code .button.secondary{border-color:var(--radio-muted);color:var(--radio-ink);margin-top:8px}.room-code .button.secondary:hover{background:var(--radio-raised)}.members{flex-direction:column;margin:16px 0 24px;display:flex}.member{border-bottom:1.5px solid var(--rule-soft);align-items:center;gap:12px;padding:12px 0;display:flex}.member strong{flex:1;font-weight:620}.member small{color:var(--muted);font-size:14px;font-weight:450}.member-tag{color:var(--muted);font-size:14px}.empty-member{color:var(--muted);align-items:center;gap:12px;padding:14px 0;display:flex}.settings-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;margin:28px 0 32px;display:grid}.settings-fields label,.form-label{flex-direction:column;gap:10px;font-size:15px;font-weight:600;display:flex}.settings-fields select{appearance:none;background-image:var(--chevron);text-overflow:ellipsis;cursor:pointer;background-position:right 16px center;background-repeat:no-repeat;width:100%;padding-right:44px}.settings-fields select option{background:var(--surface);color:var(--ink)}.results{flex-direction:column;align-items:flex-start;padding-top:32px;display:flex}.results h1{max-width:18ch;font-size:clamp(36px,5.6vw,80px)}.results>p{color:var(--muted);max-width:48ch;margin-top:16px;font-size:18px}.result-stats{border-radius:var(--radius-panel);background:var(--radio);width:100%;color:var(--radio-ink);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:40px;display:grid}.result-stats>div{flex-direction:column;gap:4px;padding:28px;display:flex}.result-stats>div+div{border-left:1.5px solid var(--radio-rule)}.result-stats strong{font-stretch:var(--narrow);color:var(--amber);font-size:clamp(56px,7vw,96px);font-weight:780;line-height:1}.result-stats small{color:var(--radio-muted);font-size:.45em}.result-stats span{color:var(--radio-muted);font-size:15px}.results-ranking{width:100%;margin-top:32px}.results-ranking>div{border-bottom:1.5px solid var(--rule-soft);grid-template-columns:40px 1fr auto auto;align-items:baseline;gap:16px;padding:14px 0;display:grid}.results-ranking>div>span:first-child{font-stretch:var(--narrow);color:var(--needle-ink);font-size:26px;font-weight:760}.results-ranking strong{font-size:18px;font-weight:650}.results-ranking>div>span:nth-child(3){color:var(--muted)}.results-ranking b{font-stretch:var(--narrow);font-size:20px;font-weight:720}.result-timeline{scrollbar-width:thin;width:100%;margin-top:32px;padding-bottom:12px;overflow-x:auto}.results-buttons{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.modal-backdrop{z-index:100;background:#0a0d1ecc;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{border-radius:var(--radius-panel);background:var(--surface);width:min(100%,560px);max-height:calc(100dvh - 32px);color:var(--ink);padding:36px 32px 32px;position:relative;overflow-y:auto;box-shadow:0 30px 80px #0a0d1e66}.modal h2{padding-right:40px;font-size:30px}.modal-close{position:absolute;top:18px;right:18px}.modal-description{color:var(--muted);margin:14px 0 8px;font-size:17px}.party-names{flex-direction:column;gap:12px;margin-top:28px;display:flex}.party-names label{align-items:center;gap:12px;display:flex}.party-names input{flex:1;min-width:0}.add-player{margin-top:12px}.online-tabs{border-radius:var(--radius-control);background:var(--bg);grid-template-columns:1fr 1fr;gap:4px;margin:28px 0;padding:4px;display:grid}.online-tabs>button{min-height:44px;color:var(--muted);border-radius:9px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:600;display:inline-flex}.online-tabs>button:hover:not(.active){color:var(--ink);background:var(--rule-soft)}.online-tabs>button.active{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1.5px var(--rule)}.form-label{margin-bottom:24px}.form-label input{width:100%}.form-label input[readonly]{color:var(--muted);cursor:default;border-style:dashed}.code-input{font-stretch:var(--narrow);letter-spacing:.15em;text-transform:uppercase;font-size:28px!important;font-weight:720!important}.form-label .small-note{margin:0;font-weight:450}.rules-list{flex-direction:column;gap:20px;margin:24px 0 28px;display:flex}.rules-list>div{grid-template-columns:44px 1fr;gap:12px;display:grid}.rules-list>div>span{font-stretch:var(--narrow);color:var(--needle-ink);font-size:30px;font-weight:760;line-height:1}.rules-list h3{font-size:18px}.rules-list p{color:var(--muted);margin-top:6px;font-size:15px}.source-content{flex-direction:column;gap:14px;margin-top:16px;display:flex}.source-content p{color:var(--muted);font-size:15px}.source-content .button{margin-top:8px}.dialog-buttons{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.footer{width:100%;max-width:var(--arena-max-width,1760px);padding:28px var(--arena-gutter,36px) 32px;border-top:1.5px solid var(--rule);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin:0 auto;font-size:14px;display:flex}.footer>div:first-child{align-items:center;gap:16px;display:flex}.footer a{color:var(--ink);align-items:center;gap:4px;font-weight:600;display:inline-flex}.brand{font-stretch:var(--wide);letter-spacing:-.02em;color:var(--ink);align-items:center;gap:8px;font-size:20px;font-weight:800;display:inline-flex}.brand-mark{align-items:flex-end;gap:3px;height:18px;display:flex}.brand-mark>i{background:var(--muted);border-radius:1px;width:3px}.brand-mark>i:first-child{height:8px}.brand-mark>i:nth-child(2){height:12px}.brand-mark>i:nth-child(3){background:var(--needle);height:18px}.brand-mark>i:nth-child(4){height:8px}.brand-dot{color:var(--needle)}@media (width<=1240px){.hero{grid-template-columns:1fr}.hero h1{font-size:clamp(38px,10.2vw,112px)}.hero-copy{max-width:560px}}@media (width<=1100px){.how-section,.game-layout{grid-template-columns:1fr}.game-side{display:contents}.lobby{grid-template-columns:1fr}}@media (width<=800px){.mode-grid,.how-steps{grid-template-columns:1fr}.mode-text{max-width:none}.hero-dial .dial-pin>strong,.hero-dial .dial-pin>span{display:none}}@media (width<=600px){.home-main,.play-main{padding-bottom:48px}html:lang(nb) .hero h1{font-size:9.4vw}.hero-description{font-size:17px}.hero-buttons .button{flex:auto}.hero-dial .dial-scale{--pad:22px;height:200px}.hero-dial .dial-decade{font-size:14px}.hero-dial .dial-decade:nth-of-type(2n){display:none}.dial-pin{padding-left:8px;bottom:72px}.dial-pin:not(.low){padding-bottom:40px}.dial-pin>b{font-size:24px}.dial-needle>b{width:34px;height:34px;font-size:17px}.play-topline .pill{display:none}.listening-panel,.placement-panel,.lobby-panel{padding:24px 18px}.timeline-scroll{margin-inline:-18px;padding-inline:18px}.timeline-dial .dial-scale{--pad:10px}.song-card{width:132px}.card-year{font-size:38px}.guess-fields,.settings-fields,.result-stats{grid-template-columns:1fr}.result-stats>div+div{border-left:0;border-top:1.5px solid var(--radio-rule)}.result-stats>div{flex-direction:row;justify-content:space-between;align-items:baseline;padding:18px 22px}.result-stats strong{font-size:52px}.results-ranking>div{grid-template-columns:32px 1fr auto}.results-ranking>div>span:nth-child(3){display:none}.modal{padding:28px 20px 24px}.modal h2{font-size:26px}.dialog-buttons .button{flex:auto}.footer{flex-direction:column;align-items:flex-start;padding-bottom:88px}}.tokens{align-items:center;gap:3px;display:inline-flex}.tokens>svg{color:var(--rule);opacity:.7}.tokens>svg.on{color:var(--amber-ink);fill:color-mix(in srgb, var(--amber) 55%, transparent);opacity:1}html[data-theme=dark] .tokens>svg.on{color:var(--amber);fill:color-mix(in srgb, var(--amber) 35%, transparent)}.tokens.labelled{gap:4px}.tokens>small{color:var(--ink);white-space:nowrap;margin-left:6px;font-size:15px;font-weight:650}.outcome-list>li.token-change>svg{color:var(--amber-ink)}html[data-theme=dark] .outcome-list>li.token-change>svg{color:var(--amber)}.score-player>span:nth-child(2){gap:2px}.score-player .tokens{margin-left:6px}.buy-button{border:1.5px solid var(--amber-ink);min-height:36px;color:var(--amber-ink);white-space:nowrap;border-radius:999px;padding:0 12px;font-size:13px;font-weight:650}.buy-button:hover:not(:disabled){background:var(--amber);border-color:var(--amber);color:#1a1f36}.token-actions{flex-wrap:wrap;gap:4px 24px;margin-top:12px;display:flex}.token-actions .text-button:disabled{opacity:.5;text-decoration-color:#0000}.guess-fields.with-year{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 120px}.year-input input{font-stretch:var(--narrow);font-variant-numeric:tabular-nums;font-size:18px;font-weight:650}.timeline-gap{flex-shrink:0;width:12px}.timeline-marker{border-radius:var(--radius-card);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:10px;width:52px;min-height:150px;display:flex}.timeline-marker>span{writing-mode:vertical-rl;white-space:nowrap;text-overflow:ellipsis;max-height:120px;font-size:13px;font-weight:650;overflow:hidden;transform:rotate(180deg)}.timeline-marker.claim{background:color-mix(in srgb, var(--amber) 22%, transparent);box-shadow:0 0 0 1.5px var(--amber) inset;color:var(--ink)}.timeline-marker.claim>b{background:var(--amber);color:#1a1f36;border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;display:grid}.challenge-panel{border-top:1.5px solid var(--rule-soft);flex-direction:column;gap:16px;padding-top:20px;display:flex}.challenge-buttons{flex-wrap:wrap;gap:12px;display:flex}.challenge-buttons .button{flex:200px}.button.hitster-button{background:var(--needle);color:#fff;font-stretch:var(--wide);letter-spacing:.01em;font-weight:760}.button.hitster-button:hover:not(:disabled){background:var(--needle-ink)}.challenger-list{flex-wrap:wrap;gap:10px;display:flex}.challenger{border:1.5px solid var(--needle);min-height:48px;color:var(--needle-ink);border-radius:999px;align-items:center;gap:12px;padding:0 16px;font-weight:700;transition:background-color .15s,color .15s;display:inline-flex}.challenger:hover{background:var(--needle);color:#fff}.challenge-wait{color:var(--muted);align-items:center;gap:12px;font-size:16px;display:flex}.countdown{font-stretch:var(--narrow);font-variant-numeric:tabular-nums;color:var(--needle-ink);font-size:18px;font-weight:650}.outcome-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.outcome-list>li{background:var(--bg);min-height:34px;color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:14px;display:inline-flex}.outcome-list>li.good{color:var(--ink);box-shadow:0 0 0 1.5px var(--rule) inset;font-weight:620}.outcome-list>li.good>svg{color:var(--needle-ink)}.outcome-list>li.token-change.good{background:color-mix(in srgb, var(--amber) 28%, transparent);box-shadow:none}.outcome-list>li.bad{color:var(--needle-ink)}@media (width<=600px){.guess-fields.with-year{grid-template-columns:1fr}.score-player .buy-button{min-height:32px;padding:0 10px}}.card-back,.facedown-card{color:#fff;background:linear-gradient(90deg,#ffb52e99 1.5px,#0000 1.5px) left 16px bottom 28px/12px 14px repeat-x,linear-gradient(160deg,#262e52,#141936);border-radius:14px;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1.5px #ffb52e66,0 14px 30px #0a0d1e4d}.card-back>b,.facedown-card>b{background:var(--needle);border-radius:50%;place-items:center;width:64px;height:64px;font-size:32px;font-weight:800;display:grid;box-shadow:0 0 24px #e8361e80}.facedown-card{flex-shrink:0;align-content:center;gap:14px;width:150px;min-height:150px}.facedown-card>b{width:46px;height:46px;font-size:22px}.facedown-card{background-position:left 14px bottom 12px,0 0;padding-bottom:20px}.facedown-card>span{text-overflow:ellipsis;white-space:nowrap;max-width:100px;color:var(--radio-muted);font-size:13px;font-weight:650;overflow:hidden}.reveal-player{gap:24px}.flip-card{perspective:1100px;width:min(100%,250px);display:grid}.flip-card>*{backface-visibility:hidden;grid-area:1/1}.card-back{min-height:100%}.card-front{background:var(--surface);color:var(--ink);text-align:left;border-radius:14px;flex-direction:column;transition:filter .5s,opacity .5s,box-shadow .5s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #0a0d1e66}.card-front .card-year{font-variant-numeric:tabular-nums;padding:12px 16px 8px;font-size:64px}.card-front .reveal-cover{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.card-front .song-meta{padding:12px 16px 16px}.card-front h2{font-size:19px;line-height:1.2}.card-front p{color:var(--muted);margin-top:4px;font-size:15px}.card-stamp{background:color-mix(in srgb, var(--surface) 82%, transparent);font-stretch:var(--wide);letter-spacing:.02em;white-space:nowrap;border:3px solid;border-radius:8px;padding:4px 16px;font-size:26px;font-weight:820;position:absolute;top:42%;left:50%;translate:-50% -50%;rotate:-12deg}.kept .card-stamp{color:#1d7a4f}html[data-theme=dark] .kept .card-stamp{color:#5fd39b}.discarded .card-stamp{color:var(--needle-ink)}.stolen .card-stamp{color:var(--amber-ink)}.kept .card-front{box-shadow:0 0 0 3px var(--amber), 0 0 40px #ffb52e66, 0 18px 40px #0a0d1e66}.card-verdict{align-items:center;gap:8px;font-size:18px;font-weight:700;display:inline-flex}.kept .card-verdict{color:var(--amber)}.discarded .card-verdict{color:#ff8a72}.stolen .card-verdict{color:var(--amber)}.skipped .card-verdict{color:var(--radio-muted);font-weight:560}.card-stack{flex-direction:column;gap:8px;display:flex}.card-stack>.song-card{flex:1}.same-slot{border:1.5px dashed var(--rule);border-radius:var(--radius-card);min-height:40px;color:var(--muted);justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:650;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.same-slot>b{font-stretch:var(--narrow);color:var(--amber-ink);font-size:15px}.same-slot:hover:not(:disabled){border-style:solid;border-color:var(--amber-ink);color:var(--ink);background:color-mix(in srgb, var(--amber) 14%, transparent)}.same-slot.chosen,.same-slot.chosen:hover:not(:disabled){background:var(--amber);color:#1a1f36;border:0;box-shadow:0 0 18px #ffb52e80}.same-slot.chosen>b{color:#1a1f36}.same-slot.facedown{color:var(--radio-ink);background:linear-gradient(160deg,#262e52,#141936);border:0;font-size:13px;box-shadow:inset 0 0 0 1.5px #ffb52e66}.same-slot.facedown>b{background:var(--needle);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.bonus-card{background:var(--surface);width:min(100%,250px);color:var(--ink);text-align:left;box-shadow:0 0 0 2px var(--amber), 0 10px 24px #0a0d1e59;border-radius:12px;align-items:center;gap:12px;margin-top:-8px;padding:8px 12px 8px 8px;display:flex}.bonus-card>b{background:var(--era);color:var(--era-ink);font-stretch:var(--narrow);border-radius:8px;padding:6px 8px;font-size:24px;font-weight:780;line-height:1}.bonus-card>span{min-width:0;color:var(--muted);flex-direction:column;flex:1;font-size:13px;display:flex}.bonus-card strong{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:14px;overflow:hidden}.bonus-card>em{color:var(--amber-ink);font-size:12px;font-style:normal;font-weight:700}:root{--sa-mp-accent:var(--ink);--sa-mp-on-accent:var(--on-ink);--ease-out:cubic-bezier(.2, .7, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes rise{0%{opacity:0;translate:0 18px}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;scale:.5}70%{scale:1.12}}@keyframes drop-in{0%{opacity:0;translate:0 -22px;rotate:-3deg;scale:.92}}@keyframes grow-up{0%{transform:scaleY(0)}}@keyframes power-on{0%{opacity:0;transform:scaleX(0)}60%{opacity:1}}@keyframes flicker{0%,12%,24%{opacity:.2}6%,18%,30%,to{opacity:1}}@keyframes shake{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}@keyframes needle-pulse{50%{box-shadow:0 0 30px #e8361e99}}@keyframes glow-pulse{50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--needle) 18%, transparent)}}@keyframes eq{0%{transform:scaleY(.35)}to{transform:scaleY(1.1)}}@keyframes ripple{50%{opacity:.35}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes bob{50%{transform:translateY(-6px)rotate(-4deg)}}@keyframes scan{50%{left:calc(100% - 3px)}}@keyframes heart-lose{0%{color:var(--needle);transform:scale(1)}30%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes spin-up{0%{opacity:0;rotate:-200deg;scale:.85}}@keyframes sleeve-flip{0%{opacity:0;rotate:y 80deg}}@keyframes bump{40%{color:var(--needle-ink);transform:scale(1.3)}}.hero h1 .line{animation:rise .8s var(--ease-out) both;display:block}.hero h1 .line+.line{animation-delay:.12s}.hero-copy{animation:rise .8s var(--ease-out) .25s both}.play-main>*,.results>*{animation:rise .6s var(--ease-out) both}.play-main>:nth-child(2),.results>:nth-child(2){animation-delay:60ms}.play-main>:nth-child(3),.results>:nth-child(3){animation-delay:.12s}.play-main>:nth-child(n+4),.results>:nth-child(n+4){animation-delay:.18s}.hero-dial{animation:rise .9s var(--ease-out) .15s both}.hero-dial .dial-ticks{transform-origin:0;animation:power-on 1.2s var(--ease-out) .35s both}.hero-dial .dial-decade{animation:fade .6s calc(.5s + var(--at) * 1s) both}.hero-dial .dial-pin{animation:drop-in .6s var(--ease-spring) calc(.5s + var(--at) * 1.6s) both;transition:transform .25s var(--ease-out), filter .25s}.dial-pin.lit{filter:drop-shadow(0 0 12px var(--era));transform:translateY(-6px)}.hero-dial{cursor:ew-resize;touch-action:pan-y}.hero-dial.settled .dial-needle{transition:left .9s var(--ease-out);animation:none}.hero-dial.settled.tuning .dial-needle{transition-duration:.35s}.dial-needle>b{transition:transform .25s var(--ease-spring)}.hero-dial.tuning .dial-needle>b{transform:translate(-50%)scale(1.1)}.dial-needle>small{background:var(--needle);color:#fff;font-stretch:var(--narrow);font-variant-numeric:tabular-nums;animation:pop .25s var(--ease-spring) both;border-radius:6px;padding:2px 8px;font-size:16px;font-weight:720;position:absolute;top:46px;left:50%;transform:translate(-50%)}.button,.listen-button{transition:background-color .18s, border-color .18s, color .18s, transform .18s var(--ease-out), box-shadow .18s}.button:hover:not(:disabled),.listen-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0a0d1e2e}.button:active:not(:disabled),.listen-button:active:not(:disabled){box-shadow:none;transition-duration:60ms;transform:translateY(0)scale(.97)}.button>svg,.text-button>svg,.listen-button>svg{transition:transform .2s var(--ease-out)}.button:hover:not(:disabled)>svg:last-child:not(:first-child),.text-button:hover:not(:disabled)>svg:last-child:not(:first-child){transform:translate(4px)}.button:hover:not(:disabled)>svg:first-child:not(:last-child),.listen-button:hover:not(:disabled)>svg{transform:scale(1.15)}.text-button>svg:first-child:not(:last-child){transition:transform .2s var(--ease-out)}.text-button:hover>svg:first-child:not(:last-child){transform:translate(-3px)}.icon-button{transition:background-color .15s, transform .2s var(--ease-spring)}.icon-button:hover:not(:disabled){transform:scale(1.08)}.modal-close:hover{transform:rotate(90deg)}.audio-controls .replay:hover:not(:disabled)>svg{transition:transform .4s var(--ease-out);transform:rotate(-180deg)}.text-button{transition:text-decoration-color .2s}.mode-card{transition:border-color .2s, transform .25s var(--ease-out), box-shadow .25s}.mode-card:hover{box-shadow:inset 0 -5px 0 var(--rule-soft), 0 16px 32px #0a0d1e1f;transform:translateY(-4px)}.mode-card:before{transition:background-color .25s,box-shadow .25s}.mode-card:hover:not(.selected):before{background:color-mix(in srgb, var(--amber) 55%, var(--rule))}.mode-icon{transition:transform .3s var(--ease-spring), background-color .25s}.mode-card:hover .mode-icon{background:var(--amber);color:#1a1f36;transform:rotate(-10deg)scale(1.12)}@supports (animation-timeline:view()){.mode-card,.how-step{animation:linear both rise;animation-timeline:view();animation-range:entry entry 70%}}.vinyl-disc{animation:spin-up 1s var(--ease-out) both;transition:transform .4s var(--ease-out)}.audio-player:not(.playing) .player-record:hover .vinyl-disc{transform:rotate(25deg)}.vinyl-label{transition:transform .3s var(--ease-spring)}.audio-player.loading .vinyl-label{animation:.8s ease-in-out infinite ripple}.audio-wave>i{transform-origin:50%;transition:background-color .2s,transform .3s}.audio-player.playing .audio-wave>i{animation:eq .45s ease-in-out calc(var(--n) * -97ms) infinite alternate}.audio-player.loading .audio-wave>i{animation:ripple 1.1s ease-in-out calc(var(--n) * 30ms) infinite}.audio-player.loading .listen-button{background-image:linear-gradient(100deg,#0000 30%,#ffffff80 50%,#0000 70%);background-size:200% 100%;animation:1.1s linear infinite shimmer}.audio-player.playing .listen-button{--needle:var(--amber);animation:1.6s ease-in-out infinite glow-pulse}.timeline-track .song-card{animation:drop-in .5s var(--ease-spring) both;transition:transform .25s var(--ease-out), box-shadow .25s}.timeline-track .song-card:hover{transform:translateY(-4px)rotate(-1deg);box-shadow:0 14px 28px #0a0d1e26}.result-timeline .song-card{animation-delay:calc(.5s + var(--i,0) * 80ms)}.timeline-slot{transition:border-color .15s, background-color .15s, width .25s var(--ease-spring), transform .2s var(--ease-out);animation:.35s both fade}.timeline-slot>svg{transition:transform .3s var(--ease-spring)}.timeline-slot:not(.chosen):hover:not(:disabled)>svg{transform:rotate(90deg)scale(1.2)}.timeline-slot.chosen{animation:1.4s ease-in-out infinite needle-pulse}.timeline-slot.chosen>svg,.timeline-slot.chosen>span{animation:pop .35s var(--ease-spring) both}.dial-mark{transform-origin:bottom;animation:grow-up .5s var(--ease-spring) both}.timeline-dial .dial-needle.small{transform-origin:top;animation:grow-up .5s var(--ease-out) .15s both}.card-count{animation:bump .5s var(--ease-spring);display:inline-block}.game-heading h1,.turn-label{animation:rise .45s var(--ease-out) both}.round-tag{transition:color .3s}.source-link{animation:rise .5s var(--ease-out) .7s both}.score-player{transition:border-color .3s, transform .3s var(--ease-out)}.score-player.active{animation:2s ease-in-out infinite glow-pulse}.score-player.active>svg{animation:1.2s ease-in-out infinite ripple}.handoff-panel .section-icon{animation:2.4s ease-in-out infinite bob;display:inline-block}.handoff-panel h2{animation:rise .6s var(--ease-out) .1s both}.member{animation:rise .45s var(--ease-out) both}.room-code>strong{animation:1.2s linear .2s both flicker}.avatar{transition:transform .25s var(--ease-spring)}.member:hover .avatar,.score-player:hover .avatar,.party-names label:hover .avatar{transform:scale(1.12)rotate(-6deg)}.result-stats>div{animation:rise .6s var(--ease-out) both}.result-stats>div:nth-child(2){animation-delay:.12s}.result-stats>div:nth-child(3){animation-delay:.24s}.results-ranking>div{animation:rise .5s var(--ease-out) calc(.4s + var(--i,0) * .1s) both}.modal-backdrop{animation:.2s both fade}.modal{animation:rise .35s var(--ease-spring) both}.guess-suggestions{transform-origin:top;animation:drop-open .18s var(--ease-out) both}@keyframes drop-open{0%{opacity:0;transform:translateY(-6px)scaleY(.96)}}.guess-input-shell>svg{transition:color .2s, transform .25s var(--ease-spring)}.guess-input-shell:focus-within>svg{color:var(--needle-ink);transform:scale(1.15)}.reconnect-banner,.error-banner{animation:rise .4s var(--ease-out) both}.error-banner,.form-error{animation:rise .35s var(--ease-out) both, shake .4s ease .35s}.scanner{background:repeating-linear-gradient(90deg, var(--rule) 0 1px, transparent 1px 6px) bottom / 100% 50% no-repeat;flex-shrink:0;width:44px;height:18px;position:relative}.scanner:after{content:"";background:var(--needle);border-radius:2px;width:3px;animation:1.6s ease-in-out infinite scan;position:absolute;top:0;bottom:0;left:0}.home-note svg{animation:6s linear infinite spin}.brand-mark>i,.arena-brand-mark{transition:transform .3s var(--ease-spring)}.arena-brand:hover .arena-brand-mark{transform:rotate(-8deg)scale(1.06)}.tokens>svg.on{animation:pop .4s var(--ease-spring) both}.timeline-marker{animation:drop-in .45s var(--ease-spring) both}.timeline-marker.claim>b{animation:pop .5s var(--ease-spring) .15s both}.button.hitster-button:not(:disabled){animation:1.4s ease-in-out infinite needle-pulse}.challenger{animation:rise .35s var(--ease-out) both}.outcome-list>li{animation:rise .4s var(--ease-out) both}.outcome-list>li:nth-child(2){animation-delay:60ms}.outcome-list>li:nth-child(3){animation-delay:.12s}.outcome-list>li:nth-child(n+4){animation-delay:.18s}.outcome-list>li.token-change>svg{animation:pop .5s var(--ease-spring) .3s both}@keyframes flip-away{to{transform:rotateY(-180deg)}}@keyframes flip-in{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}@keyframes stamp{0%{opacity:0;scale:2.2}60%{opacity:1;scale:.92}}@keyframes discard{to{translate:0 4px;rotate:6deg}}@keyframes fade-out-colour{to{filter:grayscale(.9);opacity:.55}}@keyframes steal{to{translate:36px -6px;rotate:6deg}}@keyframes keep{50%{translate:0 -10px;scale:1.04}}.flip-card .card-back{animation:flip-away .7s var(--ease-out) .25s both}.flip-card .card-front{animation:flip-in .7s var(--ease-out) .25s both}.card-stamp{animation:stamp .45s var(--ease-spring) 1.15s both}.reveal-player.discarded .flip-card{animation:discard .6s var(--ease-out) 1.6s both}.reveal-player.discarded .card-front>:not(.card-stamp){animation:.6s 1.6s both fade-out-colour}.reveal-player.stolen .flip-card{animation:steal .6s var(--ease-out) 1.6s both}.reveal-player.kept .flip-card{animation:keep .6s var(--ease-spring) 1.3s}.reveal-player.skipped .card-front{opacity:.75}.card-verdict{animation:rise .4s var(--ease-out) 1.3s both}.reveal-player .source-link{animation:.4s 1.5s both fade}.facedown-card{animation:drop-in .5s var(--ease-spring) both}.same-slot.chosen{animation:pop .35s var(--ease-spring)}.same-slot.facedown{animation:drop-in .45s var(--ease-spring) both}.bonus-card{animation:drop-in .55s var(--ease-spring) 1.6s both}@media (width<=600px){.listen-button{min-width:0;padding:0 20px}}.rules-sheet{transform-origin:100% 0;animation:drop-open .2s var(--ease-out) both}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.audio-player.playing .vinyl-disc{animation:none}.button:hover:not(:disabled),.listen-button:hover:not(:disabled),.mode-card:hover,.timeline-track .song-card:hover{transform:none}}.handoff-panel p br{display:none}html[data-theme=dark]{--sa-mp-accent:var(--amber);--sa-mp-on-accent:#1a1f36}.modal .sa-mp{--sa-mp-text:var(--ink);--sa-mp-muted:var(--muted);--sa-mp-surface:var(--surface);--sa-mp-sunken:var(--bg);--sa-mp-border:var(--rule);--sa-mp-hover:var(--rule-soft);--sa-mp-selected:var(--rule-soft);--sa-mp-radius:var(--radius-control);--sa-mp-tab-background:var(--surface);--sa-mp-tab-shadow:0 0 0 1px var(--rule), 0 2px 4px #0001;--sa-mp-font-size:16px;--sa-mp-tab-size:14px;--sa-mp-action-height:52px;--sa-mp-action-size:16px;--sa-mp-action-weight:620;--sa-mp-action-hover:#343c63;--sa-mp-label-size:14px;--sa-mp-label-transform:none;--sa-mp-label-tracking:0;--sa-mp-focus:var(--focus)}html[data-theme=dark] .modal .sa-mp{--sa-mp-action-hover:#ffd27d}:root{--arena-max-width:1760px;--arena-gutter:36px;--arena-ink:var(--text,var(--ink,var(--text-primary,#263a33)));--arena-muted:var(--text-subtle,var(--muted,var(--text-muted,#687872)));--arena-rule:var(--border,var(--line,var(--line-soft,#b8c2bc)));--arena-paper:var(--surface,var(--paper,var(--surface-0,#f5f3eb)))}.arena-container{box-sizing:border-box;width:100%;max-width:var(--arena-max-width);padding-inline:var(--arena-gutter);margin-inline:auto}.arena-header{z-index:45;border-bottom:1px solid var(--arena-rule);width:100%;color:var(--arena-ink);flex:none;position:relative}.arena-header-row{justify-content:space-between;align-items:center;gap:20px;min-height:86px;display:flex}.arena-brand{min-width:0;color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.arena-brand-mark{object-fit:contain;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.arena-brand-mark>svg{width:30px;height:30px}.arena-brand-name{letter-spacing:-.5px;font-size:23px;font-weight:700;line-height:1.1}.arena-header-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:14px;display:flex}.arena-lobby-link{color:var(--arena-muted);align-items:center;gap:8px;padding-block:12px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.arena-lobby-link:hover,.arena-footer a:hover,.arena-footer button:hover{color:var(--arena-ink)}.arena-footer{border-top:1px solid var(--arena-rule);width:100%;color:var(--arena-muted);flex:none;margin-top:auto;padding-block:0}.arena-footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;padding-block:17px;font-size:11px;line-height:1.5;display:flex}.arena-footer a,.arena-footer button{color:inherit;font:inherit;text-decoration:none}.arena-footer button{cursor:pointer;background:0 0;border:0;padding:0}.arena-footer-affiliation{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.arena-footer-logo{object-fit:contain;flex-shrink:0;width:20px;height:20px;display:block}.arena-footer-links{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.arena-footer details{padding-bottom:12px;font-size:11px;line-height:1.6}.arena-footer summary{cursor:pointer}.arena-footer details p{font-size:inherit;color:inherit;margin:8px 0 0}.arena-storage{border-top:1px solid var(--arena-rule);text-align:left;padding-top:14px}.arena-storage h3{letter-spacing:1px;text-transform:uppercase;color:var(--arena-muted);margin:0 0 8px;font-size:11px;font-weight:700;line-height:1.5}.arena-storage p{color:var(--arena-muted);margin:0 0 10px;font-size:12px;line-height:1.6}.arena-storage-actions{gap:8px;display:flex}.arena-storage-actions button{border:1px solid var(--arena-rule);color:var(--arena-ink);background:var(--arena-paper);cursor:pointer;border-radius:8px;flex:1;padding:8px 12px;font-size:12px;font-weight:600}.arena-text-link{color:var(--arena-ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.arena-settings{position:relative}.arena-settings-trigger{border:1px solid var(--arena-rule);width:40px;height:40px;color:var(--arena-ink);cursor:pointer;background:0 0;border-radius:10px;place-items:center;display:grid}.arena-settings-panel{border:1px solid var(--arena-rule);background:var(--arena-paper);width:300px;max-width:calc(100vw - 34px);max-height:75vh;color:var(--arena-ink);text-align:left;border-radius:12px;padding:18px;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto;box-shadow:0 15px 45px #0003}.arena-settings-panel h2{font:inherit;letter-spacing:0;text-transform:none;margin:0 0 14px;font-size:14px;font-weight:700}.arena-settings-panel label{justify-content:space-between;align-items:center;gap:12px;margin:12px 0;font-size:12px;display:flex}.arena-settings-panel select{background:var(--arena-paper);color:inherit;border:1px solid var(--arena-rule);border-radius:6px;padding:5px}.arena-settings-panel .arena-storage{margin-top:16px}.arena-brand:focus-visible,.arena-lobby-link:focus-visible,.arena-footer :focus-visible{outline-offset:4px;border-radius:3px;outline:2px solid}@media (width<=720px){:root{--arena-gutter:22px}.arena-header-row{gap:12px;min-height:76px}.arena-brand-name{font-size:19px}.arena-brand{gap:8px}.arena-brand-mark{width:36px;height:36px}.arena-header-actions{gap:10px}.arena-footer-row{gap:15px;padding-bottom:68px}.arena-footer-links{gap:13px}}@media (width<=420px){:root{--arena-gutter:17px}.arena-brand-name{font-size:17px}.arena-lobby-label{display:none}.arena-lobby-link{justify-content:center;width:32px}.arena-header-actions{gap:5px}}.arena-lobby-link{border:1px solid var(--arena-rule);background:color-mix(in srgb, currentColor 7%, transparent);min-height:40px;color:var(--arena-ink);white-space:nowrap;border-radius:10px;align-items:center;gap:9px;padding:0 16px 0 13px;font-size:13px;font-weight:700;line-height:1;transition:background-color .18s,color .18s,border-color .18s}.arena-lobby-icon{flex:0 0 16px;align-self:center;width:16px;height:16px;transition:transform .18s;display:block}.arena-lobby-link:hover{background:var(--arena-ink);border-color:var(--arena-ink);color:var(--arena-paper)}.arena-lobby-link:hover .arena-lobby-icon{transform:translate(-3px)}.arena-lobby-link:active{transform:translateY(1px)}@media (width<=520px){.arena-lobby-link{justify-content:center;width:40px;padding:0}}@media (prefers-reduced-motion:reduce){.arena-lobby-link,.arena-lobby-icon{transition:none}}.arena-brand-name{font-stretch:var(--wide);letter-spacing:-.02em;font-weight:800}.arena-header{background:var(--bg)}.arena-settings-trigger:hover{background:var(--surface)}.player-volume{width:min(100%,260px);color:var(--radio-muted);align-items:center;gap:10px;margin:16px auto 0;display:flex}.player-volume input{width:100%;min-width:0;accent-color:var(--amber);flex:1}.player-volume .player-mute{border-radius:var(--radius-control);width:44px;height:44px;color:var(--radio-ink);flex-shrink:0;place-items:center;display:grid}.player-volume .player-mute:hover{background:var(--radio-raised)}.player-volume span{min-width:44px;font-stretch:var(--narrow);font-variant-numeric:tabular-nums;text-align:right;font-size:15px}.arena-settings-panel{background:var(--surface);border-radius:16px;max-height:calc(100dvh - 110px);overflow-y:auto}.arena-settings-panel>section{border-bottom:1.5px solid var(--rule-soft);margin-bottom:16px;padding-bottom:16px}.arena-settings-panel h3{letter-spacing:0;color:var(--muted);margin-bottom:10px;font-size:14px;font-weight:650;font-stretch:100%}.settings-languages{flex-direction:column;gap:4px;display:flex}.settings-languages>button{text-align:left;border-radius:9px;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:0 12px;font-size:15px;display:flex}.settings-languages>button:hover{background:var(--bg)}.settings-languages>button.selected{background:var(--bg);font-weight:650}.settings-languages>button.selected svg{color:var(--needle-ink)}.theme-switch{border-radius:var(--radius-control);background:var(--bg);gap:4px;padding:4px;display:flex}.theme-switch>button{min-height:40px;color:var(--muted);border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 4px;font-size:14px;display:flex}.theme-switch>button.selected{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1.5px var(--rule)}.menu-storage p{color:var(--muted);font-size:14px;line-height:1.5}.menu-storage button{text-align:left;border-radius:9px;align-items:center;gap:8px;width:100%;min-height:44px;padding:0 8px;font-size:15px;display:flex}.menu-storage button:hover{background:var(--bg)}.settings-help{align-items:center;gap:8px;min-height:40px;font-size:15px;display:flex}.skip-link{z-index:150;border-radius:var(--radius-control);background:var(--ink);color:var(--on-ink);padding:12px 18px;font-size:15px;font-weight:600;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.footer-actions{flex-wrap:wrap;gap:4px 20px;display:flex}.footer-actions>button{min-height:40px;color:var(--muted);align-items:center;gap:6px;font-size:14px;display:inline-flex}.footer-actions>button:hover{color:var(--ink)}