:root{--bg: #2a1c10;--panel: #3a2718;--panel-2: #4a3320;--text: #f0e2b5;--muted: #c2ad84;--line: #54402a;--hit: #6f7350;--close: #c8923f;--miss: #5a4a38;--accent: #b05c3e;--accent-2: #cf9a4a;--on-accent: #f7eecb;--radius: 10px;--font-display: "Cinzel Decorative", "Cormorant Garamond", Georgia, serif;font-family:Google Sans Flex,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app{max-width:720px;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex;flex-direction:column;gap:1.25rem}.app__status{text-align:center;color:var(--muted);padding:3rem 1rem}.app__status--error{color:#e0826b}.appbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.1rem;background:#2a1c10eb;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.appbar__brand{display:inline-flex;align-items:center;gap:.45rem;font-size:1.25rem;font-weight:800;letter-spacing:.03em}.appbar__logo{flex:none;filter:drop-shadow(0 1px 4px rgba(207,154,74,.35))}.appbar__connect{padding:.5rem 1rem;font-weight:700;font-size:.9rem;color:var(--on-accent);background:var(--accent);border:0;border-radius:8px;cursor:pointer}.appbar__identity{display:flex;align-items:center;gap:.6rem;padding:.4rem .8rem;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;color:var(--text);cursor:pointer}.appbar__streak{font-weight:700}.appbar__name{font-weight:600;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center}.modal[hidden]{display:none}.modal__backdrop{position:absolute;inset:0;background:#0009}.modal__panel{position:relative;width:min(440px,calc(100vw - 2rem));background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.6rem 1.5rem 1.4rem;box-shadow:0 24px 60px #00000080}.modal__close{position:absolute;top:.6rem;right:.8rem;font-size:1.5rem;line-height:1;background:none;border:0;color:var(--muted);cursor:pointer}.modal__title{margin:0 0 .7rem;font-size:1.3rem}.modal__body{margin:0 0 .8rem;line-height:1.5}.modal__body--muted{color:var(--muted);font-size:.9rem}.modal__connect{margin-top:1rem}.modal__form{display:flex;gap:.5rem;margin-top:.6rem}.modal__input{flex:1;padding:.6rem .8rem;font-size:1rem;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:8px}.modal__save{padding:.6rem 1.2rem;font-weight:700;color:var(--on-accent);background:var(--accent);border:0;border-radius:8px;cursor:pointer}.modal__save:disabled{opacity:.5;cursor:not-allowed}.leaderboard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.2rem}.leaderboard__title{margin:0 0 .7rem;font-size:1.1rem}.leaderboard__empty{margin:0;color:var(--muted);font-size:.9rem}.leaderboard__list{list-style:none;margin:0;padding:0;counter-reset:rank}.leaderboard__row{display:flex;align-items:center;justify-content:space-between;padding:.45rem 0;border-bottom:1px solid var(--line)}.leaderboard__row:last-child{border-bottom:0}.leaderboard__row:before{counter-increment:rank;content:counter(rank);width:1.6rem;color:var(--muted);font-variant-numeric:tabular-nums}.leaderboard__name{flex:1;font-weight:600}.leaderboard__wins{font-size:.9rem}.leaderboard__played{color:var(--muted)}.mode-select{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.35rem}.mode-select__btn{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.5rem .4rem;background:transparent;border:0;border-radius:7px;color:var(--muted);cursor:pointer}.mode-select__btn:hover{color:var(--text)}.mode-select__btn.is-active{background:var(--accent);color:var(--on-accent)}.mode-select__label{font-weight:700;font-size:.95rem}.mode-select__count{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.header__title{display:flex;align-items:center;gap:.55rem;margin:0;font-size:2rem;letter-spacing:.02em}.header__logo{flex:none;filter:drop-shadow(0 2px 6px rgba(207,154,74,.4))}.header__subtitle{margin:.15rem 0 0;color:var(--muted);font-size:.85rem}.header__stats{display:flex;gap:1rem;margin:0}.header__stats div{text-align:center}.header__stats dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.header__stats dd{margin:.1rem 0 0;font-size:1.4rem;font-weight:700}.hint{margin:0}.hint__frame{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center}.hint__img{width:100%;height:100%;object-fit:contain;transition:filter .5s ease}.hint__img--loading{background:linear-gradient(100deg,var(--panel) 30%,var(--line) 50%,var(--panel) 70%);background-size:200% 100%;animation:hint-shimmer 1.2s ease-in-out infinite}@keyframes hint-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hint__caption{margin-top:.5rem;text-align:center;color:var(--muted);font-size:.85rem}.guess-input{position:relative}.guess-input__field{width:100%;padding:.8rem 1rem;font-size:1rem;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.guess-input__field:focus{outline:2px solid var(--accent);outline-offset:1px}.guess-input__list{list-style:none;margin:.35rem 0 0;padding:.25rem;position:absolute;inset-inline:0;z-index:10;max-height:16.5rem;overflow-y:auto;overscroll-behavior:contain;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 30px #00000073}.guess-input__remaining{margin:.4rem 0 0;text-align:center;font-size:.78rem;color:var(--muted)}.guess-input__option{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.6rem;padding:.55rem .7rem;background:transparent;border:0;border-radius:7px;color:var(--text);text-align:left;cursor:pointer}.guess-input__option.is-active{background:var(--panel)}.guess-input__option-main{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;min-width:0}.guess-input__option-title{font-weight:600}.guess-input__option-artist{font-size:.8rem;color:var(--muted)}.guess-input__option-genre{flex-shrink:0;padding:.15rem .5rem;border-radius:999px;background:var(--panel-2, rgba(255, 255, 255, .06));border:1px solid var(--line);color:var(--muted);font-size:.68rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.board{display:flex;flex-direction:column;gap:.6rem}.board--empty{background:var(--panel);border:1px dashed var(--line);border-radius:var(--radius);padding:1rem 1.2rem;color:var(--muted)}.legend{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem;font-size:.85rem}.legend li{display:flex;align-items:center;gap:.5rem}.swatch{width:1rem;height:1rem;border-radius:4px;flex:none}.swatch--hit{background:var(--hit)}.swatch--close{background:var(--close)}.swatch--miss{background:var(--miss)}.guess-row{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.6rem .75rem}.guess-row--correct{border-color:var(--hit)}.guess-row__title{font-weight:600;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guess-row__tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem}.tile{display:flex;flex-direction:column;gap:.15rem;padding:.45rem .4rem;border-radius:7px;min-height:3.4rem;justify-content:center}.tile--hit{background:var(--hit)}.tile--close{background:var(--close);color:#2a1c10}.tile--miss{background:var(--miss)}.tile__label{font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;opacity:.85}.tile__value{font-size:.8rem;font-weight:600;line-height:1.15}.tile__arrow{font-weight:700}.result{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.2rem;text-align:center}.result__headline{margin:0 0 .3rem;font-size:1.3rem;font-weight:700}.result__answer{margin:0 0 .8rem;color:var(--muted)}.result__grid{font-family:inherit;font-size:1.1rem;line-height:1.3;margin:0 0 .9rem}.result__share{padding:.6rem 1.4rem;font-size:.95rem;font-weight:600;color:var(--on-accent);background:var(--accent);border:0;border-radius:var(--radius);cursor:pointer}.footer{margin-top:.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;font-size:.78rem;color:var(--muted)}.footer a{color:var(--accent)}.footer__xl1{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;color:var(--text)!important;text-decoration:none}.footer__xl1-logo{display:block}.footer__credit{max-width:32rem}.result__blurb{margin:0 0 .9rem;text-align:left;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:.7rem .85rem}.result__blurb p{margin:0;font-size:.9rem;line-height:1.5}.result__attribution{margin-top:.5rem!important;font-size:.72rem!important;color:var(--muted)}@media (max-width: 520px){.guess-row__tiles{grid-template-columns:repeat(5,1fr);gap:.25rem}.tile__value{font-size:.68rem}}.cal{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:.9rem 1rem 1.1rem;display:flex;flex-direction:column;gap:.55rem}.cal__head{display:flex;align-items:center;justify-content:space-between}.cal__title{font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.92rem}.cal__nav{background:transparent;border:0;color:var(--muted);font-size:1.5rem;line-height:1;cursor:pointer;padding:0 .6rem;border-radius:7px}.cal__nav:hover{color:var(--text)}.cal__grid{display:grid;grid-template-columns:repeat(7,1.9rem);column-gap:.5rem;row-gap:.85rem;justify-content:center;justify-items:center}.cal__grid--weekdays{row-gap:0;margin-bottom:.2rem}.cal__weekday{font-size:.7rem;font-weight:700;color:var(--muted)}.cal__cell{width:1.9rem;height:1.9rem}.cal__day{position:relative;width:1.9rem;height:1.9rem;display:flex;align-items:center;justify-content:center;border-radius:999px;background:transparent;color:var(--text);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s ease}.cal__dots{position:absolute;bottom:2.5px;left:0;right:0;display:flex;justify-content:center;gap:2.5px;pointer-events:none}.cal__dot{width:4px;height:4px;border-radius:999px}.cal__day.is-streak{border-radius:7px;box-shadow:0 0 0 1.5px var(--hit)}.cal__day.has-streak-link:after{content:"";position:absolute;left:100%;top:50%;width:.5rem;height:1.5px;background:var(--hit);transform:translateY(-50%)}.cal__day:hover:not(.is-disabled):not(.is-selected){background:var(--panel-2)}.cal__day.is-disabled{color:var(--miss);cursor:default}.cal__day.is-today{outline:1px dashed var(--muted);outline-offset:2px}.cal__day.is-selected{background:var(--accent);color:var(--on-accent)}.cal__legend{display:flex;justify-content:center;gap:1rem;margin-top:.4rem}.cal__legend-item{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--muted)}.cal__legend-dot{width:.7rem;height:.7rem;border-radius:999px}.cal__legend-streak{width:.8rem;height:.8rem;border-radius:4px;box-shadow:inset 0 0 0 1.5px var(--hit)}.cal__today{align-self:center;margin-top:.1rem;background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.3rem .95rem;font-size:.78rem;cursor:pointer}.cal__today:hover{color:var(--text);border-color:var(--accent)}.connect{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}.connect .modal__save{text-decoration:none;display:inline-block}.connect__error{margin:0;color:#e0826b;font-size:.85rem}.play-next{align-self:stretch;padding:.8rem 1.2rem;font-size:1rem;font-weight:800;color:var(--on-accent);background:var(--accent);border:0;border-radius:var(--radius);cursor:pointer;transition:filter .15s ease}.play-next:hover{filter:brightness(1.07)}.archive-locked{border:1px dashed var(--line);border-radius:var(--radius);background:var(--panel);padding:1.4rem 1.2rem;display:flex;flex-direction:column;align-items:center;gap:.8rem;text-align:center}.archive-locked__text{margin:0;color:var(--muted);font-size:.92rem}.archive-locked__btn{padding:.55rem 1.2rem;font-weight:700;color:var(--on-accent);background:var(--accent);border:0;border-radius:8px;cursor:pointer}.create{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:1.1rem 1.2rem;display:flex;flex-direction:column;gap:.6rem}.create--locked{align-items:center;text-align:center}.create__title{margin:0;font-size:1.1rem}.create__sub{margin:0;color:var(--muted);font-size:.85rem;line-height:1.5}.create__kinds{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:.3rem}.create__kind{padding:.45rem;background:transparent;border:0;border-radius:6px;color:var(--muted);font-weight:700;font-size:.85rem;cursor:pointer}.create__kind.is-active{background:var(--accent);color:var(--on-accent)}.create__row{display:flex;gap:.5rem}.create__select{flex:1;min-width:0;padding:.6rem .7rem;font-size:.95rem;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:8px}.create__btn{padding:.6rem 1.1rem;font-weight:800;color:var(--on-accent);background:var(--accent);border:0;border-radius:8px;cursor:pointer;white-space:nowrap}.create__btn:disabled{opacity:.5;cursor:not-allowed}.create__error{margin:0;color:#e0826b;font-size:.85rem}.challenge{display:flex;flex-direction:column;gap:1rem}.challenge__back{align-self:flex-start;background:transparent;border:0;color:var(--muted);font-size:.9rem;cursor:pointer;padding:0}.challenge__back:hover{color:var(--text)}.challenge__banner{display:flex;flex-direction:column;gap:.2rem;padding:.9rem 1.1rem;border:1px solid var(--accent);border-radius:var(--radius);background:#e0a45814}.challenge__trait{font-size:1.2rem;font-weight:800}.challenge__sub{color:var(--muted);font-size:.85rem}.challenge-round{display:flex;flex-direction:column;gap:1rem}.challenge-round__progress{margin:0;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.challenge-round__result{text-align:center;display:flex;flex-direction:column;gap:.6rem;padding:.8rem;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line)}.challenge-round__result p{margin:0}.challenge-round__next{align-self:center;padding:.6rem 1.4rem;font-weight:800;color:var(--on-accent);background:var(--accent);border:0;border-radius:8px;cursor:pointer}.challenge__summary{display:flex;flex-direction:column;gap:.6rem;align-items:center;text-align:center;padding:1.2rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.challenge__score{margin:0;font-size:1.4rem}.challenge__score-sub,.challenge__note{margin:0;color:var(--muted);font-size:.9rem}.challenge__share{display:flex;gap:.5rem;width:100%;margin-top:.4rem}.challenge__share-url{flex:1;min-width:0;padding:.55rem .7rem;font-size:.85rem;color:var(--muted);background:var(--panel-2);border:1px solid var(--line);border-radius:8px}.challenge__share-btn{padding:.55rem 1rem;font-weight:700;color:var(--on-accent);background:var(--accent);border:0;border-radius:8px;cursor:pointer}.challenge__lb-title{margin:.6rem 0 0;font-size:1rem}.challenge__lb{list-style:none;margin:0;padding:0;width:100%;counter-reset:rank}.challenge__lb-row{display:flex;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid var(--line)}.challenge__lb-row:last-child{border-bottom:0}.challenge__lb-row:before{counter-increment:rank;content:counter(rank);width:1.5rem;text-align:left;color:var(--muted)}.challenge__lb-name{flex:1;text-align:left;font-weight:600}.challenge__lb-score{color:var(--muted);font-size:.9rem}.appbar__right{display:flex;align-items:center;gap:.6rem}.appbar__help{padding:.45rem .8rem;font-size:.85rem;font-weight:600;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:8px;cursor:pointer}.appbar__help:hover{color:var(--text);border-color:var(--accent)}.appbar__brand,.header__title{background:linear-gradient(92deg,var(--text) 30%,var(--accent-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.appbar__brand,.header__title,.modal__title,.leaderboard__title,.cal__title,.create__title{font-family:var(--font-display)}.howto{width:min(480px,calc(100vw - 2rem));max-height:calc(100vh - 3rem);overflow-y:auto}.howto__lead{margin:0 0 .6rem;line-height:1.55;color:var(--text)}.howto__h{margin:1rem 0 .4rem;font-size:.95rem;color:var(--accent-2)}.howto__p{margin:0;line-height:1.55;color:var(--text)}.howto__legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.howto__legend li{display:flex;align-items:flex-start;gap:.6rem;line-height:1.5}.howto__sw{flex-shrink:0;width:1.15rem;height:1.15rem;margin-top:.1rem;border-radius:5px}.howto__sw--hit{background:var(--hit)}.howto__sw--close{background:var(--close)}.howto__sw--miss{background:var(--miss)}.howto__done{margin-top:1.2rem;width:100%}.appbar{flex-wrap:wrap;row-gap:.5rem}.appbar__right{flex-wrap:wrap;justify-content:flex-end}.howto em{font-style:normal;color:var(--accent-2)}.howto code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85em;background:var(--panel-2);padding:.05rem .3rem;border-radius:4px}.howto__list{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.6rem}.howto__list li{line-height:1.5}.howto__gloss{margin:0}.howto__gloss dt{margin-top:.7rem;font-weight:700;color:var(--accent-2)}.howto__gloss dd{margin:.15rem 0 0;line-height:1.5;color:var(--text)}.stats{width:min(440px,calc(100vw - 2rem));max-height:calc(100vh - 3rem);overflow-y:auto}.stats__headline{margin:0 0 .2rem;color:var(--muted);font-size:.9rem}.stats__section{margin:1.1rem 0 .7rem;padding-top:.8rem;border-top:1px solid var(--line);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-2)}.stats__row{display:flex;justify-content:space-between;gap:.5rem}.stats__cell{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.15rem}.stats__num{font-size:1.9rem;font-weight:800;line-height:1}.stats__label{font-size:.72rem;color:var(--muted);line-height:1.15}.stats__dist-title{margin:.9rem 0 .5rem;font-weight:700;font-size:.85rem}.stats__dist{display:flex;flex-direction:column;gap:.3rem}.stats__dist-row{display:flex;align-items:center;gap:.5rem}.stats__dist-label{width:1rem;text-align:center;font-weight:700;font-size:.85rem;color:var(--muted)}.stats__dist-bar{background:var(--miss);color:var(--text);font-size:.8rem;font-weight:700;text-align:right;padding:.15rem .5rem;border-radius:4px;min-width:1.6rem}.stats__dist-bar.is-current{background:var(--accent);color:var(--on-accent)}.stats__empty{margin:.3rem 0 0;color:var(--muted);font-size:.85rem}.stats__done{margin-top:1.2rem;width:100%}