:root{color-scheme:light;--panel:#fff;--soft:#f3eff9;--textsoft:#746a83;--stroke:#e8e1f0}html[data-theme=dark]{color-scheme:dark;--paper:#11131c;--ink:#eeedf6;--line:#2c2e40;--panel:#1b1e2b;--soft:#252839;--textsoft:#aaa8bf;--stroke:#35364c;--accent:#aa8cff}body{transition:background-color .25s,color .25s}#theme{border:1px solid var(--line);border-radius:50%;background:var(--panel);width:33px;height:33px;font-size:18px;display:grid;place-items:center;padding:0}html[data-theme=dark] body{background:radial-gradient(ellipse at 80% 5%,#3a2c592e,transparent 45%),var(--paper)}html[data-theme=dark] header{background:#11131ce8;border-color:#2c2e40}html[data-theme=dark] .brandmark span{color:#735caa}html[data-theme=dark] :is(.card,.gamebox,dialog,.suggestions){background:var(--panel);border-color:var(--stroke);color:var(--ink)}html[data-theme=dark] :is(.secondary,.back,nav #stats,nav #info,#theme,.filters .active){background:var(--soft);border-color:var(--stroke);color:#d9d3ea}html[data-theme=dark] .filters{background:#1c1e2d}html[data-theme=dark] .filters button{color:#a5a1b8}html[data-theme=dark] .cardart{background:linear-gradient(135deg,#ffffff05,#1d1b2d30),var(--tint);filter:brightness(.67) saturate(.75)}html[data-theme=dark] .card:hover .cardart{filter:brightness(.8) saturate(.95)}html[data-theme=dark] .cardfoot{border-color:#303044}html[data-theme=dark] .cardfoot button{background:#39304e;color:#d1baff}html[data-theme=dark] :is(.intro p,.card p,.bottom p,footer,.daily,.instructions,.inputhint,.fieldlabel,.wordmeta,.legend,.gameheader,.comparelabel,.roundmeter,dialog p,.resultrow){color:var(--textsoft)}html[data-theme=dark] :is(.cardhead h3,.footerbrand,.gamebox h1,.bigquestion,dialog h2){color:#eeebf5}html[data-theme=dark] :is(.tag,.cardfoot small,.eyebrow,.daily>span,.gameheader>span){color:#9c97ae}html[data-theme=dark] .sectionbar h2 span{background:#262436;border-color:#3c3451;color:#bdb2d2}html[data-theme=dark] .todaystrip{background:#1c1e2bcc;border-color:var(--stroke);color:#a9a4bb}html[data-theme=dark] :is(input,.suggestions button){background:#141724;border-color:#413a53;color:#ebe5fa}html[data-theme=dark] input::placeholder{color:#8c839e}html[data-theme=dark] input:focus{border-color:#ab88ee;box-shadow:0 0 0 4px #aa8cff14}html[data-theme=dark] .tile:not(.correct):not(.present):not(.absent){background:#222333;border-color:#353448;color:#e2d7f1}html[data-theme=dark] .tile.current-row{border-color:#7d619b!important;background:#29243a!important}html[data-theme=dark] .keyrow button:not(.correct):not(.present):not(.absent){background:#302c40;color:#e0d6ec}html[data-theme=dark] .levelpath button b{background:#252234;border-color:#3a304c;color:#b0a2c6}html[data-theme=dark] .levelpath .selected b{background:#a587df;color:#181120;border-color:#a587df}html[data-theme=dark] .levelpath .cleared:not(.selected) b{background:#29392d;color:#b3d6a0;border-color:#3c5140}html[data-theme=dark] .levelpath .failed-level:not(.selected) b{background:#412e2c;color:#e4b59b;border-color:#5c4237}html[data-theme=dark] .levelpath:before{background:#3a304c}html[data-theme=dark] :is(.message,.soundcard){background:#272237;border-color:#42354f;color:#c8b7dd}html[data-theme=dark] .message strong{color:#e0c9f8}html[data-theme=dark] .message.success{background:#223329;border-color:#364b39;color:#b2c7a6}html[data-theme=dark] .message.success strong{color:#c7e2b9}html[data-theme=dark] .message.mistake{background:#3c2d2a;border-color:#5b4036;color:#dfb9a3}html[data-theme=dark] :is(.roundhistory,.soundcredits,.summarylist,.summaryrow,.resultrow){border-color:#383044}html[data-theme=dark] :is(.summarytotals>div,.summaryicon){background:#26342b;border-color:#3c5140;color:#b7d1a8}html[data-theme=dark] .summarytotals>div:nth-child(2),html[data-theme=dark] .summaryicon.miss{background:#3a2a28;border-color:#61443a;color:#dbb099}html[data-theme=dark] :is(.summaryrow strong,.summaryoutcome b,.soundtitle,.roundmeter b){color:#c8b0e2}html[data-theme=dark] :is(.soundsubtitle,.soundbadge,.soundcredits,.soundtimeline,.soundcredits a,.textbutton,.progress,.statgrid span){color:#b6a4c6}html[data-theme=dark] .soundwave i{background:#8e70b4}html[data-theme=dark] .clipsteps span{background:#242030;border-color:#3b304a;color:#9e8db1}html[data-theme=dark] .clipsteps .unlocked{background:#3c2e50;color:#d1b5ed}html[data-theme=dark] .clipsteps .current{background:#a685ca;color:#21132a}html[data-theme=dark] .guesschips span{background:#252130;border-color:#40334e;color:#c2adcf}html[data-theme=dark] .suggestions button:hover,html[data-theme=dark] .suggestions button:focus{background:#352a43}html[data-theme=dark] .primary{background:#a78ae9;color:#17101f;box-shadow:0 6px 20px #0002}html[data-theme=dark] .primary:hover{background:#bda0fa}html[data-theme=dark] .choices button:nth-child(2){background:#342b46;color:#d4bcef}html[data-theme=dark] .rounddots i{background:#393046}html[data-theme=dark] .rounddots .hit{background:#84a768}html[data-theme=dark] .rounddots .miss{background:#b5836b}html[data-theme=dark] .rounddots .now{background:#a78ae9}html[data-theme=dark] .todaystrip strong{color:#bb9edb}html[data-theme=dark] .todaystrip button{color:#c0a4e0}.gameheader #newround{margin-left:auto}.playagain{display:block;margin:27px auto 0;min-width:200px}.topic{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:1.8px;color:#a58cc5;background:#a58cc514;padding:7px 12px;border-radius:20px}.answer-number{font-size:28px;display:block}.message p{font-size:13px;line-height:1.8;padding:0 15px}.genretabs{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:24px auto}.genretabs button{border:1px solid var(--stroke);background:var(--panel);color:var(--textsoft);border-radius:25px;font-size:12px;padding:10px 15px;transition:.25s}.genretabs button span{margin-left:8px;opacity:.5;font-size:9px}.genretabs [aria-selected=true]{background:var(--accent);border-color:var(--accent);color:#fff}html[data-theme=dark] .genretabs [aria-selected=true]{color:#17101f}.semanticstatus{display:flex;justify-content:space-between;font-size:11px;color:var(--textsoft);margin:26px auto 20px;max-width:520px}.semanticstatus strong{font-weight:500;color:#ab87c8}.semanticlegend{display:flex;justify-content:center;gap:14px;margin:25px 0 15px;font-size:9px}.semanticlegend .near{color:#85a570}.semanticlegend .warm{color:#c69554}.semanticlegend .far{color:#be7879}.semanticresults{max-width:550px;margin:auto}.semanticrow{height:48px;border-radius:9px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 15px;margin:9px 0;overflow:hidden;background:var(--soft);border:1px solid var(--stroke);animation:enter .3s ease}.heatfill{position:absolute;left:0;top:0;bottom:0;width:var(--width);background:var(--heat);opacity:.25;animation:heat-grow .5s ease-out}.semanticrow.near{--heat:#73ad4b;color:#87b76f}.semanticrow.warm{--heat:#d7a059;color:#b88d4f}.semanticrow.far{--heat:#c46d72;color:#b87780}.semanticrow strong,.semanticrow b{position:relative;z-index:1}.semanticrow strong{font:600 16px Manrope;letter-spacing:1px}.semanticrow strong span{display:inline-block;animation:letter-in .3s ease both;animation-delay:calc(var(--i)*45ms)}.semanticrow b{font-size:12px;font-variant-numeric:tabular-nums}.hexgrid{width:250px;height:240px;position:relative;margin:25px auto}.hex{position:absolute;width:70px;height:80px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#efe6c8;border:0;color:#947b38;font:700 25px Manrope;transition:transform .2s}.hex:hover{transform:scale(1.06)}.hex:nth-child(1){left:90px;top:80px}.hex:nth-child(2){left:52px;top:10px}.hex:nth-child(3){left:128px;top:10px}.hex:nth-child(4){left:14px;top:80px}.hex:nth-child(5){left:166px;top:80px}.hex:nth-child(6){left:52px;top:150px}.hex:nth-child(7){left:128px;top:150px}.hex.central{background:#cfac58;color:white}html[data-theme=dark] .hex{background:#39352d;color:#d2bd82}html[data-theme=dark] .hex.central{background:#d4b364;color:#211b10}.hiveprogress{appearance:none;width:100%;height:5px;accent-color:#c6a956;border:0;border-radius:10px;overflow:hidden}.hiveprogress::-webkit-progress-bar{background:var(--soft)}.hiveprogress::-webkit-progress-value{background:#c6a956}.guesschips .pangram{background:#d8b55b22;color:#af8e3c}.roundhistory p{line-height:1.9}.roundhistory a{color:var(--accent);text-decoration:underline}.soundcard .listenbutton{background:var(--accent)}@keyframes heat-grow{from{width:0}}@keyframes letter-in{from{opacity:0;transform:rotateX(90deg)}to{opacity:1;transform:rotateX(0)}}@media(max-width:530px){#theme{width:28px;height:28px;font-size:16px}nav{gap:6px}nav #stats{font-size:9px;padding:8px}.brand{font-size:16px}.brandmark{width:30px;font-size:28px;letter-spacing:-12px}header{padding:0 15px}.gameheader #newround{padding:9px 12px;font-size:10px}.gameheader>span{display:none}.genretabs{gap:4px;margin:20px auto}.genretabs button{padding:8px 10px;font-size:10px}.genretabs button span{margin-left:5px}.semanticlegend{font-size:8px;gap:10px}.semanticstatus{font-size:9px}.semanticrow strong{font-size:14px}.semanticrow{height:43px;padding:0 12px}.message p{font-size:12px}.answer-number{font-size:24px}.topic{font-size:9px}.hiveprogress{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Five linked comparisons: the previous right-hand object becomes the next reference. */
.comparetabs{gap:6px;margin:20px auto 25px}.comparetabs button{font-size:11px;padding:10px 13px}.chainarena{perspective:1200px}.chaincard{width:100%;border:1px solid var(--stroke);padding:0;text-align:left;cursor:pointer;background:linear-gradient(145deg,#363747,#161823);color:white;transition:transform .22s,border-color .22s,box-shadow .22s}.chaincard:hover:not(:disabled){transform:translateY(-3px);border-color:#ac8de1;box-shadow:0 8px 22px #0002}.chaincard:focus-visible{outline:3px solid #c3a3f4;outline-offset:3px}.chaincard:disabled{opacity:1;cursor:default;box-shadow:none}.chaincard.winner{border-color:#9bbb7d;box-shadow:0 0 0 2px #92b87344}.chaincard.wrong-choice{border-color:#cf8e79;box-shadow:0 0 0 2px #cf8e7933}.chainart{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 15%,color-mix(in srgb,var(--object-color),transparent 72%),transparent 70%),linear-gradient(150deg,#343749,#151823)}.chainart svg{height:100%;width:100%;display:block;transform:translateY(-35px)}.chaincard:after{background:linear-gradient(0deg,#121422f5 0%,#12142290 35%,transparent 72%)}.chaincard .comparecaption{bottom:21px;left:22px;right:16px}.chaincard .comparecaption h2{font-size:21px;margin-bottom:8px;line-height:1.25;min-height:0}.chaincard .comparecaption strong{font-size:clamp(24px,3.2vw,36px);letter-spacing:-1px;margin-top:8px;font-variant-numeric:tabular-nums}.chaincard .comparecaption small{font-size:9px;display:block;line-height:1.45}.chaincard .comparecaption .chainartist{font-size:10px;color:#ffffffbb}.winnerbadge{position:absolute;top:15px;right:14px;z-index:3;background:#8aa86c;color:#172214;font-size:10px;border-radius:20px;padding:7px 11px;font-weight:700}.chainchoices button.primary{background:var(--soft);color:var(--textsoft);border:1px solid var(--stroke);box-shadow:none;white-space:normal;text-align:center;justify-content:center;font-size:12px;line-height:1.45;min-height:57px}.chainchoices button.primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:white}.chainchoices button:disabled{opacity:.4}.carryhint{font-size:11px;opacity:.8}.chainreference{font-size:9px;line-height:1.7;color:var(--textsoft);text-align:center;margin:20px auto 5px;max-width:650px}.chainrecap{display:flex;flex-wrap:wrap;gap:7px;align-items:center;justify-content:center;margin:26px auto}.chainrecap>span{padding:9px 12px;background:var(--soft);border:1px solid var(--stroke);border-radius:11px;font-size:10px;color:var(--textsoft)}.chainrecap small{font-size:8px;color:var(--accent);margin-right:7px}.chainrecap>b{font-size:12px;color:#a89ab9}.carry-forward .chaincard:first-child{animation:carry-left .45s cubic-bezier(.2,.8,.2,1)}.carry-forward .chaincard:last-child{animation:new-object .45s ease-out}.chaincard .comparecaption{pointer-events:none}.chainart{pointer-events:none}@keyframes carry-left{from{transform:translateX(calc(100% + 16px));opacity:.45}to{transform:translateX(0);opacity:1}}@keyframes new-object{from{transform:translateX(30px);opacity:0}to{transform:translateX(0);opacity:1}}@media(max-width:530px){.comparetabs{gap:5px;margin:17px auto 20px}.comparetabs button{font-size:9px;padding:8px 11px}.chaincard .comparecaption{left:12px;right:9px;bottom:14px}.chaincard .comparecaption h2{font-size:15px;min-height:36px;margin:8px 0}.chaincard .comparecaption strong{font-size:21px;letter-spacing:-.8px;margin-top:4px;overflow-wrap:anywhere}.chaincard .comparecaption small{font-size:7px;min-height:20px}.chaincard .comparecaption .chainartist{font-size:8px;min-height:12px}.chainart svg{transform:translateY(-28px) scale(1.1)}.chainchoices button.primary{font-size:10px;padding:11px 9px;min-height:55px}.winnerbadge{font-size:8px;padding:5px 8px;top:10px;right:8px}.chainreference{font-size:8px}.carryhint{font-size:10px}.carry-forward .chaincard:first-child{animation-duration:.35s}.carry-forward .chaincard:last-child{animation-duration:.35s}}@media(prefers-reduced-motion:reduce){.carry-forward .chaincard:first-child,.carry-forward .chaincard:last-child{animation:none}}
/* Keep search usable with the expanded music catalogue. */
.suggestions{max-height:min(300px,40vh);overflow-y:auto;overscroll-behavior:contain}.chaincard .comparecaption .chainartist{line-height:1.4;max-width:100%}.chaincard .comparecaption strong{line-height:1.2}@media(max-width:530px){.chaincard .comparecaption .chainartist{font-size:7px}.suggestions{max-height:245px}}
