.waffle-wrap{display:grid;gap:clamp(.9rem,2.6vw,1.35rem);justify-items:center;width:100%}.waffle-mode{width:100%;max-width:520px;text-align:center;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.waffle-mode b{color:var(--ink-gold);font-weight:500}.waffle-today{font:inherit;color:var(--accent-hover);text-transform:uppercase;letter-spacing:.08em;margin-left:.5rem;min-height:36px;padding:0 .2rem;border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,var(--border))}[data-theme=light] .waffle-today{color:var(--accent)}.waffle-today:hover,.waffle-today:focus-visible{color:var(--text)}.waffle-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem 1rem;width:100%;max-width:520px;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.03em;color:var(--muted);text-align:center}.waffle-status .w-pair{display:inline-flex;align-items:center;gap:.35rem}.waffle-status b{font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}.waffle-status .w-sep{color:var(--ink-gold);opacity:.7}.waffle-status .ok{color:var(--correct)}.waffle-status .bad{color:var(--danger)}.w-stars{display:inline-flex;align-items:center;gap:.18rem}.w-stars .w-star{width:15px;height:15px;flex:none;color:color-mix(in srgb,var(--muted) 70%,var(--border))}.w-stars .w-star.is-on{color:var(--ink-gold)}.w-stars .w-star svg{width:100%;height:100%;display:block}.w-stars .w-star path{fill:currentColor;stroke:none}.waffle-board{--wcell: min(64px, 16.5vw);--wgap: clamp(5px, 1.5vw, 9px);display:grid;grid-template-columns:repeat(5,var(--wcell));grid-template-rows:repeat(5,var(--wcell));gap:var(--wgap);padding:clamp(.5rem,1.6vw,.8rem);border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-raised);touch-action:manipulation}.waffle-board[aria-busy=true]{pointer-events:none}.whole{width:var(--wcell);height:var(--wcell)}.wtile{position:relative;width:var(--wcell);height:var(--wcell);display:grid;place-items:center;padding:0;border-radius:var(--radius-tile);background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-keycap);font-family:var(--font-display);font-weight:600;font-variation-settings:"opsz" 60,"wght" 600;font-size:calc(var(--wcell) * .44);line-height:1;text-shadow:0 1px 0 var(--highlight),0 -1px 1px var(--recess);-webkit-tap-highlight-color:transparent;transition:transform .1s ease,box-shadow .12s ease,border-color .12s ease,background-color .14s ease,color .14s ease}.wtile:focus-visible{outline:3px solid var(--accent);outline-offset:2px;z-index:4}.wtile:active{transform:translateY(1px) scale(.99)}.wtile .w-glyph{position:absolute;top:6%;left:7%;width:calc(var(--wcell) * .24);height:calc(var(--wcell) * .24);stroke:currentColor;stroke-width:2.8;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.9;pointer-events:none}.wtile .w-glyph.dot circle{fill:currentColor;stroke:none}.wtile.w-correct{background:var(--correct);color:var(--ink-on-color);border-color:transparent;text-shadow:none}.wtile.w-present{background:var(--present);color:var(--ink-on-color);border-color:transparent;text-shadow:none}.wtile.w-absent{background:var(--absent);color:var(--text);border-color:color-mix(in srgb,var(--absent) 55%,var(--border))}.wtile.is-selected{box-shadow:var(--shadow-keycap),inset 0 0 0 3px var(--accent);transform:translateY(-1px) scale(1.04);z-index:3;border-color:transparent}.wtile.is-hint{box-shadow:var(--shadow-keycap),inset 0 0 0 3px var(--ink-gold);z-index:3;animation:w-hint 1.1s ease-in-out 2}@keyframes w-hint{0%,to{box-shadow:var(--shadow-keycap),inset 0 0 0 3px var(--ink-gold)}50%{box-shadow:var(--shadow-keycap),inset 0 0 0 3px color-mix(in srgb,var(--ink-gold) 30%,transparent)}}.wtile.is-correct-pop{animation:w-pop .16s ease}@keyframes w-pop{0%{transform:scale(.86)}55%{transform:scale(1.08)}to{transform:scale(1)}}@media(hover:hover)and (pointer:fine){.wtile:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:var(--shadow-hover)}.wtile.w-correct:hover,.wtile.w-present:hover{box-shadow:var(--shadow-hover)}}.waffle-controls{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;width:100%;max-width:540px}.waffle-btn{display:inline-flex;align-items:center;gap:.45rem;min-height:46px;padding:0 1rem;border-radius:11px;font-family:var(--font-ui);font-weight:600;font-size:.9rem;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-raised);transition:box-shadow .16s ease,border-color .16s ease,color .16s ease}.waffle-btn .ico{width:17px;height:17px;color:var(--accent)}.waffle-btn:active{transform:translateY(1px);box-shadow:var(--shadow-pressed)}.waffle-btn[disabled]{opacity:.5;pointer-events:none}@media(hover:hover)and (pointer:fine){.waffle-btn:hover{box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.waffle-btn:hover .ico{color:var(--accent)}}.w-legend{display:grid;gap:.7rem}.w-legend .w-row{display:flex;align-items:center;gap:.7rem;font-size:.9rem;color:var(--muted)}.w-legend .w-row strong{color:var(--text);font-weight:600}.w-legend .w-chip{position:relative;width:38px;height:38px;flex:none;border-radius:9px;display:grid;place-items:center;box-shadow:var(--shadow-keycap);font-family:var(--font-display);font-weight:600;font-variation-settings:"opsz" 40,"wght" 600;font-size:18px}.w-legend .w-chip.w-correct{background:var(--correct);color:var(--ink-on-color)}.w-legend .w-chip.w-present{background:var(--present);color:var(--ink-on-color)}.w-legend .w-chip.w-absent{background:var(--absent);color:var(--text);border:1px solid var(--border)}.w-legend .w-chip .w-glyph{position:absolute;top:5%;left:6%;width:11px;height:11px;stroke:currentColor;stroke-width:2.8;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.w-legend .w-chip .w-glyph.dot circle{fill:currentColor;stroke:none}.waffle-share{font-family:var(--font-mono);font-size:.92rem;line-height:1.5;letter-spacing:.01em;color:var(--text);white-space:pre-wrap;text-align:left;padding:.9rem 1.1rem;border-radius:10px;background:var(--bg);border:1px solid var(--border);box-shadow:inset 0 2px 6px var(--recess),inset 0 -1px 0 var(--highlight);max-width:320px;margin-inline:auto}.wsolution-wrap{display:grid;justify-items:center;gap:1rem}.waffle-board.wsolution{--wcell: min(52px, 12.5vw)}.waffle-board.wsolution .wtile{cursor:default}.wsolution-cap{font-size:.9rem;color:var(--muted);max-width:54ch;text-align:center}.wsolution-cap strong{color:var(--text);font-weight:600}.w-words{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem .9rem;width:100%;max-width:420px}.w-words .w-word{display:flex;align-items:baseline;gap:.55rem;font-family:var(--font-mono);font-size:.9rem;color:var(--text);padding:.3rem .1rem;border-bottom:1px solid var(--border)}.w-words .w-word .w-dir{font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-gold);white-space:nowrap}.w-words .w-word b{letter-spacing:.14em;font-weight:600}@media(max-width:640px){.waffle-board{--wcell: min(64px, 16.5vw, calc((100dvh - 300px)/5) )}}@media(prefers-reduced-motion:reduce){.wtile{transition:none!important}.wtile.is-selected{transform:none}.wtile.is-hint,.wtile.is-correct-pop{animation:none!important}}