.player-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.25rem;display:flex}.unlock{flex-direction:column;align-items:flex-end;gap:.375rem;min-width:0;display:flex}.player-controls[data-inline]{flex-direction:column;align-items:flex-start;gap:.75rem}.player-controls-pair{align-items:center;gap:.75rem;display:flex}.player-controls-pair>.unlock{align-items:flex-start;min-width:0}.player-controls-pair .unlock-btn{white-space:normal;text-align:left;border-radius:.875rem;gap:.5rem;max-width:100%;min-height:3rem;padding:.25rem .875rem .25rem .625rem;font-size:.875rem}.player-controls-pair .unlock-icon{border-radius:.5rem;width:1.5rem;height:1.5rem}.player-controls-pair .unlock-icon svg{width:.875rem;height:.875rem}.player-controls-pair .unlock-text{line-height:1.2}.player-controls-pair .unlock-tally{flex-shrink:0}@media (min-width:640px){.player-controls-pair{gap:1.25rem}}@media (max-width:639px){.player-controls>.unlock{flex-basis:100%;align-items:stretch}.player-controls:not([data-inline]) .unlock-btn{justify-content:center}.player-controls:not([data-inline]) .unlock-status{text-align:center}}.unlock-btn{letter-spacing:-.01em;white-space:nowrap;min-height:3.25rem;color:var(--color-fg);background:var(--color-raised);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-line) 70%, var(--color-muted) 30%), 0 10px 24px -16px #000000e6;transition:background-color .18s ease, box-shadow .18s ease, color .18s ease, transform .3s var(--ease-spring);border-radius:1rem;align-items:center;gap:.625rem;padding:0 1.125rem 0 .75rem;font-size:.9375rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.unlock-btn:not(:disabled):hover{background:color-mix(in oklab, var(--color-raised) 82%, #fff 7%);box-shadow:inset 0 0 0 1px var(--color-accent-soft), 0 10px 24px -16px #000000e6}.unlock-btn:not(:disabled):active{transform:scale(.97)}.unlock-btn:focus-visible{outline:2px solid var(--color-accent-soft);outline-offset:3px}.unlock-btn:disabled{color:var(--color-muted);cursor:default}.unlock-btn[data-locked]{color:color-mix(in oklab, var(--color-fg) 82%, transparent);background:var(--color-surface)}.unlock-btn[data-voted]{color:var(--color-fg);background:color-mix(in oklab, var(--color-accent) 24%, var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-accent-soft) 60%, transparent)}.unlock-btn[data-nudge]{box-shadow:inset 0 0 0 1.5px var(--color-accent-soft), 0 0 22px -6px var(--color-accent-soft);animation:1.4s ease-in-out infinite unlock-nudge}@keyframes unlock-nudge{50%{transform:scale(1.03)}}.unlock-icon{width:1.75rem;height:1.75rem;color:var(--color-ink);background:var(--color-accent-soft);border-radius:.6rem;flex-shrink:0;place-items:center;display:grid;position:relative}.unlock-icon svg{width:1rem;height:1rem}.unlock-btn:disabled .unlock-icon{color:var(--color-muted);background:color-mix(in oklab, var(--color-muted) 18%, transparent)}.unlock-btn[data-voted] .unlock-icon{color:var(--color-ink);background:var(--color-accent-soft)}.unlock-text{font-variant-numeric:tabular-nums;position:relative}.unlock-tally{font-variant-numeric:tabular-nums;color:var(--color-muted);background:color-mix(in oklab, var(--color-ink) 40%, transparent);border-radius:999px;padding:.125rem .5rem;font-size:.8125rem;position:relative}.unlock-btn[data-voted] .unlock-tally{color:var(--color-accent-soft)}.unlock-charge{background:linear-gradient(90deg, color-mix(in oklab, var(--color-accent) 22%, var(--color-surface)), color-mix(in oklab, var(--color-accent) 42%, var(--color-surface)));box-shadow:inset -2px 0 0 var(--color-accent-soft), 6px 0 14px -6px var(--color-accent-soft);animation:unlock-fill var(--ms,3s) linear both;pointer-events:none;position:absolute;inset:0;transform:translate(-100%)}@keyframes unlock-fill{to{transform:translate(0)}}.unlock-btn[data-ready]{animation:.9s ease-out unlock-ready-ring}.unlock-btn[data-ready] .unlock-icon{animation:unlock-ready .6s var(--ease-spring)}@keyframes unlock-ready-ring{0%{box-shadow:inset 0 0 0 1px var(--color-accent-soft), 0 0 0 0 color-mix(in oklab, var(--color-accent-soft) 45%, transparent)}to{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-line) 70%, var(--color-muted) 30%), 0 0 0 10px transparent}}@keyframes unlock-ready{50%{transform:scale(1.18)}}.unlock-status{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;color:var(--color-muted);font-size:.75rem;overflow:hidden}.unlock-status:empty{display:none}.giveup-btn{height:3.25rem;color:var(--color-muted);background:color-mix(in oklab, var(--color-surface) 65%, transparent);box-shadow:inset 0 0 0 1px var(--color-line);transition:color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .3s var(--ease-spring);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;padding:0 1rem;font-size:.9375rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.giveup-btn:not(:disabled):hover{color:var(--color-fg);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-line) 50%, var(--color-muted) 50%)}.giveup-btn:not(:disabled):active{transform:scale(.97)}.giveup-btn:disabled{opacity:.55}.giveup-btn[data-armed]{color:var(--color-warm);background:color-mix(in oklab, var(--color-warm) 14%, var(--color-surface));box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--color-warm) 70%, transparent)}.giveup-labels{display:grid}.giveup-labels>span{visibility:hidden;grid-area:1/1}.giveup-labels>span[data-on]{visibility:visible}.giveup-timer{opacity:.7;transform-origin:0;height:2px;animation:giveup-drain var(--ms,4s) linear both;background:currentColor;border-radius:2px;position:absolute;bottom:.35rem;left:1rem;right:1rem}@keyframes giveup-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width:639px){.giveup-btn{gap:.35rem;padding:0 .8rem;font-size:.8125rem}.giveup-btn svg{width:1rem;height:1rem}.giveup-timer{left:.8rem;right:.8rem}}
.rate-thumb{width:2.75rem;height:2.75rem;color:var(--color-muted);background:var(--color-raised);box-shadow:inset 0 0 0 1px var(--color-line);transition:color .16s ease, background-color .16s ease, box-shadow .16s ease, transform .3s var(--ease-spring);border-radius:999px;place-items:center;display:inline-grid}.rate-thumb:hover{color:var(--color-fg);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-line) 60%, var(--color-muted) 40%)}.rate-thumb:active{transform:scale(.9)}.rate-thumb-up{color:var(--color-hit);background:color-mix(in oklab, var(--color-hit) 12%, var(--color-raised));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-hit) 45%, transparent)}.rate-thumb-down{color:var(--color-warm);background:color-mix(in oklab, var(--color-warm) 12%, var(--color-raised));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-warm) 45%, transparent)}.rate-thumb-up:hover{color:var(--color-hit)}.rate-thumb-down:hover{color:var(--color-warm)}.rate-thumb[aria-pressed=true] svg{animation:rate-pop .32s var(--ease-spring,ease-out)}@keyframes rate-pop{0%{transform:scale(.7)}to{transform:none}}