.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}#boot{position:fixed;inset:0;z-index:99;display:grid;place-items:center;background:var(--paper);color:var(--ink);font:600 20px Manrope}nav{gap:16px}nav #account{border:1px solid var(--stroke);border-radius:22px;padding:9px 14px;white-space:nowrap}#language{border:1px solid var(--stroke);border-radius:20px;padding:9px 12px;background:var(--panel);color:var(--ink);font:inherit;font-size:11px;max-width:125px}.sessionbar{border:1px solid var(--stroke);border-radius:16px;background:var(--panel);padding:24px 27px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:3px 0 20px}.sessionbar .eyebrow{font-size:9px;color:var(--textsoft)}.sessionbar h2{margin:7px 0;font-size:20px;text-transform:capitalize}#syncstatus{font-size:10px;color:var(--textsoft);display:block;max-width:420px}.sessionactions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.sessionactions button{white-space:nowrap}.premium-button{border:1px solid #a58a4d;background:#f8e9c5;color:#72571f;padding:11px 16px;border-radius:22px;font-size:11px}.daily-rule{font-size:10px;text-align:center;color:var(--textsoft);padding:0 10px;line-height:1.6}.account-link{display:inline-flex;text-align:center;align-items:center;justify-content:center;margin:8px 0}.premium-benefit{padding:14px 0;border-bottom:1px solid var(--stroke);font-size:13px}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:280px;overflow:auto;margin-top:20px}.archive-day{border:1px solid var(--stroke);border-radius:12px;background:var(--panel);color:var(--ink);padding:15px 8px}.archive-day strong,.archive-day small{display:block}.archive-day small{font-size:9px;color:var(--textsoft);margin-top:7px}.archive-day.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}#archivedate{width:100%;margin-bottom:10px;padding:12px;border:1px solid var(--stroke);border-radius:8px;background:var(--panel);color:var(--ink)}#goarchive{width:100%}
/* Pastel artwork keeps a dark foreground in both themes; text panels follow the theme. */
.cardart{color:#23372e}.cardart .number{opacity:1;color:#34483e}.cardart .arttag{color:#26372e;border-color:#26372e66;background:#ffffff6b}.cardart .wordtiles span{color:#23372e}.cardart .wordtiles span:nth-child(2){color:#fff}.cardart .wave b,.cardart .honey span,.cardart .comparison b,.cardart .semantic span,.cardart .estimate span{color:#28392f}.cardart .honey span:nth-child(2){color:#fff}.heroart .artword,.heroart .music{color:#26372e}.heroart .little{color:var(--ink)}
html[data-theme=dark] .cardart{background:var(--tint);color:#23372e}html[data-theme=dark] .cardart :is(.number,.arttag,.comparison,.estimate){color:#25392f}html[data-theme=dark] .cardart .semantic span{background:#fff9ec;color:#25414a}html[data-theme=dark] .heroart .artword{background:#e8c3ab;color:#25392f;box-shadow:5px 6px 0 #080a10}html[data-theme=dark] .heroart .music{background:#e8dff2;color:#34274e}html[data-theme=dark] .premium-button{background:#44351c;color:#f6d993;border-color:#8a6c35}html[data-theme=dark] .chaincard .comparecaption :is(h2,strong,small,span){color:#fff}html[data-theme=dark] .chaincard .comparecaption .chainartist{color:#e2e3eb}html[data-theme=dark] .chaincard .comparecaption>span{color:#d6d9e6}html[data-theme=dark] .chainart text{paint-order:stroke;stroke:#111827;stroke-width:1px}html[data-theme=dark] .chainchoices button.primary{color:#e4d7fa;background:#30283f}html[data-theme=dark] :is(.instructions,.card p,.intro p,.bottom p,footer,.signature){color:#c0bdcf}html[data-theme=dark] .semanticrow.near{color:#c0e5a7}html[data-theme=dark] .semanticrow.warm{color:#f0ca8e}html[data-theme=dark] .semanticrow.far{color:#f1b9c0}html[data-theme=dark] .soundcard .listenbutton{color:#17101f}html[data-theme=dark] .legend{color:#ccc8d8}html[data-theme=dark] .arttag{opacity:1}
@media(max-width:850px){header{height:auto;min-height:100px;gap:16px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}nav{gap:9px;flex-wrap:wrap}.heroart{opacity:.9;right:20px;transform:scale(.8) rotate(-7deg);transform-origin:right top}.hero h1{max-width:65%}.sessionbar{padding:20px}.sessionactions{max-width:220px}}
@media(max-width:530px){header{gap:13px}.brand{font-size:19px}nav{width:100%;justify-content:space-between;font-size:11px}nav #stats{font-size:10px}#language{font-size:10px;padding:8px;max-width:104px}nav #account{font-size:10px;padding:8px 10px}.hero{padding-top:30px}.hero h1{max-width:100%;font-size:36px}.heroart{position:relative;inset:auto;margin:15px auto 25px;transform:scale(.85) rotate(-7deg);height:170px;transform-origin:center}.sessionbar{align-items:flex-start;flex-direction:column;gap:16px}.sessionbar h2{font-size:18px}.sessionactions{max-width:none;justify-content:flex-start;width:100%}.sessionactions button{padding:10px 12px;font-size:10px}.intro{gap:18px}.daily{font-size:10px}.archive-grid{grid-template-columns:repeat(2,1fr)}.todaystrip{font-size:11px}.cardart .arttag{font-size:8px}}

html[data-theme=dark] .cardart{filter:none}
/* Playback remains available to the game, with no title/player UI before reveal. */
.hidden-audio-engine{position:absolute!important;width:1px!important;height:1px!important;left:-10000px!important;top:-10000px!important;opacity:0;pointer-events:none;border:0}.music-attempts{max-width:620px;margin:20px auto}.music-attempt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border:1px solid var(--stroke);border-radius:9px;font-size:12px;margin:7px 0}.music-attempt b{font-size:10px;color:#567936}.music-attempt.artist-match{background:#83aa6215;border-color:#83aa6260}.artist-feedback{border-color:#84a66b!important}.hint-tag{display:inline-block;font-size:8px!important;letter-spacing:.4px;margin-left:10px;padding:4px 6px;border:1px solid currentColor;border-radius:12px;vertical-align:middle}.songform>input{flex:1;min-width:0}.admin-dialog{max-width:1120px}.admin-filters{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr auto auto;gap:8px;align-items:end;margin:20px 0}.admin-filters label{font-size:10px;color:var(--textsoft)}.admin-filters input,.admin-filters select{display:block;width:100%;background:var(--panel);color:var(--ink);border:1px solid var(--stroke);padding:10px;border-radius:8px;font:inherit;font-size:12px;margin-top:6px}.admin-table-wrap{overflow-x:auto;max-height:450px}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.admin-table th{position:sticky;top:0;background:var(--panel);font-weight:500;color:var(--textsoft);font-size:10px;padding:13px 10px;border-bottom:1px solid var(--stroke);z-index:1}.admin-table td{padding:12px 10px;border-bottom:1px solid var(--stroke);max-width:220px;overflow-wrap:anywhere}.admin-table td small{display:block;color:var(--textsoft);font-size:9px;margin-top:5px}.admin-table .secondary{font-size:10px;white-space:nowrap;padding:8px 11px}.admin-game-summary{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0;font-size:11px}.admin-game-summary span{padding:8px 12px;background:var(--soft);border-radius:8px}.admin-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;font-size:11px}.admin-dialog .statgrid{margin:25px 0}.admin-dialog .statgrid b{font-size:32px}html[data-theme=dark] .music-attempt b{color:#b9dc9b}.chainphoto{position:absolute;inset:0;background:#17202a}.chainphoto img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.chainphoto.contain img{object-fit:contain;padding:15px 15px 100px;background:#f4f3f0}.chaincard.photo-card:after{background:linear-gradient(0deg,#0a101afa 0%,#0a101acb 32%,#0a101a30 65%,#0a101a00 100%)}.chaincard .comparecaption{text-shadow:0 1px 5px #000b}.image-credit{font-size:10px;line-height:1.6;padding:7px 0;color:var(--textsoft)}.image-credit a{color:var(--accent);text-decoration:underline}.photo-missing{position:absolute;inset:0;display:grid;place-items:center;padding:30px 30px 130px;text-align:center;color:#fff;font-size:12px;background:#202735}
@media(max-width:800px){.admin-filters{grid-template-columns:1fr 1fr}.admin-filters label:nth-child(4){grid-column:auto}.admin-dialog{padding:23px}.admin-table{min-width:760px}.songform{display:flex;flex-wrap:wrap}.songform>input{width:100%}.chainphoto.contain img{padding-bottom:100px}}
.chainphoto.poster img{object-fit:contain;padding:8px 0 105px;background:#10141b}footer{gap:15px;flex-wrap:wrap}#resultsprivacy{font-size:10px}.admin-table th,.admin-table td{line-height:1.6}.music-attempt.artist-match b{white-space:nowrap}.semanticrow strong .hint-tag{font-family:'DM Sans',sans-serif}html[data-theme=dark] .chainphoto img{filter:none!important;opacity:1!important}
.try-counter{display:flex;align-items:center;gap:22px;text-align:left;border:1px solid var(--stroke);background:var(--soft);border-radius:14px;padding:16px 20px;max-width:620px;margin:22px auto}.try-counter>div{min-width:110px}.try-counter strong{font:700 36px Manrope,sans-serif;color:var(--accent);line-height:1;display:block}.try-counter span{font-size:10px;color:var(--textsoft);display:block;margin-top:5px}.try-counter p{font-size:12px;line-height:1.7;margin:0}.try-counter small{font-size:10px;color:var(--textsoft)}.next-category{display:block;margin:28px auto;white-space:normal}.songform .searchwrap{min-width:0;flex:1}.suggestions [aria-selected=true]{background:var(--soft);outline:2px solid var(--accent);outline-offset:-2px}.community-results{margin:35px auto 5px;padding:28px 0 5px;border-top:1px solid var(--stroke);max-width:760px;text-align:left}.community-results>.eyebrow{font-size:9px;color:var(--textsoft)}.community-results h2{font-size:23px;margin:9px 0 25px}.community-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.community-summary>div{border-radius:12px;background:var(--soft);border:1px solid var(--stroke);padding:17px 13px}.community-summary span,.community-summary small{display:block;font-size:10px;color:var(--textsoft);line-height:1.5}.community-summary strong{display:block;font:700 30px Manrope,sans-serif;margin:8px 0;color:var(--ink)}.community-chart{margin:28px 0 10px;padding:18px;border:1px solid var(--stroke);border-radius:12px}.community-chart figcaption{font-size:11px;color:var(--textsoft);display:flex;justify-content:space-between;gap:10px;margin-bottom:22px}.community-chart figcaption span{color:#558eb4;font-size:9px}.community-bars{display:flex;align-items:stretch;gap:9px}.community-bin{flex:1;min-width:0;text-align:center}.community-bin>b{display:block;font-size:11px;font-weight:500;color:var(--textsoft);margin-bottom:6px}.bar-track{height:100px;position:relative;border-bottom:1px solid var(--stroke)}.bar-fill{position:absolute;bottom:0;left:12%;right:12%;border-radius:6px 6px 0 0;background:#ab8ad8;transition:height .35s ease}.your-bin .bar-fill{background:#558eb4}.failure-bin .bar-fill{background:#b68b80}.failure-bin.your-bin .bar-fill{background:#558eb4}.community-bin>span{display:block;font-size:9px;line-height:1.4;color:var(--textsoft);margin-top:8px;overflow-wrap:anywhere}.community-note{font-size:10px;line-height:1.8;color:var(--textsoft);margin:18px 0}.community-body>p{font-size:12px;line-height:1.7}html[data-theme=dark] .your-bin .bar-fill{background:#8ebfe2}html[data-theme=dark] .community-chart figcaption span{color:#8ebfe2}.semanticresults .hint-tag{white-space:nowrap}
@media(max-width:530px){.try-counter{padding:14px;gap:12px}.try-counter>div{min-width:75px}.try-counter strong{font-size:30px}.try-counter p{font-size:10px}.try-counter small{font-size:9px}.community-summary{gap:6px}.community-summary>div{padding:12px 8px}.community-summary strong{font-size:23px}.community-summary span,.community-summary small{font-size:8px}.community-chart{padding:13px 9px}.community-bars{gap:4px}.community-bin>span{font-size:7px}.community-chart figcaption{font-size:10px}.community-chart figcaption span{font-size:8px}.bar-track{height:85px}}
.billing-test-label{padding:10px 14px;border:1px solid var(--accent,#a78bfa);border-radius:12px;font-size:.73rem;letter-spacing:.08em;color:var(--ink);margin:18px 0}.premium-price{margin:24px 0 8px}.premium-price strong{font-size:3.4rem;letter-spacing:-.06em}.premium-price span{color:var(--textsoft)}.billing-actions,.billing-scenarios{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.billing-lab{margin-top:24px;padding-top:20px;border-top:1px solid var(--stroke)}.billing-lab summary{font-weight:700;cursor:pointer}.billing-scenarios button{font-size:.82rem}.simulation-result{padding:18px;border-radius:16px;background:var(--panel,#252837)}.simulation-result h3{margin:12px 0;font-size:1.35rem}.rights-card{margin:24px 0;padding:30px;border:1px solid var(--stroke);border-radius:22px;background:var(--panel,#252837)}.rights-card h2{font-size:1.8rem}.subject-title-card{height:260px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px;text-align:center;background:radial-gradient(ellipse at top,var(--tint,#9a7fe7),transparent 140%);color:var(--text)}.subject-title-card strong{font-size:1.8rem;line-height:1.2}.subject-title-card small{margin-top:16px;font-size:.65rem;letter-spacing:.12em}.rights-card p{line-height:1.8}

.public-beta{text-align:center;padding:10px 18px;background:var(--panel);border-bottom:1px solid var(--stroke);color:var(--ink);font-size:.8rem}.premium-plans{border:0;padding:0;margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.premium-plans legend{margin-bottom:12px;font-size:.85rem;color:var(--textsoft)}.premium-plan{border:1px solid var(--stroke);border-radius:16px;padding:17px 14px;display:flex;gap:10px;cursor:pointer;transition:border-color .2s,background .2s}.premium-plan.selected{border-color:#a78bfa;background:#a78bfa12}.premium-plan input{width:16px;height:16px;accent-color:#a78bfa;margin-top:5px}.premium-plan span{display:flex;flex-direction:column;gap:12px}.premium-plan b{font-size:.85rem}.premium-plan strong{font-size:1.8rem;letter-spacing:-.06em}.premium-plan small{font-size:.72rem;font-weight:400;letter-spacing:normal;color:var(--textsoft)}.premium-plan em{font-size:.7rem;font-style:normal;color:var(--textsoft);line-height:1.5}@media(max-width:460px){.premium-plans{grid-template-columns:1fr}.premium-plan strong{font-size:1.7rem}}
