:root{--lid-wrong:#e8503c}.lid-theme{display:flex;align-items:baseline;gap:10px;background:var(--g-surface);border:1px solid var(--g-line);border-radius:11px;padding:12px 16px;margin-bottom:12px}.lid-theme__label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--g-muted);font-weight:600;flex:0 0 auto}.lid-theme__text{font-family:var(--serif);font-size:clamp(18px,5vw,24px);font-weight:600;color:var(--g-cream);line-height:1.15}.lid-status{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.lid-count{font-size:14px;color:var(--g-muted)}.lid-count b{color:var(--g-cream);font-variant-numeric:tabular-nums}.lid-legend{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--g-muted)}.lid-dot{width:11px;height:11px;border-radius:50%;display:inline-block}.lid-dot--themed{background:var(--g-themed);margin-left:4px}.lid-dot--spangram{background:var(--g-gold);margin-left:12px}.lid-board{position:relative;width:100%;max-width:460px;margin:0 auto 6px;background:var(--g-surface);border-radius:12px;padding:0;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.lid-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);aspect-ratio:1/1}.lid-cell{position:relative;border:1px solid var(--g-line);display:flex;align-items:center;justify-content:center;background:transparent}.lid-ltr{font-family:var(--sans);font-weight:500;font-size:clamp(13px,4.4vw,21px);color:var(--g-cream);text-transform:uppercase;line-height:1;pointer-events:none}.lid-cell.in-trace .lid-ltr,.lid-cell.is-spangram .lid-ltr,.lid-cell.is-themed .lid-ltr{color:var(--g-ink-bg);font-weight:600}.lid-cell.is-wrong .lid-ltr{color:var(--lid-wrong)}.lid-cell.is-hint{animation:lid-pulse .55s ease-in-out infinite alternate;border-radius:8px}.lid-cell.is-wrong{animation:lid-shake .4s ease}.lid-overlay{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}.lid-overlay polyline{fill:none;stroke-width:.3;stroke-linecap:round;stroke-linejoin:round}.lid-overlay rect{stroke:none}.lid-overlay .is-themed polyline{stroke:var(--g-themed)}.lid-overlay .is-themed rect{fill:var(--g-themed)}.lid-overlay .is-spangram polyline{stroke:var(--g-gold)}.lid-overlay .is-spangram rect{fill:var(--g-gold)}.lid-overlay .is-sel polyline{stroke:var(--g-cream);opacity:.9}.lid-overlay .is-sel rect{fill:var(--g-cream);opacity:.9}.lid-submit{gap:8px;margin:8px 0 4px}.lid-hintrow,.lid-submit{display:flex;justify-content:center}.lid-hintrow{margin:8px 0 2px}.lid-hintbtn:disabled{opacity:.4;cursor:not-allowed;filter:none}.kbd-hint{color:var(--g-faint);font-size:12px;line-height:1.5;text-align:center;margin:14px 0 0}@keyframes lid-pulse{0%{box-shadow:inset 0 0 0 2px rgba(217,164,65,.25)}to{box-shadow:inset 0 0 0 3px var(--g-gold)}}@keyframes lid-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}@media (prefers-reduced-motion:reduce){.lid-cell.is-hint,.lid-cell.is-wrong{animation:none}.lid-cell.is-hint{box-shadow:inset 0 0 0 3px var(--g-gold)}}@media (max-width:430px){.lid-theme{gap:5px;padding:11px 12px}.lid-status,.lid-theme{align-items:flex-start;flex-direction:column}.lid-status{gap:8px}.lid-board{max-width:min(460px,92vw)}.lid-submit{display:grid;grid-template-columns:1fr}.lid-hintrow .btn,.lid-submit .btn{width:100%}}