:root{--night:#120b26;--plum:#1d1440;--plum-2:#281c56;--plum-3:#33266a;--line:#3a2d74;--ink:#f6efe3;--ink-2:#cdc3e3;--ink-3:#9a8fc0;--gold:#e8c47c;--gold-soft:#f2d698;--on-gold:#2a1b04;--maroon:#7d1a3c;--rose:#e05a8a;--jade:#5fd6bb;--jade-bg:#143f3c;--coral:#f39279;--coral-bg:#43192f;--amber-bg:#403114;--row:#1f2a63;--row-stub:#172051;--row-now:#2a3a85;--row-ink:#9fb0ea;--vinyl:#0c0720;--serif:"Cormorant Garamond", "Tiro Devanagari Hindi", Georgia, serif;--deva:"Tiro Devanagari Hindi", "Cormorant Garamond", serif;--sans:"Jost", "Nirmala UI", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--night);color:var(--ink);font:400 1.1rem/1.55 var(--sans);margin:0}button,input,select{font:inherit;color:inherit}a{color:var(--gold);text-underline-offset:3px}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}h1,h2,h3{margin:0}.backdrop{z-index:0;pointer-events:none;background:radial-gradient(70rem 45rem at 8% -15%,#96204a6b,#0000 62%),radial-gradient(60rem 42rem at 108% 112%,#e8c47c24,#0000 60%),radial-gradient(90rem 70rem at 50% 42%,#22164a 0%,#160e33 55%,#0d0820 100%);position:fixed;inset:0;overflow:hidden}.backdrop-jaali{opacity:.07;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84' viewBox='0 0 84 84'%3E%3Cg fill='none' stroke='%23e8c47c' stroke-width='1'%3E%3Ccircle r='42'/%3E%3Ccircle cx='84' r='42'/%3E%3Ccircle cy='84' r='42'/%3E%3Ccircle cx='84' cy='84' r='42'/%3E%3Ccircle cx='42' cy='42' r='42'/%3E%3Ccircle cx='42' cy='42' r='4'/%3E%3Ccircle r='4'/%3E%3Ccircle cx='84' r='4'/%3E%3Ccircle cy='84' r='4'/%3E%3Ccircle cx='84' cy='84' r='4'/%3E%3C/g%3E%3C/svg%3E") 50%/84px 84px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 65% at 50% 46%,#0000 30%,#000 95%);mask-image:radial-gradient(70% 65% at 50% 46%,#0000 30%,#000 95%)}.backdrop-grain{opacity:.05;mix-blend-mode:soft-light;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.backdrop-art{background:var(--ambient,none) center / cover no-repeat;filter:blur(90px)saturate(1.5);opacity:0;transition:opacity 1.2s;position:absolute;inset:-12%}.has-ambient .backdrop-art{opacity:.28}@media (prefers-reduced-motion:reduce){.backdrop-art{transition:none}}.app{z-index:1;max-width:36rem;margin:0 auto;padding:0 16px 2rem;position:relative;overflow-x:clip}.masthead{grid-template-columns:1fr auto;grid-template-areas:"mark tools""modes modes";align-items:center;gap:.25rem 1rem;padding:1rem 0 0;display:grid}.brand{grid-area:mark}.wordmark{font:700 2.7rem/.95 var(--serif);color:var(--gold);letter-spacing:.005em;text-decoration:none;display:inline-block}.tagline{color:var(--ink-2);font:italic 500 1.15rem/1.3 var(--serif);margin:.2rem 0 0}.modes{grid-area:modes;gap:.35rem;padding:.5rem 0 .25rem;display:flex}.modes a{color:var(--ink-2);letter-spacing:.02em;border-radius:999px;padding:.4rem 1rem;font-size:1.05rem;font-weight:500;text-decoration:none}.modes a:hover{background:var(--plum-2);color:var(--ink)}.modes a[aria-current=page]{background:var(--gold);color:var(--on-gold);font-weight:600}.tools{grid-area:tools;align-items:center;gap:.3rem;display:flex}.icon-btn{background:var(--plum-2);width:2.5rem;height:2.5rem;color:var(--ink-2);cursor:pointer;border:0;border-radius:50%;place-items:center;font-weight:600;display:grid}.icon-btn:hover{background:var(--plum-3);color:var(--ink)}.icon-btn svg,.volume svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.2rem;height:1.2rem}.volume{color:var(--ink-3);align-items:center;gap:.4rem;margin-right:.3rem;display:flex}.volume svg path:first-child{fill:currentColor}.volume input{width:4.5rem;accent-color:var(--gold)}.empty{color:var(--ink-2);margin:2rem 0}.footer{color:var(--ink-3);margin-top:2.5rem;font-size:.85rem}.mode{flex-direction:column;gap:1.25rem;padding-top:1rem;display:flex}.round{gap:1.25rem;display:grid}.round-side,.round-main{align-content:start;gap:1.1rem;min-width:0;display:grid}.round-main{background:var(--plum);border:1px solid #2c2163;border-radius:24px;padding:1rem;box-shadow:0 30px 60px -34px #000}.btn{letter-spacing:.02em;cursor:pointer;border:0;border-radius:999px;min-height:2.9rem;padding:0 1.5rem;font-size:1.05rem;font-weight:600}.btn-primary{background:var(--gold);color:var(--on-gold)}.btn-primary:not(:disabled):hover{background:var(--gold-soft)}.btn-primary:disabled{color:#8b80b3;cursor:not-allowed;background:#352c5e}.btn-quiet{background:var(--plum-2);color:var(--ink)}.btn-quiet:hover{background:var(--plum-3)}.link{color:var(--gold);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.toolbar{background:var(--plum);border:1px solid #2c2163;border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;padding:.3rem .4rem .3rem 1rem;display:flex;position:relative}.pool{flex:18rem;min-width:0}.pool summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:.25rem .75rem;list-style:none;display:flex}.pool summary::-webkit-details-marker{display:none}.pool-count{font-size:1.1rem;font-weight:600}.pool-desc{color:var(--ink-3);flex:1;min-width:10rem;font-size:.92rem}.pool-edit{background:var(--plum-2);color:var(--ink-2);border-radius:999px;padding:.15rem .75rem;font-size:.85rem}.pool summary:hover .pool-edit,.pool[open] .pool-edit{color:var(--gold)}.pool summary:hover .pool-edit{background:var(--plum-3)}.pool-body{z-index:20;background:var(--plum);border:1px solid var(--line);border-radius:24px;gap:1.1rem;width:min(34rem,100%);padding:1.25rem 1.4rem 1.4rem;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 30px 60px -20px #000}.pool-done{justify-self:start}.pool fieldset{border:0;min-width:0;margin:0;padding:0}.pool legend,.pool-artist>span{color:var(--ink-3);letter-spacing:.03em;margin-bottom:.5rem;padding:0;font-size:.9rem;font-weight:500}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chip{background:var(--plum-2);cursor:pointer;border:0;border-radius:999px;padding:.3rem .95rem;font-size:.98rem}.chip:hover{background:var(--plum-3)}.chip[aria-pressed=true]{background:var(--gold);color:var(--on-gold);font-weight:500}.segmented{background:var(--plum-2);border-radius:999px;flex-wrap:wrap;gap:3px;width:fit-content;max-width:100%;padding:4px;display:flex}.segmented label{position:relative}.segmented input{opacity:0;cursor:pointer;position:absolute;inset:0}.segmented span{border-radius:999px;padding:.25rem .95rem;font-size:.98rem;display:block}.segmented input:checked+span{background:var(--gold);color:var(--on-gold);font-weight:500}.segmented input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}.pool-note{color:var(--ink-3);margin:.45rem 0 0;font-size:.9rem}.pool-artist{display:grid}.pool-artist select{background:var(--plum-2);border:0;border-radius:14px;max-width:20rem;padding:.55rem .9rem}.pool-warn{color:var(--coral);margin:0;font-size:.95rem}.scoreline{color:var(--ink-2);flex-wrap:wrap;gap:.25rem 1.25rem;padding-right:.6rem;display:flex}.scoreline b{color:var(--gold);font-weight:600}.stage{isolation:isolate;justify-items:center;gap:.5rem;display:grid;position:relative}.stage:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#a0225057,#a022501a 55%,#0000);position:absolute;inset:-12% -10% 0}.record{aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:50%;width:clamp(13rem,66vw,18rem);padding:0;position:relative}.record:disabled{cursor:progress}.record.is-error{cursor:not-allowed;opacity:.6}.record-ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.arc{fill:none;stroke:#2c2160;stroke-width:6px;stroke-linecap:round}.arc-lit{stroke:#8a7348}.arc-play{stroke:var(--gold)}.disc{background:radial-gradient(circle, transparent 0 35%, #2a2050 35.4% 36.2%, transparent 36.6%), repeating-radial-gradient(circle, var(--vinyl) 0 2px, #150f30 2px 3px);border-radius:50%;place-items:center;display:grid;position:absolute;inset:9%;box-shadow:0 0 0 2px #2a2050,0 24px 44px -22px #000}.record:after{content:"";background:conic-gradient(from 20deg, transparent 0 8%, #ffffff12 13%, transparent 19% 58%, #ffffff0d 63%, transparent 69%);pointer-events:none;border-radius:50%;position:absolute;inset:9%}.disc-label{aspect-ratio:1;background:radial-gradient(circle at 50% 40%, #9a2350, var(--maroon) 70%);width:40%;color:var(--gold);box-shadow:inset 0 0 0 2px #e8c47c8c, inset 0 0 0 6px var(--maroon), inset 0 0 0 7px #e8c47c59;border-radius:50%;place-content:center;justify-items:center;display:grid}.disc-sur{font:400 clamp(1.6rem, 7vw, 2.2rem)/1 var(--deva);margin-top:.12em}.disc-len{letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--gold-soft);font-size:.9rem;font-weight:500}.record:not(:disabled):hover .disc-label{background:radial-gradient(circle at 50% 40%,#ab2a5b,#8a1f45 70%)}.record.is-playing .disc{animation:1.333s linear infinite spin}.record.is-loading .disc-label{animation:1.4s ease-in-out infinite breathe}.record:focus-visible{outline-offset:6px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.record.is-playing .disc,.record.is-loading .disc-label{animation:none}}.stage-hint{min-height:1.4em;color:var(--ink);text-align:center;font:italic 600 1.3rem/1.3 var(--serif);margin:0}.clues{grid-template-columns:1fr 1fr;gap:.5rem;margin:0;display:grid}.clue{background:var(--plum);border:1px solid #2c2163;border-radius:16px;align-content:start;gap:.1rem;min-width:0;padding:.6rem .9rem .65rem;display:grid}.clue dt{color:var(--ink-3);letter-spacing:.04em;font-size:.85rem;font-weight:500}.clue dd{color:var(--ink-3);overflow-wrap:anywhere;margin:0;font-size:.95rem}.clue.is-open{background:var(--amber-bg);border-color:#6b5426}.clue.is-open dt{color:var(--gold-soft)}.clue.is-open dd{color:var(--gold);font:600 1.3rem/1.2 var(--serif)}.tries{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.try{background:var(--row);border-radius:999px;grid-template-columns:3.4rem minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:2.35rem;padding:.2rem .9rem .2rem .2rem;display:grid}.try-len{background:var(--row-stub);height:1.95rem;color:var(--row-ink);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;font-size:.88rem;font-weight:600;display:grid}.try-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.02rem;overflow:hidden}.try-text b{font-weight:600}.try-movie{color:var(--ink-3);font-size:.9rem}.try-adds{color:var(--row-ink);font-size:.92rem}.try-mark{font-size:.92rem;font-weight:600}.try-pts{color:var(--row-ink);font:600 1.05rem/1 var(--serif);font-variant-numeric:lining-nums tabular-nums}.try-pts small{font:500 .78rem var(--sans)}.try-now{background:var(--row-now);box-shadow:inset 0 0 0 1.5px var(--gold)}.try-now .try-len{background:var(--gold);color:var(--on-gold)}.try-now .try-pts,.try-now .try-adds{color:var(--gold-soft)}.try-skip{background:var(--plum-2)}.try-skip .try-len{background:var(--plum-3);color:var(--ink-3)}.try-skip .try-text{color:var(--ink-3);font-style:italic}.try-wrong{background:var(--coral-bg)}.try-wrong .try-len{color:var(--coral);background:#5c2140}.try-wrong .try-mark{color:var(--coral)}.try-film{background:var(--amber-bg)}.try-film .try-len{color:var(--gold);background:#5a4519}.try-film .try-mark{color:var(--gold)}.try-right{background:var(--jade-bg)}.try-right .try-len{color:var(--jade);background:#1d5a54}.try-right .try-mark{color:var(--jade)}.strip{justify-content:center;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.strip li{text-align:center;color:#6f64a0;font-variant-numeric:tabular-nums;background:#211849;border-radius:999px;min-width:2.7rem;padding:.2rem .5rem;font-size:.82rem;font-weight:500}.strip .strip-right{background:var(--jade);color:#052a25}.strip .strip-film{background:var(--gold);color:var(--on-gold)}.strip .strip-wrong{background:var(--coral);color:#3a0d05}.strip .strip-skip{background:var(--plum-3);color:var(--ink-2)}.guess{gap:.7rem;display:grid}.guess-field{position:relative}.guess-field input{background:var(--night);border:1.5px solid var(--line);border-radius:999px;width:100%;height:3.2rem;padding:0 1.2rem;font-size:1.1rem;font-weight:500}.guess-field input::placeholder{color:var(--ink-3);font-weight:400}.guess-field input:focus{border-color:var(--gold);outline:none}.suggest{z-index:10;scrollbar-width:thin;scrollbar-color:var(--plum-3) transparent;background:var(--plum-2);border:1px solid var(--line);border-radius:20px;flex-direction:column-reverse;max-height:min(17rem,52vh);margin:0;padding:.35rem;list-style:none;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 -18px 40px -16px #000}.suggest li{cursor:pointer;border-radius:14px;flex:none;padding:.4rem .85rem;line-height:1.3;display:grid}.suggest li[aria-selected=true]{background:var(--plum-3);box-shadow:inset 3px 0 0 var(--gold)}.suggest-title{font-weight:500}.suggest-film{color:var(--ink-3);font-size:.88rem}.suggest .suggest-empty{cursor:default;color:var(--ink-2)}.guess-actions{justify-content:space-between;gap:.75rem;display:flex}.reveal{align-content:start;gap:.9rem;display:grid}.reveal-headline{font:italic 600 1.45rem/1.2 var(--serif);color:var(--ink-2);margin:0}.reveal-detail{color:var(--gold);margin:-.7rem 0 0;font-weight:500}.reveal-song{grid-template-columns:7rem 1fr;align-items:center;gap:1.1rem;display:grid}.reveal-art{object-fit:cover;border-radius:16px;width:7rem;height:7rem;box-shadow:0 16px 32px -16px #000}.reveal-title{font:700 clamp(1.9rem, 6.5vw, 2.6rem)/1.05 var(--serif);color:var(--gold);overflow-wrap:anywhere}.reveal-deva{font:400 1.3rem/1.35 var(--deva);color:var(--ink-2);margin:.35rem 0 0}.reveal-film{color:var(--ink-2);margin:.3rem 0 0;font-weight:500}.credits{grid-template-columns:1fr 1fr;gap:.5rem;margin:0;display:grid}.credits>div{background:var(--plum-2);border-radius:16px;padding:.55rem .9rem}.credits dt{color:var(--ink-3);letter-spacing:.03em;font-size:.85rem}.credits dd{margin:0;font-weight:500}.listen{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.listen-label{color:var(--ink-3);margin-right:.2rem;font-size:.92rem}.listen a{background:var(--plum-2);color:var(--ink);border-radius:999px;padding:.3rem .95rem;font-size:.98rem;text-decoration:none}.listen a:hover{background:var(--plum-3);color:var(--gold)}.film-note{background:var(--plum-2);color:var(--ink-2);border-radius:18px;grid-template-columns:4.5rem 1fr;gap:.9rem;padding:.75rem;font-size:.95rem;display:grid}.film-note img{border-radius:10px;width:4.5rem}.film-note p{-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0 0 .3rem;display:-webkit-box;overflow:hidden}.film-note:not(:has(img)){grid-template-columns:1fr}.reveal-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.share-grid{letter-spacing:.1em;font-size:1.25rem}.share-note{color:var(--ink-2);white-space:pre-line;flex-basis:100%;margin:0;font-size:.92rem}.daily-head{text-align:center}.daily-head h1{font:700 2.2rem/1.05 var(--serif);color:var(--gold)}.daily-head p{color:var(--ink-2);font:italic 500 1.15rem/1.3 var(--serif);margin:.2rem 0 0}.quick-intro,.quick-summary{background:var(--plum);border:1px solid #2c2163;border-radius:24px;justify-items:start;gap:.9rem;padding:1.5rem;display:grid}.quick-intro h1{font:700 2.6rem/1.05 var(--serif);color:var(--gold)}.quick-intro p,.quick-summary p{color:var(--ink-2);max-width:36em;margin:0}.quick-total{font-size:1.1rem}.quick-total b{font:700 3.4rem/1 var(--serif);color:var(--gold);margin-right:.3rem}.quick-list{gap:.35rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.quick-list li{background:var(--coral-bg);color:var(--ink-3);border-radius:14px;justify-content:space-between;gap:1rem;padding:.45rem 1rem;font-size:.98rem;display:flex}.quick-list li b{color:var(--ink);margin-right:.35rem;font-weight:500}.quick-list li.is-right{background:var(--jade-bg)}.quick-list li>span:last-child{white-space:nowrap;color:var(--ink-2);font-weight:600}.quick-head{color:var(--ink-2);justify-content:space-between;display:flex}.quick-head b{color:var(--gold);font-weight:600}.timer{background:var(--plum-2);border-radius:999px;width:min(18rem,80%);height:6px;overflow:hidden}.timer span{background:var(--gold);transform-origin:0;border-radius:999px;height:100%;transition:transform .1s linear;display:block}.options{gap:.5rem;display:grid}@media (width>=30rem){.options{grid-template-columns:1fr 1fr}}.option{text-align:left;background:var(--plum-2);cursor:pointer;border:0;border-radius:18px;gap:.1rem;padding:.85rem 1.1rem;display:grid}.option:not(:disabled):hover{background:var(--plum-3);box-shadow:inset 0 0 0 1.5px var(--gold)}.option:disabled{cursor:default}.option b{font-size:1.1rem;font-weight:500}.option span{color:var(--ink-3);font-size:.95rem}.option.is-right{background:var(--jade-bg);box-shadow:inset 0 0 0 1.5px var(--jade)}.option.is-wrong{background:var(--coral-bg);box-shadow:inset 0 0 0 1.5px var(--coral)}.option.is-dim{color:#8076a8;background:#1f1747}.option.is-dim span{color:#6a6094}.quick-after{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.quick-after p{font:italic 600 1.35rem/1.2 var(--serif);margin:0}.door{align-items:center;gap:1.25rem;display:grid}.door-intro p{color:var(--ink-2);max-width:30em;margin:.6rem 0 0}.door-title{font:700 2.6rem/1.05 var(--serif);color:var(--gold)}.door-intro .door-steps{color:var(--ink);font:italic 600 1.3rem/1.3 var(--serif)}.door-panel{background:var(--plum);border:1px solid #2c2163;border-radius:24px;gap:.9rem;padding:1.4rem;display:grid;box-shadow:0 30px 60px -34px #000}.door-panel>.link{justify-self:start}.door-problem{width:100%;max-width:34rem;margin:0 auto}.door-problem p{color:var(--ink-2);margin:0}.door-or{color:var(--ink-3);font:italic 500 1.15rem var(--serif);margin:.2rem 0 -.3rem}.door-join{grid-template-columns:1fr auto;align-items:end;gap:.6rem;display:grid}.field{gap:.35rem;display:grid}.field>span{color:var(--ink-3);letter-spacing:.03em;font-size:.9rem;font-weight:500}.field input{background:var(--night);border:1.5px solid var(--line);border-radius:999px;width:100%;height:3rem;padding:0 1.2rem;font-size:1.1rem;font-weight:500}.field input::placeholder{color:var(--ink-3);font-weight:400}.field input:focus{border-color:var(--gold);outline:none}.door-join input,.door-join input::placeholder{letter-spacing:.3em}.room-banner{background:var(--amber-bg);color:var(--gold);text-align:center;border-radius:999px;margin:0;padding:.45rem 1rem}.toolbar-note{color:var(--ink-2);margin:0;padding:.35rem 0}.room-note{color:var(--ink-2);font:italic 600 1.2rem/1.3 var(--serif);margin:0}.room-card{text-align:center;justify-items:center;gap:.4rem}.room-label{color:var(--ink-3);letter-spacing:.04em;margin:0;font-size:.95rem}.room-code{font:700 clamp(4.5rem, 20vw, 7.5rem)/.95 var(--serif);letter-spacing:.18em;color:var(--gold);text-shadow:0 0 40px #e8c47c40;margin:0 0 .6rem;padding-left:.18em}.room-hint{color:var(--ink-3);max-width:22em;margin:.3rem 0 0;font-size:.92rem}.roster-head{justify-content:space-between;align-items:baseline;display:flex}.roster-head h2{font:700 1.6rem/1.1 var(--serif);color:var(--gold-soft)}.roster-head span{color:var(--ink-3);font-size:.92rem}.roster{grid-template-columns:1fr 1fr;gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.roster li{background:var(--row);border-radius:999px;align-items:center;gap:.45rem;min-width:0;padding:.4rem .6rem .4rem 1rem;display:flex}.roster-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-right:auto;font-weight:500;overflow:hidden}.roster .is-away{background:var(--plum-2);color:var(--ink-3)}.roster-away{font-size:.85rem;font-style:italic}.tag{background:var(--gold);color:var(--on-gold);border-radius:999px;padding:.05rem .55rem;font-size:.75rem;font-weight:600}.tag-you{background:var(--row-now);color:var(--ink)}.lobby-start{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.lobby-wait{font:italic 600 1.25rem/1.3 var(--serif);margin:0}.lobby-leave{color:var(--ink-3);justify-self:start;font-size:.92rem}.players{scrollbar-width:thin;scrollbar-color:var(--plum-3) transparent;gap:.4rem;margin:0;padding:.1rem 0 .2rem;list-style:none;display:flex;overflow-x:auto}.player{background:var(--plum);border:1px solid #2c2163;border-radius:999px;flex:none;align-items:center;gap:.55rem;padding:.35rem .9rem .35rem 1rem;display:flex}.player-name{text-overflow:ellipsis;white-space:nowrap;max-width:9rem;font-weight:500;overflow:hidden}.player-score{font:700 1.35rem/1 var(--serif);color:var(--gold);font-variant-numeric:lining-nums tabular-nums}.player-gain{color:var(--jade);font-size:.88rem;font-weight:600}.player.is-me{border-color:var(--gold)}.player.is-away{opacity:.55}.dots{gap:3px;display:inline-flex}.dot{background:var(--ink-3);border-radius:50%;width:.6rem;height:.6rem}.dot-w{background:var(--coral)}.dot-f{background:var(--gold)}.dot-r{background:var(--jade)}.dot-next{box-shadow:inset 0 0 0 1.5px var(--ink-3);background:0 0}.room-bar{padding-block:.4rem}.room-round{color:var(--ink-2);align-items:center;gap:.8rem;display:flex}.room-round b{font:700 1.45rem/1.1 var(--serif);color:var(--gold);white-space:nowrap}.room-round .timer{width:7rem}.room-clock{font-variant-numeric:tabular-nums;white-space:nowrap;min-width:4.6rem;font-weight:500}.room-bar .players{flex:14rem;min-width:0}.room-bar .players>:first-child{margin-left:auto}.room-bar .player{background:var(--plum-2);border-color:var(--plum-2)}.room-bar .player.is-me{border-color:var(--gold)}.countdown{text-align:center;justify-items:center;gap:.2rem;padding:2rem 1rem;display:grid}.countdown p{margin:0}.countdown-n{font:700 clamp(6rem, 22vh, 10rem)/1 var(--serif);color:var(--gold);font-variant-numeric:lining-nums}.countdown-hint{color:var(--ink-2);font:italic 500 1.25rem/1.3 var(--serif)}.room-bar~.round .reveal{grid-template-columns:auto 1fr;column-gap:.8rem}.room-bar~.round .reveal>*{grid-column:1/-1}.room-bar~.round .reveal>.reveal-headline{grid-column:1}.room-bar~.round .reveal>.reveal-detail{grid-column:2;align-self:center;margin:0}.waiting{align-content:start;gap:.75rem;display:grid}.waiting-note{color:var(--ink-2);margin:0}.round-table{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.round-table li{background:var(--row);border-radius:999px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.8rem;min-height:2.35rem;padding:.2rem 1rem;display:grid}.round-table li.is-me{box-shadow:inset 0 0 0 1.5px var(--gold)}.round-table-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.round-table-status{color:var(--row-ink);text-align:right;min-width:7.5rem;font-size:.92rem}.final-side{gap:.4rem}.final-title{font:700 clamp(2.6rem, 7vw, 3.6rem)/1 var(--serif);color:var(--gold);overflow-wrap:anywhere}.final-score{color:var(--ink-2);margin:0;font-size:1.1rem}.final-score b{color:var(--ink)}.final-songs{color:var(--ink-2);gap:.15rem;margin:.6rem 0 0;padding-left:1.4rem;font-size:.95rem;display:grid}.final-songs b{color:var(--ink);font-weight:500}.final-songs span{color:var(--ink-3)}.standings{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.standings li{background:var(--row);border-radius:999px;grid-template-columns:1.6rem minmax(0,1fr) auto 3rem;align-items:center;gap:.75rem;padding:.35rem 1rem .35rem .5rem;display:grid}.standings li:first-child{background:var(--amber-bg)}.standings li.is-me{box-shadow:inset 0 0 0 1.5px var(--gold)}.standings-rank{background:var(--row-stub);border-radius:50%;place-items:center;width:1.6rem;height:1.6rem;font-size:.85rem;font-weight:600;display:grid}.standings li:first-child .standings-rank{background:var(--gold);color:var(--on-gold)}.standings-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.standings-rounds{gap:3px;display:flex}.standings-rounds i{background:var(--plum-3);width:1.15rem;height:1.15rem;font:normal 600 .72rem/1 var(--sans);border-radius:5px;place-items:center;display:grid}.standings-rounds i.is-won{background:var(--jade);color:#052a25}.standings-total{text-align:right;font:700 1.4rem/1 var(--serif);color:var(--gold);font-variant-numeric:lining-nums tabular-nums}.standings-key{color:var(--ink-3);margin:0;font-size:.88rem}.dialog{border:1px solid var(--line);background:var(--plum);width:min(30rem,100% - 32px);max-height:85vh;color:var(--ink);border-radius:24px;padding:0}.dialog::backdrop{background:#080414bf}.dialog-body{padding:1.1rem 1.4rem 1.5rem}.dialog-head{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.dialog-head h2{font:700 2rem/1.15 var(--serif);color:var(--gold)}.dialog p{color:var(--ink-2);margin:0 0 .75rem}.dialog h3{font:700 1.3rem/1.2 var(--serif);color:var(--gold-soft);margin:1.25rem 0 .5rem}.help-ladder{grid-template-columns:repeat(3,1fr);gap:.4rem;margin:0 0 .9rem;padding:0;list-style:none;display:grid}.help-ladder li{background:var(--plum-2);border-radius:14px;padding:.45rem .75rem;display:grid}.help-ladder li span:first-child{font-weight:600}.help-ladder li span:last-child{color:var(--ink-3);font-size:.88rem}.tag-film{color:var(--gold)}.help-modes{grid-template-columns:auto 1fr;gap:.4rem 1rem;margin:0;display:grid}.help-modes dt{font-weight:600}.help-modes dd{color:var(--ink-2);margin:0}.help-credit{font-size:.88rem;color:var(--ink-3)!important;margin-top:1.25rem!important}.tiles{grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));gap:.5rem;display:grid}.tile{background:var(--plum-2);border-radius:16px;padding:.6rem .8rem;display:grid}.tile-value{font-size:1.6rem;font-weight:600;line-height:1.1}.tile-label{color:var(--ink-3);font-size:.88rem}.dist{gap:4px;margin:0;display:grid}.dist-row{grid-template-columns:1.25rem 1fr;align-items:center;gap:.5rem;display:grid}.dist-try{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:.9rem}.dist-track{align-items:center;gap:.45rem;display:flex}.dist-bar{background:var(--gold);border-radius:0 4px 4px 0;min-width:2px;height:16px}.dist-bar.is-today{background:var(--rose)}.dist-n{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:.9rem}@media (width>=40rem){.masthead{grid-template-columns:auto 1fr auto;grid-template-areas:"mark modes tools";padding-top:1rem}.modes{justify-content:center;padding:0}.toolbar{border-radius:999px}}@media (width>=56rem){html{font-size:clamp(15px,2.4vh,19px)}.app{flex-direction:column;max-width:66rem;min-height:100dvh;padding:0 2rem;display:flex}main{flex:1;align-content:center;display:grid}.mode{gap:1rem;padding-block:1rem}.round{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:center;gap:2.25rem}.round-side{gap:1rem}.round-main{padding:1.25rem 1.4rem 1.35rem}.record{width:clamp(12rem,36vh,18rem)}.reveal{gap:.75rem}.reveal-title{font-size:2.3rem}.reveal-song{grid-template-columns:6.25rem 1fr}.reveal-art{width:6.25rem;height:6.25rem}.credits>div{padding-block:.45rem}.film-note{grid-template-columns:3.75rem 1fr}.film-note img{width:3.75rem}.film-note p{-webkit-line-clamp:3}.options{grid-template-columns:1fr}.door{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:2.25rem}.door-title{font-size:3.2rem}.pool-body{grid-template-columns:1fr 1fr;gap:1.1rem 2rem;width:100%;max-height:calc(100dvh - 10rem);overflow-y:auto}.pool-body>fieldset:nth-of-type(-n+2),.pool-done,.pool-warn{grid-column:1/-1}.footer{margin-top:0;padding:.4rem 0 .8rem;font-size:.8rem}}@media (width>=56rem) and (height<=760px){.masthead{padding-top:.6rem}.wordmark{font-size:2.4rem}.mode{padding-block:.45rem}.round-main{padding-block:.9rem}.reveal{gap:.6rem}.reveal-title{font-size:1.8rem}.reveal-detail{margin-top:-.55rem}.reveal-art{width:5.75rem;height:5.75rem}.reveal-song{grid-template-columns:5.75rem 1fr}.film-note p{-webkit-line-clamp:2}.clue{padding-block:.45rem .5rem}.credits dd{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-bar{padding-block:.3rem}.room-bar .player{padding-block:.25rem}}