:root{--paper:#f6eedd;--paper-raised:#fdf8ec;--ink:#241b12;--ink-soft:#5c4f3e;--line:#d9cbb0;--accent:#d95b1f;--accent-deep:#b34715;--gold:#b98a2f;--ok:#35663f;--ok-bg:#bedbb4;--near:#9a6810;--near-bg:#f0d68e;--far:#973c26;--far-bg:#ecc0a8;--font-display:"Suez One", serif;--font-body:"Heebo", sans-serif;--radius:10px;--shadow:0 2px 0 #241b1224;--maxw:640px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);background-image:radial-gradient(#241b1206 1px,#0000 1px);background-size:5px 5px;margin:0;line-height:1.5}button{cursor:pointer;font-family:inherit}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{flex-direction:column;min-height:100dvh;display:flex}.header{background:var(--ink);color:var(--paper)}.header__inner{max-width:var(--maxw);justify-content:space-between;align-items:center;gap:.75rem;margin:0 auto;padding:.65rem 1rem;display:flex}.wordmark{flex-direction:column;line-height:1;display:flex}.wordmark__he{font-family:var(--font-display);letter-spacing:.01em;color:var(--paper);font-size:1.7rem}.wordmark__dle{color:var(--accent)}.wordmark__en{letter-spacing:.42em;color:var(--gold);text-align:right;direction:ltr;margin-top:.28rem;font-size:.55rem;font-weight:600}.header__actions{align-items:center;gap:.4rem;display:flex}.streak{background:#f6eedd1f;border-radius:999px;align-items:center;gap:.25rem;padding:.25rem .7rem;font-weight:700;display:flex}.streak__flame{font-size:.85rem}.streak__num{color:var(--paper);font-size:.95rem}.icon-btn{width:2.4rem;height:2.4rem;color:inherit;background:0 0;border:none;border-radius:8px;place-items:center;transition:background .15s;display:grid}.icon-btn:hover{background:#f6eedd24}.cassette-ribbon{background:repeating-linear-gradient(-55deg, var(--accent) 0 14px, var(--gold) 14px 28px, var(--paper) 28px 32px, var(--ink) 32px 46px);height:8px}.main{width:100%;max-width:var(--maxw);flex:1;margin:0 auto;padding:1.4rem 1rem 3rem}.puzzle-num{letter-spacing:.08em;color:var(--gold);text-transform:uppercase;margin:0 0 .2rem;font-size:.78rem;font-weight:700}.question{font-family:var(--font-display);margin:0 0 1.2rem;font-size:clamp(1.7rem,6vw,2.4rem);font-weight:400;line-height:1.15}.search{margin-bottom:1.4rem;position:relative}.search__field{background:var(--paper-raised);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;transition:border-color .15s;display:flex}.search__field:focus-within{border-color:var(--accent)}.search__icon{color:var(--ink-soft);flex:none;margin-inline-start:.9rem}.search__input{width:100%;font:inherit;color:var(--ink);background:0 0;border:none;padding:.95rem .75rem;font-size:1.1rem}.search__input::placeholder{color:var(--ink-soft);opacity:.75}.search__input:focus{outline:none}.search__dropdown{z-index:20;inset-inline:0;background:var(--paper-raised);border:2px solid var(--ink);border-radius:var(--radius);max-height:320px;margin:0;padding:.3rem;list-style:none;animation:.14s ease-out dropIn;position:absolute;top:calc(100% + 6px);overflow-y:auto;box-shadow:0 8px 24px #241b1238}@keyframes dropIn{0%{opacity:0;transform:translateY(-4px)}}.search__option{cursor:pointer;border-radius:7px;justify-content:space-between;align-items:baseline;gap:1rem;padding:.65rem .8rem;display:flex}.search__option.is-active{background:var(--ink);color:var(--paper)}.search__song{font-size:1.02rem;font-weight:700}.search__artist{color:var(--ink-soft);flex:none;font-size:.88rem}.search__option.is-active .search__artist{color:var(--gold)}.search__empty{color:var(--ink-soft);padding:.8rem;font-size:.95rem}.empty{text-align:center;padding:2.2rem 1rem 1rem}.empty__big{font-family:var(--font-display);color:var(--ink);margin:0 0 .3rem;font-size:1.35rem}.empty__small{color:var(--ink-soft);margin:0;font-size:.95rem}.hints{flex-direction:column;gap:.5rem;margin-bottom:1.1rem;display:flex}.hint{background:var(--paper-raised);border:1.5px dashed var(--gold);border-radius:var(--radius);align-items:center;gap:.7rem;padding:.55rem .85rem;animation:.35s ease-out hintIn;display:flex}@keyframes hintIn{0%{opacity:0;transform:translateY(-6px)}}.hint__label{letter-spacing:.05em;color:var(--gold);flex:none;font-size:.72rem;font-weight:800}.hint__text{font-weight:600}.hint__structure{letter-spacing:.18em;word-spacing:.5em;color:var(--accent-deep);font-size:1.15rem;font-weight:800}.hint__next{color:var(--ink-soft);margin:0;padding-inline-start:.2rem;font-size:.82rem}.guesses{flex-direction:column;gap:.9rem;margin-top:1.4rem;display:flex}.guess{background:var(--paper-raised);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.guess--win{border-color:var(--ok)}.guess__head{border-bottom:1.5px solid var(--line);align-items:center;gap:.7rem;padding:.6rem .85rem;display:flex}.guess__num{background:var(--ink);width:1.7rem;height:1.7rem;color:var(--paper);border-radius:50%;flex:none;place-items:center;font-size:.85rem;font-weight:800;display:grid}.guess--win .guess__num{background:var(--ok)}.guess__song{flex-wrap:wrap;align-items:baseline;gap:.55rem;min-width:0;display:flex}.guess__title{font-size:1.05rem;font-weight:800}.guess__artist{color:var(--ink-soft);font-size:.9rem}.guess__attrs{background:var(--line);grid-template-columns:repeat(3,1fr);gap:1.5px;padding:1.5px;display:grid}.attr{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;min-height:3.6rem;padding:.55rem .3rem .6rem;display:flex}.attr--correct{background:var(--ok-bg);color:var(--ok)}.attr--close{background:var(--near-bg);color:var(--near)}.attr--incorrect{background:var(--far-bg);color:var(--far)}.attr__label{letter-spacing:.03em;opacity:.9;align-items:center;gap:.25rem;font-size:.62rem;font-weight:700;display:flex}.attr__mark{font-size:.66rem;font-weight:900}.attr__value{color:var(--ink);align-items:center;gap:.22rem;font-size:.95rem;font-weight:800;display:flex}.attr--correct .attr__value{color:var(--ok)}.attr__arrow{font-size:1.05rem;font-weight:900;line-height:1}.attr--reveal{animation:.42s ease-out both flipIn}@keyframes flipIn{0%{opacity:0;transform:rotateX(70deg)}to{opacity:1;transform:rotateX(0)}}.win{background:var(--ink);color:var(--paper);border-radius:var(--radius);text-align:center;margin-bottom:1.4rem;padding:1.6rem 1.2rem 1.5rem;animation:.5s cubic-bezier(.2,.9,.3,1.2) winIn;position:relative;overflow:hidden}@keyframes winIn{0%{opacity:0;transform:scale(.94)translateY(8px)}}.cassette-ribbon--win{top:0;position:absolute;inset-inline:0}.win__banner{letter-spacing:.06em;color:var(--gold);margin:.5rem 0 .9rem;font-size:.95rem;font-weight:800}.win__song{font-family:var(--font-display);color:var(--paper);margin:0;font-size:clamp(1.8rem,7vw,2.6rem);font-weight:400}.win__artist{color:var(--accent);margin:.25rem 0 1.1rem;font-size:1.1rem;font-weight:700}.win__meta{justify-content:center;gap:2rem;margin:0 0 1.2rem;display:flex}.win__meta div{flex-direction:column-reverse;display:flex}.win__meta dt{color:#f6eeddb3;font-size:.72rem}.win__meta dd{font-family:var(--font-display);margin:0;font-size:1.6rem}.share-btn{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:.8rem 2.4rem;font-size:1.05rem;font-weight:800;transition:background .15s,transform .1s}.share-btn:hover{background:var(--accent-deep)}.share-btn:active{transform:scale(.97)}.win__tomorrow{color:#f6eedda6;margin:.9rem 0 0;font-size:.85rem}.modal-overlay{z-index:50;background:#241b128c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--paper-raised);border:2px solid var(--ink);border-radius:14px;width:100%;max-width:420px;max-height:85dvh;animation:.2s ease-out modalIn;overflow-y:auto;box-shadow:0 12px 40px #241b1259}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)scale(.98)}}.modal__head{justify-content:space-between;align-items:center;padding:.9rem 1.1rem .4rem;display:flex}.modal__title{font-family:var(--font-display);margin:0;font-size:1.4rem;font-weight:400}.modal__body{padding:.3rem 1.1rem 1.3rem;font-size:.97rem}.help__legend{flex-direction:column;gap:.45rem;margin:.8rem 0;padding:0;list-style:none;display:flex}.help__legend li{align-items:center;gap:.55rem;display:flex}.legend-chip{border-radius:4px;flex:none;width:1.1rem;height:1.1rem}.legend-chip--correct{background:var(--ok)}.legend-chip--close{background:var(--near)}.legend-chip--incorrect{background:var(--far)}.legend-arrow{text-align:center;width:1.1rem;color:var(--ink);font-size:1.1rem;font-weight:900}.help__example-title{margin-bottom:.4rem;font-weight:800}.help__example .attr{border-radius:8px;max-width:130px}.help__example-note{color:var(--ink-soft);margin-top:.45rem;font-size:.88rem}.help__daily{color:var(--accent-deep);font-weight:700}.stats__grid{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1.1rem;display:grid}.stat{background:var(--paper);border:1.5px solid var(--line);border-radius:8px;flex-direction:column;align-items:center;padding:.6rem .2rem;display:flex}.stat__num{font-family:var(--font-display);font-size:1.5rem}.stat__label{color:var(--ink-soft);font-size:.7rem}.stats__dist-title{margin:0 0 .5rem;font-size:.95rem}.stats__dist{flex-direction:column;gap:.3rem;display:flex}.dist-row{align-items:center;gap:.5rem;display:flex}.dist-row__bucket{text-align:center;flex:none;width:1.5rem;font-size:.85rem;font-weight:700}.dist-row__track{flex:1}.dist-row__bar{background:var(--accent);border-radius:4px;justify-content:flex-end;align-items:center;min-width:4px;height:1.25rem;padding-inline:.35rem;display:flex}.dist-row__count{color:#fff;font-size:.75rem;font-weight:800}.footer{text-align:center;color:var(--ink-soft);border-top:1.5px solid var(--line);padding:1rem;font-size:.78rem}@media (width>=760px){:root{--maxw:760px}.guess__attrs{grid-template-columns:repeat(6,1fr)}.guess__head{padding:.65rem 1rem}.attr__label{font-size:.68rem}.attr__value{font-size:1.02rem}.wordmark__he{font-size:1.95rem}}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}