:root{color-scheme:dark;--font: system-ui, -apple-system, "Segoe UI", sans-serif;font-family:var(--font);--bg-0: #240f1f;--bg-1: #12060e;--bg-2: #050208;--bg-dialog: #1a0c16;--accent: #e65780;--accent-soft: rgba(230, 87, 128, .2);--accent-glow: rgba(230, 87, 128, .35);--gold: #ebb847;--text: #fff;--text-strong: rgba(255, 255, 255, .86);--text-body: rgba(255, 255, 255, .82);--text-soft: rgba(255, 255, 255, .75);--muted: rgba(255, 255, 255, .58);--faint: rgba(255, 255, 255, .42);--glass: rgba(255, 255, 255, .08);--glass-2: rgba(255, 255, 255, .06);--glass-3: rgba(255, 255, 255, .04);--fill: rgba(255, 255, 255, .12);--fill-quiet: rgba(255, 255, 255, .1);--fill-pressed: rgba(255, 255, 255, .22);--hairline: rgba(255, 255, 255, .14);--line-soft: rgba(255, 255, 255, .16);--line-slot: rgba(255, 255, 255, .18);--line-dashed: rgba(255, 255, 255, .28);--line-choice: rgba(255, 255, 255, .32);--slot-bg: rgba(0, 0, 0, .18);--scrim: rgba(0, 0, 0, .62);--deezer-plate: #fff;--text-xs: .8rem;--text-kicker: .82rem;--text-note: .9rem;--text-sm: .85rem;--text-md: .92rem;--text-base: 1rem;--text-input: 16px;--text-lg: 1.2rem;--text-track: 1.25rem;--text-xl: 1.35rem;--text-2xl: 1.7rem;--text-winner: 1.75rem;--text-score: 1.8rem;--text-tile: 2.4rem;--text-hero: 2.75rem;--weight-body: 600;--weight-label: 650;--weight-title: 700;--weight-display: 800;--space-1: 4px;--space-2: 6px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--radius-xs: 8px;--radius-sm: 10px;--radius-md: 12px;--radius-row: 14px;--radius-lg: 16px;--radius-xl: 18px;--radius-dialog: 20px;--radius-tile: 24px;--radius-pill: 999px;--hit-quiet: 36px;--hit: 44px;--input: 48px;--choice: 52px;--control: 56px;--column: 480px;--deezer-mark: 32px;--deezer-mark-splash: 24px;--player-1: #e65780;--player-2: #ebb847;--player-3: #f27a52;--player-4: #94477a;--player-5: #f5b894;--player-6: #b83859}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100dvh;color:var(--text);background:linear-gradient(var(--bg-0),var(--bg-1) 42%,var(--bg-2))}button,input{font:inherit;color:inherit}.app{min-height:100dvh;max-width:var(--column);margin:0 auto;padding:calc(12px + env(safe-area-inset-top)) 16px calc(12px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.top,.transport,.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{margin:0;display:flex;align-items:center;gap:8px;font-weight:var(--weight-title);letter-spacing:.01em}.brand img{width:32px;height:32px;object-fit:contain}.langs{display:flex;gap:6px}.langs button,.chips button,.ghost,.text-btn,.primary{border:0;cursor:pointer}.langs button{background:transparent;color:var(--muted);border-radius:var(--radius-pill);min-width:var(--hit);min-height:var(--hit-quiet)}.langs button[aria-pressed=true]{color:var(--text);background:var(--fill)}main{flex:1;display:flex;flex-direction:column;min-height:0}section{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}h1{margin:0;font-size:var(--text-2xl);line-height:1.15}#screen-setup h1{font-size:var(--text-lg);font-weight:var(--weight-label)}h2{margin:0;font-size:1.6rem}fieldset{border:0;margin:0;padding:0;min-inline-size:0}legend{display:block;width:100%;margin:0 0 8px;padding:0;color:var(--muted);font-size:var(--text-sm);line-height:1.3}.name-field input,#search{width:100%;border:1px solid var(--hairline);border-radius:var(--radius-row);background:var(--glass-2);min-height:var(--input);padding:0 14px;font-size:var(--text-input)}#search{margin:0}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{background:var(--glass-2);border:1px solid var(--fill);border-radius:var(--radius-pill);min-height:40px;min-width:52px;padding:0 14px}.chips button[aria-pressed=true]{background:var(--accent)}.primary,.ghost{border-radius:var(--radius-pill);min-height:var(--control);padding:0 18px}.primary{background:var(--accent);font-weight:var(--weight-label)}#splash-start,#start-btn{width:100%}.support-link{align-self:center;text-align:center;color:var(--text-strong)}a[data-support]{display:inline-flex;align-items:center;justify-content:center;gap:.35em;font-size:var(--text-lg);text-decoration:none}a[data-support] [data-t]{text-decoration:underline;text-underline-offset:3px}#settings-dialog a[data-support]{display:flex;width:100%}.support-heart{font-size:1.25em;line-height:1}.primary:disabled{opacity:.45;cursor:default}.ghost{background:var(--fill)}.text-btn{background:transparent;color:var(--muted);min-height:var(--hit);padding:0;text-align:left}.danger{color:var(--accent)}.muted{color:var(--muted)}.center{text-align:center}.hint,#status,.error,.skip{margin:0;font-size:var(--text-md)}.error,.skip{color:var(--accent);text-align:center}.track-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border-radius:var(--radius-xl);background:var(--glass-2)}.cover{width:min(168px,42vw);aspect-ratio:1;margin:0 auto;border-radius:var(--radius-lg);background:var(--glass);overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;display:block}.track-title,.artist{margin:0;text-align:center}.track-title{font-size:var(--text-track);font-weight:var(--weight-title)}.artist{color:var(--muted);min-height:1.3em}.players{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.player{width:100%;border-radius:var(--radius-tile);border:1px solid transparent;min-height:140px;padding:var(--space-5);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;text-align:left;touch-action:manipulation;user-select:none;cursor:pointer}.player-icon{width:22px;height:22px;flex:none;margin-bottom:auto}.player-name{margin-top:var(--space-1);font-size:var(--text-track);font-weight:var(--weight-title);color:var(--text-strong);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-score{font-size:var(--text-tile);font-weight:var(--weight-display);line-height:1;color:var(--text)}.player-song{min-height:1.15em;font-size:var(--text-sm);font-weight:var(--weight-body)}.time{margin:0;text-align:center;font-size:var(--text-score);font-weight:var(--weight-display)}.time.urgent{color:var(--accent)}.transport{margin-top:auto}#screen-game{overflow:auto}#screen-game .transport{flex-shrink:0}#next-btn{flex:1.4}#play-btn{flex:1}.stop-discreet{align-self:center;min-height:var(--hit-quiet);margin-top:2px;font-size:var(--text-sm);opacity:.72}#screen-splash{justify-content:flex-end;text-align:center}.splash-hero{margin:auto 0;display:flex;flex-direction:column;align-items:center;gap:8px}.logo{width:160px;height:160px;object-fit:contain;filter:drop-shadow(0 16px 28px var(--accent-glow))}@media(prefers-reduced-motion:no-preference){.logo{animation:logo-pulse 2s ease-in-out infinite alternate}}@keyframes logo-pulse{0%{transform:scale(1)}to{transform:scale(1.03)}}#screen-setup{overflow:auto}.one-phone{margin:0 0 10px;font-size:var(--text-sm);line-height:1.35}#player-fields{display:flex;flex-direction:column;gap:10px}.player-edit{display:flex;align-items:center;gap:8px}.player-edit .name-field{flex:1;min-width:0;display:flex;align-items:center;gap:10px}.player-edit .name-field input{width:auto;flex:1;min-width:0}.swatch{width:28px;height:28px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;flex:none}.swatch-icon{width:16px;height:16px}.remove-player,.add-player{border:0;cursor:pointer;color:inherit}.remove-player{min-width:var(--hit);min-height:var(--hit);border-radius:var(--radius-md);background:var(--glass-2);color:var(--muted);font-size:var(--text-lg)}.add-player{min-height:var(--hit);margin-top:10px;border-radius:var(--radius-pill);border:1px dashed var(--line-dashed);background:transparent;color:var(--text)}#setup-form{display:flex;flex-direction:column;gap:20px;flex:1}#setup-form fieldset{display:flex;flex-direction:column}#start-btn{margin-top:auto}.mc-row{display:flex;align-items:flex-start;gap:var(--space-4)}.mc-copy{flex:1;min-width:0}.mc-title{margin:0;font-weight:var(--weight-title);line-height:1.25}.mc-row .muted{margin:2px 0 0;font-size:var(--text-sm);line-height:1.35}.mc-row .switch{margin-top:1px}.switch{width:51px;height:31px;border:0;border-radius:var(--radius-pill);background:var(--fill);position:relative;flex:none;padding:0;cursor:pointer}.switch:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:var(--text)}.switch[aria-pressed=true]{background:var(--accent)}.switch[aria-pressed=true]:after{transform:translate(20px)}@media(prefers-reduced-motion:no-preference){.switch:after{transition:transform .2s ease}}.playlist-card{display:flex;align-items:center;gap:12px;width:100%;min-height:76px;padding:10px;border:0;border-radius:var(--radius-lg);background:var(--glass-2);text-align:left;cursor:pointer}.playlist-card img{width:56px;height:56px;border-radius:var(--radius-md);object-fit:cover;flex:none;background:var(--glass)}.playlist-card-text{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;text-align:left}.playlist-card #status{font-weight:var(--weight-title);font-size:var(--text-base);line-height:1.25;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.playlist-card .muted{font-size:var(--text-sm);line-height:1.35}#screen-browse{min-height:0}.browse-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.browse-head h1{font-size:var(--text-xl)}.playlist-scroll{overflow:auto;flex:1;display:flex;flex-direction:column;gap:8px;min-height:0}.section-label{margin:8px 0 0;color:var(--muted);font-size:var(--text-sm)}.empty-state{margin:4px 0 8px;padding:16px;border-radius:var(--radius-row);background:var(--glass-3);text-align:center}.empty-state p{margin:0;color:var(--muted)}.empty-state .empty-title{margin:0 0 4px;font-weight:var(--weight-title);color:var(--text)}.retry-btn{align-self:center;min-height:var(--hit);min-width:var(--hit);padding:0 18px;border:1px solid var(--line-dashed);border-radius:var(--radius-pill);background:var(--fill-quiet);font-weight:var(--weight-label);cursor:pointer}.playlist-row{display:flex;align-items:center;gap:0;min-height:72px;border-radius:var(--radius-row);background:var(--glass)}.playlist-row.is-busy{opacity:.55;pointer-events:none}.playlist{flex:1;display:flex;align-items:center;gap:12px;min-height:72px;padding:8px;border:0;border-radius:var(--radius-row);background:transparent;text-align:left;cursor:pointer}.playlist img,.playlist-fallback{width:56px;height:56px;border-radius:var(--radius-sm);object-fit:cover;background:var(--glass);flex:none}.playlist span{display:block}.playlist .muted{font-size:var(--text-sm)}.heart{border:0;background:transparent;color:var(--accent);width:var(--hit);min-width:var(--hit);min-height:var(--hit);margin-right:6px;border-radius:var(--radius-md);font-size:var(--text-track);cursor:pointer;flex:none}.heart[aria-pressed=true]{background:var(--accent-soft)}#screen-podium{justify-content:flex-start}.podium-body{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:8px}#podium-kicker{margin:0;letter-spacing:.04em;color:var(--faint);font-size:var(--text-kicker);font-weight:var(--weight-body)}#podium-list{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.podium-hero-icon{width:40px;height:40px}.winner-card{width:100%;box-sizing:border-box;text-align:center;background:var(--glass-2);border-radius:var(--radius-lg);padding:20px 24px}.winner-card .muted{margin:0;font-size:var(--text-note)}.winner-name{margin:6px 0 0;font-size:var(--text-winner);font-weight:var(--weight-display)}.tie-names{font-size:var(--text-xl);line-height:1.3}.tie-icons{display:flex;gap:12px;justify-content:center}.winner-score{margin:6px 0 0;font-size:var(--text-hero);font-weight:var(--weight-display);line-height:1}.podium-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 2px}.podium-rank{width:22px;flex:none;color:var(--faint);font-weight:var(--weight-label);text-align:center}.podium-icon{width:22px;height:22px;flex:none}.podium-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--weight-body)}.podium-pts{color:var(--muted);font-weight:var(--weight-body)}.podium-actions{display:flex;flex-direction:column;gap:10px;margin-top:auto}#replay,#new-game{width:100%;border-radius:var(--radius-pill);cursor:pointer;font-weight:var(--weight-label)}#replay{min-height:var(--control);border:1px solid var(--line-soft);color:var(--text);background:var(--hairline)}#new-game{min-height:var(--input);border:0;color:var(--text-body);background:var(--glass)}footer{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:var(--text-xs);color:var(--muted)}.deezer-line{display:inline-flex;align-items:center;justify-content:center;gap:10px;color:var(--text-strong);font-weight:var(--weight-label);text-decoration:none}.deezer-line span{text-decoration:underline;text-underline-offset:3px}.deezer-logo{height:var(--deezer-mark);width:auto;background:var(--deezer-plate);border-radius:var(--radius-xs);padding:4px 5px;box-sizing:content-box}body[data-screen=splash] .deezer-logo{height:var(--deezer-mark-splash)}#footer-details{display:flex;flex-direction:column;align-items:center;gap:4px}body[data-screen=browse] #footer-details,body[data-screen=game] #footer-details{display:none}.footer-link,dialog a{color:var(--text-strong);font-weight:var(--weight-label)}footer p{margin:0}dialog{border:0;border-radius:var(--radius-dialog);background:var(--bg-dialog);color:var(--text);padding:20px;max-width:min(420px,calc(100% - 32px))}dialog::backdrop{background:var(--scrim)}dialog h2{font-size:var(--text-lg);margin-bottom:8px}dialog p{margin:0 0 16px;color:var(--muted)}dialog ul{margin:0 0 16px;padding-left:18px;color:var(--muted)}#consent-dialog .consent-if,#consent-dialog .consent-note{margin-bottom:8px}#consent-dialog .consent-note:last-of-type{margin-bottom:16px}.consent-actions{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3)}#consent-decline{flex:.72;min-height:var(--hit);font-size:var(--text-sm)}#consent-accept{flex:1.28;min-height:var(--choice)}.choice{min-height:var(--choice);border:1px solid var(--line-choice);border-radius:var(--radius-pill);background:var(--fill-quiet);font-weight:var(--weight-label);cursor:pointer}.choice:focus-visible{outline:2px solid var(--text);outline-offset:2px}#analytics-toggle{width:100%}#settings-close{display:block;width:100%;text-align:center}#privacy-dialog{max-height:min(78dvh,640px);overflow:auto}#privacy-dialog h3{margin:16px 0 6px;font-size:var(--text-base)}.linkish{display:block;width:100%;text-align:center;text-decoration:underline;text-underline-offset:3px}.cue{margin:0;font-size:var(--text-xs)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#retry{align-self:center;background:transparent;color:var(--accent);min-height:var(--hit)}