[data-brewdle]{--c-correct: #5a8a3f;--c-present: #c8961d;--c-absent: #38301f;--key-bg: #2d2518;max-width:30rem;margin-inline:auto}[data-brewdle][data-cb="1"]{--c-correct: #2f7ec2;--c-present: #e0823d}[data-brewdle] .bbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}[data-brewdle] .seg{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}[data-brewdle] .seg__btn{background:var(--color-surface);color:var(--color-text-muted);border:none;padding:.35rem .8rem;font-family:var(--font-body);font-weight:700;cursor:pointer}[data-brewdle] .seg__btn[aria-pressed=true]{background:var(--color-primary);color:#141414}[data-brewdle] .bbar__num{font-weight:600;letter-spacing:.04em;color:var(--color-text-muted);font-size:.9rem}[data-brewdle] .bbar__tools{display:inline-flex;gap:.35rem}[data-brewdle] .tool{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.35rem .6rem;font-family:var(--font-body);font-size:.82rem;font-weight:600;line-height:1;cursor:pointer}[data-brewdle] .tool[aria-pressed=true]{border-color:var(--color-primary);color:var(--color-primary)}[data-brewdle] .tool:hover{border-color:var(--color-text-muted)}[data-brewdle] .board{--tile: clamp(2.5rem, 13.5vw, 3.6rem);display:flex;flex-direction:column;gap:6px;align-items:center}[data-brewdle] .brow{display:flex;gap:6px}[data-brewdle] .tile{width:var(--tile);height:var(--tile);display:grid;place-items:center;font-family:var(--font-body);font-size:calc(var(--tile) * .46);font-weight:700;text-transform:uppercase;color:var(--color-text);background:var(--color-surface);border:2px solid var(--color-border);border-radius:4px;user-select:none}[data-brewdle] .tile--filled{border-color:var(--color-slate-lt)}[data-brewdle] .tile--correct{background:var(--c-correct);border-color:var(--c-correct);color:#fff}[data-brewdle] .tile--present{background:var(--c-present);border-color:var(--c-present);color:#16120d}[data-brewdle] .tile--absent{background:var(--c-absent);border-color:var(--c-absent);color:#b6a88f}[data-brewdle] .brow--reveal .tile{animation:bd-flip .5s ease both}[data-brewdle] .brow--reveal .tile:nth-child(2){animation-delay:.08s}[data-brewdle] .brow--reveal .tile:nth-child(3){animation-delay:.16s}[data-brewdle] .brow--reveal .tile:nth-child(4){animation-delay:.24s}[data-brewdle] .brow--reveal .tile:nth-child(5){animation-delay:.32s}[data-brewdle] .brow--reveal .tile:nth-child(6){animation-delay:.4s}@keyframes bd-flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}[data-brewdle] .brow--shake{animation:bd-shake .4s ease}@keyframes bd-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@media(prefers-reduced-motion:reduce){[data-brewdle] .brow--reveal .tile,[data-brewdle] .brow--shake{animation:none}}[data-brewdle] .toast{max-width:none;text-align:center;margin:.75rem auto 0;background:var(--color-text);color:#16120d;font-weight:600;font-size:.85rem;padding:.4rem .9rem;border-radius:var(--radius-sm);width:fit-content}[data-brewdle] .endgame{text-align:center;margin-top:1rem;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}[data-brewdle] .endgame__msg{max-width:none;font-weight:600;margin-bottom:.75rem}[data-brewdle] .endgame__note,[data-brewdle] .endgame__next{max-width:none;font-size:.85rem;color:var(--color-text-muted);margin-top:.5rem}[data-brewdle] .endgame__next span{font-variant-numeric:tabular-nums;color:var(--color-text)}[data-brewdle] .keyboard{display:flex;flex-direction:column;gap:6px;margin-top:1.25rem}[data-brewdle] .krow{display:flex;justify-content:center;gap:5px}[data-brewdle] .key{min-width:clamp(1.7rem,8.6vw,2.6rem);height:3.25rem;display:grid;place-items:center;background:var(--key-bg);color:var(--color-text);border:none;border-radius:5px;font-family:var(--font-body);font-size:.95rem;font-weight:600;text-transform:uppercase;cursor:pointer;padding:0 .3rem}[data-brewdle] .key--wide{min-width:clamp(3rem,13vw,4rem);font-size:.7rem}[data-brewdle] .key:hover{background:var(--color-surface-2)}[data-brewdle] .key--correct{background:var(--c-correct);color:#fff}[data-brewdle] .key--present{background:var(--c-present);color:#16120d}[data-brewdle] .key--absent{background:#1f1a12;color:#6f6450}[data-brewdle] .modal{max-width:26rem;width:calc(100% - 2rem);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem}[data-brewdle] .modal::backdrop{background:#0009}[data-brewdle] .modal h2{margin-bottom:.75rem}[data-brewdle] .modal p{color:var(--color-text-muted);margin-bottom:.75rem}[data-brewdle] .modal .btn{margin-top:.5rem}[data-brewdle] .legend{list-style:none;margin:0 0 .75rem;display:grid;gap:.4rem}[data-brewdle] .legend li{display:flex;align-items:center;gap:.6rem;color:var(--color-text-muted);font-size:.9rem}[data-brewdle] .chip{width:1.9rem;height:1.9rem;flex:none;display:grid;place-items:center;font-weight:700;border-radius:4px;color:#fff}[data-brewdle] .stats-sub{color:var(--color-text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;margin:.5rem 0}[data-brewdle] .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;text-align:center}[data-brewdle] .stat-grid strong{display:block;font-size:1.6rem;font-family:var(--font-display)}[data-brewdle] .stat-grid span{font-size:.72rem;color:var(--color-text-muted)}[data-brewdle] .dist{display:grid;gap:4px}[data-brewdle] .distrow{display:flex;align-items:center;gap:.5rem}[data-brewdle] .distrow__n{width:1ch;font-size:.8rem;color:var(--color-text-muted)}[data-brewdle] .distrow__bar{background:var(--color-slate);color:#fff;font-size:.75rem;font-weight:600;text-align:right;padding:.1rem .4rem;border-radius:3px;min-width:1.5rem}[data-brewdle] .distrow__bar.is-current{background:var(--c-correct)}.game[data-astro-cid-dbgbwxpy]{padding-block:var(--space-sm) var(--space-xl)}.game__head[data-astro-cid-dbgbwxpy]{text-align:center;margin-bottom:var(--space-md)}.game__head[data-astro-cid-dbgbwxpy] p[data-astro-cid-dbgbwxpy]{max-width:52ch;margin-inline:auto;color:var(--color-text-muted)}.game__lede[data-astro-cid-dbgbwxpy] span[data-astro-cid-dbgbwxpy]{white-space:nowrap}.game__keys[data-astro-cid-dbgbwxpy]{font-size:.85rem;margin-top:.5rem}.game__keys[data-astro-cid-dbgbwxpy] kbd[data-astro-cid-dbgbwxpy]{font-family:var(--font-body);font-size:.85em;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:4px;padding:.1em .45em}@media(max-width:520px){.game__keys[data-astro-cid-dbgbwxpy]{display:none}}.game__tagline[data-astro-cid-dbgbwxpy]{text-align:center;color:var(--color-text-muted);font-size:.9rem;margin-top:.75rem}.game__tagline[data-astro-cid-dbgbwxpy]:first-of-type{margin-top:var(--space-lg)}