.setup{--c:var(--color-accent-soft)}.setup[data-mode=solo]{--c:#ff6ad5}.setup[data-mode=duel]{--c:#a58bff}.setup[data-mode=private]{--c:#ffa94d}.setup-pill{letter-spacing:.14em;text-transform:uppercase;height:1.9rem;color:var(--c);background:color-mix(in oklab, var(--c) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--c) 35%, transparent);border-radius:999px;align-items:center;gap:.45rem;padding:0 .8rem 0 .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.setup-glow{background:linear-gradient(100deg, #fff 20%, color-mix(in oklab, var(--c) 70%, #fff));color:#0000;-webkit-background-clip:text;background-clip:text}.setup-section{background:color-mix(in oklab, var(--color-surface) 85%, transparent);box-shadow:inset 0 0 0 1px var(--color-line);animation:setup-in .52s var(--ease-out-expo) both;animation-delay:calc(var(--i,0) * 70ms);border-radius:1.6rem;padding:1.15rem}@media (min-width:40rem){.setup-section{padding:1.4rem 1.5rem}}@keyframes setup-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.setup-step{width:2rem;height:2rem;color:var(--c);background:color-mix(in oklab, var(--c) 14%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--c) 30%, transparent);border-radius:.7rem;flex-shrink:0;place-items:center;display:grid}.seg{background:color-mix(in oklab, var(--color-ink) 70%, transparent);box-shadow:inset 0 0 0 1px var(--color-line);border-radius:1.05rem;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.25rem;padding:.25rem;display:grid}.seg>button{min-width:0;height:2.75rem;color:var(--color-muted);transition:background-color .22s ease, color .22s ease, box-shadow .22s ease, transform .3s var(--ease-spring);border-radius:.8rem;justify-content:center;align-items:center;gap:.5rem;padding:0 .6rem;font-size:.95rem;font-weight:600;display:flex}.seg>button:hover{color:var(--color-fg)}.seg>button:active{transform:scale(.97)}.seg>button[aria-pressed=true]{color:#fff;background:color-mix(in oklab, var(--c) 22%, var(--color-raised));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--c) 55%, transparent), 0 8px 22px -12px color-mix(in oklab, var(--c) 90%, transparent)}.seg>button:disabled{cursor:default;transform:none}.seg>button:disabled:not([aria-pressed=true]){opacity:.45}.seg-num{font-family:var(--font-display,inherit);font-variant-numeric:tabular-nums;font-size:1.05rem}.filter-rows{flex-direction:column;display:flex;container-type:inline-size}.frow{border-top:1px solid color-mix(in oklab, var(--color-line) 75%, transparent);gap:.65rem;min-width:0;padding-block:1rem;display:grid}.frow:first-child{border-top:0;padding-top:.15rem}.frow:last-of-type{padding-bottom:.15rem}.frow-head{align-items:center;gap:.6rem;min-width:0;min-height:2.125rem;display:flex}.frow-label{font-family:var(--font-display,inherit);letter-spacing:-.02em;color:var(--color-fg);font-size:.95rem;font-weight:700}.frow-hint{color:var(--color-faint);font-size:.75rem}.frow-all{margin-left:auto}@container (min-width:34rem){.frow{grid-template-columns:6.75rem minmax(0,1fr);align-items:start;column-gap:1.25rem}.frow-head{flex-direction:column;align-items:flex-start;gap:.15rem;min-height:0;padding-top:.45rem}.frow-all{margin:.45rem 0 0}}.decade-track{grid-template-columns:repeat(var(--n,7), minmax(0, 1fr));background:color-mix(in oklab, var(--color-ink) 45%, transparent);box-shadow:inset 0 0 0 1px var(--color-line);border-radius:.85rem;display:grid;overflow:hidden}.decade-cell{font-variant-numeric:tabular-nums;letter-spacing:-.01em;height:2.375rem;color:var(--color-muted);box-shadow:inset 1px 0 0 var(--color-line);font-size:.84rem;font-weight:600;transition:background-color .2s,color .2s}.decade-cell:first-child{box-shadow:none}.decade-short{display:none}@container not (min-width:360px){.decade-long{display:none}.decade-short{display:inline}}.decade-cell:hover{color:var(--color-fg);background:color-mix(in oklab, var(--color-raised) 60%, transparent)}.decade-cell[aria-pressed=true]{color:#fff;background:color-mix(in oklab, var(--c,var(--color-accent)) 30%, var(--color-surface))}.decade-cell[aria-pressed=true]+.decade-cell[aria-pressed=true]{box-shadow:inset 1px 0 0 color-mix(in oklab, var(--c,var(--color-accent)) 35%, transparent)}.decade-cell:focus-visible{outline:2px solid var(--c,var(--color-accent-soft));outline-offset:-2px;border-radius:.6rem}.genre-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;display:grid}@container (min-width:34rem){.genre-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.genre-cell{text-align:center;min-width:0;min-height:2.25rem;color:var(--color-muted);box-shadow:inset 0 0 0 1px var(--color-line);transition:background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .3s var(--ease-spring);border-radius:.75rem;justify-content:center;align-items:center;padding:.2rem .4rem;font-size:.82rem;font-weight:500;line-height:1.15;display:flex}.genre-cell:hover{color:var(--color-fg)}.genre-cell:active{transform:scale(.97)}.genre-cell[aria-pressed=true]{color:#fff;background:color-mix(in oklab, var(--c,var(--color-accent)) 24%, var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--c,var(--color-accent-soft)) 60%, transparent);font-weight:600}.genre-cell:focus-visible{outline:2px solid var(--c,var(--color-accent-soft));outline-offset:2px}fieldset:disabled .genre-cell,fieldset:disabled .decade-cell{cursor:default}fieldset:disabled .genre-cell:active{transform:none}fieldset:disabled .decade-cell:hover{color:var(--color-muted);background:0 0}fieldset:disabled .decade-cell[aria-pressed=true]:hover{background:color-mix(in oklab, var(--c,var(--color-accent)) 30%, var(--color-surface));color:#fff}.frow-notice{color:var(--color-fg);background:color-mix(in oklab, var(--color-warm) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-warm) 35%, transparent);border-radius:1rem;align-items:flex-start;gap:.6rem;margin-top:.4rem;padding:.7rem .9rem;font-size:.875rem;line-height:1.4;display:flex}.filter-rows .chip{height:2.125rem;padding:0 .85rem;font-size:.84rem}.filter-rows .chip-mystery{padding-right:.85rem}.filter-rows .chip:not([data-tier]):not(.chip-mystery)[aria-pressed=true]{color:#fff;background:color-mix(in oklab, var(--c,var(--color-accent)) 24%, var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--c,var(--color-accent-soft)) 60%, transparent)}.chip:focus-visible{outline:2px solid var(--c,var(--color-accent-soft));outline-offset:2px}.country-tile:has(.country-input:focus-visible){outline:2px solid var(--c,var(--color-accent-soft));outline-offset:2px}.chip-all{font-weight:600}.chip-all[aria-pressed=false]{box-shadow:none;outline:1px dashed color-mix(in oklab, var(--color-muted) 60%, transparent);outline-offset:-1px}.chip-all[aria-pressed=false]:focus-visible{outline:2px solid var(--c,var(--color-accent-soft));outline-offset:2px}.chip-all[aria-pressed=true]{color:#fff;background:color-mix(in oklab, var(--c,var(--color-accent)) 20%, var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--c,var(--color-accent-soft)) 55%, transparent)}fieldset:disabled .chip{cursor:default}fieldset:disabled .chip:not([aria-pressed=true]){opacity:.45}.country-tile{height:2.5rem;color:var(--color-muted);background:color-mix(in oklab, var(--color-ink) 55%, transparent);box-shadow:inset 0 0 0 1px var(--color-line);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .3s var(--ease-spring);border-radius:.9rem;align-items:center;gap:.55rem;padding:0 .5rem 0 .8rem;font-size:.875rem;font-weight:600;display:inline-flex;position:relative}.country-tile:hover{color:var(--color-fg)}.country-tile:active{transform:scale(.97)}.country-tile[data-on]{color:#fff;background:color-mix(in oklab, var(--c,var(--color-accent)) 16%, var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--c,var(--color-accent-soft)) 60%, transparent)}.country-input{opacity:0;cursor:inherit;margin:0;position:absolute;inset:0}.country-globe{width:1.1rem;height:1.1rem;color:color-mix(in oklab, var(--c,var(--color-accent-soft)) 70%, #fff);flex-shrink:0}.country-check{color:#0000;width:1.3rem;height:1.3rem;box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--color-muted) 55%, transparent);border-radius:.45rem;place-items:center;margin-left:.2rem;transition:background-color .2s,box-shadow .2s,color .2s;display:grid}.country-check>svg{width:.8rem;height:.8rem}.country-tile[data-on] .country-check{color:var(--color-ink);background:var(--c,var(--color-accent-soft));box-shadow:none}fieldset:disabled .country-tile{cursor:default}fieldset:disabled .country-tile:active{transform:none}fieldset:disabled .country-check{display:none}.pl-row{text-align:left;border-radius:1.1rem;align-items:center;gap:.85rem;width:100%;padding:.5rem 3.25rem .5rem .5rem;transition:background-color .2s,box-shadow .2s;display:flex;box-shadow:inset 0 0 0 1px #0000}.pl-row.pl-row-link{padding-right:5.75rem}.pl-row:hover:not(:disabled){background:color-mix(in oklab, var(--color-raised) 70%, transparent)}.pl-row[aria-checked=true]{background:color-mix(in oklab, var(--c) 12%, var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--c) 50%, transparent)}.pl-row:disabled{cursor:default}.pl-radio{width:1.35rem;height:1.35rem;box-shadow:inset 0 0 0 1.5px var(--color-faint);border-radius:999px;flex-shrink:0;place-items:center;transition:box-shadow .2s,background-color .2s;display:grid}.pl-row[aria-checked=true] .pl-radio{background:var(--c);box-shadow:none;color:var(--color-ink)}.room-code-tile{background:linear-gradient(180deg, color-mix(in oklab, var(--c) 16%, transparent), transparent 70%), var(--color-surface);width:2.6rem;height:3.3rem;box-shadow:inset 0 0 0 1px var(--color-line);border-radius:.9rem;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.6rem;font-weight:700;display:grid;overflow:hidden}@media (min-width:40rem){.room-code-tile{width:3rem;height:3.8rem;font-size:1.9rem}}.room-code-tile>span{transition:filter .26s,opacity .26s}.room-code[data-hidden=true] .room-code-tile>span{filter:blur(9px);opacity:.7;-webkit-user-select:none;user-select:none}.room-code[data-hidden=false] .room-code-tile{animation:tile-flip .48s var(--ease-spring) both;animation-delay:calc(var(--i) * 40ms)}@keyframes tile-flip{0%{transform:rotateX(70deg)}to{transform:none}}.start-bar{z-index:20;padding:.5rem 0 max(.75rem, env(safe-area-inset-bottom));margin-top:1rem;position:sticky;bottom:0}.start-bar-inner{border-radius:1.4rem;align-items:center;gap:.75rem;padding:.45rem;transition:background-color .22s,box-shadow .22s,-webkit-backdrop-filter .22s,backdrop-filter .22s;display:flex}.start-bar[data-stuck] .start-bar-inner{background:color-mix(in oklab, var(--color-raised) 94%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.2);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-fg) 9%, transparent), 0 18px 40px -22px #000000d9}.start-bar-inner>p{order:-1;padding-left:.6rem}.start-bar-inner>.start-go{order:1}@media not (min-width:40rem){.start-bar-inner{flex-wrap:wrap;row-gap:.45rem}.start-bar-inner>p{flex-basis:100%;padding:.2rem .5rem 0}.start-bar-inner>.start-go{flex:1}}@media not (min-width:64rem){.start-bar-dock{padding-right:4.25rem}}.setup-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.5rem;display:flex}.setup-title-aside{flex:100%}@media (min-width:40rem){.setup-title-aside{flex:0 22rem}}.start-go{color:#fff;background:linear-gradient(135deg, color-mix(in oklab, var(--c) 80%, #7c5cff), color-mix(in oklab, var(--c) 45%, #7c5cff));min-width:9.5rem;height:3.25rem;box-shadow:inset 0 1px 0 #ffffff40, 0 12px 30px -12px color-mix(in oklab, var(--c) 90%, transparent);white-space:nowrap;transition:transform .3s var(--ease-spring), filter .2s ease, opacity .2s ease;border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;gap:.55rem;padding:0 1.75rem;font-size:1.05rem;font-weight:700;display:inline-flex}.start-go:hover:not(:disabled){filter:brightness(1.08)saturate(1.1)}.start-go:active:not(:disabled){transform:scale(.97)}.start-go:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.start-go[data-state=ready]{color:var(--color-ink);background:var(--color-hit);box-shadow:0 12px 30px -14px var(--color-hit)}.count-btn{width:3rem;height:3rem;color:var(--c);background:color-mix(in oklab, var(--c) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--c) 35%, transparent);transition:transform .3s var(--ease-spring), background-color .2s ease, opacity .2s ease;border-radius:999px;place-items:center;display:grid}.count-btn:hover:not(:disabled){background:color-mix(in oklab, var(--c) 22%, transparent)}.count-btn:active:not(:disabled){transform:scale(.92)}.count-btn:disabled{opacity:.35;cursor:not-allowed}.count-btn:focus-visible{outline:2px solid var(--c);outline-offset:3px}.count-range{appearance:none;cursor:pointer;background:0 0;height:2rem}.count-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--c) var(--fill), var(--color-line) var(--fill));border-radius:999px;height:.4rem}.count-range::-moz-range-track{background:var(--color-line);border-radius:999px;height:.4rem}.count-range::-moz-range-progress{background:var(--c);border-radius:999px;height:.4rem}.count-range::-webkit-slider-thumb{-webkit-appearance:none;width:1.4rem;height:1.4rem;box-shadow:0 0 0 4px color-mix(in oklab, var(--c) 45%, transparent), 0 4px 14px -4px var(--c);background:#fff;border-radius:999px;margin-top:-.5rem}.count-range::-moz-range-thumb{width:1.4rem;height:1.4rem;box-shadow:0 0 0 4px color-mix(in oklab, var(--c) 45%, transparent), 0 4px 14px -4px var(--c);background:#fff;border:0;border-radius:999px}.count-range:focus-visible{outline:none}.count-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--c)}.count-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--c)}.streamer-blur{filter:blur(5px);-webkit-user-select:none;user-select:none}.seg-compact{max-width:26rem}.seg-compact .seg>button{height:2.3rem;font-size:.875rem}.seg-inline{width:max-content}.seg-inline .seg>button{white-space:nowrap;padding:0 .85rem}.rounds-value{font-family:var(--font-display,inherit);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:800;line-height:2.125rem}.rounds-stepper{background:color-mix(in oklab, var(--color-ink) 60%, transparent);box-shadow:inset 0 0 0 1px var(--color-line);border-radius:.95rem;align-items:center;gap:.25rem;padding:.25rem;display:inline-flex}.rounds-btn{width:2.5rem;height:2.5rem;color:var(--color-muted);border-radius:.7rem;place-items:center;transition:background-color .16s,color .16s;display:grid}.rounds-btn:hover:not(:disabled){color:var(--color-fg);background:var(--color-raised)}.rounds-btn:disabled{opacity:.35;cursor:not-allowed}.rounds-input{text-align:center;width:3.5rem;height:2.5rem;font-family:var(--font-display,inherit);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--color-fg);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line);border-radius:.7rem;font-size:1.25rem;font-weight:700;transition:box-shadow .16s}.rounds-input:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-fg) 22%, var(--color-line))}.rounds-input:focus-visible{box-shadow:inset 0 0 0 2px var(--c);outline:none}.rounds-btn:focus-visible,.rule-switch:focus-visible{outline:2px solid var(--c);outline-offset:2px}.rule-switch{min-height:2.75rem;color:var(--color-muted);align-items:center;gap:.7rem;font-size:.875rem;font-weight:600;display:inline-flex}.rule-switch[aria-checked=true]{color:var(--color-fg)}.rule-switch-track{background:var(--color-line);border-radius:999px;width:2.75rem;height:1.6rem;transition:background-color .2s;position:relative}.rule-switch[aria-checked=true] .rule-switch-track{background:color-mix(in oklab, var(--c) 78%, var(--color-ink))}.rule-switch-thumb{width:1.2rem;height:1.2rem;transition:transform .22s var(--ease-out-expo);background:#fff;border-radius:999px;position:absolute;top:.2rem;left:.2rem;box-shadow:0 1px 2px #0000004d}.rule-switch[aria-checked=true] .rule-switch-thumb{transform:translate(1.15rem)}.decade-all,.genre-all{font-weight:700}.decade-cell.decade-all{box-shadow:none}.decade-all+.decade-cell{box-shadow:inset 2px 0 0 color-mix(in oklab, var(--color-fg) 14%, var(--color-line))}.info{display:inline-flex;position:relative}.info-btn{width:1.15rem;height:1.15rem;color:var(--color-muted);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-muted) 55%, transparent);border-radius:999px;place-items:center;font-size:.7rem;font-weight:700;line-height:1;transition:color .16s,background-color .16s;display:grid}.info-btn:hover,.info[data-open] .info-btn{color:var(--color-ink);background:var(--c,var(--color-accent-soft));box-shadow:none}.info-btn:focus-visible{outline:2px solid var(--c,var(--color-accent-soft));outline-offset:2px}.info-tip{z-index:30;width:max-content;max-width:min(17rem,70vw);color:var(--color-fg);background:var(--color-raised);box-shadow:inset 0 0 0 1px var(--color-line), 0 14px 30px -14px #000000e6;opacity:0;visibility:hidden;pointer-events:none;border-radius:.75rem;padding:.55rem .75rem;font-size:.8rem;font-weight:500;line-height:1.4;transition:opacity .14s,transform .14s,visibility 0s linear .14s;position:absolute;top:calc(100% + .45rem);left:-.5rem;transform:translateY(-3px)}@container not (min-width:34rem){.frow-head{position:relative}.frow-head .info{position:static}.frow-head .info-tip{max-width:100%;left:0}}.info:hover .info-tip,.info-btn:focus-visible+.info-tip,.info[data-open] .info-tip{opacity:1;visibility:visible;transition:opacity .14s,transform .14s;transform:none}
.guide-sheet{--hue:var(--color-accent);overscroll-behavior:contain;width:100%;max-width:100%;max-height:min(88dvh,46rem);box-shadow:0 -30px 80px -40px color-mix(in oklab, var(--hue) 60%, transparent);border-radius:1.75rem 1.75rem 0 0;margin:auto 0 0;overflow-y:auto}.guide-sheet[open]{animation:guide-up .46s var(--ease-out-expo)}.guide-sheet::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050508b3}.guide-grip{background:var(--color-line);border-radius:999px;width:2.5rem;height:.3rem;margin:.6rem auto 0}@media (min-width:40rem){.guide-sheet{width:min(94vw,32rem);box-shadow:0 40px 100px -40px color-mix(in oklab, var(--hue) 55%, transparent);border-radius:1.75rem;margin:auto}.guide-sheet[open]{animation:settle .38s var(--ease-out-expo)}.guide-grip{display:none}}@keyframes guide-up{0%{transform:translateY(100%)}to{transform:none}}.guide-tabs{background:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-line);border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;gap:.25rem;padding:.25rem;display:grid}.guide-tab{height:2.75rem;color:var(--color-muted);cursor:pointer;transition:color .25s ease, background-color .35s var(--ease-out-expo), box-shadow .35s var(--ease-out-expo);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.guide-tab:hover{color:var(--color-fg)}.guide-tab[aria-selected=true]{color:var(--color-fg);background:color-mix(in oklab, var(--hue) 16%, var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--hue) 50%, transparent)}.guide-tab svg{color:var(--hue)}.guide-tab:focus-visible{outline:2px solid var(--color-accent-soft);outline-offset:2px}.guide-panel{animation:fade .42s var(--ease-out-expo) both}.guide-step{width:2.5rem;height:2.5rem;color:var(--hue);background:color-mix(in oklab, var(--hue) 13%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--hue) 32%, transparent);border-radius:.85rem;flex-shrink:0;place-items:center;display:grid;position:relative}.guide-step-n{width:1.15rem;height:1.15rem;color:var(--color-ink);background:var(--hue);box-shadow:0 0 0 2px var(--color-surface);border-radius:999px;place-items:center;font-size:.68rem;font-weight:800;display:grid;position:absolute;bottom:-.3rem;right:-.3rem}.guide-url{height:2.75rem;color:var(--hue);background:color-mix(in oklab, var(--color-ink) 70%, var(--hue) 6%);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--hue) 35%, transparent);border-radius:999px;align-items:center;gap:.6rem;padding:0 1rem;display:flex}.guide-note{background:var(--color-raised);box-shadow:inset 0 0 0 1px var(--color-line);border-radius:1.1rem;padding:.8rem 1rem}.guide-dots{letter-spacing:.08em;vertical-align:.1em;height:1.3rem;color:var(--color-fg);background:var(--color-raised);box-shadow:inset 0 0 0 1px var(--color-line);border-radius:.45rem;place-items:center;margin:0 .1rem;padding:0 .4rem;font-size:.6rem;display:inline-grid}