:root{--bg: #060509;--panel: #121019;--panel-2: #1c1830;--text: #f4f2ff;--muted: #a09bb5;--line: #2a2540;--hit: #4f9d5d;--close: #d2a52a;--miss: #322c47;--accent: #7c5cf6;--accent-2: #9a86ff;--on-accent: #ffffff;--radius: 10px;font-family: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:#14110fe6;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.appbar__left{display:flex;align-items:center;gap:.9rem}.appbar__title{display:flex;align-items:center;gap:.5rem}.appbar__logo{display:block;flex:none}.appbar__brand{font-size:1.25rem;font-weight:800;letter-spacing:.03em;color:var(--accent-2)}.appbar__help{padding:.35rem .7rem;font-size:.82rem;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__stats{display:inline-flex;align-items:center;gap:.45rem}.appbar__stat{white-space:nowrap}.appbar__stat+.appbar__stat:before{content:"·";margin-right:.45rem;color:var(--muted)}.appbar__stat strong{color:var(--text);font-weight:700}.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}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.header__title{margin:0;font-size:2rem;letter-spacing:.02em}.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;padding:2rem 1rem;min-height:220px;display:flex;align-items:center;justify-content:center}.hint__img{width:160px;height:160px;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;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 30px #00000073}.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-symbol{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.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{display:flex;align-items:center;gap:.45rem;font-weight:600;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guess-row__icon{border-radius:50%;flex:none}.guess-row__symbol{color:var(--muted);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.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:#2a2207}.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}.tile__tags{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem}.tile__tag{font-size:.68rem;font-weight:700;line-height:1.1;padding:.1rem .35rem;border-radius:5px;background:#0000002e}.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__stats{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem .6rem;margin:0 0 .9rem;font-size:.82rem}.result__stats>span{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:.25rem .7rem;color:var(--muted);font-weight:600}.result__up{color:var(--hit)!important}.result__down{color:#e0826b!important}.result__statboards{display:flex;flex-direction:column;gap:.6rem;margin:0 0 1rem}.statboard{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:.55rem .7rem .65rem}.statboard__title{margin:0 0 .45rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-2)}.statboard__row{margin:0;display:flex;justify-content:space-around;gap:.4rem}.statboard__row>div{display:flex;flex-direction:column;align-items:center;gap:.12rem;min-width:3.2rem}.statboard__row dd{margin:0;font-size:1.35rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.statboard__row dt{font-size:.6rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);white-space:nowrap}.result__blurb{max-width:30rem;margin:0 auto .9rem;padding:.6rem .8rem;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;font-size:.85rem;line-height:1.45;color:var(--muted);text-align:left}.result__grid{font-family:inherit;font-size:1.1rem;line-height:1.3;margin:0 0 .9rem}.result__actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.result__share{padding:.6rem 1.4rem;font-size:.95rem;font-weight:600;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer}.result__next{padding:.6rem 1.4rem;font-size:.95rem;font-weight:700;color:var(--on-accent);background:var(--accent);border:0;border-radius:var(--radius);cursor:pointer}.result__next-date{font-weight:600;opacity:.85}.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,1fr);gap:.3rem;justify-items:center}.cal__weekday{font-size:.7rem;font-weight:700;color:var(--muted)}.cal__cell{width:100%;aspect-ratio:1}.cal__day{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:999px;background:transparent;color:var(--text);font-size:.84rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.cal__day:hover:not(.is-disabled):not(.is-selected){background:var(--panel-2)}.cal__day.is-disabled{color:var(--miss);cursor:default}.cal__day--played{border-color:var(--accent);color:var(--accent);box-shadow:0 0 9px -3px var(--accent)}.cal__day.is-today{outline:1px dashed var(--muted);outline-offset:1px}.cal__day.is-selected{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.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}.htp{max-height:min(86vh,760px);overflow-y:auto}.htp__lead{margin:0 0 .5rem;line-height:1.55}.htp__heading{margin:1.2rem 0 .3rem;font-size:1rem;color:var(--accent-2)}.htp__note{margin:.55rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.55}.htp__list{margin:.4rem 0 0;padding-left:1.2rem;font-size:.9rem;line-height:1.5}.htp__list li{margin-bottom:.45rem}.htp__list--swatch{list-style:none;padding-left:0}.htp__list--swatch li{display:flex;align-items:center;gap:.55rem}.htp__arrow{font-weight:800;color:var(--text)}.htp code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82em;padding:.05rem .3rem;border-radius:5px;background:var(--panel-2);border:1px solid var(--line);color:var(--accent-2);overflow-wrap:anywhere}.htp__done{margin-top:1.4rem;width:100%}.htp__link{color:var(--accent-2);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent-2) 45%,transparent)}.htp__link:hover{border-bottom-color:var(--accent-2)}.loader{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;background:var(--bg)}.loader__art{position:relative;width:240px;height:150px}.loader__chart{overflow:visible}.loader__axis{stroke:var(--line);stroke-width:2}.loader__candle line{stroke:var(--muted);stroke-width:2}.loader__candle{transform-box:fill-box;transform-origin:bottom;animation:loader-candle 1.4s ease-in-out infinite alternate}.loader__body{fill:var(--hit);transform-box:fill-box;transform-origin:bottom;animation:loader-candle 1.4s ease-in-out infinite alternate;animation-delay:inherit}.loader__body--down{fill:var(--close)}.loader__trend{stroke:var(--accent-2);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent-2) 60%,transparent));stroke-dasharray:260;stroke-dashoffset:260;animation:loader-draw 2.2s ease-in-out infinite}.loader__trend-tip{stroke:var(--accent-2);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0;animation:loader-tip 2.2s ease-in-out infinite}.loader__bull{position:absolute;left:50%;bottom:8px;font-size:2.6rem;transform:translate(-50%);animation:loader-bull 1.1s ease-in-out infinite}.loader__text{margin-top:.6rem;font-weight:800;letter-spacing:.01em;color:var(--text)}.loader__sub{color:var(--muted);font-size:.9rem}@keyframes loader-candle{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}@keyframes loader-draw{0%{stroke-dashoffset:260}55%,to{stroke-dashoffset:0}}@keyframes loader-tip{0%,45%{opacity:0}60%,to{opacity:1}}@keyframes loader-bull{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}@media (prefers-reduced-motion: reduce){.loader__candle,.loader__body,.loader__trend,.loader__trend-tip,.loader__bull{animation:none}.loader__trend{stroke-dashoffset:0}.loader__trend-tip{opacity:1}}