@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&family=Space+Mono:wght@400;700&display=swap";.header{z-index:100;background:var(--bg);border-bottom:1px solid #0000;transition:border-color .2s,box-shadow .2s,background .3s;position:fixed;top:0;left:0;right:0}.header--scrolled{border-color:var(--border);box-shadow:var(--shadow-sm);background:color-mix(in srgb, var(--bg) 95%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header__inner{max-width:680px;height:var(--nav-height);align-items:center;gap:8px;margin:0 auto;padding:0 16px;display:flex}.header__logo{flex-shrink:0;align-items:center;gap:8px;margin-right:auto;text-decoration:none;display:flex}.header__logo-icon{color:var(--amber);font-size:1.4rem;line-height:1}.header__logo-text{font-family:var(--font-display);color:var(--text);letter-spacing:.02em;font-size:1.25rem;font-weight:700}.header__nav{align-items:center;gap:2px;display:flex}.header__nav-link{color:var(--text-secondary);border-radius:var(--radius-sm);padding:6px 12px;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.header__nav-link:hover{color:var(--text);background:var(--bg-alt)}.header__nav-link--active{color:var(--amber-dark);background:var(--amber-light)}[data-theme=dark] .header__nav-link--active{color:var(--amber)}.header__actions{align-items:center;gap:6px;margin-left:8px;display:flex;position:relative}.header__sound-btn{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);background:0 0;padding:6px 9px;font-size:1rem;line-height:1;transition:background .15s,border-color .15s}.header__sound-btn:hover{background:var(--bg-alt);border-color:var(--border-strong)}.header__theme-btn{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);background:0 0;padding:6px 9px;font-size:1rem;line-height:1;transition:background .15s,border-color .15s}.header__theme-btn:hover{background:var(--bg-alt);border-color:var(--border-strong)}.header__hamburger{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:0 8px;display:none}.header__hamburger span{background:var(--text);border-radius:2px;height:1.5px;transition:transform .25s,opacity .25s;display:block}.header__hamburger--open span:first-child{transform:translateY(6.5px)rotate(45deg)}.header__hamburger--open span:nth-child(2){opacity:0}.header__hamburger--open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.header__mobile-nav{border-top:1px solid var(--border);background:var(--bg);flex-direction:column;padding:8px 16px 16px;display:flex}.header__mobile-link{color:var(--text-secondary);border-bottom:1px solid var(--border);padding:12px 0;font-size:1rem;font-weight:500;text-decoration:none;transition:color .15s}.header__mobile-link:last-child{border-bottom:none}.header__mobile-link:hover,.header__mobile-link--active{color:var(--amber-dark)}[data-theme=dark] .header__mobile-link--active{color:var(--amber)}.header__hamburger{display:flex}@media (width<=560px){.header__nav{display:none}}.header__dev-btn{border:1.5px dashed var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);background:0 0;padding:5px 9px;font-size:.65rem;font-weight:700;transition:all .15s}.header__dev-btn:hover{color:#a855f7;background:#a855f70f;border-color:#a855f7}.header__dev-btn--active{color:#a855f7;background:#a855f71a;border-style:solid;border-color:#a855f7}.header__dev-banner{color:#a855f7;font-family:var(--font-mono);letter-spacing:.08em;text-align:center;background:#a855f71a;border-top:1px solid #a855f733;padding:5px 16px;font-size:.7rem}.header__nav-item{position:relative}.header__nav-item--highlight .header__nav-link{border:1.5px solid var(--amber);animation:1.8s ease-in-out infinite onboarding-pulse;color:var(--amber-dark)!important;background:var(--amber-light)!important}[data-theme=dark] .header__nav-item--highlight .header__nav-link{color:var(--amber)!important;background:var(--amber-dim)!important}@keyframes onboarding-pulse{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 6px #f59e0b00}}.onboarding-tooltip{background:var(--text);color:var(--bg);border-radius:var(--radius-md);white-space:nowrap;box-shadow:var(--shadow-lg);z-index:200;align-items:center;gap:8px;padding:9px 12px 9px 14px;animation:.35s both fadeUp;display:flex;position:absolute;top:calc(100% + 12px);left:0;transform:none}.onboarding-tooltip__arrow{border-left:6px solid #0000;border-right:6px solid #0000;border-bottom:6px solid var(--text);width:0;height:0;position:absolute;top:-6px;left:24px;transform:none}.onboarding-tooltip__text{font-size:.82rem;font-weight:600}.onboarding-tooltip__dismiss{cursor:pointer;color:inherit;opacity:.5;background:0 0;border:none;padding:0 2px;font-size:.75rem;line-height:1;transition:opacity .15s}.onboarding-tooltip__dismiss:hover{opacity:1}.onboarding-banner{background:var(--amber-light);color:var(--text);border-top:1px solid #f59e0b40;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-size:.84rem;font-weight:500;display:flex}[data-theme=dark] .onboarding-banner{background:var(--amber-dim);border-color:#f59e0b26}.onboarding-banner__link{color:var(--amber-dark);font-weight:700;text-decoration:none}.onboarding-banner__link:hover{text-decoration:underline}[data-theme=dark] .onboarding-banner__link{color:var(--amber)}.onboarding-banner__dismiss{cursor:pointer;color:var(--muted);background:0 0;border:none;margin-left:auto;padding:2px 4px;font-size:.8rem;line-height:1;transition:color .15s}.onboarding-banner__dismiss:hover{color:var(--text)}@media (width<=560px){.onboarding-tooltip{display:none}}@media (width>=561px){.onboarding-banner{display:none}}.header__menu-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:240px;box-shadow:var(--shadow-lg);z-index:150;padding:6px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.menu-item{border-radius:var(--radius-sm);cursor:pointer;width:100%;font-family:var(--font-body);color:var(--text);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:11px 12px;font-size:.9rem;font-weight:500;transition:background .12s;display:flex}.menu-item:hover:not(.menu-item--disabled){background:var(--bg-alt)}.menu-item--disabled{cursor:default;opacity:.5}.menu-item__icon{text-align:center;flex-shrink:0;width:22px;font-size:1.1rem}.menu-item__label{flex:1}.menu-item__arrow{color:var(--muted);font-size:1.1rem}.menu-item__toggle{font-size:.72rem;font-family:var(--font-mono);background:var(--bg-alt);color:var(--muted);border:1px solid var(--border);border-radius:99px;padding:2px 8px;font-weight:700}.menu-item__toggle--on{background:var(--amber-light);color:var(--amber-dark);border-color:#f59e0b4d}[data-theme=dark] .menu-item__toggle--on,[data-theme=neon-arcade] .menu-item__toggle--on,[data-theme=ocean] .menu-item__toggle--on,[data-theme=vinyl] .menu-item__toggle--on,[data-theme=forest] .menu-item__toggle--on,[data-theme=christmas] .menu-item__toggle--on{color:var(--amber)}.menu-item__soon{font-size:.65rem;font-family:var(--font-mono);color:var(--muted);letter-spacing:.06em}.menu-item__divider{background:var(--border);height:1px;margin:4px 0}.menu-item--nav{color:var(--text-secondary);font-size:.9rem;text-decoration:none}.menu-item--nav:hover{background:var(--bg-alt);color:var(--text)}.menu-item--nav-active{color:var(--amber-dark)}[data-theme=dark] .menu-item--nav-active,[data-theme=neon-arcade] .menu-item--nav-active,[data-theme=ocean] .menu-item--nav-active,[data-theme=vinyl] .menu-item--nav-active,[data-theme=forest] .menu-item--nav-active,[data-theme=christmas] .menu-item--nav-active{color:var(--amber)}.menu-item__divider--mobile{display:block}.menu-item--nav{display:flex}.theme-picker-overlay{z-index:300;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.theme-picker{background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;flex-direction:column;width:100%;max-width:680px;max-height:88vh;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;display:flex;box-shadow:0 -8px 40px #0003}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.theme-picker__header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:20px 20px 16px;display:flex}.theme-picker__title{font-family:var(--font-display);color:var(--text);margin-bottom:3px;font-size:1.3rem;font-weight:700}.theme-picker__subtitle{color:var(--muted);font-size:.78rem;font-family:var(--font-mono)}.theme-picker__close{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;transition:background .15s;display:flex}.theme-picker__close:hover{background:var(--border);color:var(--text)}.theme-picker__body{flex-direction:column;gap:20px;padding:16px 20px 32px;display:flex;overflow-y:auto}.theme-picker__group-label{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:.68rem;font-family:var(--font-mono);margin-bottom:10px}.theme-picker__grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (width>=480px){.theme-picker__grid{grid-template-columns:repeat(4,1fr)}}.theme-card{background:var(--bg-alt);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;flex-direction:column;padding:0;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;overflow:hidden}.theme-card:hover:not(.theme-card--locked){border-color:var(--amber);box-shadow:var(--shadow-md);transform:translateY(-2px)}.theme-card--active{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-dim)}.theme-card--locked{cursor:default;opacity:.65}.theme-card__swatch{justify-content:center;align-items:center;height:52px;display:flex;position:relative}.theme-card__dot{border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px #0000004d}.theme-card__lock{opacity:.8;font-size:.75rem;position:absolute;top:4px;right:5px}.theme-card__check{color:var(--amber);background:var(--surface);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.78rem;font-weight:700;display:flex;position:absolute;top:4px;right:5px}.theme-card__info{background:var(--surface);border-top:1px solid var(--border);flex-direction:column;gap:2px;padding:7px 8px;display:flex}.theme-card__icon{font-size:.8rem;line-height:1}.theme-card__name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:600;overflow:hidden}.theme-card__unlock{color:var(--muted);white-space:normal;font-size:.6rem;line-height:1.3}.streaks-overlay{z-index:300;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.streaks-modal{background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:680px;max-height:88vh;padding:0 0 32px;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;overflow-y:auto;box-shadow:0 -8px 40px #0003}.streaks-modal__header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:20px 20px 16px;display:flex;position:sticky;top:0}.streaks-modal__title{font-family:var(--font-display);color:var(--text);font-size:1.3rem;font-weight:700}.streaks-modal__close{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:.85rem;transition:background .15s;display:flex}.streaks-modal__close:hover{background:var(--border);color:var(--text)}.streaks-modal__stats{grid-template-columns:repeat(2,1fr);gap:12px;padding:20px 20px 0;display:grid}@media (width>=480px){.streaks-modal__stats{grid-template-columns:repeat(4,1fr)}}.streaks-stat{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:14px 12px;display:flex}.streaks-stat__value{font-family:var(--font-mono);color:var(--amber);font-size:1.8rem;font-weight:700;line-height:1}.streaks-stat__icon{font-size:1.1rem;line-height:1}.streaks-stat__label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.65rem;font-family:var(--font-mono)}.streaks-modal__score-label{text-align:center;color:var(--amber);padding:14px 20px 0;font-size:.85rem;font-weight:600}.streaks-modal__section-label{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:.65rem;font-family:var(--font-mono);padding:18px 20px 8px}.streaks-calendar{flex-wrap:wrap;gap:6px;padding:0 20px;display:flex}.streaks-calendar__day{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;flex:1;align-items:center;gap:4px;min-width:32px;max-width:44px;padding:8px 4px 6px;transition:border-color .15s;display:flex}.streaks-calendar__day--played{background:var(--amber-light);border-color:var(--amber)}.streaks-calendar__day--today{border-color:var(--amber);border-width:2px}.streaks-calendar__num{font-family:var(--font-mono);color:var(--text-secondary);font-size:.7rem;line-height:1}.streaks-calendar__day--played .streaks-calendar__num{color:var(--amber);font-weight:700}.streaks-calendar__dot{background:var(--amber);border-radius:50%;width:6px;height:6px}.streaks-modal__message{text-align:center;color:var(--text-secondary);padding:18px 24px 4px;font-size:.85rem;font-style:italic;line-height:1.6}.streaks-modal__cta{border-radius:var(--radius-md);background:var(--amber);color:#141213;cursor:pointer;width:calc(100% - 40px);font-size:.92rem;font-weight:700;font-family:var(--font-body);border:none;margin:16px 20px 0;padding:14px;transition:opacity .15s;display:block;box-shadow:0 2px 10px #f59e0b4d}.streaks-modal__cta:hover{opacity:.88}.archive-game-overlay{z-index:400;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.archive-game-modal{background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:680px;max-height:92vh;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;overflow-y:auto;box-shadow:0 -8px 40px #00000040}.archive-game__header{border-bottom:1px solid var(--border);background:var(--surface);z-index:1;justify-content:space-between;align-items:flex-start;padding:18px 20px 14px;display:flex;position:sticky;top:0}.archive-game__puzzle-num{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:2px;font-size:.65rem}.archive-game__date{color:var(--text);font-size:.9rem;font-weight:600}.archive-game__header-right{align-items:center;gap:8px;display:flex}.archive-game__label-pill{color:var(--amber-dark);background:var(--amber-light);letter-spacing:.12em;text-transform:uppercase;border:1px solid #f59e0b66;border-radius:99px;padding:3px 10px;font-size:.62rem;font-weight:600}[data-theme=dark] .archive-game__label-pill,[data-theme=neon-arcade] .archive-game__label-pill,[data-theme=ocean] .archive-game__label-pill,[data-theme=vinyl] .archive-game__label-pill,[data-theme=forest] .archive-game__label-pill,[data-theme=christmas] .archive-game__label-pill{color:var(--amber);background:var(--amber-dim)}.archive-game__close{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:30px;height:30px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:.8rem;transition:background .15s;display:flex}.archive-game__close:hover{background:var(--border)}.archive-game__score-bar{border-bottom:1px solid var(--border);background:var(--bg-alt);align-items:center;gap:12px;padding:12px 20px;display:flex}.archive-game__score{font-family:var(--font-mono);min-width:52px;font-size:1.1rem;font-weight:700;transition:color .4s}.archive-game__score-max{opacity:.6;font-size:.65rem}.archive-game__track{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.archive-game__fill{border-radius:3px;height:100%;transition:width .5s,background .4s}.archive-game__time{font-family:var(--font-mono);color:var(--text);text-align:right;min-width:44px;font-size:.95rem;font-weight:700;animation:1s ease-in-out infinite pulse}.archive-game__body{padding:20px}.archive-game__prev{color:var(--amber-dark);background:var(--amber-light);border-radius:var(--radius-sm);font-size:.78rem;font-family:var(--font-mono);border:1px solid #f59e0b33;margin-bottom:16px;padding:8px 12px}.archive-game__instruction{text-align:center;color:var(--text-secondary);margin-bottom:20px;font-size:.82rem}.archive-game__tokens{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:8px;margin-bottom:20px;display:flex}.archive-game__token-item{align-items:center;gap:8px;display:flex}.archive-game__connector{color:var(--muted);flex-shrink:0;margin-bottom:22px;font-size:1.3rem}.archive-game__token-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.archive-game__token{border-radius:var(--radius-md);font-family:var(--font-body);text-align:center;cursor:pointer;background:var(--surface);border:1.5px solid var(--border-strong);min-width:64px;color:var(--text);box-shadow:var(--shadow-sm);padding:13px 20px;font-size:.92rem;font-weight:500;transition:all .2s}.archive-game__token:hover:not(:disabled):not(.archive-game__token--revealed){border-color:var(--amber);background:var(--amber-light);transform:translateY(-2px)}.archive-game__token--revealed{background:var(--amber);border-color:var(--amber);color:#141213;font-family:var(--font-mono);letter-spacing:.06em;cursor:default;font-size:.82rem;font-weight:700;animation:.28s pop;transform:translateY(-3px);box-shadow:0 4px 18px #f59e0b40}.archive-game__token-label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:.58rem;font-family:var(--font-mono)}.archive-game__input-area{flex-direction:column;gap:10px;display:flex}.archive-game__input-row{gap:8px;display:flex}.archive-game__input{border-radius:var(--radius-md);border:1.5px solid var(--border-strong);background:var(--bg-alt);color:var(--text);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;outline:none;flex:1;padding:13px 16px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.archive-game__input:focus{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-dim)}.archive-game__input--shake{animation:.4s shake}.archive-game__check-btn{border-radius:var(--radius-md);background:var(--amber);color:#141213;cursor:pointer;font-size:.82rem;font-weight:700;font-family:var(--font-body);white-space:nowrap;border:none;padding:13px 20px;transition:opacity .15s}.archive-game__check-btn:hover{opacity:.88}.archive-game__feedback{border-radius:var(--radius-sm);padding:8px 12px;font-size:.82rem;font-weight:600;animation:.2s fadeUp}.archive-game__feedback--correct{color:var(--success);background:var(--success-dim)}.archive-game__feedback--wrong{color:var(--error);background:var(--error-dim)}.archive-game__feedback--info{color:var(--text-secondary);background:var(--bg-alt)}.archive-game__actions{flex-wrap:wrap;gap:8px;display:flex}.archive-game__hint-btn,.archive-game__reveal-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.78rem;font-family:var(--font-body);background:0 0;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;transition:background .15s;display:flex}.archive-game__hint-btn:hover,.archive-game__reveal-btn:hover{background:var(--bg-alt)}.archive-game__cost{font-family:var(--font-mono);color:var(--error);font-size:.7rem}.archive-game__result{text-align:center;padding:8px 0 16px}.archive-game__result-title{font-family:var(--font-display);color:var(--text);margin-bottom:4px;font-size:1.8rem;font-weight:700}.archive-game__result-fact{color:var(--muted);margin-bottom:20px;font-size:.78rem;font-style:italic}.archive-game__result-stats{background:var(--bg-alt);border-radius:var(--radius-md);justify-content:center;gap:24px;margin-bottom:16px;padding:14px;display:flex}.archive-game__result-stat{flex-direction:column;align-items:center;gap:3px;display:flex}.archive-game__result-stat span:first-child{font-family:var(--font-mono);color:var(--text);font-size:1.3rem;font-weight:700}.archive-game__result-stat span:last-child{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.62rem}.archive-game__stars{justify-content:center;gap:6px;margin-bottom:20px;display:flex}.archive-game__star{color:var(--border-strong);font-size:2.4rem}.archive-game__star--filled{color:var(--amber);animation:.3s both pop}.archive-game__star--filled:first-child{animation-delay:50ms}.archive-game__star--filled:nth-child(2){animation-delay:.15s}.archive-game__star--filled:nth-child(3){animation-delay:.25s}.archive-game__star--filled:nth-child(4){animation-delay:.35s}.archive-game__star--filled:nth-child(5){animation-delay:.45s}.archive-game__done-btn{border-radius:var(--radius-md);background:var(--amber);color:#141213;cursor:pointer;width:100%;font-size:.92rem;font-weight:700;font-family:var(--font-body);border:none;padding:14px;transition:opacity .15s}.archive-game__done-btn:hover{opacity:.88}.archive-overlay{z-index:300;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.archive-modal{background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:680px;max-height:92vh;padding:0 0 32px;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;overflow-y:auto;box-shadow:0 -8px 40px #0003}.archive-modal__header{border-bottom:1px solid var(--border);background:var(--surface);z-index:1;justify-content:space-between;align-items:center;padding:20px 20px 14px;display:flex;position:sticky;top:0}.archive-modal__title{font-family:var(--font-display);color:var(--text);font-size:1.3rem;font-weight:700}.archive-modal__close{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:.85rem;transition:background .15s;display:flex}.archive-modal__close:hover{background:var(--border)}.archive-modal__nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.archive-modal__month{font-family:var(--font-display);color:var(--text);font-size:1.05rem;font-weight:700}.archive-modal__nav-btn{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:34px;height:34px;color:var(--text);justify-content:center;align-items:center;font-size:1rem;transition:background .15s,opacity .15s;display:flex}.archive-modal__nav-btn:hover:not(:disabled){background:var(--border)}.archive-modal__nav-btn:disabled{opacity:.3;cursor:default}.archive-calendar__days{grid-template-columns:repeat(7,1fr);gap:4px;padding:10px 16px 4px;display:grid}.archive-calendar__day-label{text-align:center;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:4px 0;font-size:.62rem}.archive-calendar__grid{grid-template-columns:repeat(7,1fr);gap:4px;padding:0 16px 16px;display:grid}.archive-cell{aspect-ratio:1;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg-alt);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:52px;padding:4px 2px;transition:border-color .15s,background .15s,transform .1s;display:flex;position:relative}.archive-cell:hover:not(.archive-cell--disabled):not(.archive-cell--empty){border-color:var(--amber);background:var(--amber-light);transform:translateY(-1px)}.archive-cell--empty,.archive-cell--disabled{cursor:default;border-color:#0000}.archive-cell--no-puzzle{opacity:.3;cursor:default}.archive-cell--future{opacity:.25;cursor:default;background:0 0}.archive-cell--today{border-color:var(--amber);background:var(--amber-light);border-width:2px}.archive-cell--played{border-color:var(--success);background:var(--success-dim)}.archive-cell--played:hover:not(.archive-cell--disabled){border-color:var(--success);background:var(--success-dim);transform:translateY(-1px)}.archive-cell--missed{border-color:var(--error);border-style:dashed}.archive-cell__day{font-family:var(--font-mono);color:var(--text);font-size:.72rem;font-weight:700;line-height:1}.archive-cell--played .archive-cell__day{color:var(--success)}.archive-cell--today .archive-cell__day{color:var(--amber-dark)}[data-theme=dark] .archive-cell--today .archive-cell__day,[data-theme=neon-arcade] .archive-cell--today .archive-cell__day,[data-theme=ocean] .archive-cell--today .archive-cell__day,[data-theme=vinyl] .archive-cell--today .archive-cell__day,[data-theme=forest] .archive-cell--today .archive-cell__day,[data-theme=christmas] .archive-cell--today .archive-cell__day{color:var(--amber)}.archive-cell__icon{font-size:.85rem;line-height:1}.archive-cell__stars{color:var(--amber);letter-spacing:-1px;font-size:.5rem;line-height:1}.archive-cell__missed-dot{background:var(--error);border-radius:50%;width:5px;height:5px}.archive-modal__legend{justify-content:center;gap:20px;padding:0 20px 4px;display:flex}.archive-legend__item{color:var(--text-secondary);align-items:center;gap:6px;font-size:.72rem;display:flex}.archive-legend__dot{border:1.5px solid;border-radius:3px;width:10px;height:10px}.archive-legend__dot--played{border-color:var(--success);background:var(--success-dim)}.archive-legend__dot--missed{border-color:var(--error);background:0 0;border-style:dashed}.archive-legend__dot--today{border-color:var(--amber);background:var(--amber-light)}.token-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.token{border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap;min-width:64px;padding:13px 20px;font-size:.92rem;font-weight:500;line-height:1.3;transition:border-color .2s,background .2s,transform .15s,box-shadow .2s}.token--hidden{background:var(--surface);border:1.5px solid var(--border-strong);color:var(--text);box-shadow:var(--shadow-sm)}.token--hidden:hover:not(.token--disabled){border-color:var(--amber);background:var(--amber-light);color:var(--amber-dark);transform:translateY(-3px);box-shadow:0 6px 20px #f59e0b26}[data-theme=dark] .token--hidden:hover:not(.token--disabled){color:var(--amber);background:var(--amber-dim)}.token--disabled{cursor:default;opacity:.6}.token--revealed{background:var(--amber);border:1.5px solid var(--amber);color:#141213;font-family:var(--font-mono);letter-spacing:.06em;cursor:default;font-size:.82rem;font-weight:700;animation:.28s pop;transform:translateY(-3px);box-shadow:0 4px 18px #f59e0b40}.token--animating{transform:scale(.88)}.token-label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:.58rem;font-family:var(--font-mono)}@media (width<=480px){.token{min-width:52px;padding:10px 14px;font-size:.82rem}.token--revealed{font-size:.74rem}.token-label{font-size:.52rem}}.answer-area{flex-direction:column;gap:10px;display:flex}.answer-row{gap:8px;display:flex}.answer-input{border-radius:var(--radius-md);border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--shadow-sm);outline:none;flex:1;padding:13px 16px;font-size:.9rem;transition:border-color .2s,background .2s,box-shadow .2s}.answer-input::placeholder{color:var(--muted);text-transform:none;letter-spacing:0;font-family:var(--font-body);font-size:.85rem}.answer-input:focus{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-dim)}.answer-input--correct{border-color:var(--success);background:var(--success-dim);color:var(--success);box-shadow:0 0 0 3px #10b98114}.answer-input--shake{border-color:var(--error);animation:.4s shake}.check-btn{border-radius:var(--radius-md);background:var(--amber);color:#141213;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;font-size:.82rem;font-weight:700;font-family:var(--font-body);white-space:nowrap;border:none;padding:13px 22px;transition:opacity .15s,transform .1s,box-shadow .15s;box-shadow:0 2px 8px #f59e0b40}.check-btn:hover{opacity:.88;box-shadow:0 4px 14px #f59e0b59}.check-btn:active{transform:scale(.96)}.feedback{border-radius:var(--radius-sm);padding:8px 12px;font-size:.83rem;font-weight:600;animation:.25s fadeUp}.feedback--correct{color:var(--success);background:var(--success-dim)}.feedback--wrong{color:var(--error);background:var(--error-dim)}.feedback--info{color:var(--text-secondary);background:var(--bg-alt)}.hint-row{justify-content:center;display:flex}.hint-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.78rem;font-family:var(--font-body);background:0 0;align-items:center;gap:6px;padding:7px 14px;transition:background .15s,border-color .15s,color .15s;display:flex}.hint-btn:hover{background:var(--bg-alt);border-color:var(--border-strong);color:var(--text)}.hint-cost{color:var(--muted);font-size:.7rem;font-family:var(--font-mono)}@media (width<=480px){.answer-input{letter-spacing:.04em;font-size:16px}.check-btn{padding:13px 14px;font-size:.78rem}}.score-bar{background:var(--bg-alt);border-radius:var(--radius-md);border:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;display:flex}.score-bar__left,.score-bar__right{flex-direction:column;flex-shrink:0;align-items:center;gap:2px;min-width:48px;display:flex}.score-bar__label{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:.6rem;font-family:var(--font-mono)}.score-bar__value{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;line-height:1;transition:color .4s}.score-bar__max{opacity:.6;font-size:.65rem}.score-bar__track{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.score-bar__fill{border-radius:3px;height:100%;transition:width .5s,background .4s}.score-bar__timer{font-family:var(--font-mono);color:var(--text);font-size:1rem;font-weight:700;line-height:1}.score-bar__timer--active{animation:1s ease-in-out infinite pulse}.results-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md);margin-top:8px;padding:28px 24px 24px;position:relative;overflow:hidden}.results-card__accent{background:linear-gradient(90deg, transparent, var(--amber), transparent);border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:10%;right:10%}.results-card__header{justify-content:center;align-items:center;gap:10px;margin-bottom:14px;display:flex}.results-card__puzzle-num{font-family:var(--font-mono);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}.results-card__label{color:var(--amber-dark);letter-spacing:.12em;text-transform:uppercase;border:1px solid #f59e0b66;border-radius:99px;padding:3px 10px;font-size:.65rem;font-weight:600}[data-theme=dark] .results-card__label{color:var(--amber)}.results-card__title{font-family:var(--font-display);color:var(--text);margin-bottom:6px;font-size:1.7rem;font-weight:700;line-height:1.2}.results-card__fact{color:var(--muted);margin-bottom:20px;font-size:.8rem;font-style:italic}.results-card__stats{background:var(--bg-alt);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:20px;margin-bottom:16px;padding:16px;display:flex}.results-card__stat{flex-direction:column;align-items:center;gap:3px;display:flex}.results-card__stat-value{font-family:var(--font-mono);color:var(--text);font-size:1.3rem;font-weight:700;line-height:1}.results-card__stat-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.62rem}.results-card__divider{background:var(--border);width:1px;height:32px}.results-card__score-label{color:var(--text);margin-bottom:10px;font-size:1rem;font-weight:600}.results-card__stars{justify-content:center;gap:8px;margin-bottom:28px;display:flex}.results-card__star{font-size:2.8rem;line-height:1;transition:transform .2s}.results-card__star--filled{color:var(--amber);animation:.3s both pop}.results-card__star--filled:first-child{animation-delay:50ms}.results-card__star--filled:nth-child(2){animation-delay:.15s}.results-card__star--filled:nth-child(3){animation-delay:.25s}.results-card__star--filled:nth-child(4){animation-delay:.35s}.results-card__star--filled:nth-child(5){animation-delay:.45s}.results-card__star--empty{color:var(--border-strong)}.results-card__share-btn{border-radius:var(--radius-md);background:var(--amber);color:#141213;cursor:pointer;width:100%;font-size:.9rem;font-weight:700;font-family:var(--font-body);border:none;margin-bottom:12px;padding:13px;transition:opacity .15s,transform .1s;box-shadow:0 2px 10px #f59e0b4d}.results-card__share-btn:hover{opacity:.88}.results-card__share-btn:active{transform:scale(.98)}.results-card__come-back{color:var(--muted);font-size:.78rem;font-style:italic}.results-card__share-hint{color:var(--success);font-size:.78rem;font-style:italic;animation:.25s fadeUp}.game-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.game-header__meta{flex-direction:column;gap:2px;display:flex}.game-header__num{font-family:var(--font-mono);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}.game-header__date{color:var(--text);font-size:.9rem;font-weight:500}.game-header__type-pill{color:var(--amber-dark);letter-spacing:.14em;text-transform:uppercase;background:var(--amber-light);border:1px solid #f59e0b66;border-radius:99px;padding:4px 12px;font-size:.68rem;font-weight:600}[data-theme=dark] .game-header__type-pill{color:var(--amber);background:var(--amber-dim)}.game-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-top:16px;margin-bottom:8px;padding:clamp(20px,5vw,36px);position:relative;overflow:hidden}.game-card:before{content:"";background:linear-gradient(90deg, transparent, var(--amber), transparent);opacity:.6;height:2px;position:absolute;top:0;left:15%;right:15%}.game-card__instruction{text-align:center;color:var(--text-secondary);margin-bottom:28px;font-size:.82rem;line-height:1.6}.game-card__help-link{color:var(--amber-dark);font-weight:500;text-decoration:none}.game-card__help-link:hover{text-decoration:underline}.game-card__help-link--block{text-align:center;margin-top:-14px;margin-bottom:24px;font-size:.82rem;display:block}[data-theme=dark] .game-card__help-link{color:var(--amber)}.clue-row{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:8px;min-height:80px;margin-bottom:28px;display:flex}.clue-row__item{align-items:center;gap:8px;display:flex}.clue-row__connector{color:var(--muted);-webkit-user-select:none;user-select:none;flex-shrink:0;margin-bottom:20px;padding:0 2px;font-size:1.3rem}.game-card__actions{justify-content:center;margin-top:14px;display:flex}.reveal-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.78rem;font-family:var(--font-body);background:0 0;align-items:center;gap:6px;padding:8px 16px;transition:background .15s,border-color .15s,color .15s;display:flex}.reveal-btn:hover{background:var(--bg-alt);border-color:var(--border-strong);color:var(--text)}.reveal-cost{color:var(--error);font-size:.7rem;font-family:var(--font-mono)}.start-screen{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);flex-direction:column;align-items:center;margin-top:8px;padding:clamp(32px,8vw,56px) clamp(24px,6vw,48px);display:flex;position:relative;overflow:hidden}.start-screen:before{content:"";background:linear-gradient(90deg, transparent, var(--amber), transparent);opacity:.7;height:3px;position:absolute;top:0;left:10%;right:10%}.start-screen__meta{flex-direction:column;align-items:center;gap:3px;margin-bottom:28px;display:flex}.start-screen__num{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.7rem}.start-screen__date{color:var(--text-secondary);font-size:.9rem;font-weight:500}.start-screen__icon{color:var(--amber);margin-bottom:16px;font-size:4.5rem;line-height:1;animation:2.5s ease-in-out infinite pulse}.start-screen__pill{color:var(--amber-dark);letter-spacing:.16em;text-transform:uppercase;background:var(--amber-light);border:1px solid #f59e0b66;border-radius:99px;margin-bottom:20px;padding:4px 14px;font-size:.68rem;font-weight:600}[data-theme=dark] .start-screen__pill{color:var(--amber);background:var(--amber-dim)}.start-screen__title{font-family:var(--font-display);color:var(--text);margin-bottom:16px;font-size:clamp(1.6rem,5vw,2.1rem);font-weight:900;line-height:1.2}.start-screen__body{color:var(--text-secondary);max-width:340px;margin-bottom:28px;font-size:.88rem;line-height:1.75}.start-screen__dots{gap:10px;margin-bottom:32px;display:flex}.start-screen__dot{background:var(--border-strong);border:2px solid var(--border-strong);border-radius:50%;width:14px;height:14px;display:block}.start-screen__btn{border-radius:var(--radius-md);background:var(--amber);color:#141213;letter-spacing:.04em;cursor:pointer;width:100%;max-width:300px;font-size:1rem;font-weight:700;font-family:var(--font-body);border:none;margin-bottom:16px;padding:16px 32px;transition:opacity .15s,transform .1s,box-shadow .2s;box-shadow:0 4px 20px #f59e0b59}.start-screen__btn:hover{opacity:.9;box-shadow:0 6px 28px #f59e0b73}.start-screen__btn:active{transform:scale(.97)}.start-screen__help{color:var(--muted);font-size:.8rem;text-decoration:none;transition:color .15s}.start-screen__help:hover{color:var(--amber-dark)}[data-theme=dark] .start-screen__help:hover{color:var(--amber)}.dev-nav{border-radius:var(--radius-md);background:#a855f712;border:1.5px dashed #a855f759;justify-content:center;align-items:center;gap:10px;margin-bottom:16px;padding:8px 16px;display:flex}.dev-nav__label{font-family:var(--font-mono);letter-spacing:.1em;color:#a855f7;margin-right:4px;font-size:.68rem;font-weight:700}.dev-nav__btn{border-radius:var(--radius-sm);font-family:var(--font-mono);color:#a855f7;cursor:pointer;background:#a855f71a;border:1px solid #a855f74d;padding:5px 12px;font-size:.75rem;transition:background .15s}.dev-nav__btn:hover:not(:disabled){background:#a855f733}.dev-nav__btn:disabled{opacity:.3;cursor:default}.dev-nav__counter{font-family:var(--font-mono);color:#a855f7;text-align:center;min-width:48px;font-size:.78rem}.info-page{max-width:580px;margin:0 auto}.info-page__title{font-family:var(--font-display);color:var(--text);margin-bottom:6px;font-size:clamp(1.8rem,6vw,2.4rem);font-weight:900;line-height:1.15}.info-page__subtitle{color:var(--muted);margin-bottom:32px;font-size:.88rem;font-style:italic}.info-section{margin-bottom:32px}.info-section__title{font-family:var(--font-display);color:var(--text);border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:8px;font-size:1.2rem;font-weight:700}.info-body{color:var(--text-secondary);margin-bottom:12px;font-size:.92rem;line-height:1.75}.info-link{color:var(--amber-dark);font-weight:500;text-decoration:none}.info-link:hover{text-decoration:underline}[data-theme=dark] .info-link{color:var(--amber)}.info-page__cta{border-radius:var(--radius-md);background:var(--amber);color:#141213;margin-top:8px;padding:13px 28px;font-size:.9rem;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-block;box-shadow:0 2px 10px #f59e0b4d}.info-page__cta:hover{opacity:.88}.htp-demo{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:32px;padding:24px;position:relative;overflow:hidden}.htp-demo:before{content:"";background:linear-gradient(90deg, transparent, var(--amber), transparent);opacity:.5;height:2px;position:absolute;top:0;left:15%;right:15%}.htp-demo__badge{text-transform:uppercase;letter-spacing:.16em;color:var(--amber-dark);background:var(--amber-light);border:1px solid #f59e0b4d;border-radius:99px;margin-bottom:14px;padding:3px 10px;font-size:.62rem;font-weight:600;display:inline-block}[data-theme=dark] .htp-demo__badge{color:var(--amber);background:var(--amber-dim)}.htp-demo__step-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:4px;font-size:.7rem}.htp-demo__step-text{color:var(--text-secondary);min-height:42px;margin-bottom:20px;font-size:.88rem;line-height:1.6}.htp-demo__tokens{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:8px;margin-bottom:20px;display:flex}.htp-demo__token-wrap{align-items:center;gap:8px;display:flex}.htp-demo__connector{color:var(--muted);margin-bottom:18px;font-size:1.2rem}.htp-demo__token{border-radius:var(--radius-md);border:1.5px solid var(--border-strong);background:var(--card);color:var(--text);text-align:center;min-width:60px;padding:12px 18px;font-size:.9rem;font-weight:500;transition:all .3s}.htp-demo__token--revealed{background:var(--amber);border-color:var(--amber);color:#141213;font-family:var(--font-mono);letter-spacing:.06em;font-size:.82rem;font-weight:700;animation:.28s pop;transform:translateY(-3px);box-shadow:0 4px 16px #f59e0b40}.htp-demo__type{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.58rem;font-family:var(--font-mono);text-align:center;margin-top:5px;display:block}.htp-demo__token-wrap{flex-direction:column;align-items:center;gap:0;display:flex}.htp-demo__btn{border-radius:var(--radius-md);background:var(--amber);color:#141213;cursor:pointer;width:100%;font-size:.85rem;font-weight:700;font-family:var(--font-body);border:none;padding:11px;transition:opacity .15s}.htp-demo__btn:hover{opacity:.88}.htp-demo__input-row{gap:8px;display:flex}.htp-demo__input{border-radius:var(--radius-md);border:1.5px solid var(--border-strong);background:var(--bg-alt);color:var(--text);font-family:var(--font-mono);text-transform:uppercase;outline:none;flex:1;padding:11px 14px;font-size:.88rem;transition:border-color .2s}.htp-demo__input:focus{border-color:var(--amber)}.htp-demo__check{border-radius:var(--radius-md);background:var(--amber);color:#141213;cursor:pointer;font-size:.82rem;font-weight:700;font-family:var(--font-body);border:none;padding:11px 18px}.htp-demo__success{text-align:center;color:var(--success);background:var(--success-dim);border-radius:var(--radius-md);padding:10px;font-size:1rem;font-weight:700;animation:.3s fadeUp}.info-rules{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.info-rules__row{color:var(--text-secondary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:11px 16px;font-size:.88rem;display:flex}.info-rules__row:last-child{border-bottom:none}.info-rules__row:nth-child(odd){background:var(--bg-alt)}.info-rules__cost{font-family:var(--font-mono);color:var(--amber-dark);font-size:.82rem;font-weight:700}[data-theme=dark] .info-rules__cost{color:var(--amber)}.info-tips{flex-direction:column;gap:10px;list-style:none;display:flex}.info-tips li{color:var(--text-secondary);padding-left:20px;font-size:.88rem;line-height:1.65;position:relative}.info-tips li:before{content:"♪";color:var(--amber);font-size:.8rem;position:absolute;left:0}.faq-list{border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.faq-item{border-bottom:1px solid var(--border)}.faq-item:last-child{border-bottom:none}.faq-item__question{cursor:pointer;text-align:left;width:100%;color:var(--text);font-size:.9rem;font-weight:500;font-family:var(--font-body);background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;transition:background .15s;display:flex}.faq-item__question:hover,.faq-item--open .faq-item__question{background:var(--bg-alt)}.faq-item__arrow{color:var(--amber);flex-shrink:0;font-size:.9rem}.faq-item__answer{color:var(--text-secondary);background:var(--bg-alt);padding:0 16px 14px;font-size:.86rem;line-height:1.7}.htp-types{flex-direction:column;gap:10px;display:flex}.htp-type-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-md);align-items:flex-start;gap:14px;padding:14px 16px;transition:border-color .15s;display:flex}.htp-type-card:hover{border-color:#f59e0b4d}.htp-type-card__icon{flex-shrink:0;margin-top:2px;font-size:1.4rem;line-height:1}.htp-type-card__label{color:var(--text);margin-bottom:3px;font-size:.9rem;font-weight:600}.htp-type-card__desc{color:var(--text-secondary);font-size:.82rem;line-height:1.55}.htp-clue-types{background:var(--amber-light);border-radius:var(--radius-md);color:var(--text-secondary);border:1px solid #f59e0b40;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:12px 16px;font-size:.82rem;line-height:1.6;display:flex}[data-theme=dark] .htp-clue-types{background:var(--amber-dim)}.htp-clue-types__label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--amber-dark);margin-right:4px;font-size:.68rem;font-weight:700}[data-theme=dark] .htp-clue-types__label{color:var(--amber)}.htp-clue-types__dot{color:var(--muted)}.kofi-btn{border-radius:var(--radius-md);color:#fff;background:#ff5e5b;align-items:center;gap:8px;margin-top:4px;padding:12px 24px;font-size:.9rem;font-weight:700;text-decoration:none;transition:opacity .15s,transform .1s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 10px #ff5e5b4d}.kofi-btn:hover{opacity:.9;box-shadow:0 4px 16px #ff5e5b66}.kofi-btn:active{transform:scale(.97)}.htp-slide-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.htp-slide-wrap:before{content:"";background:linear-gradient(90deg, transparent, var(--amber), transparent);opacity:.6;height:2px;position:absolute;top:0;left:10%;right:10%}.htp-slide__header{justify-content:space-between;align-items:center;padding:16px 20px 0;display:flex}.htp-slide__badge{text-transform:uppercase;letter-spacing:.16em;color:var(--amber-dark);background:var(--amber-light);border:1px solid #f59e0b4d;border-radius:99px;padding:3px 10px;font-size:.62rem;font-weight:600;display:inline-block}[data-theme=dark] .htp-slide__badge{color:var(--amber);background:var(--amber-dim)}.htp-slide__counter{font-family:var(--font-mono);color:var(--muted);letter-spacing:.1em;font-size:.68rem}.htp-slide__body{flex-direction:column;height:320px;padding:20px 20px 8px;animation:.3s both fadeUp;display:flex;overflow:hidden}.htp-slide__step{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:4px;font-size:.65rem}.htp-slide__title{font-family:var(--font-display);color:var(--text);margin-bottom:8px;font-size:1.15rem;font-weight:700;line-height:1.25}.htp-slide__text{color:var(--text-secondary);margin-bottom:24px;font-size:.86rem;line-height:1.7}.htp-slide__tokens{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:8px;margin-bottom:20px;display:flex}.htp-slide__token-item{align-items:center;gap:8px;display:flex}.htp-slide__connector{color:var(--muted);flex-shrink:0;margin-bottom:22px;font-size:1.3rem}.htp-slide__token-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.htp-slide__token{border-radius:var(--radius-md);font-family:var(--font-body);text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap;background:var(--surface);border:1.5px solid var(--border-strong);min-width:64px;color:var(--text);box-shadow:var(--shadow-sm);padding:13px 20px;font-size:.92rem;font-weight:500;line-height:1.3;transition:all .25s}.htp-slide__token--revealed{background:var(--amber);border-color:var(--amber);color:#141213;font-family:var(--font-mono);letter-spacing:.06em;font-size:.82rem;font-weight:700;animation:.28s pop;transform:translateY(-3px);box-shadow:0 4px 18px #f59e0b40}.htp-slide__token-label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:.58rem;font-family:var(--font-mono)}.htp-slide__input-area{flex-direction:column;gap:8px;margin-top:auto;display:flex}.htp-slide__input-row{gap:8px;display:flex}.htp-slide__input{border-radius:var(--radius-md);border:1.5px solid var(--border-strong);background:var(--bg-alt);color:var(--text);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;outline:none;flex:1;padding:13px 16px;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.htp-slide__input::placeholder{color:var(--muted);text-transform:none;letter-spacing:0;font-family:var(--font-body);font-size:.84rem}.htp-slide__input:focus{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-dim)}.htp-slide__input--wrong{border-color:var(--error);animation:.4s shake}.htp-slide__check-btn{border-radius:var(--radius-md);background:var(--amber);color:#141213;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;font-size:.82rem;font-weight:700;font-family:var(--font-body);white-space:nowrap;border:none;padding:13px 20px;transition:opacity .15s;box-shadow:0 2px 8px #f59e0b40}.htp-slide__check-btn:hover{opacity:.88}.htp-slide__wrong-msg{color:var(--error);background:var(--error-dim);border-radius:var(--radius-sm);padding:7px 12px;font-size:.82rem;font-weight:600;animation:.2s fadeUp}.htp-slide__success{text-align:center;color:var(--success);background:var(--success-dim);border-radius:var(--radius-md);margin-top:auto;padding:12px 16px;font-size:1rem;font-weight:700;animation:.3s fadeUp}.htp-slide__nav{border-top:1px solid var(--border);background:var(--bg-alt);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.htp-slide__nav-btn{border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-family:var(--font-body);color:var(--text);cursor:pointer;background:0 0;min-width:80px;padding:8px 16px;font-size:.82rem;font-weight:600;transition:background .15s,border-color .15s}.htp-slide__nav-btn:hover:not(:disabled){background:var(--surface);border-color:var(--amber)}.htp-slide__nav-btn:disabled{opacity:.3;cursor:default}.htp-slide__nav-btn--hidden{visibility:hidden}.htp-slide__nav-btn--next{background:var(--amber);border-color:var(--amber);color:#141213}.htp-slide__nav-btn--next:hover:not(:disabled){opacity:.88;background:var(--amber)}.htp-slide__dots{align-items:center;gap:7px;display:flex}.htp-slide__dot{background:var(--border-strong);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s,transform .2s}.htp-slide__dot--active{background:var(--amber);transform:scale(1.35)}.htp-slide__dot--done{background:var(--success)}.htp-star-rating{color:var(--amber-dark);white-space:nowrap;font-size:.88rem;font-weight:600}[data-theme=dark] .htp-star-rating{color:var(--amber)}.htp-star-desc{color:var(--muted);text-align:right;font-size:.82rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fafaf7;--bg-alt:#f3f2ee;--surface:#fff;--card:#fff;--card-hover:#fefefe;--border:#00000014;--border-strong:#00000024;--amber:#f59e0b;--amber-light:#fef3c7;--amber-dim:#f59e0b1f;--amber-dark:#d97706;--text:#1a1a1a;--text-secondary:#4b5563;--muted:#9ca3af;--success:#10b981;--success-dim:#10b9811a;--error:#ef4444;--error-dim:#ef44441a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014, 0 2px 6px #0000000d;--shadow-lg:0 12px 40px #0000001a, 0 4px 12px #0000000f;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:32px;--font-display:"Playfair Display", Georgia, serif;--font-body:"DM Sans", sans-serif;--font-mono:"Space Mono", monospace;--nav-height:64px}[data-theme=dark]{--bg:#141213;--bg-alt:#1a1819;--surface:#1e1c1f;--card:#2a2730;--card-hover:#302d37;--border:#ffffff14;--border-strong:#ffffff24;--amber-light:#f59e0b26;--amber-dim:#f59e0b1f;--text:#f0ead8;--text-secondary:#b8b0c4;--muted:#6b6475;--success-dim:#10b9811f;--error-dim:#ef44441f;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 12px 40px #0009}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;font-weight:400;line-height:1.6;transition:background .3s,color .3s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:var(--radius-sm)}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-wrapper{max-width:680px;padding:calc(var(--nav-height) + 32px) 16px 64px;margin:0 auto}@media (width<=480px){.page-wrapper{padding:calc(var(--nav-height) + 16px) 12px 48px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(.88)}60%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-up{animation:.4s both fadeUp}.animate-slide-down{animation:.3s both slideDown}[data-theme=neon-arcade]{--bg:#0a0a0f;--bg-alt:#12121a;--surface:#16161f;--card:#1e1e2a;--border:#ff00ff26;--border-strong:#ff00ff4d;--amber:#f0f;--amber-light:#ff00ff26;--amber-dim:#ff00ff1a;--amber-dark:#c0c;--text:#e0e0ff;--text-secondary:#a0a0c0;--muted:#606080;--success:#0fa;--success-dim:#00ffaa1f;--error:#f46;--error-dim:#ff44661f;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #ff00ff1a;--shadow-lg:0 12px 40px #000000b3}[data-theme=soft-pastel]{--bg:#fdf6f9;--bg-alt:#f7eef4;--surface:#fff;--card:#fff;--border:#c896b433;--border-strong:#c896b466;--amber:#e8789a;--amber-light:#e8789a1f;--amber-dim:#e8789a1a;--amber-dark:#c45678;--text:#3a2a32;--text-secondary:#6a4a58;--muted:#a08090;--success:#7bc67e;--success-dim:#7bc67e1f;--error:#e57373;--error-dim:#e573731f;--shadow-sm:0 1px 3px #b4648c14;--shadow-md:0 4px 16px #b4648c1a;--shadow-lg:0 12px 40px #b4648c1f}[data-theme=ocean]{--bg:#061628;--bg-alt:#0a1e35;--surface:#0e2440;--card:#122d4e;--border:#0ea5e926;--border-strong:#0ea5e94d;--amber:#0ea5e9;--amber-light:#0ea5e926;--amber-dim:#0ea5e91a;--amber-dark:#0284c7;--text:#e0f0ff;--text-secondary:#90b8d8;--muted:#406080;--success:#34d399;--success-dim:#34d3991f;--error:#f87171;--error-dim:#f871711f;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 12px 40px #000000b3}[data-theme=vinyl]{--bg:#1a0a10;--bg-alt:#22101a;--surface:#2a1520;--card:#321a26;--border:#c9a84c26;--border-strong:#c9a84c4d;--amber:#c9a84c;--amber-light:#c9a84c26;--amber-dim:#c9a84c1a;--amber-dark:#a88030;--text:#f0e0d0;--text-secondary:#c0a090;--muted:#806050;--success:#7bc67e;--success-dim:#7bc67e1f;--error:#e57373;--error-dim:#e573731f;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 12px 40px #000000b3}[data-theme=forest]{--bg:#071a07;--bg-alt:#0c220c;--surface:#112811;--card:#163016;--border:#22c55e26;--border-strong:#22c55e4d;--amber:#22c55e;--amber-light:#22c55e26;--amber-dim:#22c55e1a;--amber-dark:#16a34a;--text:#e8f8e8;--text-secondary:#b8d8b8;--muted:#7aa87a;--success:#86efac;--success-dim:#86efac1f;--error:#f87171;--error-dim:#f871711f;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 12px 40px #000000b3}[data-theme=high-contrast]{--bg:#000;--bg-alt:#0a0a0a;--surface:#111;--card:#1a1a1a;--border:#ffffff4d;--border-strong:#fff9;--amber:#ff0;--amber-light:#ffff0026;--amber-dim:#ffff001a;--amber-dark:#cc0;--text:#fff;--text-secondary:#ddd;--muted:#aaa;--success:#0f0;--success-dim:#00ff0026;--error:red;--error-dim:#ff000026;--shadow-sm:0 1px 3px #ffffff1a;--shadow-md:0 4px 16px #ffffff0d;--shadow-lg:0 12px 40px #000000e6}[data-theme=spring]{--bg:#f0faf0;--bg-alt:#e4f5e4;--surface:#fff;--card:#fff;--border:#4caf7d33;--border-strong:#4caf7d61;--amber:#4caf7d;--amber-light:#4caf7d1f;--amber-dim:#4caf7d1a;--amber-dark:#3a8f65;--text:#0a2a0a;--text-secondary:#2a5a2a;--muted:#6a9a6a;--success:#4caf50;--success-dim:#4caf501f;--error:#ef5350;--error-dim:#ef53501f;--shadow-sm:0 1px 3px #0050000f;--shadow-md:0 4px 16px #00500014;--shadow-lg:0 12px 40px #0050001a}[data-theme=summer]{--bg:#fffbf0;--bg-alt:#fff5dc;--surface:#fff;--card:#fff;--border:#ff8c0033;--border-strong:#ff8c0061;--amber:#ff8c00;--amber-light:#ff8c001f;--amber-dim:#ff8c001a;--amber-dark:#cc7000;--text:#2a1400;--text-secondary:#5a3a00;--muted:#9a7030;--success:#43a047;--success-dim:#43a0471f;--error:#e53935;--error-dim:#e539351f;--shadow-sm:0 1px 3px #b4500012;--shadow-md:0 4px 16px #b4500017;--shadow-lg:0 12px 40px #b450001c}[data-theme=autumn]{--bg:#fef3e8;--bg-alt:#fdebd0;--surface:#fff;--card:#fff;--border:#b4501426;--border-strong:#b4501452;--amber:#ea580c;--amber-light:#ea580c1f;--amber-dim:#ea580c1a;--amber-dark:#c2460a;--text:#2a0e00;--text-secondary:#5a2e00;--muted:#9a6030;--success:#16a34a;--success-dim:#16a34a1f;--error:#dc2626;--error-dim:#dc26261f;--shadow-sm:0 1px 3px #78280012;--shadow-md:0 4px 16px #78280017;--shadow-lg:0 12px 40px #7828001c}[data-theme=winter]{--bg:#f0f8ff;--bg-alt:#e4f0ff;--surface:#fff;--card:#fff;--border:#5b9bd533;--border-strong:#5b9bd561;--amber:#5b9bd5;--amber-light:#5b9bd51f;--amber-dim:#5b9bd51a;--amber-dark:#3a7db5;--text:#0a1a2a;--text-secondary:#1a3a5a;--muted:#6a8aaa;--success:#0ea5e9;--success-dim:#0ea5e91f;--error:#ef4444;--error-dim:#ef44441f;--shadow-sm:0 1px 3px #003c7812;--shadow-md:0 4px 16px #003c7817;--shadow-lg:0 12px 40px #003c781c}[data-theme=christmas]{--bg:#0a1a0a;--bg-alt:#0f220f;--surface:#142814;--card:#1a301a;--border:#c8323233;--border-strong:#c8323266;--amber:#ef4444;--amber-light:#ef444426;--amber-dim:#ef44441a;--amber-dark:#dc2626;--text:#f0efd0;--text-secondary:#c8c8a0;--muted:#607060;--success:#4ade80;--success-dim:#4ade801f;--error:#fcd34d;--error-dim:#fcd34d1f;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 12px 40px #000000b3}.site-footer{text-align:center;color:var(--muted);letter-spacing:.1em;opacity:.7;flex-direction:column;align-items:center;gap:6px;padding:32px 16px 48px;font-size:.72rem;display:flex}.site-footer__copy{color:var(--muted);letter-spacing:.06em;opacity:.6;font-size:.68rem}.site-footer__note{color:var(--amber);letter-spacing:.5em;opacity:.5}