:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--black:#050505;--black-soft:#111211;--white:#f4f3ed;--white-cool:#e8ebeb;--grey:#a7aaa8;--grey-dark:#4d504e;--lake:#87a8be;--lake-dark:#537b98;--correct:#49e99b;--near:#ffd75b;--wrong:#ff5964;--locked:#2a2d2e;--line-dark:#f4f3ed38;--line-light:#0505052e;--font-display:"Archivo", "Arial Narrow", sans-serif;--font-mono:"IBM Plex Mono", "Courier New", monospace;--page-pad:clamp(16px, 2.5vw, 38px);--ease-out:cubic-bezier(.22, 1, .36, 1);--attempt-progress:0;font-family:var(--font-display);background:var(--black)}*,:before,:after{box-sizing:border-box}html{min-width:320px;color:var(--white);background:var(--black)}body{min-width:320px;color:var(--white);background:linear-gradient(90deg, #050505f0, #050505d1), url(/assets/glue/blue-noise-texture.webp) center / cover fixed, var(--black);font-family:var(--font-display);margin:0;overflow-x:clip}body.dialog-open{overflow:hidden}button,input{font:inherit}button,a{color:inherit;-webkit-tap-highlight-color:transparent}p,h1,h2,li,button,label{text-wrap:pretty}:focus-visible{outline:3px solid var(--lake);outline-offset:3px}.skip-link{z-index:1000;color:var(--black);background:var(--white);transition:transform .18s var(--ease-out);padding:10px 14px;position:fixed;top:10px;left:10px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-boot{display:none}body.is-booting .app-boot{z-index:1000;padding:var(--page-pad);border:16px solid var(--lake);background:var(--black);font-family:var(--font-mono);align-content:center;gap:16px;line-height:1.6;display:grid;position:fixed;inset:0}body.is-booting .app-boot strong{max-width:720px;font:600 clamp(2.6rem, 7vw, 6rem)/.9 var(--font-display);letter-spacing:-.06em}body.is-booting .app-boot p{color:var(--grey);margin:0}body.is-booting .app-boot.is-error{border-color:var(--wrong)}.meta-label,.rail-index,.library-note>span{color:var(--lake);font:500 .63rem/1.35 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin:0}.game-shell{width:calc(100% - 2 * var(--page-pad));max-width:1540px;min-height:calc(100svh - var(--header-height) - 2 * var(--page-pad));margin:calc(var(--header-height) + var(--page-pad)) auto var(--page-pad);background:var(--line-dark);border:1px solid var(--line-dark);grid-template-columns:minmax(172px,.64fr) minmax(540px,2.7fr) minmax(250px,1fr);grid-template-areas:"rail ledger desk";gap:1px;display:grid}.round-rail,.deduction-panel,.guess-desk{background:var(--black);min-width:0}.round-rail{flex-direction:column;grid-area:rail;padding:clamp(18px,2vw,30px);display:flex}.rail-brand h1{letter-spacing:-.065em;margin:14px 0 0;font-size:clamp(1.55rem,2.2vw,2.5rem);font-stretch:75%;line-height:.9}.rail-brand p{color:var(--grey);margin:8px 0 0;font-size:.72rem}.round-state{border-top:1px solid var(--line-dark);margin-top:clamp(40px,7vh,76px);padding-top:16px}#game-status{min-height:2.8em;margin:9px 0 16px;font-size:.75rem;line-height:1.4}.attempt-display{font:620 clamp(3rem, 5.4vw, 5.7rem)/.78 var(--font-display);letter-spacing:-.08em;align-items:baseline;gap:5px;margin:0;display:flex}.attempt-display small{color:var(--grey);font:500 .65rem/1 var(--font-mono);letter-spacing:0}.attempt-track{grid-template-columns:repeat(2,1fr);gap:5px;margin:24px 0 0;padding:0;list-style:none;display:grid;position:relative}[data-attempt-marker]{min-height:28px;color:var(--grey);border:1px solid var(--line-dark);font:500 .56rem/1 var(--font-mono);place-items:center;transition:background .18s,color .18s,border-color .18s;display:grid}[data-attempt-marker].is-current{color:var(--white);border-color:var(--lake)}[data-attempt-marker].is-complete{color:var(--black);border-color:var(--lake);background:var(--lake)}.legend{gap:5px;margin-top:auto;padding-top:24px;display:grid}.legend-item{min-height:30px;color:var(--black);font:500 .59rem/1 var(--font-mono);justify-content:space-between;align-items:center;gap:8px;padding:0 9px;display:flex}.legend-item b{color:inherit}.legend-item--match{background:var(--correct)}.legend-item--near{background:var(--near)}.legend-item--miss{background:var(--wrong)}.library-note{border-top:1px solid var(--line-dark);gap:6px;margin-top:20px;padding-top:16px;display:grid}.library-note strong{font-size:.75rem;font-weight:520}.deduction-panel{color:var(--white);background:#0e1010d4;flex-direction:column;grid-area:ledger;display:flex}.ledger-head{border-bottom:1px solid var(--line-dark);justify-content:space-between;align-items:end;gap:20px;padding:clamp(18px,2.2vw,30px);display:flex}.ledger-head h2,.desk-head h2{letter-spacing:-.065em;margin:6px 0 0;font-size:clamp(1.8rem,2.9vw,3.4rem);font-weight:590;font-stretch:75%;line-height:.9}.guess-desk{flex-direction:column;grid-area:desk;padding:clamp(18px,2vw,30px);display:flex}.desk-head h2{color:var(--white);font-size:clamp(2rem,3vw,3.6rem)}.desk-head>p:last-child{color:var(--grey);margin:16px 0 0;font-size:.72rem;line-height:1.55}@media (max-width:1240px){.game-shell{grid-template-columns:160px minmax(0,1fr);grid-template-areas:"rail ledger""rail desk"}.guess-desk{border-top:1px solid var(--line-dark)}.desk-head{display:none}}@media (max-width:720px){:root{--page-pad:10px}body[data-game-state]{--header-height:52px}body[data-game-state] .app-header{height:var(--header-height);grid-template-rows:52px;grid-template-columns:1fr auto;padding:0 12px}body[data-game-state] .app-nav,body[data-game-state] .app-listen-action{display:none}body[data-game-state] .app-header-actions{grid-area:1/2}body[data-game-state] .app-header-action{min-width:40px;min-height:38px;padding:0 9px}body[data-game-state][data-mobile-banner=closed]{--header-height:0px}body[data-game-state][data-mobile-banner=closed] .app-header{visibility:hidden;pointer-events:none;transition:transform .22s var(--ease-out), visibility 0s linear .22s;transform:translateY(-100%)}.game-shell{min-height:0;margin-top:calc(var(--header-height) + 6px);grid-template-columns:1fr;grid-template-areas:"rail""ledger""desk";margin-bottom:68px;display:grid}.round-rail{grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;padding:7px 10px;display:grid}.rail-brand p,.rail-index,.attempt-display,.legend,.library-note{display:none}.rail-brand h1{margin:0;font-size:1.05rem}.round-state{border:0;flex-direction:column;align-items:end;margin:0;padding:0;display:flex}#game-status{min-height:0;margin:2px 0 0;font-size:.58rem}.attempt-track{grid-column:1/-1;grid-template-columns:repeat(8,1fr);margin:0}[data-attempt-marker]{min-height:20px}.ledger-head{padding:8px 10px}.ledger-head .meta-label{font-size:.55rem}.ledger-head h2{margin-top:4px;font-size:1.25rem}.ledger-head>p{display:none}.guess-desk{right:0;bottom:var(--mobile-keyboard-offset,0px);z-index:900;padding:6px 10px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line-dark);background:#050505f5;position:fixed;left:0}body[data-game-state][data-mobile-banner=closed] .game-shell{margin-top:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.board-frame{width:100%;min-width:0}#guess-board{border-collapse:collapse;table-layout:fixed;width:100%}#guess-board th,#guess-board td{border-bottom:1px solid #0505054d;border-right:1px solid #0505054d;min-width:0}#guess-board th:last-child,#guess-board td:last-child{border-right:0}#guess-board th{height:34px;color:var(--grey);background:var(--black);font:500 clamp(.48rem, .6vw, .59rem)/1.2 var(--font-mono);text-align:center;vertical-align:middle;padding:0 clamp(5px,.7vw,10px)}#guess-board th:first-child{width:30%}#guess-board th:nth-child(2),#guess-board th:nth-child(3){width:10%}#guess-board th:nth-child(4){width:14%}#guess-board th:nth-child(5),#guess-board th:nth-child(6){width:10%}#guess-board th:nth-child(7),#guess-board th:nth-child(8){width:8%}.guess-row{border-bottom:6px solid var(--black);animation:row-enter .42s var(--ease-out) both}.comparison-cell{--cell-value-size:clamp(.68rem, .9vw, .86rem);vertical-align:middle;text-align:center;height:clamp(62px,8vh,78px);color:var(--black);background:var(--locked);padding:clamp(7px,.8vw,11px);position:relative}.comparison-cell[data-status=match]{background:var(--correct)}.comparison-cell[data-status=near],.comparison-cell[data-status=partial]{background:var(--near)}.comparison-cell[data-status=miss]{background:var(--wrong)}.comparison-cell[data-status=unknown]{color:#a2a8a8;background:repeating-linear-gradient(135deg, transparent 0 8px, #f1f0eb0d 8px 9px), var(--locked)}.comparison-cell[data-field=song]{color:var(--black);background:var(--white)}.song-comparison-cell{padding-inline:clamp(6px,1vw,14px)}.song-meta{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:8px;display:flex}.song-meta-item{min-height:20px;color:var(--black);background:var(--locked);font:600 clamp(.48rem, .58vw, .57rem)/1 var(--font-mono);white-space:nowrap;align-items:center;display:inline-flex}.song-meta-item[data-status=match]{background:var(--correct)}.song-meta-item[data-status=near],.song-meta-item[data-status=partial]{background:var(--near)}.song-meta-item[data-status=miss]{background:var(--wrong)}.song-meta-item[data-status=unknown]{color:#a2a8a8;background:var(--locked)}.cell-value{overflow-wrap:anywhere;font-size:var(--cell-value-size);font-weight:700;font-stretch:75%;line-height:1.12;display:block}.comparison-cell[data-field=year] .cell-value{white-space:pre-line;line-height:1}.comparison-cell[data-field=favoriteCount] .cell-value{white-space:nowrap}.comparison-cell[data-direction=up]:after,.comparison-cell[data-direction=down]:after{content:"";pointer-events:none;width:auto;height:auto;font:700 var(--cell-value-size)/1 var(--font-display);opacity:.78;font-stretch:75%;position:absolute;right:6px}.comparison-cell[data-direction=up]:after{content:"▲";top:5px}.comparison-cell[data-direction=down]:after{content:"▼";bottom:5px}.cell-direction{font:500 clamp(.45rem, .58vw, .55rem)/1.2 var(--font-mono);letter-spacing:.02em;opacity:.9;margin-top:7px;display:block}.empty-row td{color:#596061;background:var(--black-soft);height:120px;font:.65rem/1.5 var(--font-mono);text-align:center}.ledger-actions{border-top:1px solid var(--line-dark);justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding:14px clamp(14px,2vw,28px);display:flex}.ledger-actions .secondary-button{color:var(--white);border-color:var(--line-dark)}.ledger-actions .secondary-button:hover:not(:disabled){color:var(--black);background:var(--white)}.ledger-head-tools{justify-items:end;display:grid}.hint-button{min-height:36px;color:var(--lake);border:1px solid var(--lake-dark);cursor:pointer;font:500 .58rem/1 var(--font-mono);transition:color .18s ease, background .18s ease, border-color .18s ease, transform .18s var(--ease-out);background:0 0;border-radius:0;padding:0 12px}.hint-button.is-available{color:var(--black);border-color:var(--lake);background:var(--lake)}.hint-button:hover:not(:disabled){color:var(--white);border-color:var(--white);background:var(--black);transform:translateY(-1px)}.hint-button:focus-visible{outline-offset:2px}.hint-stack{border-bottom:1px solid var(--line-dark);background:#05050547;gap:0;padding:0 clamp(18px,2.2vw,30px);display:grid}.hint-stack[hidden]{display:none}.hint-card{border-bottom:1px solid var(--line-dark);animation:hint-enter .32s var(--ease-out) both;grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:18px;padding:12px 0;display:grid}.hint-card:last-child{border-bottom:0}.title-length-hint{grid-template-columns:minmax(0,1fr)}.title-length-hint .hint-card-quote{color:var(--lake);font:500 .62rem/1.2 var(--font-mono);letter-spacing:.04em}.hint-card-label{color:var(--lake);font:500 .55rem/1.2 var(--font-mono);letter-spacing:.08em;white-space:nowrap;margin:0}.hint-card-quote{min-width:0;max-width:72ch;color:var(--white-cool);text-wrap:pretty;margin:0;font-size:clamp(.74rem,1vw,.92rem);line-height:1.45}.primary-button,.secondary-button,.text-button,.help-button{cursor:pointer;min-height:44px;font:500 .65rem/1 var(--font-mono);transition:transform .18s var(--ease-out), background .18s ease, color .18s ease, opacity .18s ease;border-radius:0}.primary-button{width:100%;color:var(--black);border:1px solid var(--lake);background:var(--lake);padding:0 18px}.secondary-button{color:var(--black);border:1px solid var(--black);background:0 0;padding:0 18px}.text-button,.help-button{background:0 0;border:0;border-bottom:1px solid;padding:0}.help-button{width:max-content;color:var(--grey);margin-top:auto}.primary-button:hover:not(:disabled){color:var(--white);border-color:var(--white);background:var(--black);transform:translateY(-2px)}.secondary-button:hover:not(:disabled){color:var(--white);background:var(--black)}.text-button:hover:not(:disabled),.help-button:hover{color:var(--lake)}button:disabled{cursor:not-allowed;opacity:.38}.guess-form{gap:10px;margin-top:clamp(28px,8vh,80px);display:grid}.search-field{min-width:0;position:relative}.search-field label{color:var(--grey);font:.61rem/1 var(--font-mono);margin-bottom:8px;display:block}.search-field input{width:100%;min-height:50px;color:var(--white);border:1px solid var(--line-dark);background:0 0;border-radius:0;outline:0;padding:0 13px}.search-field input::placeholder{color:var(--grey)}.search-field input:focus{border-color:var(--lake);box-shadow:inset 0 0 0 1px var(--lake)}.suggestions{z-index:30;max-height:min(360px,52vh);color:var(--black);border:1px solid var(--white);background:var(--white);margin:0;padding:0;list-style:none;position:absolute;inset:calc(100% + 7px) 0 auto;overflow-y:auto}.suggestions[hidden]{display:none}.suggestion-option{border-bottom:1px solid var(--line-light);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:44px;padding:9px 12px;font-size:.76rem;display:grid}.suggestion-title{overflow-wrap:anywhere;min-width:0}.suggestion-meta{color:var(--grey-dark);font:500 .52rem/1.2 var(--font-mono);white-space:nowrap}.suggestion-option:last-child{border-bottom:0}.suggestion-option:hover,.suggestion-option.is-active,.suggestion-option[aria-selected=true]{background:var(--lake)}.form-feedback{min-height:3em;color:var(--grey);font:.58rem/1.5 var(--font-mono);margin:10px 0 0}.form-feedback.is-error{color:var(--white);-webkit-text-decoration:underline var(--near) 2px;text-decoration:underline var(--near) 2px;text-underline-offset:3px}@media (min-width:721px){.comparison-cell{--cell-value-size:clamp(.88rem, 1.05vw, 1.08rem)}.song-meta-item{min-height:24px;padding:4px 7px;font-size:clamp(.62rem,.7vw,.78rem);line-height:1.1}.suggestion-option{min-height:58px;padding:12px 14px;font-size:clamp(.95rem,.9vw,1.08rem);line-height:1.35}.suggestion-meta{font-size:clamp(.68rem,.65vw,.78rem);line-height:1.35}}.site-dialog{width:min(100% - 24px,580px);max-height:calc(100dvh - 24px);color:var(--black);border:1px solid var(--white);background:var(--white);border-radius:0;padding:0;overflow:auto}.site-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050505e0}.dialog-inner{border-top:12px solid var(--lake);padding:clamp(34px,7vw,62px);position:relative}.result-outcome{min-height:34px;color:var(--black);background:var(--lake);font:700 .7rem/1 var(--font-mono);letter-spacing:.04em;align-items:center;gap:8px;margin:18px 0 0;padding:7px 11px;display:inline-flex}.result-outcome:before{content:"…";font:700 .95rem/.7 var(--font-display)}.result-outcome[data-state=won]{background:var(--correct)}.result-outcome[data-state=won]:before{content:"✓"}.result-outcome[data-state=lost]{background:var(--wrong)}.result-outcome[data-state=lost]:before{content:"×"}.dialog-inner h2{letter-spacing:-.07em;margin:14px 0 24px;font-size:clamp(2.5rem,8vw,4.8rem);font-weight:590;font-stretch:75%;line-height:.86}.dialog-inner ol{color:var(--grey-dark);margin:0 0 26px;padding-left:20px}.dialog-inner li{margin:9px 0;line-height:1.55}.dialog-inner .secondary-button{width:100%;margin-top:8px}.dialog-close{border:1px solid var(--black);cursor:pointer;background:0 0;border-radius:50%;width:44px;height:44px;position:absolute;top:14px;right:14px}.dialog-close:hover{color:var(--white);background:var(--black)}.toast{z-index:200;width:min(100% - 28px,360px);color:var(--black);border-left:7px solid var(--lake);background:var(--white);font:.65rem/1.5 var(--font-mono);opacity:0;pointer-events:none;transition:opacity .18s ease, transform .18s var(--ease-out);padding:12px 16px;position:fixed;bottom:14px;right:14px;transform:translateY(14px)}.toast.is-visible{opacity:1;transform:translateY(0)}.share-preview{margin-top:28px}.share-preview-frame{border:1px solid var(--line-dark);background:var(--black);max-height:min(62dvh,720px);margin-top:10px;overflow:auto}.share-canvas{width:100%;height:auto;display:block}.share-preview-actions{gap:8px;margin-top:12px;display:grid}@keyframes row-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hint-enter{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1240px){.guess-desk{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:0 14px;display:grid}.guess-form{grid-column:1;grid-template-columns:minmax(0,1fr) auto;gap:0;margin:0}.guess-form .primary-button{width:auto;min-width:150px}.form-feedback{grid-column:1;margin-bottom:0}.help-button{grid-area:1/2/span 2;align-self:center;margin:0}.suggestions{max-height:230px}}@media (max-width:720px){#guess-board{table-layout:fixed}#guess-board th{text-align:center;height:25px;padding:3px 2px;font-size:.42rem}#guess-board th:first-child{width:27%}#guess-board th:nth-child(2){width:11%}#guess-board th:nth-child(3){width:10%}#guess-board th:nth-child(4){width:13%}#guess-board th:nth-child(5){width:9%}#guess-board th:nth-child(6){width:11%}#guess-board th:nth-child(7){width:9%}#guess-board th:nth-child(8){width:10%}#guess-board .guess-row{border-bottom:4px solid var(--black)}.hint-button{min-height:34px;padding-inline:9px;font-size:.52rem}.hint-stack{padding-inline:10px}.hint-card{gap:10px;padding:9px 0}.hint-card-label{font-size:.48rem}.hint-card-quote{font-size:.67rem;line-height:1.35}.comparison-cell{--cell-value-size:.58rem;vertical-align:middle;height:48px;padding:4px 2px}.cell-value{line-height:1.05}.cell-direction{white-space:nowrap;margin-top:3px;font-size:.38rem;line-height:1.05}.song-meta{flex-wrap:nowrap;gap:3px;min-width:0;margin-top:5px}.song-meta-item{letter-spacing:-.04em;min-width:0;padding:2px 3px;font-size:clamp(.38rem,1.8vw,.45rem)}.comparison-cell[data-direction=up]:after{top:3px;right:3px}.comparison-cell[data-direction=down]:after{bottom:3px;right:3px}.comparison-cell[data-field=year] .cell-value{white-space:pre-line;line-height:1}.empty-row td{height:72px}body[data-game-state=playing] .ledger-actions,body[data-game-state=loading] .ledger-actions,body[data-game-state=won] .guess-desk,body[data-game-state=lost] .guess-desk,.guess-desk .desk-head,.guess-desk .help-button{display:none}.guess-form{margin:0;display:block}.search-field label{display:none}.search-field input{min-height:46px;padding:0 12px}.suggestions{max-height:min(208px,42dvh);margin:0;inset:auto 0 calc(100% + 6px)}.suggestion-option{min-height:42px;padding:8px 12px}.form-feedback{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}}@media (max-width:480px){.comparison-cell{height:52px}.song-meta-item{min-height:18px}.suggestion-option{grid-template-columns:minmax(0,1fr);gap:4px}.suggestion-meta{font-size:.48rem}.ledger-actions .secondary-button{min-height:40px;padding:0 12px}.ledger-actions .text-button{min-height:40px}}