.wbw{display:grid;grid-gap:var(--space-2);margin:var(--space-3) 0 0;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-night-border);background:color-mix(in oklch,var(--color-gold) 4%,var(--color-night-raised))}.wbw,.wbw-head{gap:var(--space-2)}.wbw-head{display:flex;align-items:center;justify-content:space-between}.wbw-title{margin:0;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.wbw-all,.wbw-title{font-weight:700;color:var(--color-gold)}.wbw-all{flex:none;padding:.3em .85em;border-radius:999px;border:1px solid var(--color-gold-deep);background:color-mix(in oklch,var(--color-gold) 10%,transparent);font-size:.76rem;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.wbw-all:focus-visible,.wbw-all:hover{background:color-mix(in oklch,var(--color-gold) 18%,transparent)}.wbw-all:active{transform:scale(.97)}.wbw-done{flex:none;font-size:.76rem;font-weight:600;color:var(--color-gold)}.wbw-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));grid-gap:var(--space-2);gap:var(--space-2)}.wbw-cell{display:flex}.wbw-word{position:relative;display:grid;grid-gap:.3rem;gap:.3rem;width:100%;padding:.7rem .75rem .8rem;text-align:right;border-radius:var(--radius-md);border:1px solid var(--color-night-border);-webkit-border-start:3px solid var(--wbw-tone,var(--color-night-border));border-inline-start:3px solid var(--wbw-tone,var(--color-night-border));background:var(--color-night);color:var(--color-ivory);cursor:pointer;transition:border-color var(--duration-normal) var(--ease-calm),background-color var(--duration-normal) var(--ease-calm),transform var(--duration-fast) var(--ease-out)}.wbw-word:focus-visible,.wbw-word:hover{border-color:color-mix(in oklch,var(--wbw-tone,var(--color-gold)) 45%,var(--color-night-border))}.wbw-word:active{transform:scale(.985)}.wbw-word[data-revealed=true]{background:color-mix(in oklch,var(--wbw-tone,var(--color-gold)) 8%,var(--color-night-raised));border-inline-start-color:var(--wbw-tone,var(--color-gold))}.wbw-word[data-kind=naam]{--wbw-tone:var(--color-gold)}.wbw-word[data-kind=eigenschap]{--wbw-tone:var(--color-gold-deep)}.wbw-word[data-kind=werkwoord]{--wbw-tone:var(--color-green)}.wbw-word[data-kind=voornaamwoord]{--wbw-tone:color-mix(in oklch,var(--color-green) 65%,var(--color-gold))}.wbw-word[data-kind=naamwoord]{--wbw-tone:color-mix(in oklch,var(--color-ivory) 40%,var(--color-night-border))}.wbw-word[data-kind=verbinding]{--wbw-tone:var(--color-ivory-faint)}.wbw-top{display:flex;align-items:center;justify-content:space-between;gap:.4rem;flex-direction:row-reverse}.wbw-ar{font-family:var(--font-display);font-size:1.5rem;line-height:1.4;color:var(--color-ivory)}.wbw-chip{flex:none;display:inline-flex;align-items:center;gap:.25rem;padding:.15em .5em;border-radius:999px;font-size:.62rem;font-weight:700;letter-spacing:.02em;color:color-mix(in oklch,var(--wbw-tone,var(--color-gold)) 75%,var(--color-ivory));background:color-mix(in oklch,var(--wbw-tone,var(--color-gold)) 14%,transparent);border:1px solid color-mix(in oklch,var(--wbw-tone,var(--color-gold)) 30%,transparent)}.wbw-chip-glyph{font-size:.7em;line-height:1}.wbw-tr{font-size:.82rem;font-style:italic;color:var(--color-gold);text-align:right}.wbw-reveal{display:grid;grid-gap:.2rem;gap:.2rem;text-align:right;opacity:0;transform:translateY(6px);transition:opacity var(--duration-normal) var(--ease-calm),transform var(--duration-normal) var(--ease-calm)}.wbw-reveal[data-on=true]{opacity:1;transform:translateY(0)}.wbw-nl{font-size:.98rem;line-height:1.4;color:var(--color-ivory)}.wbw-root{font-size:.72rem;color:var(--color-ivory-dim)}.wbw-root span[lang=ar]{font-family:var(--font-display);letter-spacing:.15em;color:var(--color-gold)}.wbw-cat{font-size:.7rem}.wbw-cat,.wbw-tap{color:var(--color-ivory-faint)}.wbw-tap{position:absolute;inset-block-end:.8rem;inset-inline:.75rem;text-align:right;font-size:.68rem;opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-calm)}.wbw-tap[data-on=true]{opacity:.85}.wbw-soon{display:flex;align-items:center;gap:.5rem;margin:var(--space-3) 0 0;padding:.7rem .9rem;border-radius:var(--radius-md);border:1px dashed var(--color-night-border);background:color-mix(in oklch,var(--color-gold) 4%,var(--color-night-raised));color:var(--color-ivory-dim);font-size:.85rem}.wbw-soon-glyph{color:var(--color-gold);font-size:1rem}@media (prefers-reduced-motion:reduce){.wbw-all,.wbw-reveal,.wbw-tap,.wbw-word{transition:none!important}.wbw-all:active,.wbw-reveal,.wbw-word:active{transform:none}.wbw-reveal{opacity:1}}