:root{--cream:#fbf1ea;--cream-deep:#f5e1d4;--paper:#fffdfb;--coral:#d85a30;--coral-dark:#b4461f;--coral-soft:#f5c4b3;--coral-line:#f0997b;--ink:#3b1a0e;--ink-soft:#8a4a2e;--vinyl:#222120;--vinyl-groove:#3a3836;--correct:#3e7a2b;--correct-soft:#e4f0da;--wrong:#b83a2e;--wrong-soft:#fbe3df;--font-display:"Fraunces",Georgia,serif;--font-body:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--radius-card:24px;--shadow-card:0 1px 2px rgba(59,26,14,.06),0 12px 32px rgba(59,26,14,.08)}*{box-sizing:border-box}#root,body,html{height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fbf1ea;background:var(--cream);color:#3b1a0e;color:var(--ink);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body)}#root{display:flex;flex-direction:column}button,input,select{font-family:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f0997b;outline:3px solid var(--coral-line);outline-offset:2px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:radial-gradient(circle at 15% 0,var(--cream-deep) 0,transparent 45%),var(--cream);display:flex;flex-direction:column;min-height:100vh;text-align:center}.App-header{padding:28px 16px 8px}.App-header h1{color:var(--ink);font-family:var(--font-display);font-size:2.4em;font-weight:700;letter-spacing:-.02em;margin:0}.App-header h1 .accent{color:var(--coral)}.App-tagline{color:var(--ink-soft);font-size:.95em;margin:4px 0 0}.card{animation:cardIn .35s ease-out;background:var(--paper);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin:0 auto;max-width:560px;padding:32px;width:100%}@media (max-width:480px){.card{border-radius:20px;padding:22px 18px}}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.btn-primary{background:var(--coral);border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:1.05em;font-weight:700;padding:14px 20px;transition:background-color .2s,transform .1s;width:100%}.btn-primary:hover:not(:disabled){background:var(--coral-dark)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{background:var(--coral-soft);color:var(--ink-soft);cursor:default}@media (prefers-reduced-motion:reduce){.card{animation:none}}.btn-secondary{background:var(--paper);border:1.5px solid var(--coral);border-radius:999px;color:var(--coral);cursor:pointer;font-size:1.05em;font-weight:700;padding:13px 20px;transition:background-color .2s;width:100%}.btn-secondary:hover{background:var(--cream)}.home-link{background:none;border:none;color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;padding:0}.invite-banner{align-items:center;animation:cardIn .3s ease-out;background:var(--paper);border:1.5px solid var(--coral);border-radius:999px;box-shadow:var(--shadow-card);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin:8px auto 0;max-width:560px;padding:10px 10px 10px 18px;width:calc(100% - 32px)}.invite-banner-actions{align-items:center;display:flex;gap:6px}.reconnecting-banner{background:var(--wrong-soft);border-radius:999px;color:var(--wrong);font-weight:700;margin:8px auto 0;max-width:560px;padding:10px 16px;text-align:center;width:calc(100% - 32px)}.record-cover{align-items:center;background:radial-gradient(circle,transparent 0 58%,hsla(0,0%,100%,.06) 58.5% 59%,transparent 59.5%),repeating-radial-gradient(circle,var(--vinyl) 0 2px,var(--vinyl-groove) 2.5px 3px);border-radius:50%;box-shadow:0 4px 12px rgba(59,26,14,.18);display:inline-flex;flex:none;justify-content:center;position:relative}.record-medium{height:88px;width:88px}.record-small{height:64px;width:64px}.record-large{height:160px;width:160px}.record-label{align-items:center;border-radius:50%;color:#fff;display:flex;height:46%;justify-content:center;overflow:hidden;text-align:center;width:46%}.record-label-name{font-family:var(--font-display);font-size:.5em;font-weight:700;line-height:1.05;padding:0 4px}.record-medium .record-label-name{font-size:.6em}.record-large .record-label-name{font-size:1em}.record-cover.is-dimmed{filter:grayscale(.85);opacity:.55}.picker-tabs{grid-gap:4px;background:var(--cream);border-radius:999px;display:grid;gap:4px;grid-template-columns:1fr 1fr;padding:4px}.picker-tab{background:transparent;border:none;border-radius:999px;color:var(--ink-soft);cursor:pointer;font:inherit;font-weight:500;padding:8px 12px}.picker-tab.active{background:var(--paper);box-shadow:0 1px 3px rgba(59,26,14,.12);color:var(--ink)}.record-shelf{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px;scroll-snap-type:x mandatory}.record-pick{align-items:center;background:var(--paper);border:2px solid transparent;border-radius:16px;color:var(--ink);cursor:pointer;display:flex;flex:none;flex-direction:column;font:inherit;gap:6px;padding:10px 6px;scroll-snap-align:start;width:92px}.record-pick.active{background:var(--cream);border-color:var(--coral)}.record-pick.active .record-cover{animation:recordSpin 4s linear infinite}.record-pick-name{font-size:.8em;font-weight:500;line-height:1.2;text-align:center}.records-empty{display:flex;flex-direction:column;gap:10px}.inline-link{font-size:inherit;padding:0}.collection-search{margin-bottom:12px}.collection-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.collection-item{align-items:center;background:var(--cream);border-radius:18px;display:flex;gap:16px;padding:12px}.collection-info{display:flex;flex-direction:column;gap:4px;min-width:0}.collection-name{font-family:var(--font-display);font-size:1.2em;font-weight:700}.collection-tagline{color:var(--ink-soft);font-size:.9em}.collection-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}@keyframes recordSpin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.record-pick.active .record-cover{animation:none}}.record-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.record-grid .record-pick{position:relative;width:auto}.record-pick.is-static{background:var(--cream);cursor:default}.record-rank-badge{align-items:center;background:var(--coral);border-radius:50%;color:#fff;font-size:.85em;font-weight:700;height:24px;position:absolute;right:6px;top:6px;width:24px}.record-rank-badge,.top-records{display:flex;justify-content:center}.top-records{align-items:flex-end;gap:12px;list-style:none;margin:0;padding:0}.top-record{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0;text-align:center}.top-record.place-1{order:2}.top-record.place-2{order:1}.top-record.place-3{order:3}.top-record .record-large{height:120px;width:120px}.top-record-rank{color:var(--coral);font-family:var(--font-display);font-weight:700}.top-record-name{font-size:.9em;font-weight:500;line-height:1.2}.profile-actions{align-items:center;display:flex;gap:12px}.profile-actions .btn-primary{padding-left:24px;padding-right:24px;width:auto}.name-link{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-align:left}.board-name .name-link,.social-name .name-link,.social-name.name-link{font-weight:inherit}.name-link:hover{text-decoration:underline}.lobby-container{align-items:flex-start;display:flex;flex:1 1;justify-content:center;padding:16px}.lobby-box{text-align:left}.lobby-box h2{color:var(--ink);font-family:var(--font-display);font-size:2em;font-weight:700;margin:0 0 6px}.description{color:var(--ink-soft);line-height:1.5;margin:0 0 24px}.join-section,.waiting-section{display:flex;flex-direction:column;gap:16px}.username-input{background:var(--cream);border:1.5px solid transparent;border-radius:14px;color:var(--ink);font-size:1em;padding:14px 18px;transition:border-color .2s,background-color .2s;width:100%}.username-input::placeholder{color:var(--ink-soft);opacity:.7}.username-input:focus{background:var(--paper);border-color:var(--coral);outline:none}.game-code-input{letter-spacing:3px;text-transform:uppercase}.game-code-input::placeholder{letter-spacing:normal;text-transform:none}.join-error{background:var(--wrong-soft);border-radius:12px;color:var(--wrong);font-weight:500;margin:0;padding:10px 14px}.welcome-message{color:var(--coral);font-size:1.1em;font-weight:500;margin:0}.invite-section{background:var(--cream);border-radius:16px;padding:16px}.invite-section p{margin:0 0 8px}.invite-code{color:var(--ink-soft)}.invite-code strong{color:var(--ink);font-family:var(--font-display);font-size:1.6em;letter-spacing:4px;margin-left:6px;vertical-align:middle}.invite-hint{color:var(--ink-soft);font-size:.9em}.invite-link-row{display:flex;gap:8px}.invite-link{background:var(--paper);border:1px solid var(--coral-soft);border-radius:999px;color:var(--ink);flex:1 1;font-size:.9em;min-width:0;padding:9px 12px}.copy-button{background:var(--paper);border:1.5px solid var(--coral);border-radius:999px;color:var(--coral);cursor:pointer;font-weight:700;padding:9px 16px}.copy-button:hover{background:var(--coral);color:#fff}.settings-section{display:flex;flex-direction:column;gap:8px}.settings-label{color:var(--ink-soft);font-size:.85em;font-weight:700;letter-spacing:.04em;margin-top:4px;text-transform:uppercase}.genre-select{background:var(--cream);border:1.5px solid transparent;border-radius:14px;color:var(--ink);cursor:pointer;font-size:1em;padding:12px 16px}.mode-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.mode-button{background:var(--paper);border:1.5px solid var(--coral-line);border-radius:999px;color:var(--ink);cursor:pointer;font-size:1em;font-weight:500;padding:11px 8px;transition:background-color .15s}.mode-button:hover:not(:disabled):not(.active){background:var(--cream)}.mode-button.active{background:var(--coral);border-color:var(--coral);color:#fff}.genre-select:disabled,.mode-button:disabled{cursor:default;opacity:.7}.settings-summary{background:var(--cream);border-radius:14px;margin:0;padding:12px 16px}.settings-hint{color:var(--ink-soft);font-size:.9em;margin:0}.players-count{padding:4px 0}.players-count p{color:var(--ink-soft);font-size:.85em;font-weight:700;letter-spacing:.04em;margin:0 0 8px;text-transform:uppercase}.players-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.players-list li{background:var(--cream);border-radius:999px;font-weight:500;padding:7px 14px}.game-info{color:var(--ink-soft);font-size:.85em;margin:0;text-align:center}.round-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.home-links{display:flex;gap:18px;justify-content:center}.sign-in{align-items:center;display:flex;flex-direction:column;gap:14px}.google-button{min-height:44px}.auth-note{color:var(--ink-soft);font-size:.9em;margin:0}.dev-login{border:1.5px dashed var(--coral-soft);border-radius:14px;display:flex;flex-direction:column;gap:6px;padding:12px;width:100%}.dev-login-label{color:var(--ink-soft);font-size:.8em;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.dev-login-row{display:flex;gap:8px}.dev-login-row .username-input{flex:1 1;min-width:0;padding:10px 14px}.link-button{align-self:center;background:none;border:none;color:var(--ink-soft);cursor:pointer;font-size:.9em;padding:4px;text-decoration:underline}.link-button:hover{color:var(--coral)}.account-bar{align-items:center;color:var(--ink-soft);display:flex;font-size:.9em;gap:10px;justify-content:center;margin-top:10px}.account-avatar{background:var(--coral-soft);border-radius:50%;height:26px;object-fit:cover;width:26px}.account-name{color:var(--ink);font-weight:700}.divider{align-items:center;color:var(--ink-soft);display:flex;font-size:.85em;gap:12px;margin:8px 0}.divider:after,.divider:before{background:var(--coral-soft);content:"";flex:1 1;height:1px}.guest-tag{background:var(--paper);border-radius:999px;color:var(--ink-soft);font-size:.75em;font-weight:700;margin-left:6px;padding:1px 7px}.auth-divider{margin:2px 0;width:100%}.email-sign-in{display:flex;flex-direction:column;gap:10px;width:100%}.email-sign-in .auth-note{line-height:1.5;text-align:left}.code-input{font-feature-settings:"tnum";font-size:1.4em;font-variant-numeric:tabular-nums;letter-spacing:8px;text-align:center}.email-sign-in-links{display:flex;justify-content:space-between}.link-button:disabled{cursor:default;opacity:.6;text-decoration:none}.challenge-target{align-items:center;background:var(--vinyl);border-radius:20px;color:var(--cream);display:flex;flex-direction:column;gap:2px;margin-bottom:20px;padding:20px}.challenge-target-label{color:var(--coral-soft);font-size:.8em;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.challenge-target-score{color:#fff;font-family:var(--font-display);font-size:2.6em;font-weight:700}.challenge-target-meta{color:var(--coral-soft);font-size:.9em}.challenge-share{background:var(--cream);border-radius:20px;display:flex;flex-direction:column;gap:10px;margin-bottom:24px;padding:18px;text-align:left}.challenge-share .username-input{background:var(--paper)}.social-subhead{color:var(--ink-soft);font-size:.85em;font-weight:500;margin:6px 0 0}.social-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:8px 0 0;padding:0}.social-row{align-items:center;background:var(--paper);border:1px solid var(--coral-soft);border-radius:999px;display:flex;gap:10px;justify-content:space-between;padding:8px 8px 8px 16px}.lobby-box .social-list .social-row,.lobby-box>.social-list .social-row{background:var(--cream);border-color:transparent}.social-row.is-new{border-color:var(--coral)}.social-name{display:flex;flex-direction:column;min-width:0;overflow:hidden;text-overflow:ellipsis}.social-meta{color:var(--ink-soft);font-size:.8em}.social-actions{align-items:center;display:flex;gap:6px}.social-done{color:var(--correct);font-size:.9em;font-weight:700;padding:0 10px}.inbox-section{display:block;margin-top:22px}.inbox-banner{border:none;color:var(--coral);cursor:pointer;font-weight:700;margin-bottom:18px;text-align:left;width:100%}.outcome-badge{align-items:center;background:var(--ink-soft);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:30px;justify-content:center;width:30px}.outcome-badge.is-win{background:var(--correct)}.outcome-badge.is-loss{background:var(--wrong)}.header-link{position:relative}.badge{background:var(--coral);border-radius:999px;color:#fff;font-size:.8em;font-weight:700;margin-left:4px;padding:1px 7px}.online-dot{background:var(--coral-soft);border-radius:50%;display:inline-block;height:8px;margin-right:8px;vertical-align:middle;width:8px}.online-dot.is-online{background:var(--correct)}.challenge-sent{background:var(--correct-soft);border-radius:14px;color:var(--correct);font-weight:500;margin:0 0 20px;padding:12px 16px}.back-button{align-self:flex-start;margin:-8px 0 8px -4px;text-decoration:none}.board{margin-top:20px}.board-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.board-row{grid-gap:12px;align-items:center;background:var(--cream);border-radius:999px;display:grid;gap:12px;grid-template-columns:40px 1fr auto;padding:10px 16px}.board-row.is-me{background:var(--coral);color:#fff}.board-rank{color:var(--coral);font-family:var(--font-display);font-size:1.1em;font-weight:700;text-align:center}.board-row.top-1 .board-rank:before{content:"🥇"}.board-row.top-2 .board-rank:before{content:"🥈"}.board-row.top-3 .board-rank:before{content:"🥉"}.board-row.top-1 .board-rank,.board-row.top-2 .board-rank,.board-row.top-3 .board-rank{font-size:0}.board-row.top-1 .board-rank:before,.board-row.top-2 .board-rank:before,.board-row.top-3 .board-rank:before{font-size:18px}.board-row.is-me .board-rank{color:#fff}.board-name{font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-genre{font-size:.8em;font-weight:400;margin-left:8px;opacity:.7}.board-score{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.board-empty{color:var(--ink-soft);margin:12px 0;text-align:center}.board-you{color:var(--ink-soft);letter-spacing:.04em;margin:14px 0 6px}.board-you,.pick-round-label{font-size:.85em;font-weight:700;text-transform:uppercase}.pick-round-label{color:var(--coral);letter-spacing:.06em;margin:0 0 4px}.pick-start{margin-top:8px}.pick-timer{font-feature-settings:"tnum";color:var(--ink-soft);font-size:.9em;font-variant-numeric:tabular-nums;margin:16px 0 0;text-align:center}.standings{margin-top:24px}.standings-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:8px 0 0;padding:0}.standings-row{grid-gap:10px;align-items:center;background:var(--cream);border-radius:999px;display:grid;gap:10px;grid-template-columns:32px 1fr auto;padding:9px 16px}.standings-row.is-me{background:var(--coral);color:#fff}.standings-rank{color:var(--coral);font-family:var(--font-display);font-weight:700}.standings-row.is-me .standings-rank{color:#fff}.standings-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standings-score{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.legal{line-height:1.6}.legal h3{font-family:var(--font-display);font-size:1.15em;margin:22px 0 6px}.legal h3,.legal li,.legal p{color:var(--ink)}.legal ul{margin:0;padding-left:20px}.legal li{margin-bottom:6px}.legal a{color:var(--coral-dark)}.legal-updated{color:var(--ink-soft)!important;font-size:.85em;margin:-2px 0 14px}.site-footer{display:flex;font-size:.85em;gap:16px;justify-content:center;padding:20px 16px 28px}.site-footer a{color:var(--ink-soft)}.install-prompt{align-items:center;background:var(--paper);border-radius:18px;box-shadow:var(--shadow-card);display:flex;gap:12px;margin:12px auto 0;max-width:560px;padding:12px 14px;text-align:left;width:calc(100% - 32px)}.install-icon{border-radius:10px;flex-shrink:0;height:44px;width:44px}.install-text{color:var(--ink-soft);display:flex;flex:1 1;flex-direction:column;font-size:.9em;gap:2px;min-width:0}.install-text strong{color:var(--ink)}.install-share{color:var(--coral);display:inline-flex;vertical-align:-2px}.install-actions{align-items:center;display:flex;flex-direction:column;gap:2px}.game-screen{flex:1 1;padding:16px}.game-card,.game-screen{display:flex;flex-direction:column}.game-card{gap:18px}.game-header{align-items:center;color:var(--ink-soft);display:flex;font-size:.9em;font-weight:500;justify-content:space-between;letter-spacing:.02em}.game-score{color:var(--coral);font-weight:700}.turntable{padding:4px 0;position:relative}.turntable,.vinyl{display:flex;justify-content:center}.vinyl{align-items:center;animation:spin 2.4s linear infinite;animation-play-state:paused;background:radial-gradient(circle,transparent 54%,hsla(0,0%,100%,.05) 55%,transparent 56%),radial-gradient(circle,transparent 64%,hsla(0,0%,100%,.05) 65%,transparent 66%),radial-gradient(circle,transparent 76%,hsla(0,0%,100%,.06) 77%,transparent 78%),radial-gradient(circle,transparent 88%,hsla(0,0%,100%,.05) 89%,transparent 90%),conic-gradient(from 30deg,var(--vinyl),var(--vinyl-groove) 12%,var(--vinyl) 25%,var(--vinyl) 50%,var(--vinyl-groove) 62%,var(--vinyl) 75%);border-radius:50%;box-shadow:0 8px 24px rgba(34,33,32,.25);height:180px;width:180px}.vinyl.spinning{animation-play-state:running}.vinyl-label{align-items:center;background:radial-gradient(circle at 35% 30%,#e8794f,var(--coral) 60%,var(--coral-dark));border-radius:50%;display:flex;height:36%;justify-content:center;width:36%}.vinyl-hole{background:var(--cream);border-radius:50%;height:10px;width:10px}@keyframes spin{to{transform:rotate(1turn)}}.play-audio-button{background:var(--coral);border:3px solid var(--paper);border-radius:999px;color:#fff;cursor:pointer;font-size:.95em;font-weight:700;left:50%;padding:10px 18px;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.time-bar{align-items:center;display:flex;gap:10px}.time-bar-track{background:var(--coral-soft);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.time-bar-fill{background:var(--coral);border-radius:3px;height:100%;transition:width 1s linear}.time-left{font-feature-settings:"tnum";color:var(--ink-soft);font-size:.9em;font-variant-numeric:tabular-nums;font-weight:700;min-width:2.5em;text-align:right}.time-bar.urgent .time-bar-fill{background:var(--wrong)}.time-bar.urgent .time-left{animation:pulse 1s ease-in-out infinite;color:var(--wrong)}@keyframes pulse{50%{opacity:.4}}.question{color:var(--ink);font-family:var(--font-display);font-size:1.6em;font-weight:500;margin:0}.options-section{display:flex;flex-direction:column;gap:10px}.option-button{background:var(--paper);border:1.5px solid var(--coral-line);border-radius:999px;color:var(--ink);cursor:pointer;font-size:1.02em;font-weight:500;padding:14px 20px;text-align:left;transition:background-color .15s,border-color .15s,transform .1s,opacity .2s;width:100%}.option-button:hover:not(.disabled){background:var(--cream);border-color:var(--coral)}.option-button:active:not(.disabled){transform:scale(.98)}.option-button.selected{background:var(--coral);border-color:var(--coral);color:#fff}.option-button.disabled{cursor:default}.option-button.disabled:not(.selected):not(.correct):not(.wrong){opacity:.45}.option-button.correct{background:var(--correct);border-color:var(--correct);color:#fff}.option-button.wrong{background:var(--wrong);border-color:var(--wrong);color:#fff}.status-message{color:var(--coral);font-weight:500;margin:0}.status-message.hint{color:var(--ink-soft);font-weight:400}.round-result{animation:cardIn .3s ease-out;border-radius:16px;padding:16px 18px}.round-result.is-correct{background:var(--correct-soft);color:var(--correct)}.round-result.is-wrong{background:var(--wrong-soft);color:var(--wrong)}.round-result p{margin:4px 0}.round-result-headline{font-family:var(--font-display);font-size:1.4em;font-weight:700}.round-result-song{color:var(--ink)}.next-in{color:var(--ink-soft);font-size:.9em}@media (prefers-reduced-motion:reduce){.round-result,.time-bar.urgent .time-left,.vinyl{animation:none}.time-bar-fill{transition:none}}@media (max-height:760px){.game-card{gap:14px}.vinyl{height:130px;width:130px}.option-button{padding:11px 18px}.question{font-size:1.4em}}.party-listen{color:var(--coral);font-size:1.2em;font-weight:700;margin:8px 0}.round-result-rank{color:var(--ink);font-weight:700}.gameover-container{align-items:flex-start;display:flex;flex:1 1;justify-content:center;padding:16px}.gameover-box h2{color:var(--ink);font-family:var(--font-display);font-size:2.2em;font-weight:700;margin:0 0 20px}.final-score{align-items:center;background:var(--vinyl);border-radius:20px;color:var(--cream);display:flex;flex-direction:column;gap:4px;margin-bottom:28px;padding:24px}.score-label{color:var(--coral-soft);font-size:.85em;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.score-value{color:#fff;font-family:var(--font-display);font-size:3.4em;font-weight:700}.results-section{margin-bottom:28px;text-align:left}.results-section h3{color:var(--ink-soft);font-size:.85em;font-weight:700;letter-spacing:.04em;margin:0 0 12px;text-transform:uppercase}.results-grid{display:flex;flex-direction:column;gap:8px}.result-item{grid-gap:12px;align-items:center;background:var(--cream);border-radius:999px;display:grid;font-weight:500;gap:12px;grid-template-columns:40px 1fr auto;padding:12px 18px}.result-item.is-winner{background:var(--coral);color:#fff}.result-rank{color:var(--coral);font-family:var(--font-display);font-size:1.2em;font-weight:700}.result-item.is-winner .result-rank,.result-item.is-winner .result-score{color:#fff}.result-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-score{font-feature-settings:"tnum";color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.play-again-button{margin-bottom:16px}.game-stats p{color:var(--ink-soft);font-size:.9em;margin:0}.guest-note{background:var(--cream);border-radius:14px;color:var(--ink-soft);font-size:.95em;margin:0 0 16px;padding:12px 16px}.score-sub{color:var(--coral-soft);font-size:.9em}.solo-ranks{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:28px}.solo-rank{background:var(--cream);border-radius:16px;display:flex;flex-direction:column;gap:2px;padding:14px}.solo-rank-value{color:var(--coral);font-family:var(--font-display);font-size:1.8em;font-weight:700}.solo-rank-label{color:var(--ink-soft);font-size:.85em}.head-to-head{color:var(--ink-soft);margin:-12px 0 24px}.head-to-head strong{font-feature-settings:"tnum";color:var(--ink);font-variant-numeric:tabular-nums}.share-button{margin-bottom:10px}.party{align-items:center;background:radial-gradient(circle at 15% 0,var(--cream-deep) 0,transparent 45%),var(--cream);color:var(--ink);display:flex;flex-direction:column;font-size:clamp(16px,1.6vw,28px);gap:clamp(12px,2vh,28px);min-height:100vh;padding:clamp(16px,3vh,40px) clamp(16px,4vw,64px);text-align:center}.party-start{justify-content:center}.party-logo{font-family:var(--font-display);font-size:clamp(2.5em,6vw,5em);font-weight:700;margin:0}.party-logo span{color:var(--coral)}.party-logo em{color:var(--ink-soft);font-style:normal;font-weight:500}.party-logo.small{font-size:1.6em}.party-hint,.party-sub{color:var(--ink-soft);margin:0;max-width:34em}.party-start-button{font-size:1.2em;padding:.8em 2em;width:auto}.party-header{align-items:center;display:flex;gap:16px;justify-content:space-between;width:100%}.party-code{color:var(--ink-soft)}.party-code strong{color:var(--ink);letter-spacing:.06em}.party-kicker{color:var(--coral);font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.party-title{font-family:var(--font-display);font-size:2.4em;font-weight:700;margin:0}.party-timer-small{color:var(--ink-soft);font-family:var(--font-body);font-size:.5em;vertical-align:middle}.party-big-note{font-size:1.2em}.party-big-note,.party-note{color:var(--ink-soft);margin:0}.party-lobby{grid-gap:clamp(24px,4vw,80px);align-items:center;display:grid;flex:1 1;gap:clamp(24px,4vw,80px);grid-template-columns:auto 1fr;width:100%}.party-qr-card{background:var(--paper);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:clamp(16px,2vw,32px)}.party-qr{display:block;height:auto;width:min(38vh,34vw)}.party-qr-label{color:var(--ink-soft);font-weight:700;margin:12px 0 0}.party-qr-code{font-family:var(--font-display);font-size:2.2em;font-weight:700;letter-spacing:.2em;margin:0}.party-lobby-side{align-items:flex-start;display:flex;flex-direction:column;gap:18px;text-align:left}.party-lobby-side h2{font-family:var(--font-display);font-size:2.4em;margin:0}.party-lobby-side h2 span{color:var(--coral)}.party-answered,.party-gains,.party-players{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;list-style:none;margin:0;padding:0}.party-lobby .party-players{justify-content:flex-start}.party-answered li,.party-gains li,.party-players li{animation:cardIn .3s ease-out;background:var(--paper);border:2px solid var(--coral-soft);border-radius:999px;font-weight:500;padding:.4em 1em}.party-players li.is-away{opacity:.5}.party-stage{align-items:center;display:flex;gap:clamp(20px,4vw,60px);justify-content:center}.party-vinyl{height:min(26vh,22vw);width:min(26vh,22vw)}.party-question{display:flex;flex-direction:column;gap:18px;min-width:min(40vw,640px)}.party-question .time-bar-track{border-radius:6px;height:12px}.party-question .time-left{font-size:1.3em}.party-options{grid-gap:clamp(10px,1.5vw,20px);display:grid;gap:clamp(10px,1.5vw,20px);grid-template-columns:1fr 1fr;max-width:1400px;width:100%}.party-option{background:var(--paper);border:3px solid var(--coral-line);border-radius:999px;font-size:1.4em;font-weight:700;padding:.8em 1em;transition:background-color .3s,opacity .3s}.party-option.is-correct{background:var(--correct);border-color:var(--correct);color:#fff}.party-option.is-faded{opacity:.35}.party-answered li{color:var(--ink-soft)}.party-answered li.is-done{background:var(--coral);border-color:var(--coral);color:#fff}.party-reveal{align-items:center;display:flex;flex-direction:column;gap:14px}.party-reveal-song{font-size:1.3em;margin:0}.party-gains li span{font-weight:700;margin-left:6px}.party-gains li.is-correct{border-color:var(--correct);color:var(--correct)}.party-standings{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0;width:min(100%,720px)}.party-standings li{grid-gap:12px;background:var(--paper);border-radius:999px;display:grid;gap:12px;grid-template-columns:2em 1fr auto;padding:.5em 1.2em;text-align:left}.standing-rank{color:var(--coral);font-family:var(--font-display);font-weight:700}.standing-score{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.party-podium{align-items:flex-end;display:flex;gap:clamp(10px,2vw,28px);justify-content:center;margin-top:2vh}.podium-step{align-items:center;display:flex;flex-direction:column;gap:6px;width:clamp(120px,16vw,260px)}.podium-name{font-size:1.2em;font-weight:700}.podium-score{font-feature-settings:"tnum";color:var(--ink-soft);font-variant-numeric:tabular-nums}.podium-block{align-items:flex-start;background:var(--coral);border-radius:18px 18px 0 0;color:#fff;display:flex;font-family:var(--font-display);font-size:2.4em;font-weight:700;justify-content:center;padding-top:.3em;width:100%}.place-1 .podium-block{background:var(--coral);height:24vh}.place-2 .podium-block{background:var(--ink-soft);height:16vh}.place-3 .podium-block{background:var(--coral-line);height:11vh}.party-actions{display:flex;gap:16px}.party-actions .btn-primary,.party-actions .btn-secondary{padding:.7em 1.8em;width:auto}@media (max-aspect-ratio:1/1){.party-lobby{grid-template-columns:1fr;justify-items:center}.party-lobby-side{align-items:center;text-align:center}.party-qr{width:min(70vw,420px)}.party-stage{flex-direction:column}.party-options{grid-template-columns:1fr}}
/*# sourceMappingURL=main.b34758dd.css.map*/