:root{--color-bg:#10192b;--color-surface:#182338;--color-surface-raised:#202f4a;--color-border:#2d3f60;--color-text:#e8edf7;--color-text-muted:#9aa8c2;--color-accent:#f2c14e;--color-accent-text:#1a2f4b;--color-danger:#e2604f;--color-success:#4caf7d;--radius:8px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-serif:Georgia, "Times New Roman", serif}:root[data-theme=light]{--color-bg:#f4f6fb;--color-surface:#fff;--color-surface-raised:#e8ecf5;--color-border:#d3daea;--color-text:#1a2338;--color-text-muted:#5b6785;--color-accent:#b5820f;--color-accent-text:#fff;--color-danger:#c94a37;--color-success:#2f8a5c}:root[data-theme=light] .admin-table a{color:#1a56db}:root[data-theme=light] .admin-table a:visited{color:#6b3fa0}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);margin:0;line-height:1.5}.app{flex-direction:column;min-height:100%;display:flex}.app__main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:1.5rem 1rem 4rem}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;padding:.9rem 1.5rem;display:flex}.app-header__brand{font-family:var(--font-serif);color:var(--color-accent);font-size:1.4rem;font-weight:700;text-decoration:none}.app-header__nav{flex:1;gap:1rem;display:flex}.app-header__link{color:var(--color-text-muted);font-size:.95rem;text-decoration:none}.app-header__link.active,.app-header__link:hover{color:var(--color-text)}.login-button{background:var(--color-accent);color:var(--color-accent-text);border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;padding:.5rem .9rem;font-weight:600}.login-button--authed{background:0 0;position:relative}.login-button__username{color:var(--color-text);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:1rem;font-weight:600}.login-button__menu{z-index:10;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:.5rem;min-width:10rem;padding:.6rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0}.login-button-group{align-items:center;gap:.6rem;display:flex}.login-button__logout,.login-button__menu-item,.theme-toggle{border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius);cursor:pointer;white-space:nowrap;text-align:left;background:0 0;padding:.35rem .7rem}.notif-modal__backdrop{z-index:50;background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.notif-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:min(28rem,100%);max-height:90vh;color:var(--color-text);white-space:normal;padding:1.1rem 1.25rem 1.25rem;overflow-y:auto}.notif-modal__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.notif-modal__title{margin:0;font-size:1.15rem}.notif-modal__close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.6rem;line-height:1}.notif-modal__reset,.notif-modal__sendtime,.notif-modal__devices{color:var(--color-text-muted);margin:.85rem 0 0;font-size:.92rem}.notif-modal__sendtime strong,.notif-modal__reset strong{color:var(--color-accent)}.notif-modal__field{border:none;margin-top:1.1rem;padding:0;display:block}.notif-modal__label{margin-bottom:.4rem;padding:0;font-size:.92rem;display:block}.notif-modal__hours-row{align-items:center;gap:.5rem;display:flex}.notif-modal__hours{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);width:3.25rem;color:var(--color-text);font:inherit;text-align:center;padding:.4rem .5rem}.notif-modal__hours::-webkit-outer-spin-button{appearance:none;margin:0}.notif-modal__hours::-webkit-inner-spin-button{appearance:none;margin:0}.notif-modal__hours{appearance:textfield}.notif-modal__step{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);width:2.25rem;height:2.25rem;color:var(--color-text);cursor:pointer;flex-shrink:0;font-size:1.1rem;line-height:1}.notif-modal__step:hover:not(:disabled){border-color:var(--color-accent)}.notif-modal__step:disabled{opacity:.4;cursor:not-allowed}.notif-modal__hours-unit{color:var(--color-text-muted);font-size:.92rem}.notif-modal__triggers{flex-direction:column;gap:.6rem;min-inline-size:0;display:flex}.notif-modal__radio{color:var(--color-text-muted);cursor:pointer;align-items:flex-start;gap:.55rem;font-size:.9rem;display:flex}.notif-modal__radio strong{color:var(--color-text)}.notif-modal__radio input{flex-shrink:0;margin-top:.2rem}.notif-modal__radio>span{min-width:0}.notif-modal__actions{flex-wrap:wrap;gap:.6rem;margin-top:1.25rem;display:flex}.notif-modal__button{border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius);cursor:pointer;font:inherit;background:0 0;padding:.45rem .85rem}.notif-modal__button--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text);font-weight:600}.notif-modal__button--off{border-color:var(--color-danger);color:var(--color-danger)}.notif-modal__button:disabled{opacity:.55;cursor:not-allowed}.notif-modal__error,.notif-modal__notice,.notif-modal__unsupported{margin:.9rem 0 0;font-size:.88rem;line-height:1.45}.notif-modal__error{color:var(--color-danger)}.notif-modal__notice{color:var(--color-success)}.notif-modal__unsupported{color:var(--color-text-muted)}.game-board{flex-direction:column;gap:1.25rem;display:flex}.game-board__status{text-align:center;color:var(--color-text-muted);padding:2rem 0}.game-board__status--error{color:var(--color-danger)}.game-board__status--inline{padding:.5rem 0}.tile-board{flex-wrap:wrap;justify-content:center;gap:4px;padding:1rem 0;display:flex}.tile-board__word{flex-wrap:nowrap;flex-shrink:0;gap:4px;display:inline-flex}.tile-board__word--open{display:contents}@media (width>=900px){.tile-board-viewport{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.tile-board{flex-wrap:nowrap;max-width:1200px;margin:0 auto;overflow-x:auto}}.tile-board__tile{border:2px solid var(--color-accent);text-align:center;width:2.4rem;height:2.9rem;font-family:var(--font-serif);text-transform:uppercase;color:var(--color-text);caret-color:#0000;cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.55rem;font-weight:700;display:flex}.tile-board__tile:focus{background:var(--color-surface-raised);border-color:var(--color-accent);outline:none}.tile-board__tile--filled{border-color:var(--color-success)}.closeness-bar{flex:1;min-width:220px}.closeness-bar__track{border-radius:4px;gap:2px;height:.9rem;display:flex;overflow:hidden}.closeness-bar__segment{flex:1;transition:opacity .2s}.closeness-bar__label{color:var(--color-text-muted);margin-top:.3rem;font-size:.8rem;display:block}.degrees-badge{background:var(--color-surface-raised);border-radius:var(--radius);flex-direction:column;align-items:center;padding:.5rem .9rem;display:flex}.degrees-badge__value{font-size:1.4rem;font-weight:700;font-family:var(--font-serif);color:var(--color-accent)}.degrees-badge__value--pending{animation:1.4s linear infinite spin;display:inline-block}.degrees-badge__caption{color:var(--color-text-muted);text-align:center;font-size:.7rem}.game-board__result{border-radius:var(--radius);text-align:center;padding:1rem}.game-board__result a{color:var(--color-accent)}.game-board__result--won{background:color-mix(in srgb, var(--color-success) 20%, transparent);border:1px solid var(--color-success)}.game-board__result--lost{background:color-mix(in srgb, var(--color-danger) 20%, transparent);border:1px solid var(--color-danger)}.game-board__summary{color:var(--color-text-muted);font-size:.9rem}.share-button{background:var(--color-accent);color:var(--color-accent-text);border-radius:var(--radius);cursor:pointer;border:none;padding:.3rem .8rem;font-size:.85rem;font-weight:700}.game-board__result--enter{animation:.5s ease-out resultPop}@keyframes resultPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.guess-panel{flex-direction:column;gap:.6rem;display:flex}.guess-panel__actions{align-items:center;gap:.5rem;display:flex}.guess-panel__submit{background:var(--color-accent);color:var(--color-accent-text);border-radius:var(--radius);cursor:pointer;border:none;margin-left:auto;padding:.5rem 1.2rem;font-weight:700}.guess-panel__submit:disabled{opacity:.5;cursor:not-allowed}.guess-panel__clear,.guess-panel__pass{border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius);cursor:pointer;background:0 0;padding:.5rem 1rem}.guess-panel__pass:disabled{opacity:.5;cursor:not-allowed}.guess-panel__count{text-align:center;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.8rem}.guess-panel__length-hint{text-align:center;color:var(--color-text-muted);margin:0;font-size:.8rem}.guess-history{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:300px;max-height:calc(100vh - 8rem);padding:1.25rem;position:fixed;top:7rem;right:max(1rem,50vw - 800px);overflow-y:auto}.guess-history__heading{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .75rem;font-size:.9rem}.guess-history__list{flex-direction:column-reverse;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.guess-history__item{align-items:center;gap:.75rem;font-size:1.05rem;display:flex}.guess-history__number{text-align:right;width:1.4rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.85rem}.guess-history__swatch{width:2.2rem;height:2.2rem;font-size:1.3rem;font-weight:700;font-family:var(--font-serif);color:#fff;text-shadow:0 1px 2px #00000059;cursor:default;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.guess-history__swatch--pending>*{animation:1.4s linear infinite spin;display:inline-block}.guess-history__trend{text-align:center;flex-shrink:0;width:.75rem;font-size:.75rem;line-height:1}.guess-history__trend--warmer{color:var(--color-success)}.guess-history__trend--colder{color:var(--color-text-muted)}.guess-history__swatch--pass{background:var(--color-surface-raised);color:var(--color-text-muted);text-shadow:none;cursor:default}.guess-history__text--pass{color:var(--color-text-muted);font-style:italic}.guess-history__tooltip{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);pointer-events:none;z-index:20;flex-direction:column;align-items:center;gap:.6rem;width:260px;padding:.9rem;display:flex;position:fixed;box-shadow:0 4px 16px #00000040}.guess-history__tooltip--left{transform:translate(-100%,-50%)}.guess-history__tooltip--below{width:220px;transform:translate(-50%)}.guess-history__tooltip .closeness-bar{width:100%;min-width:0}.guess-history__text{overflow-wrap:anywhere}a.guess-history__text{color:var(--color-text);text-decoration:none}a.guess-history__text:hover{color:var(--color-accent);text-decoration:underline}.clue-feed{flex-direction:column-reverse;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.clue-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.9rem 1rem}.clue-card__header{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;margin-bottom:.4rem;font-size:.75rem;display:flex}.clue-card__image{border-radius:4px;max-width:100%;margin-bottom:.5rem}.clue-card__text{margin:0}.clue-card--reveal{animation:.4s ease-out clueReveal}@keyframes clueReveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.clue-feed__heading{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin:1.5rem 0 .75rem;font-size:.85rem}.clue-feed--dimmed{opacity:.5}.stats-page{flex-direction:column;gap:1.5rem;display:flex}.stats-page--logged-out{align-items:flex-start}.stats-page__summary{text-align:center;grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.stats-page__summary>div{background:var(--color-surface);border-radius:var(--radius);padding:.75rem .5rem}.stats-page__number{color:var(--color-accent);font-size:1.4rem;font-weight:700;display:block}.stats-page__label{color:var(--color-text-muted);font-size:.75rem}.stats-page__heading{margin-bottom:.5rem;font-size:1rem}.stats-chart{flex-direction:column;gap:.4rem;display:flex}.stats-chart__row{align-items:center;gap:.6rem;display:flex}.stats-chart__key{text-align:right;width:1.5rem;color:var(--color-text-muted);font-size:.85rem}.stats-chart__bar-track{background:var(--color-surface);border-radius:4px;flex:1;height:1.2rem;overflow:hidden}.stats-chart__bar{background:var(--color-accent);height:100%}.stats-chart__count{width:1.5rem;color:var(--color-text-muted);font-size:.85rem}.info-page h2{font-family:var(--font-serif);color:var(--color-accent)}.info-page p{color:var(--color-text)}.game-board__archive-banner{background:var(--color-surface-raised);border-radius:var(--radius);color:var(--color-text-muted);padding:.6rem .9rem;font-size:.85rem}.game-board__archive-banner a{color:var(--color-accent)}.hint-toggle{z-index:30;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);align-items:center;gap:.5rem;padding:.4rem .7rem;display:flex;position:fixed;top:calc(5rem - 8px);right:1.5rem}.hint-toggle__label{color:var(--color-text-muted);-webkit-user-select:none;user-select:none;font-size:.8rem}.hint-toggle__switch{cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;padding:0;display:inline-flex}.hint-toggle__switch:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.hint-toggle__track{background:var(--color-border);border:1px solid var(--color-border);border-radius:999px;width:2.25rem;height:1.25rem;transition:background-color .15s,border-color .15s;position:relative}.hint-toggle__switch:hover .hint-toggle__track{border-color:var(--color-text-muted)}.hint-toggle__switch[aria-checked=true] .hint-toggle__track{background:var(--color-accent);border-color:var(--color-accent)}.hint-toggle__knob{background:var(--color-text);border-radius:50%;width:1rem;height:1rem;transition:transform .15s;position:absolute;top:.125rem;left:.125rem}.hint-toggle__switch[aria-checked=true] .hint-toggle__knob{transform:translate(1rem)}.hint-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.hint-panel__instructions,.hint-panel__status{color:var(--color-text-muted);margin:0;font-size:.85rem}.hint-panel__status--error{color:var(--color-danger)}.hint-panel__suggestions{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.hint-panel__suggestions button{background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius);cursor:pointer;padding:.35rem .7rem;font-size:.85rem}.hint-panel__suggestions button:hover{border-color:var(--color-accent)}.archive-page__legend{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.3rem;font-size:.8rem;display:flex}.archive-legend-swatch{border-radius:3px;width:.8rem;height:.8rem;margin-left:.5rem;display:inline-block}.archive-month{margin-top:1.5rem}.archive-month__label{font-family:var(--font-serif);color:var(--color-accent);margin-bottom:.5rem}.archive-month__weekdays,.archive-month__grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.archive-month__weekdays span{text-align:center;color:var(--color-text-muted);font-size:.75rem}.archive-day{aspect-ratio:1;color:var(--color-text);border-radius:6px;justify-content:center;align-items:center;font-size:.85rem;text-decoration:none;display:flex}.archive-day--blank{visibility:hidden}.archive-day--missing{color:var(--color-text-muted);opacity:.65}.archive-day--not_started{background:var(--color-surface-raised)}.archive-day--in_progress{background:color-mix(in srgb, var(--color-accent) 35%, var(--color-surface-raised))}.archive-day--won{background:var(--color-success);color:#08281a;font-weight:700}.archive-day--lost{background:var(--color-danger);color:#2a0d08;font-weight:700}.archive-day--today{outline:2px solid var(--color-accent);outline-offset:2px}.admin-page__tabs{gap:.5rem;margin-bottom:1rem;display:flex}.admin-page__tab{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius);cursor:pointer;padding:.5rem .9rem}.admin-page__tab--active{color:var(--color-accent);border-color:var(--color-accent)}.admin-panel{flex-direction:column;gap:1rem;display:flex}.admin-panel__hint{color:var(--color-text-muted);margin:0;font-size:.85rem}.admin-panel__search,.admin-panel__filters,.admin-panel__new-article{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.admin-panel__search input,.admin-panel__new-article input,.admin-panel__filters select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);padding:.4rem .6rem}.admin-panel button,.admin-article-detail button{background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius);cursor:pointer;padding:.4rem .7rem}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.9rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:.5rem .6rem}.admin-table--compact td,.admin-table--compact .admin-table__sort-btn{padding:.4rem}.admin-table th{padding:0}.admin-table__sort-btn{color:inherit;font:inherit;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;width:100%;padding:.5rem .6rem;font-weight:600}.admin-table__sort-btn:hover{color:var(--color-accent)}.admin-table a{color:#a9c0f5}.admin-table a:visited{color:#c3aef0}.admin-pager{align-self:center;align-items:center;gap:.75rem;display:flex}.admin-pager button:disabled{opacity:.5;cursor:not-allowed}.admin-pager__status{color:var(--color-text-muted);font-size:.85rem}.admin-modal-backdrop{z-index:50;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.admin-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:28rem;max-height:90vh;padding:1.25rem;overflow-y:auto}.admin-modal h3{margin:0 0 1rem}.admin-modal__form{flex-direction:column;gap:.75rem;display:flex}.admin-modal__form label{color:var(--color-text-muted);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.admin-modal__form input,.admin-modal__form textarea{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);padding:.5rem .6rem;font-family:inherit;font-size:1rem}.admin-modal__actions{gap:.5rem;margin-top:.25rem;display:flex}.admin-autocomplete{position:relative}.admin-autocomplete__status{color:var(--color-text-muted);margin-top:.2rem;font-size:.8rem;display:block}.admin-autocomplete__suggestions{z-index:60;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);max-height:12rem;margin:.2rem 0 0;padding:.25rem;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.admin-autocomplete__suggestions button{text-align:left;width:100%;color:var(--color-text);border-radius:var(--radius);cursor:pointer;background:0 0;border:none;padding:.4rem .5rem;font-size:.95rem;display:block}.admin-autocomplete__suggestions button:hover{background:var(--color-surface)}.admin-article-detail{flex-direction:column;gap:1rem;display:flex}.clue-editor__list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.clue-editor__row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.5rem .7rem;display:flex}.clue-editor__number{text-align:right;width:1.4rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.85rem}.clue-editor__type{text-transform:uppercase;color:var(--color-text-muted);min-width:8rem;font-size:.7rem}.clue-editor__text{flex:1}.clue-editor__actions{gap:.3rem;display:flex}.clue-editor__new{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.clue-editor__new input,.clue-editor__new select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);padding:.4rem .6rem}.admin-article-detail__actions{align-items:center;gap:.5rem;display:flex}@media (width<=720px){.hint-toggle{align-self:flex-end;margin-bottom:.25rem;position:static}}@media (width<=1650px){.guess-history{width:auto;max-height:none;margin-top:.75rem;position:static}}@media (width<=480px){.tile-board__tile{width:1.9rem;height:2.3rem;font-size:1.2rem}.stats-page__summary{grid-template-columns:repeat(2,1fr)}.login-button__full-text,.login-button-group .theme-toggle__label{display:none}}