@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-800-normal-BKzMuPgK.woff2)format("woff2"),url(/assets/barlow-condensed-latin-800-normal-e9GbPXiK.woff)format("woff")}:root{--paper:#f5f3ee;--ink:#232321;--muted:#6d6b67;--pink:#c6275d;--bright:#ee4b80;--line:#d9d6ce;--white:#fffefa;--radius:10px}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,PingFang TC,Microsoft JhengHei,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid var(--pink);outline-offset:5px}a,button{color:inherit}button,a{transition:background .2s,transform .2s,color .2s}button:hover:not(:disabled){transform:translateY(-2px)}[hidden]{display:none!important}.wrap{max-width:1280px;margin:0 auto;padding-inline:48px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:108px;display:flex}.brand{letter-spacing:-1.6px;align-items:center;padding-bottom:19px;font-size:29px;font-weight:900;line-height:1;text-decoration:none;display:flex;position:relative}.brand-icon{color:var(--pink);margin:0 3px;font-size:34px}.brand-small{letter-spacing:2px;font:10px Arial,sans-serif;position:absolute;bottom:0;left:0}.text-button{background:0 0;border:0;padding:10px 0;font-size:13px}.text-button span{margin-left:15px}.hero{grid-template-columns:1.03fr 1fr;align-items:center;gap:35px;padding:64px 0 55px;display:grid}.eyebrow{letter-spacing:2px;color:var(--pink);margin:0 0 24px;font:600 11px Arial,sans-serif}h1{letter-spacing:-2px;margin:0;font-size:clamp(36px,3.9vw,52px);font-weight:900;line-height:1.38}h2{letter-spacing:-.8px;margin:0;font-size:28px;line-height:1.5}.intro{color:var(--muted);margin:22px 0 30px;font-size:15px;line-height:1.9}.field-label{margin-bottom:12px;font-size:12px;font-weight:600;display:block}.mixes{gap:8px;margin-bottom:20px;display:flex}.mix{border:1px solid var(--line);background:0 0;border-radius:5px;padding:10px 17px;font-size:13px}.mix.active{color:var(--white);background:var(--ink);border-color:var(--ink)}.primary{background:var(--pink);color:#fff;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:36px;min-height:54px;padding:17px 23px;font-size:15px;font-weight:600;display:flex}.primary:hover{background:#ab2050}.start-button{width:310px}.primary span{font-size:22px;font-weight:400}.small{font-size:11px;line-height:1.8}.muted{color:var(--muted)}.record-scene{height:455px;margin-top:10px;position:relative}.record-caption{letter-spacing:1.8px;font:10px Arial,sans-serif;position:absolute;top:0;left:20px}.vinyl{background:repeating-radial-gradient(circle,#202020 0 2px,#30302e 3px,#202020 4px);border-radius:50%;place-items:center;width:350px;height:350px;display:grid;position:absolute;top:49px;right:-4px;transform:rotate(15deg);box-shadow:8px 15px 25px #0002}.record-label{text-align:center;background:#dddacf;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:135px;height:135px;display:flex}.record-label span{font:800 23px/.92 Barlow Condensed,sans-serif}.record-label i{background:var(--ink);border-radius:50%;width:10px;height:10px}.record-label small{letter-spacing:.6px;font:5px Arial}.record-sleeve{background:var(--bright);color:#282321;background-image:repeating-linear-gradient(0deg,#0000 0 3px,#00000004 4px);flex-direction:column;justify-content:space-between;width:300px;height:350px;padding:26px;display:flex;position:absolute;top:62px;left:4px;transform:rotate(-9deg);box-shadow:0 10px 20px #0002}.sleeve-top{letter-spacing:1px;font:10px/1.5 Arial}.record-sleeve strong{letter-spacing:-1px;font:800 72px/.87 Barlow Condensed,Impact,sans-serif}.sleeve-bottom{letter-spacing:1px;font:10px/1.5 Arial;position:relative}.sleeve-bottom b{font:46px Arial;position:absolute;top:-14px;right:0}.scene-note{font-size:12px;font-weight:600;position:absolute;bottom:0;right:7px;transform:rotate(-5deg)}.scene-note span{color:var(--pink);margin-left:15px}.how-strip{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);padding:24px 0;display:grid}.how-strip>div{border-left:1px solid var(--line);align-items:center;gap:18px;padding-left:32px;display:flex}.how-strip>div:first-child{border:0;padding:0}.how-strip>div>span{color:#918d83;font:600 32px Barlow Condensed,sans-serif}.how-strip p{margin:0;font-size:14px;font-weight:600}.how-strip small{color:var(--muted);margin-top:5px;font-size:11px;font-weight:400;display:block}.rotation{padding:35px 0 45px}.rotation-heading{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.rotation-heading h2{letter-spacing:0;font-size:18px}.rotation-heading>span{letter-spacing:1.5px;color:var(--muted);font:10px Arial}.artist-list{flex-wrap:wrap;gap:12px;display:flex}.artist-chip{border:1px solid var(--line);border-radius:5px;align-items:center;gap:16px;padding:10px 15px;font-size:12px;font-weight:600;display:flex}.artist-chip small{color:var(--muted);font-size:10px;font-weight:400}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:24px;padding-top:23px;padding-bottom:26px;font-size:10px;display:flex}.site-footer>span:first-child{letter-spacing:1px;font:9px Arial}.footer-star{color:var(--pink);margin:0 10px}#game{min-height:calc(100dvh - 179px);padding:30px 0 60px}.game-heading{justify-content:space-between;align-items:center;font-size:12px;display:flex}.game-heading>span:nth-child(2){letter-spacing:2px;font:13px Barlow Condensed,sans-serif}.score-label b{margin-left:12px;font-size:18px}.round-track{gap:7px;margin:19px 0 36px;display:flex}.round-mark{background:var(--line);flex:1;height:4px}.round-mark.current{background:var(--pink)}.round-mark.done{background:var(--ink)}.game-layout{grid-template-columns:390px 1fr;gap:75px;max-width:1000px;margin:0 auto;display:grid}.listen-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);padding:28px 30px 20px}.listen-panel .eyebrow{letter-spacing:1.7px;margin-bottom:20px;font-size:9px}.mystery-art,.answer-art{aspect-ratio:1;object-fit:cover;border-radius:4px;width:100%}.mystery-art{background:var(--ink);color:var(--paper);background-image:repeating-radial-gradient(circle,#fff0 0 7px,#ffffff09 8px,#fff0 9px);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.mystery-art>span{color:var(--bright);font:800 144px Barlow Condensed,sans-serif}.mystery-art small{letter-spacing:3px;font:9px Arial}.playback{align-items:center;gap:15px;margin:23px 0 18px;display:flex}.play-button{background:var(--ink);color:#fff;border:0;border-radius:50%;flex:0 0 44px;height:44px;font-size:17px}.playback-details{flex:1;font-size:12px}.audio-track{background:var(--line);border-radius:4px;height:3px;margin:10px 0 5px;overflow:hidden}#audio-progress{background:var(--pink);width:0;height:100%}#audio-time{color:var(--muted);font:10px Arial}.courtesy{color:var(--muted);margin:0;font:9px/1.6 Arial}.source-link{margin-top:9px;font-size:11px;font-weight:600;text-decoration:none;display:inline-block}.audio-error{color:var(--pink);margin-bottom:0;font-size:12px;line-height:1.7}.audio-error:empty{display:none}.question-panel{min-width:0;padding-top:32px}.round-caption{color:var(--pink);margin:0 0 14px;font-size:12px}.question-panel h2{font-size:29px}.question-panel .muted{font-size:13px;line-height:1.8}.options{gap:12px;margin:27px 0 15px;display:grid}.option{text-align:left;border:1px solid var(--line);background:0 0;border-radius:6px;align-items:center;gap:18px;min-height:62px;padding:17px 18px;font-size:15px;line-height:1.5;display:flex}.option>span:first-child{color:var(--muted);font:12px Arial}.option:hover{border-color:var(--pink);background:#ed3d7808}.skip{color:var(--muted);font-size:12px}.verdict{color:var(--pink);margin:0 0 24px;font-size:13px;font-weight:600}.answer-artist{margin-top:10px;font-size:19px}.album-detail{margin:18px 0 0}.answer-feedback{border-top:1px solid var(--line);margin:22px 0 26px;padding-top:20px;font-size:13px;line-height:1.8}.apple-link{background:var(--ink);color:#fff;border-radius:6px;justify-content:space-between;align-items:center;padding:17px 19px;font-size:13px;text-decoration:none;display:flex}.apple-link:hover{background:#454540}.next{width:100%;margin-top:12px}#results{padding:44px 0 60px}.results-top{text-align:center}.results-top .primary{margin:0 auto}.results-top h1{font-size:36px}.results-top .eyebrow{margin-bottom:14px}.results-top .muted{font-size:14px}.final-score{justify-content:center;align-items:baseline;gap:16px;margin:14px 0 25px;display:flex}.final-score strong{color:var(--pink);font:800 100px/.95 Barlow Condensed}.final-score span{color:var(--muted);font-size:14px}.results-heading{margin-top:50px;margin-bottom:23px}.results-heading h2{font-size:22px}.results-heading p{font-size:12px}.history-row{border-top:1px solid var(--line);align-items:center;gap:18px;padding:17px 0;display:flex}.history-row img{border-radius:5px;width:62px;height:62px}.history-info{flex:1;min-width:0}.history-info strong{font-size:14px;display:block}.history-info p{color:var(--muted);margin:6px 0 0;font-size:12px}.history-row>a{font-size:12px;text-decoration:none}.history-status{color:var(--pink);min-width:40px;font-size:11px}.history-status.skipped{color:var(--muted)}dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);width:calc(100% - 32px);max-width:480px;color:var(--ink);padding:36px}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2228}.dialog-close{float:right;margin-top:-12px}dialog h2{font-size:28px}dialog ol{margin:24px 0;padding-left:20px;font-size:14px;line-height:1.9}dialog li{margin-bottom:10px;padding-left:5px}@media (width>=1450px){.hero{padding-block:80px}.record-scene{transform:scale(1.07)}}@media (width<=1050px){.wrap{padding-inline:30px}.hero{gap:15px}.record-scene{transform-origin:100%;margin-left:-60px;transform:scale(.85)}.hero h1{font-size:41px}.game-layout{grid-template-columns:340px 1fr;gap:40px}.how-strip>div{gap:12px;padding-left:18px}}@media (width<=760px){.wrap{padding-inline:22px}.site-header{height:89px}.brand{font-size:25px}.brand-icon{font-size:29px}.brand-small{font-size:8px}.hero{grid-template-columns:1fr;gap:0;padding-top:36px;padding-bottom:28px}.hero h1{font-size:39px}.hero .eyebrow{margin-bottom:18px;font-size:10px}.intro{margin:18px 0 24px;font-size:14px}.setup{z-index:1;position:relative}.start-button{width:100%}.mixes{gap:7px}.mix{flex:1;padding-inline:9px}.record-scene{width:360px;max-width:100%;height:310px;margin:27px auto 0;transform:none}.vinyl{width:245px;height:245px;top:32px;right:0}.record-label{width:96px;height:96px}.record-label span{font-size:18px}.record-label small{font-size:4px}.record-label i{width:7px;height:7px}.record-sleeve{width:218px;height:250px;padding:19px;top:40px;left:5px}.record-sleeve strong{font-size:50px}.sleeve-top,.sleeve-bottom{font-size:8px}.sleeve-bottom b{font-size:34px}.record-caption{font-size:8px;left:0}.scene-note{font-size:10px;bottom:-6px;right:0}.how-strip{grid-template-columns:1fr;gap:17px;margin-top:20px;padding:23px 0}.how-strip>div{border:0;gap:18px;padding:0}.how-strip>div>span{width:25px;font-size:25px}.how-strip p{font-size:13px}.how-strip small{margin-left:12px;font-size:10px;display:inline}.rotation{padding:26px 0}.rotation-heading>span{font-size:8px}.rotation-heading h2{font-size:16px}.artist-list{gap:8px}.artist-chip{gap:10px;padding:9px 12px;font-size:11px}.site-footer{flex-direction:column;gap:13px;padding-top:20px;font-size:9px}.game-layout{grid-template-columns:1fr;gap:0}.listen-panel{width:100%;max-width:360px;margin:auto;padding:19px}.mystery-art,.answer-art{width:190px;height:190px;margin:auto;display:flex}.mystery-art>span{font-size:85px}.mystery-art small{letter-spacing:2px;font-size:7px}.listen-panel .eyebrow{margin-bottom:14px}.playback{margin-block:18px 12px}.question-panel{padding-top:28px}.question-panel h2{font-size:25px}.round-track{margin-bottom:24px}.options{margin-top:20px}.option{min-height:57px;padding:14px 16px}.round-caption,.game-heading,.game-heading .text-button{font-size:11px}#game{padding-top:18px}.score-label b{margin-left:5px;font-size:16px}.results-top h1{font-size:28px}.history-row{gap:11px}.history-row img{width:48px;height:48px}.history-row>a{max-width:70px;font-size:10px}.history-info strong{font-size:12px}.history-info p{font-size:10px}.history-status{min-width:30px;font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=760px){.vinyl{transform:none}.hero>*{min-width:0}.record-scene{width:100%}}.regions{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.region{border:1px solid var(--line);background:0 0;border-radius:5px;padding:12px 17px;font-size:13px;font-weight:600}.region.active{background:var(--ink);border-color:var(--ink);color:var(--white)}.mixes{flex-wrap:wrap}.decades .mix{white-space:nowrap;padding-inline:12px}@media (width<=480px){.decades .mix{flex:calc(50% - 8px)}}.guess-form{margin:28px 0 16px}.autocomplete{position:relative}#guess-input{border:1px solid var(--line);background:var(--white);width:100%;min-height:56px;color:var(--ink);border-radius:6px;padding:15px 16px;font-size:16px}#guess-input:focus-visible{outline:2px solid var(--pink);outline-offset:2px}#guess-suggestions{overscroll-behavior:contain;background:var(--white);border:1px solid var(--line);border-top:0;border-radius:0 0 6px 6px;max-height:272px;position:relative;overflow-y:auto}.song-suggestion{cursor:pointer;border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:12px 16px}.song-suggestion:last-child{border-bottom:0}.song-suggestion strong{font-size:14px;font-weight:600;display:block}.song-suggestion span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.guess-status{color:var(--pink);min-height:21px;font-size:12px;line-height:1.7}#submit-guess{width:100%}#submit-guess:disabled{cursor:not-allowed}@media (width<=760px){.region{flex:1;padding:11px 9px}.regions{gap:7px}.guess-form{margin-top:20px}}:root{--turntable-pink:#c6275d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--accent-ink:#fffefa;--soft-accent:#f9e3ec;--button-ink:#fffefa;--inverse:#232321}body{font-family:Arial,PingFang TC,Microsoft JhengHei,sans-serif}button,input,select{font:inherit}button{white-space:nowrap}button:disabled{cursor:not-allowed}svg{vertical-align:-.15em;flex-shrink:0;width:1.15em;height:1.15em}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.shell-content{flex:1;width:100%}.site-header,.site-footer{width:100%}.site-header{flex-shrink:0;height:78px}.shell-nav{align-items:center;gap:24px;display:flex}.shell-nav a{font-size:13px;text-decoration:none}.shell-nav .text-button{align-items:center;gap:12px;display:flex}.theme-toggle{border:1px solid var(--line);background:0 0;border-radius:6px;place-items:center;min-width:40px;min-height:40px;display:grid}.theme-toggle .sun-icon{display:none}.skip-link{background:var(--white);z-index:10;padding:12px;position:absolute;top:-60px;left:16px}.skip-link:focus{top:8px}.hero{grid-template-columns:1.05fr 1fr;gap:48px;padding-block:36px}.hero h1{font-size:clamp(34px,3.5vw,48px)}.intro{margin-block:18px 22px}.hero-visual{min-width:0}.hero-visual img{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%;height:auto;display:block}.primary,.publish{background:var(--pink);color:var(--accent-ink)}.primary:hover{background:var(--pink);filter:brightness(.92)}.primary{border-radius:6px}.primary svg{width:22px;height:22px}.regions,.mixes{margin-bottom:16px}.region,.mix{border-radius:6px}.region.active,.mix.active{background:var(--ink);color:var(--paper)}.how-strip>div{padding-block:4px}.how-strip p{font-size:14px}.how-strip small,.small{font-size:12px}.artist-chip{font-size:13px}.artist-chip small,.site-footer{font-size:11px}.site-footer>span:first-child{font-size:10px}.play-button{background:var(--inverse);color:var(--button-ink);place-items:center;display:grid}.mystery-art{background-color:var(--inverse);color:var(--button-ink)}.playback-details{min-width:0}.audio-time{color:var(--muted);font:11px Arial}.preview-progress{appearance:none;background:var(--line);border:0;width:100%;height:3px;margin:10px 0 6px;display:block}.preview-progress::-webkit-progress-bar{background:var(--line)}.preview-progress::-webkit-progress-value{background:var(--pink)}.preview-progress::-moz-progress-bar{background:var(--pink)}.song-suggestion[aria-selected=true],.song-suggestion:hover{background:var(--soft-accent)}.apple-link{background:var(--inverse);color:var(--button-ink)}.source-link svg,.history-row>a svg{width:12px;height:12px}.guess-status{min-height:22px}.page-loading,.error-page{min-height:40dvh;padding:64px 0}.error-page h1{font-size:30px}.admin-controls{border:0;min-width:0;margin:0;padding:0}.admin-controls:disabled{opacity:.7}.admin-main .notice{background:var(--soft-accent);color:var(--pink)}.admin-main .status{background:var(--line);color:var(--ink)}.admin-main .status.published{background:var(--soft-accent);color:var(--pink)}input::placeholder{color:var(--muted);opacity:1}.admin-main label{font-size:13px}.admin-main .category-tag,.admin-main .status{font-size:12px}.admin-main .row-tags{flex-wrap:wrap}.admin-main input,.admin-main select,.admin-main button{font-size:13px}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#1c1c1f;--ink:#f1eee8;--muted:#b6b2ae;--line:#444347;--white:#27272b;--pink:#ef83a8;--bright:#ed789f;--soft-accent:#432736;--accent-ink:#21151c}html[data-theme=dark] .theme-toggle .sun-icon{display:block}html[data-theme=dark] .theme-toggle .moon-icon{display:none}@media (prefers-color-scheme:dark){html:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#1c1c1f;--ink:#f1eee8;--muted:#b6b2ae;--line:#444347;--white:#27272b;--pink:#ef83a8;--bright:#ed789f;--soft-accent:#432736;--accent-ink:#21151c}html:not([data-theme=light]) .theme-toggle .sun-icon{display:block}html:not([data-theme=light]) .theme-toggle .moon-icon{display:none}}@media (width>=1450px){.hero{padding-block:46px}}@media (width<=767px){.site-header{height:76px}.brand{font-size:23px}.brand-icon{font-size:28px}.brand-small{font-size:8px}.shell-nav{gap:14px}.shell-nav .text-button{gap:5px;font-size:12px}.theme-toggle{min-width:36px;min-height:36px}.hero{flex-direction:column;align-items:stretch;gap:28px;padding-block:30px;display:flex}.hero h1{font-size:35px}.hero-visual{width:100%;max-width:360px;margin:0 auto}.how-strip{margin-top:0}.how-strip small{margin:6px 0 0;display:block}.admin-heading{flex-wrap:wrap}.row-tags{row-gap:8px}.game-heading .text-button{font-size:12px}.question-panel{padding-bottom:12px}}.admin-main .publish{color:var(--accent-ink)}.admin-main .notice.error{color:var(--pink);border-color:var(--pink)}.brand-small{white-space:nowrap}.game-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:center;gap:64px;max-width:900px}.listen-panel{background:0 0;border:0;padding:0}.turntable{aspect-ratio:1;background:var(--turntable-pink);color:#fffefa;border-radius:14px;place-items:center;width:100%;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000015,0 5px #8f1c43}.deck-brand{letter-spacing:-.5px;font-size:14px;font-weight:800;position:absolute;top:6%;left:7%}.deck-status{letter-spacing:2px;font-size:9px;position:absolute;bottom:5%;left:7%}.vinyl-record{aspect-ratio:1;background:repeating-radial-gradient(circle,#0000 0 3px,#ffffff0c 4px,#0000 5px),conic-gradient(from 30deg,#121212,#3a3a3a 12%,#171717 23%,#080808 47%,#393939 65%,#171717 77%,#121212);border-radius:50%;width:72%;margin:0;animation:3s linear infinite paused record-spin;position:relative;box-shadow:0 3px 12px #4a0d2790,inset 0 0 0 5px #151515}.turntable.is-playing .vinyl-record{animation-play-state:running}.disc-label{color:#fff;background:#c6275d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:34%;overflow:hidden}.disc-label>span{font-size:36px;line-height:1}.disc-label>small{letter-spacing:1px;margin-top:4px;font-size:5px}.disc-label img{object-fit:cover;width:100%;height:100%}.disc-label:after{content:"";background:#d9d4cd;border:1px solid #151515;border-radius:50%;width:5px;height:5px;position:absolute;top:calc(50% - 3px);left:calc(50% - 3px)}.tonearm{transform-origin:50% 8%;background:#dfd8d1;border:2px solid #a9a3a0;border-radius:10px;width:9px;height:48%;transition:transform .4s;position:absolute;top:15%;right:11%;transform:rotate(-12deg);box-shadow:2px 2px 4px #0004}.tonearm:before{content:"";background:#232321;border:4px solid #d8d0c8;border-radius:50%;width:23px;height:23px;position:absolute;top:-5px;left:-9px}.tonearm:after{content:"";background:#232321;border-radius:3px;width:12px;height:29px;position:absolute;bottom:-10px;left:-3px}.turntable.is-playing .tonearm{transform:rotate(17deg)}.playback{margin-top:26px}.playback-note{margin:0 0 16px}.preview-progress{pointer-events:none}.challenge-clock{border-block:1px solid var(--line);margin:24px 0;padding:16px 0}.clock-reading{color:var(--muted);grid-template-columns:1fr 1fr;gap:20px;font-size:12px;display:grid}.clock-reading strong{color:var(--ink);font-variant-numeric:tabular-nums;margin-top:8px;font:800 36px Barlow Condensed,sans-serif;display:block}.clock-reading>span:last-child strong{color:var(--pink)}.clock-reading small{font:12px Arial,sans-serif}.score-rules{margin-top:16px;font-size:12px}.score-rules summary{cursor:pointer;color:var(--muted)}.score-rules dl{grid-template-columns:repeat(3,1fr);gap:12px;margin-block:16px;display:grid}.score-rules dl>div{border-left:2px solid var(--line);padding-left:10px}.score-rules dt{color:var(--muted)}.score-rules dd{margin:6px 0 0;font-weight:700}.score-rules p{color:var(--muted);line-height:1.8}.answer-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.final-score{flex-wrap:wrap}#guess-input:disabled{opacity:.55;cursor:not-allowed}@keyframes record-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.vinyl-record{animation:none}.tonearm{transition:none}}@media (width<=767px){.game-layout{grid-template-columns:minmax(0,1fr);gap:8px}.turntable{max-width:180px;margin-inline:auto}.listen-panel{padding:0}.clock-reading strong{font-size:32px}.final-score strong{font-size:72px}.brand-small{letter-spacing:1.3px}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#game{max-width:900px;margin-inline:auto;padding-block:28px 40px}#game .question-panel{padding:0}#game .question-panel h2{margin-top:0;font-size:clamp(24px,3vw,34px)}#game .guess-form{margin:20px 0 12px}#game #submit-guess{margin-top:16px}#game .skip{margin-top:0}#game .challenge-clock{margin:20px 0;padding:14px 0}#game .playback{margin:22px 0 12px}.source-credit{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;display:flex}.source-credit .courtesy{margin:0;font-size:9px}.source-credit .source-link{margin:0}.disc-label{text-align:center;gap:0;width:auto;height:auto}@media (width<=767px){#game{padding-block:16px 24px}#game .round-track{margin-bottom:18px}#game .game-layout{gap:20px}#game .listen-panel{max-width:none}#game .playback{margin-block:16px 10px}#game .question-panel h2{font-size:23px}#game .challenge-clock{margin-block:12px;padding-block:10px}#game .clock-reading strong{margin-top:4px;font-size:28px}#game .score-rules{margin-top:10px}#game .guess-form{margin-block:12px 10px}#game #submit-guess{min-height:46px;margin-top:12px}#game .deck-brand{font-size:9px}#game .deck-status{letter-spacing:1px;font-size:6px}#game .disc-label>span{font-size:24px}#game .disc-label>small{display:none}#game .tonearm{border-width:1px;width:6px}#game .tonearm:before{border-width:3px;width:16px;height:16px;left:-6px}#game .tonearm:after{width:9px;height:18px;left:-2px}}:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}html,body,#root{height:100%;overflow:hidden}.app-shell{height:100dvh;min-height:0;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:var(--white);grid-template-rows:76px minmax(0,1fr) 34px;grid-template-columns:96px minmax(0,1fr);display:grid;position:fixed;inset:0;overflow:hidden}.app-shell[data-keyboard=open]{top:var(--keyboard-top,0px);width:100%;height:var(--keyboard-height);padding-bottom:0;position:fixed;left:0}dialog{max-width:min(480px, calc(100% - var(--safe-left) - var(--safe-right) - 32px));max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 32px);inset:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);overscroll-behavior:contain;margin:auto;overflow-y:auto}.dialog-close{min-width:44px;min-height:44px}.site-header{background:var(--white);grid-column:1/-1;max-width:none;height:auto;padding-inline:28px}.brand{letter-spacing:normal;gap:11px;padding-bottom:0}.brand-mark{flex:none;width:48px;height:48px;display:block}.brand-wordmark{flex-direction:column;gap:6px;display:flex}.brand-wordmark strong{letter-spacing:-1px;white-space:nowrap;font-size:23px;font-weight:900}.brand-small{letter-spacing:1.5px;font-size:8px;position:static}.disc-label .record-brand-mark{object-fit:contain;border-radius:50%;width:75%;height:75%}.disc-label:has(.record-brand-mark):after{display:none}.shell-rail{background:var(--white);border-right:1px solid var(--line);flex-direction:column;grid-row:2/4;align-items:stretch;gap:10px;padding:24px 10px;display:flex}.shell-rail a,.shell-rail button{color:var(--muted);background:0 0;border:0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:70px;font-size:11px;text-decoration:none;display:flex}.shell-rail svg{width:25px;height:25px}.shell-rail .active{background:var(--soft-accent);color:var(--pink)}.shell-rail a:hover,.shell-rail button:hover{background:var(--soft-accent);transform:none}.shell-content{overscroll-behavior-y:contain;scrollbar-gutter:stable;background:var(--paper);grid-area:2/2;max-width:none;min-height:0;padding-inline:clamp(24px,4vw,64px);scroll-padding-block:20px;overflow-y:auto}.site-footer{border-top:1px solid var(--line);background:var(--white);grid-area:3/2;align-items:center;max-width:none;min-height:0;margin:0;padding:8px 28px;font-size:10px}#home{align-items:center;min-height:100%;display:grid}.hero{grid-template-columns:minmax(0,1fr) minmax(340px,1fr);gap:clamp(32px,5vw,80px);width:100%;max-width:1050px;margin-inline:auto;padding-block:32px}.hero-visual{order:-1;width:100%}.hero .turntable{max-width:430px;margin-inline:auto}.hero h1{letter-spacing:-1px;font-size:clamp(26px,2.5vw,36px)}.hero .eyebrow{margin-bottom:12px}.hero .intro{margin:12px 0 26px;font-size:13px}.hero .setup{max-width:none}.deck-caption{color:var(--muted);justify-content:space-between;max-width:430px;margin:24px auto 0;font-size:12px;display:flex}.regions,.mixes{flex-wrap:wrap;gap:8px;margin-bottom:20px}.field-label{margin-bottom:9px}.region,.mix{min-height:42px}.decades .mix{padding-inline:11px}.start-button{width:100%;margin-top:6px}#game{max-width:1050px;padding-top:26px}#game .game-layout{grid-template-columns:minmax(240px,400px) minmax(300px,1fr);gap:clamp(32px,5vw,80px);max-width:none}#game .round-track{margin-bottom:36px}.clip-stages{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;margin:20px 0 12px;padding:0;list-style:none;display:grid}.clip-stages li{border-top:3px solid var(--line);color:var(--muted);padding:10px 0 0;font-size:11px}.clip-stages strong{font-variant-numeric:tabular-nums;margin-top:5px;font-size:14px;display:block}.clip-stages .active{border-color:var(--pink);color:var(--pink)}.clip-stages .used{opacity:.6}.loop-hint{color:var(--muted);margin:0;font-size:12px}.guess-feedback{color:var(--pink);overflow-wrap:anywhere;font-size:13px;line-height:1.6}.guess-actions{justify-content:space-between;gap:16px;display:flex}.guess-actions .text-button{font-size:12px}#results{max-width:1000px;margin-inline:auto;padding-top:28px}.admin-main{max-width:1200px;margin-inline:auto}.preview-progress{border-radius:3px;height:5px}@media (width<=1023px){.app-shell{grid-template-columns:78px minmax(0,1fr)}.shell-rail{padding-inline:5px}.hero{grid-template-columns:minmax(220px,.8fr) minmax(320px,1fr);gap:28px}.hero h1{font-size:28px}#game .game-layout{grid-template-columns:minmax(220px,.8fr) minmax(280px,1fr);gap:28px}}@media (width<=767px),(width<=1023px) and (height<=500px){.app-shell{grid-template-rows:66px minmax(0,1fr) auto 62px;grid-template-columns:minmax(0,1fr)}.app-shell[data-keyboard=open]{grid-template-rows:56px minmax(0,1fr)}.app-shell[data-keyboard=open] .shell-rail,.app-shell[data-keyboard=open] .site-footer{display:none}.app-shell[data-keyboard=open] #guess-suggestions{max-height:min(160px,24dvh)}.app-shell[data-keyboard=open] #submit-guess{z-index:2;position:sticky;bottom:8px}.site-header{padding-inline:18px}.theme-toggle{min-width:44px;min-height:44px}.shell-nav{flex-shrink:0}.app-shell .shell-content input,.app-shell .shell-content select,.app-shell .shell-content textarea{font-size:16px}.shell-content button,.shell-content select,.song-suggestion{min-height:44px}.brand{gap:9px}.brand>.brand-mark{width:38px;height:38px}.brand-wordmark strong{letter-spacing:-.8px;font-size:20px}.brand-wordmark .brand-small{letter-spacing:1.25px;font-size:7px}.shell-nav>.text-button,.shell-nav>.view-front-link{display:none}.shell-rail{border-right:0;border-top:1px solid var(--line);flex-direction:row;grid-area:4/1;gap:8px;padding:3px 16px}.shell-rail a,.shell-rail button{flex:1;gap:4px;min-height:52px;font-size:10px}.shell-rail svg{width:22px;height:22px}.shell-content{scrollbar-gutter:auto;padding-inline:20px;grid-column:1;padding-bottom:20px}.site-footer{grid-column:1;justify-content:center;padding:6px 12px;font-size:9px}.site-footer>span:first-child{display:none}.hero{grid-template-columns:88px minmax(0,1fr);align-items:center;gap:12px;padding-block:24px;display:grid}.hero-visual{grid-area:1/1/3;width:88px;margin:0}.hero .turntable{max-width:none}.hero .deck-brand{font-size:7px}.hero .deck-status,.hero .disc-label>small,.deck-caption{display:none}.hero .disc-label>span{font-size:24px}.hero .tonearm{width:5px}.hero .tonearm:before{border-width:3px;width:16px;height:16px;left:-7px}.hero .tonearm:after{width:8px;height:17px}.hero-copy{display:contents}.hero .setup{grid-column:1/-1;margin-top:8px}.hero .eyebrow{display:none}.hero h1{text-align:left;grid-area:1/2;align-self:end;margin:0;font-size:22px}.hero .intro{text-align:left;grid-area:2/2;align-self:start;margin:0;font-size:12px}.regions,.mixes{gap:6px;margin-bottom:16px}.region,.mix{min-height:40px;padding:9px 12px;font-size:12px}.decades .mix{flex:calc(50% - 6px);padding-inline:6px;font-size:11px}.decades{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}#game{padding-block:12px}#game .game-layout{grid-template-columns:minmax(0,1fr);gap:8px}#game .round-track{margin-block:10px 12px}#game .turntable{max-width:90px}#game .deck-brand{font-size:7px}#game .deck-status{display:none}#game .playback{margin-block:6px}#game .game-heading{margin-bottom:0}.clip-stages{margin:6px 0}.clip-stages li{padding-top:3px;font-size:10px;line-height:1.2}.clip-stages strong{margin-top:3px;font-size:12px}#game .clock-reading strong{font-size:28px}#game .challenge-clock{margin-block:6px;padding-block:6px}#game .question-panel h2{font-size:21px;line-height:1.25}#game .guess-form{margin-block:8px}.history-row{flex-wrap:wrap}.admin-main .preview-player{width:100%;margin-top:20px;position:sticky;bottom:12px;left:auto;transform:none}.admin-main:has(.preview-player){padding-bottom:24px}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.player-shell{--content-background:#f0e7e9;grid-template-rows:68px minmax(0,1fr) 28px}html[data-theme=dark] .player-shell{--content-background:#211a20}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .player-shell{--content-background:#211a20}}.player-shell .shell-content{background:var(--content-background);scroll-behavior:auto;min-width:0;padding:16px 28px;overflow:hidden}.player-shell .site-footer{gap:10px;padding:0 20px;font-size:9px}.player-shell .footer-credit{margin-left:auto}.donate-link{border:1px solid color-mix(in srgb, var(--pink) 22%, transparent);background:color-mix(in srgb, var(--pink) 10%, var(--white));min-height:22px;color:var(--pink);white-space:nowrap;border-radius:6px;flex:none;align-items:center;gap:5px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.donate-link:hover{background:color-mix(in srgb, var(--pink) 18%, var(--white));border-color:var(--pink)}.donate-link:focus-visible{outline:2px solid var(--pink);outline-offset:2px}.donate-link svg{width:12px;height:12px}.player-shell .shell-content input,.player-shell .shell-content select{font-size:16px}.player-shell button{touch-action:manipulation}.player-shell button:not(:disabled):active{transform:scale(.97)}.player-shell .listen-panel{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.player-shell .listen-panel .turntable{flex-shrink:0;width:100%;max-width:120px}.player-shell .listen-panel .deck-brand{font-size:6px}.player-shell .listen-panel .deck-status{display:none}.player-shell .listen-panel .playback{align-items:center;gap:16px;width:100%;max-width:420px;margin:0;display:flex}.player-shell .listen-panel .play-button{width:76px;height:76px;min-height:76px;color:var(--button-ink);background:var(--turntable-pink);box-shadow:0 4px 0 color-mix(in srgb, var(--turntable-pink), #000 24%);border:0;border-radius:50%;flex-direction:column;flex:0 0 76px;justify-content:center;align-items:center;gap:3px;transition:transform .12s;display:flex}.player-shell .listen-panel .play-button svg{width:28px;height:28px}.player-shell .listen-panel .play-button span{font-size:11px;font-weight:700}.player-shell .playback-details{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.clip-score{white-space:nowrap;font-size:15px;font-weight:600}.clip-score b{color:var(--pink);font-variant-numeric:tabular-nums;font-size:20px}.player-shell .preview-progress{width:100%;height:4px;margin:0}.player-shell .audio-time{color:var(--muted);font-size:10px}.extend-button{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:6px;justify-content:center;align-self:flex-start;align-items:center;gap:5px;min-height:36px;padding:5px 12px;font-size:12px;display:flex}.extend-button svg{flex:none;width:16px;height:16px}.player-shell .source-credit{justify-content:center;width:100%;margin:0}.player-shell .source-credit .courtesy{font-size:8px}.player-shell .audio-error{color:var(--pink);margin:0;font-size:12px}.compact-stage{justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.compact-stage strong{color:var(--pink)}.player-shell .compact-guess{z-index:4;width:100%;min-width:0;margin:0;position:relative}.answer-entry{border:1px solid var(--line);background:var(--white);border-radius:8px;align-items:stretch;display:flex;overflow:hidden}.answer-entry:focus-within{border-color:var(--pink);box-shadow:0 0 0 2px var(--soft-accent)}.player-shell .compact-guess #guess-input{width:0;min-width:0;height:52px;min-height:52px;box-shadow:none;border:0;border-radius:0;outline:0;flex:1;padding:12px;font-size:16px}.player-shell .compact-guess #submit-guess{background:var(--turntable-pink);width:58px;height:52px;min-height:52px;color:var(--button-ink);border:0;border-radius:0;flex-direction:column;flex:0 0 58px;justify-content:center;align-items:center;gap:1px;margin:0;padding:4px;display:flex;position:static}.answer-submit svg{width:22px;height:22px}.answer-submit span{font-size:10px}.suggestions-panel{z-index:20;background:var(--white);border:1px solid var(--line);border-radius:8px;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 6px 22px #0002}.suggestions-panel[hidden]{display:none}.player-shell #guess-suggestions{border:0;border-radius:0;max-height:none;overflow:hidden}.player-shell .song-suggestion{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);text-align:left;touch-action:manipulation;background:0 0;border-radius:0;min-height:44px;padding:5px 12px;display:block}.player-shell .song-suggestion:hover,.player-shell .song-suggestion:not(:disabled):active{transform:none}.player-shell .song-suggestion strong,.player-shell .song-suggestion span{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.player-shell .song-suggestion strong{font-size:13px;line-height:18px}.player-shell .song-suggestion span{font-size:11px;line-height:16px}.player-shell .song-suggestion[aria-selected=true]{background:var(--soft-accent)}.suggestion-pages{border-top:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.suggestion-pages button{background:0 0;border:0;width:44px;min-height:44px;padding:0}.suggestion-pages span{color:var(--muted);font-size:10px}.player-shell .guess-actions{justify-content:center;margin:0}.player-shell .skip{color:var(--muted);min-height:32px;padding:4px 12px;font-size:11px}.how-dialog{border-radius:16px;width:min(440px,100% - 32px);padding:20px;overflow:hidden}.how-top{color:var(--pink);letter-spacing:2px;justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.how-top button{width:44px;min-height:44px;padding:0}.how-body{animation:.2s ease-out panel-in}.how-symbol{background:var(--soft-accent);width:62px;height:62px;color:var(--pink);border-radius:50%;place-items:center;margin:6px 0 16px;display:grid}.how-symbol svg{width:32px;height:32px}.how-dialog h2{letter-spacing:-.7px;margin:0 0 14px;font-size:25px;line-height:1.25}.how-dialog p{margin:0 0 14px;font-size:14px;line-height:1.7}.how-dialog .how-detail{color:var(--muted);font-size:12px}.how-tiers{grid-template-columns:repeat(6,1fr);gap:6px;margin:14px 0;display:grid}.how-tiers>div{border-top:3px solid var(--pink);padding-top:6px}.how-tiers span{color:var(--muted);font-size:10px;display:block}.how-tiers strong{margin-top:4px;font:800 22px Barlow Condensed,sans-serif;display:block}.how-bottom{justify-content:space-between;align-items:center;gap:12px;display:flex}.how-bottom .primary{min-height:44px;padding:10px 16px;font-size:12px}.how-dots{display:flex}.how-dots button{background:0 0;border:0;place-items:center;width:24px;min-height:44px;padding:0;display:grid}.how-dots span{background:var(--line);border-radius:50%;width:6px;height:6px}.how-dots [aria-current] span{background:var(--pink);border-radius:4px;width:15px}.leaderboard-page{--board-row-height:76px;flex-direction:column;gap:12px;max-width:700px;height:100%;min-height:0;margin:auto;display:flex}.board-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.board-heading .eyebrow{margin:0 0 5px;font-size:10px}.board-heading h1{margin:0;font-size:28px}.board-heading>svg{width:44px;height:44px;color:var(--pink)}.board-filters{align-items:center;gap:10px;display:flex}.board-modes{flex:1;gap:6px;display:flex}.board-modes button{border:1px solid var(--line);background:var(--white);border-radius:6px;flex:1;min-height:44px;padding:8px;font-size:12px}.board-modes [aria-pressed=true]{background:var(--ink);color:var(--paper)}.board-filters select{border:1px solid var(--line);width:110px;min-height:44px;color:var(--ink);background:var(--white);border-radius:6px;padding:8px}.board-caption{color:var(--muted);margin:0;font-size:11px}.board-list{flex-direction:column;flex:1;justify-content:flex-start;min-height:0;display:flex;overflow:hidden}.board-row{min-height:var(--board-row-height);flex:0 0 var(--board-row-height);border-bottom:1px solid var(--line);background:var(--white);align-items:center;gap:14px;padding-inline:12px;display:flex}.board-rank{color:var(--pink);flex:none;width:36px;font:800 32px Barlow Condensed,sans-serif}.board-row>div{flex:1;min-width:0}.board-row strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;display:block;overflow:hidden}.board-row div span{color:var(--muted);margin-top:5px;font-size:11px;display:block}.board-row>b{font-variant-numeric:tabular-nums;white-space:nowrap;font:800 26px Barlow Condensed,sans-serif}.board-row small{font:10px Arial,sans-serif}.board-pagination{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.board-pagination button{min-width:44px;min-height:44px}.board-empty{text-align:center;color:var(--muted);margin:auto;font-size:13px}@keyframes panel-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width<=767px),(width<=1023px) and (height<=500px){.player-shell{grid-template-rows:58px minmax(0,1fr) 24px 56px}.player-shell .site-header{padding-inline:14px}.player-shell .brand-wordmark strong{font-size:18px}.player-shell .brand>.brand-mark{width:34px;height:34px}.player-shell .brand-small{font-size:6px}.player-shell .shell-content{padding:10px 16px}.player-shell .shell-rail{gap:2px;padding:0 8px}.player-shell .shell-rail a,.player-shell .shell-rail button{gap:3px;min-height:52px;font-size:13px;font-weight:600;line-height:1.2}.player-shell .shell-rail svg{width:21px;height:21px}.player-shell .site-footer{justify-content:center;padding-inline:12px}.player-shell .footer-credit{margin-left:0;font-size:8px}.player-shell .site-footer>span:first-child{display:none}.player-shell .donate-link{min-height:22px;margin-left:auto;font-size:11px}.player-shell .listen-panel{gap:5px}.player-shell .listen-panel .turntable{max-width:80px}.player-shell .listen-panel .playback{gap:14px}.player-shell .listen-panel .play-button{flex-basis:72px;width:72px;height:72px;min-height:72px}.player-shell .extend-button{min-height:36px}.player-shell .board-heading h1{font-size:24px}.board-filters{gap:6px}.board-filters select{width:100px;font-size:16px}.leaderboard-page{--board-row-height:66px}.board-row{gap:10px}.player-shell[data-keyboard=open]{grid-template-rows:48px minmax(0,1fr)}.player-shell[data-keyboard=open] .listen-panel .turntable,.player-shell[data-keyboard=open] .source-credit{display:none}.player-shell[data-keyboard=open] .shell-content{padding-block:6px}.player-shell[data-keyboard=open] .brand-small{display:none}.player-shell[data-keyboard=open] .listen-panel .play-button{flex-basis:54px;width:54px;height:54px;min-height:54px}}@media (height<=700px){.player-shell .board-heading .eyebrow,.player-shell .board-caption{display:none}.leaderboard-page{--board-row-height:50px;gap:6px}.board-row>b{font-size:22px}.how-dialog{padding:12px 18px}.how-symbol{display:none}.how-dialog h2{margin:4px 0 10px;font-size:21px}.how-dialog p{margin-bottom:10px;font-size:12px;line-height:1.5}.how-dialog .how-detail{font-size:11px}}@media (prefers-reduced-motion:reduce){.player-shell *,.how-dialog *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.player-shell.is-playing{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.player-shell.is-playing .site-header,.player-shell.is-playing .shell-rail,.player-shell.is-playing .site-footer{display:none}.player-shell.is-playing .shell-content{grid-area:1/1;padding:14px 20px}.game-help,.game-help-button{min-width:44px;min-height:44px;color:var(--muted);background:0 0;border:0;place-items:center;padding:8px;display:grid}.game-help svg,.game-help-button svg{width:25px;height:25px}.solo-score-tools{flex-direction:column;align-items:flex-end;display:flex}.player-shell .solo-game-heading{border:0;align-items:flex-start;padding:0}.player-shell .solo-game-heading .solo-round{font-variant-numeric:tabular-nums;letter-spacing:.5px;font:800 32px/1.3 Barlow Condensed,sans-serif}.player-shell .solo-game-heading strong{font-size:27px}.player-shell .solo-game-heading .solo-finish{color:var(--pink);background:var(--soft-accent);border:1px solid var(--pink);border-radius:6px;padding:8px 12px;font-size:12px;font-weight:700}.player-shell .solo-game-body{flex-direction:column;justify-content:space-between;gap:16px;width:100%;max-width:560px;margin-inline:auto;display:flex}.player-shell .solo-game-body>.listen-panel{flex:1;justify-content:center;gap:16px;width:100%}.player-shell.is-playing .listen-panel .turntable{width:min(68vw,31dvh,300px);max-width:none;display:grid}.player-shell .solo-game-body>.solo-question{width:100%}.player-shell .source-credit{opacity:.8}.player-shell .source-credit .courtesy{text-align:center;font-size:8px;line-height:1.3}.solo-answer-heading{text-align:center;width:100%}.solo-answer-heading h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 8px;font-size:30px;line-height:1.18;display:-webkit-box;overflow:hidden}.solo-answer-heading .solo-artist{margin:0;font-size:19px;line-height:1.3}.solo-answer-heading .solo-verdict{margin:0;font-size:13px}.player-shell .solo-answer-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.player-shell .solo-answer-actions .apple-link{justify-content:center;min-height:48px;margin:0;padding:10px 8px;font-size:11px}.player-shell .solo-answer-actions .solo-primary{padding-inline:12px;font-size:13px}@media (height<=700px){.player-shell.is-playing .shell-content{padding-block:8px}.player-shell .solo-game-body,.player-shell .solo-game-body>.listen-panel{gap:8px}.player-shell.is-playing .listen-panel .turntable{width:min(54vw,28dvh,220px)}.solo-answer-heading h2{margin-block:4px;font-size:25px}.solo-answer-heading .solo-artist{font-size:17px}}@media (height<=500px) and (width>=600px){.player-shell .solo-game-body{grid-template-columns:1fr 1fr;gap:30px;max-width:900px;display:grid}.player-shell.is-playing .listen-panel .turntable{width:100px}.player-shell .solo-game-body>.listen-panel{gap:8px}.player-shell .solo-game.is-revealed .listen-panel .turntable{display:none}}.player-shell.is-playing[data-keyboard=open]{grid-template-rows:minmax(0,1fr)}.player-shell.is-playing[data-keyboard=open] .listen-panel .turntable{display:none}.player-shell.is-playing[data-keyboard=open] .solo-game-body>.listen-panel{flex:0}.solo-stage-score{display:none}@media (width<=767px){.solo-score-tools .solo-header-score{display:none}.solo-stage-score{background:var(--soft-accent);width:min(100%,360px);color:var(--pink);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.solo-stage-score>span{font-size:12px;font-weight:600}.solo-stage-score strong{font-variant-numeric:tabular-nums;font:800 32px/1 Barlow Condensed,sans-serif}.solo-stage-score small{font:11px Arial,sans-serif}.player-shell[data-keyboard=open] .solo-stage-score{display:none}}.pwa-controls{align-items:center;margin-left:auto;display:flex;position:relative}.pwa-footer-button{color:var(--muted);white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:4px;min-height:24px;padding:0 4px;font-size:10px;display:inline-flex}.pwa-footer-button svg{width:13px;height:13px}.pwa-status{background:var(--white);border:1px solid var(--line);width:min(270px,70vw);color:var(--ink);z-index:30;border-radius:6px;padding:10px 12px;font-size:12px;line-height:1.5;position:absolute;bottom:28px;right:0}.install-dialog{border:1px solid var(--line);background:var(--paper);width:340px;color:var(--ink);border-radius:14px;padding:24px;overflow:hidden}.install-dialog::backdrop{background:#0008}.install-dialog>img{border-radius:12px}.install-dialog h2{margin:14px 0 12px;font-size:21px}.install-dialog p{margin:0 0 10px;font-size:14px;line-height:1.65}.install-dialog .install-note{color:var(--muted);font-size:11px}.install-dialog>div{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.install-dialog>div>button{min-height:44px;font-size:13px}.install-close{width:44px;height:44px;color:var(--ink);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:8px;right:8px}.install-close svg{width:20px;height:20px}@media (width<=767px),(width<=1023px) and (height<=500px){.player-shell .site-footer{border-top:0;flex-flow:row;justify-content:flex-start;align-items:center;gap:8px;height:24px;min-height:0;padding-block:0;display:flex}.player-shell .site-footer .pwa-controls{flex:none;margin-left:auto}.player-shell .site-footer .footer-credit{white-space:nowrap;flex:none;margin-left:0}.player-shell .site-footer .donate-link{flex:none}.player-shell .site-footer .pwa-footer-button{min-height:24px}}@media (height<=500px){.install-dialog{width:430px;padding:18px 24px}.install-dialog>img{display:none}.install-dialog h2{margin:0 0 8px}.install-dialog>div{margin-top:8px}}.result-page{flex-direction:column;gap:14px;max-width:1050px;height:100%;min-height:0;margin:0 auto;padding-block:16px;display:flex;overflow:hidden}.result-heading{flex-shrink:0}.result-heading p{letter-spacing:.15em;color:var(--pink);margin:0 0 7px;font-size:10px;font-weight:700}.result-heading h1{margin:0;font-size:25px}.result-layout{flex:1;grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);align-items:center;gap:38px;min-height:0;display:grid}.result-image-wrap{justify-content:center;align-items:center;height:100%;min-height:0;display:flex}.result-card-image{object-fit:contain;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 8px 30px #0001}.result-card-placeholder{aspect-ratio:4/5;background:var(--soft-accent);border:1px solid var(--line);border-radius:8px;justify-content:center;align-items:center;width:min(100%,400px);max-height:100%;font-size:13px;display:flex}.result-tools{flex-direction:column;gap:16px;min-width:0;display:flex}.result-caption h2{text-overflow:ellipsis;white-space:nowrap;margin:0 0 6px;font-size:22px;overflow:hidden}.result-caption p{color:var(--muted);margin:0;font-size:13px}.result-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.result-actions button,.result-actions a,.share-result-button{border:1px solid var(--line);min-height:46px;color:var(--ink);font:inherit;white-space:nowrap;background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px 12px;font-size:13px;text-decoration:none;display:flex}.result-actions .primary,.share-result-button{background:var(--pink);border-color:var(--pink);color:var(--button-ink);font-weight:700}.result-link{border:0;border-bottom:1px solid var(--line);width:100%;min-width:0;color:var(--muted);background:0 0;min-height:38px;padding:8px 0;font-size:16px}.result-notice{min-height:32px;color:var(--muted);margin:0;font-size:11px;line-height:1.5}.result-render-error p,.share-result-error{color:var(--pink);margin:4px 0;font-size:12px;line-height:1.4}.result-render-error button{border:1px solid var(--line);min-height:40px;color:var(--ink);background:0 0;border-radius:8px}.result-unavailable{gap:16px;margin:auto;display:grid}.result-unavailable a{text-align:center;padding:12px;text-decoration:none}.share-result-control{min-width:0}.share-result-button{width:100%}.result-finished-actions{grid-template-columns:1fr 1fr;align-items:start;gap:10px;width:100%;display:grid}.result-finished-actions>.primary{min-height:46px;margin:0;padding:10px 12px;font-size:13px}.solo-results .result-finished-actions{margin-top:8px}.duel-result .result-finished-actions>.primary{min-height:46px}@media (width<=680px){.result-page{gap:8px;padding-block:8px}.result-heading p{display:none}.result-heading h1{font-size:19px}.result-layout{flex-direction:column;align-items:stretch;gap:10px;display:flex}.result-image-wrap{flex:1;height:auto;overflow:hidden}.result-card-image{width:auto;max-width:100%;height:100%}.result-tools{flex-shrink:0;gap:5px}.result-caption{display:none}.result-actions{gap:6px}.result-actions button,.result-actions a{min-height:44px;padding:8px;font-size:12px}.result-link{min-height:30px;padding:4px 0}.result-notice{min-height:28px;font-size:10px}.result-finished-actions{gap:8px}.result-finished-actions>.primary,.result-finished-actions .share-result-button{min-height:44px;padding:8px;font-size:12px}.result-finished-actions>.primary svg{display:none}}@media (height<=600px) and (width>=681px){.result-page{gap:6px;padding-block:4px}.result-heading h1{font-size:20px}.result-heading p{display:none}.result-layout{grid-template-columns:minmax(0,1fr) minmax(260px,1fr);gap:22px}.result-caption{display:none}.result-tools{gap:8px}}@media (height<=600px) and (width<=680px){.result-heading{display:none}.result-notice{min-height:16px}.result-tools{gap:3px}.result-page{gap:4px;padding-block:3px}.result-layout{gap:5px}}@media (prefers-reduced-motion:reduce){.result-page *{transition:none!important;animation:none!important}}.solo-screen{width:100%;max-width:1000px;height:100%;min-height:0;margin:0 auto;overflow:hidden}.solo-home{grid-template-columns:1fr 1fr;align-items:center;gap:52px;display:grid}.solo-home-heading h1{letter-spacing:-1px;margin:18px 0 10px;font-size:32px}.solo-home-heading p{color:var(--muted);margin:0;font-size:13px}.solo-home-record{width:250px;max-width:100%;margin-bottom:24px;container-type:inline-size}.solo-home-record .tonearm{border-width:.8cqw;border-radius:4cqw;width:3.6cqw;box-shadow:.8cqw .8cqw 1.6cqw #0004}.solo-home-record .tonearm:before{box-sizing:border-box;border-width:1.6cqw;width:9.2cqw;height:9.2cqw;top:-2cqw;left:50%;transform:translate(-50%)}.solo-home-record .tonearm:after{border-radius:1.2cqw;width:4.8cqw;height:11.6cqw;bottom:-4cqw;left:50%;transform:translate(-50%)}.solo-kicker{letter-spacing:1.2px;color:var(--pink);font-size:10px;font-weight:700}.solo-setup{width:100%;min-width:0;max-width:420px}.solo-step-heading{color:var(--muted);justify-content:space-between;margin-bottom:18px;font-size:11px;display:flex}.solo-name{gap:7px;margin-bottom:16px;display:grid}.solo-name label,.solo-choices legend{font-size:12px;font-weight:700}.solo-name input{border:1px solid var(--line);background:var(--white);width:100%;min-width:0;height:44px;color:var(--ink);border-radius:6px;padding:10px 12px;font-size:16px}.solo-mode-options{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.solo-mode-options button{text-align:left;border:1px solid var(--line);color:var(--ink);background:var(--white);border-radius:6px;grid-template-columns:28px 1fr;gap:5px 6px;padding:12px 10px;display:grid}.solo-mode-options svg{grid-row:1/3;align-self:center;width:24px;height:24px}.solo-mode-options strong{font-size:14px}.solo-mode-options span{color:var(--muted);font-size:10px}.solo-mode-options .selected,.solo-choices .selected{border-color:var(--pink);background:var(--soft-accent);color:var(--pink)}.solo-choices{border:0;min-width:0;margin:0 0 18px;padding:0}.solo-choices legend{margin-bottom:8px}.solo-choices>div{flex-wrap:wrap;gap:6px;display:flex}.solo-choices button{white-space:nowrap;border:1px solid var(--line);background:var(--white);border-radius:6px;flex:1;min-width:0;min-height:44px;padding:8px 6px;font-size:12px}.solo-choices:has(button:nth-child(4))>div{grid-template-columns:1fr 1fr;display:grid}.solo-primary{justify-content:space-between;width:100%;min-height:48px;padding:12px 16px;font-size:14px}.solo-setup-actions{align-items:center;gap:16px;display:flex}.solo-setup-actions>.text-button{white-space:nowrap;font-size:12px}.solo-settings-summary{margin:0 0 20px;font-size:18px;font-weight:700}.solo-pool-note,.solo-message{color:var(--muted);overflow-wrap:anywhere;margin:8px 0 0;font-size:11px;line-height:1.4}.solo-message:empty{display:none}.solo-message[role=alert]{color:var(--pink)}.solo-game{flex-direction:column;padding-block:20px;display:flex}.solo-game-heading{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding-bottom:14px;font-size:12px;display:flex}.solo-game-heading strong{font-variant-numeric:tabular-nums;font-size:20px}.solo-game-heading small{font-size:10px;font-weight:400}.solo-game-heading .solo-finish{color:var(--muted);min-height:44px;font-size:11px}.solo-game-body{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;min-height:0;display:grid}.solo-game .turntable{width:min(100%,280px);margin-inline:auto}.solo-question{min-width:0;position:relative}.solo-feedback{color:var(--muted);margin:0 0 8px;font-size:12px;line-height:1.4}.solo-question .guess-form{margin:0}.solo-question .solo-reveal{min-height:44px;color:var(--muted);margin:4px auto 0;padding:8px 14px;font-size:11px;display:flex}.solo-answer{animation:.24s ease-out solo-answer-in}.solo-verdict{color:var(--pink);margin:0 0 12px;font-size:16px;font-weight:700}.solo-answer h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:28px;line-height:1.3;display:-webkit-box;overflow:hidden}.solo-artist{white-space:nowrap;text-overflow:ellipsis;margin:0 0 12px;font-size:14px;overflow:hidden}.solo-answer .apple-link{align-items:center;min-height:44px;margin:0 0 12px;font-size:12px;display:inline-flex}.solo-results{flex-direction:column;justify-content:center;max-width:600px;padding-block:20px;display:flex}.solo-results h1{margin:10px 0;font-size:28px}.solo-final-score{flex-direction:column;margin-bottom:8px;display:flex}.solo-final-score strong{font-variant-numeric:tabular-nums;color:var(--pink);font-family:Barlow Condensed,sans-serif;font-size:80px;line-height:1}.solo-final-score span,.solo-results-note{color:var(--muted);font-size:12px}.solo-results-note{margin:4px 0 16px}.solo-history{min-height:112px}.solo-history-row{border-top:1px solid var(--line);align-items:center;gap:10px;min-height:56px;padding-block:6px;display:flex}.solo-history-row img{border-radius:4px;width:40px;height:40px}.solo-history-row>div{flex:1;gap:4px;min-width:0;display:grid}.solo-history-row strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.solo-history-row span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.solo-history-row>b{font-size:12px}.solo-history-row>a{place-content:center;min-width:44px;min-height:44px;display:grid}.solo-pagination{justify-content:center;align-items:center;gap:20px;font-size:11px;display:flex}.solo-pagination button{min-width:44px;min-height:44px}@keyframes solo-answer-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=767px){.solo-home{flex-direction:column;justify-content:center;gap:18px;display:flex}.solo-home-heading{align-items:center;gap:14px;width:100%;max-width:420px;display:flex}.solo-home-record{flex:none;width:72px;margin:0}.solo-home-record .deck-brand,.solo-home-record .deck-status,.solo-home-heading .solo-kicker{display:none}.solo-home-heading h1{margin:0 0 7px;font-size:21px}.solo-home-heading p{font-size:11px;line-height:1.5}.solo-step-heading,.solo-name,.solo-mode-options,.solo-choices{margin-bottom:12px}.solo-choices legend{margin-bottom:6px}.solo-game{padding-block:4px}.solo-game-heading{padding-bottom:4px;font-size:11px}.solo-game-body{flex-direction:column;justify-content:center;gap:8px;display:flex}.solo-game-body>*{width:100%}.solo-game .turntable{width:100px}.solo-game .deck-brand,.solo-game .deck-status{display:none}.solo-game .playback{margin-block:6px}.solo-game .preview-credit{margin-block:4px}.solo-question .guess-form .field-label,.solo-feedback{margin-bottom:4px;font-size:11px}.solo-question .solo-reveal{margin-top:0}.solo-answer{text-align:center}.solo-verdict{margin-bottom:6px;font-size:15px}.solo-answer h2{-webkit-line-clamp:1;margin-bottom:4px;font-size:21px}.solo-artist{margin-bottom:0;font-size:12px}.solo-answer .apple-link{margin-bottom:4px}.solo-results{padding-block:8px}.solo-results h1{margin:6px 0;font-size:23px}.solo-final-score strong{font-size:62px}}@media (height<=700px) and (width<=767px){.solo-home,.solo-home-heading{gap:10px}.solo-home-record{width:48px}.solo-home-heading h1{margin-bottom:2px;font-size:18px}.solo-step-heading,.solo-name,.solo-mode-options,.solo-choices{margin-bottom:8px}.solo-mode-options button{padding-block:9px}.solo-game .turntable{width:64px}.solo-game-body{gap:4px}.solo-results .solo-kicker{margin-block:0}.solo-results h1{font-size:20px}.solo-final-score strong{font-size:48px}.solo-results-note{margin-bottom:6px}}.app-shell[data-keyboard=open] .solo-home-heading,.app-shell[data-keyboard=open] .solo-game .turntable,.app-shell[data-keyboard=open] .solo-game .preview-credit,.app-shell[data-keyboard=open] .solo-game-heading{display:none}.app-shell[data-keyboard=open] .solo-game-body{justify-content:flex-start;gap:4px}.app-shell[data-keyboard=open] .solo-home{justify-content:flex-start;padding-top:8px}.app-shell[data-keyboard=open] .solo-home .solo-mode-options,.app-shell[data-keyboard=open] .solo-home .solo-choices{display:none}@media (height<=500px) and (width>=600px){.solo-home{grid-template-columns:1fr 1fr;gap:24px;display:grid}.solo-home-record{display:none}.solo-game-body{grid-template-columns:1fr 1fr;gap:20px;display:grid}.solo-game .turntable{display:none}.solo-results{grid-template-columns:1fr 1fr;align-content:center;gap:6px 24px;display:grid}.solo-results .solo-history{grid-area:1/2/5;align-self:center}.solo-results .solo-pagination{grid-column:2}.solo-results .solo-primary{grid-column:1}}@media (prefers-reduced-motion:reduce){.solo-answer{animation:none}}@media (height<=500px) and (width>=600px){.solo-home{justify-content:center;display:flex}.solo-home-heading{display:none}.solo-setup{grid-template-columns:1fr 1fr;align-items:end;gap:8px 18px;max-width:860px;display:grid}.solo-step-heading{grid-column:1/-1;margin:0}.solo-setup .solo-name,.solo-setup .solo-mode-options,.solo-setup .solo-choices{margin:0}.solo-setup .solo-name{grid-column:1}.solo-setup .solo-mode-options{grid-column:2;align-self:stretch}.solo-setup>.solo-primary{grid-column:2}.solo-setup .solo-settings-summary{display:none}.solo-setup .solo-setup-actions{grid-area:3/1}.solo-setup .solo-pool-note{grid-column:2;align-self:center;margin:0}.solo-setup .solo-message{grid-column:1/-1;margin:0}.solo-game{padding-block:0}.solo-game-heading{padding:0}.solo-game-body{flex:1}.solo-game .source-credit{font-size:8px}}