.tb{gap:var(--space-md) clamp(var(--space-md), 3vw, var(--space-2xl));grid-template-columns:minmax(10.5rem,15rem) minmax(0,1fr);grid-template-areas:"slip card""act card";align-content:center;align-items:center;display:grid}.tb-slipbox{gap:var(--space-sm);text-align:center;grid-area:slip;align-self:end;justify-items:center;display:grid}.tb-label{font-size:var(--text-md);color:var(--color-ink-2);margin:0;font-weight:600}.tb-slip{--slip-fs:clamp(3rem, 4.6vw + 1.2rem, 6.5rem);width:min(100%,22rem);min-height:clamp(8rem,24svh,13rem);padding:var(--space-md) var(--space-lg);border:3px solid var(--color-ink);border-radius:var(--radius-stock);background:var(--grain), var(--fibre), var(--color-card);color:var(--color-ink);box-shadow:0 6px 0 0 color-mix(in oklab, var(--g-c) 60%, var(--color-ink));font:600 calc(var(--slip-fs) * var(--k,1))/1.08 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.01em;text-align:center;align-content:center;justify-items:center;margin:0;display:grid;position:relative;rotate:-1.5deg}.tb-slip:after{content:"";border:2.5px dashed color-mix(in oklab, var(--g-deep) 50%, var(--g-none));border-radius:calc(var(--radius-stock) - 6px);pointer-events:none;position:absolute;inset:8px}.tb-slip span{display:block}.tb-slip.is-empty{color:var(--color-muted)}.tb-slip.is-new{animation:tb-draw var(--dur-long) var(--ease-spring)}@keyframes tb-draw{0%{opacity:0;translate:0 -28px;scale:.88}to{opacity:1;translate:0;scale:1}}.tb-actions{gap:var(--space-sm);grid-area:act;place-self:start center;justify-items:center;width:min(100%,22rem);display:grid}.tb-none{width:100%;font-size:var(--text-xl)}.tb-none:disabled:not([data-state]){opacity:.55}.tb-none.is-answer{outline:3px dashed var(--color-mint-deep);outline-offset:5px}.tb-next{width:100%;min-height:var(--g-target);font-size:var(--text-xl)}.tb-again{min-height:48px}.tb-next.is-wait,.tb-again.is-wait{visibility:hidden}.tb-cardwrap{grid-area:card;justify-self:center;width:min(100%,40rem);container-type:inline-size}.tb-card{border:3px solid var(--color-ink);background:var(--grain), var(--fibre), var(--g-c);box-shadow:0 7px 0 0 color-mix(in oklab, var(--g-c) 55%, var(--color-ink));color:var(--color-ink);border-radius:5cqw;gap:2.2cqw;padding:3.4cqw 3.4cqw 3.6cqw;display:grid;position:relative}.tb-card:after{content:"";border:2px dashed color-mix(in oklab, var(--color-card) 85%, var(--g-none));pointer-events:none;border-radius:3.6cqw;position:absolute;inset:1.6cqw}.tb-head{font:700 3.6cqw/1 var(--font-display);letter-spacing:.14em;justify-content:space-between;align-items:center;padding:0 1.2cqw;display:flex}.tb-count{letter-spacing:.02em;font-variant-numeric:tabular-nums}.tb-grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-auto-rows:max(var(--g-target), calc((100cqw - 10cqw) / var(--cols) / var(--ar,1.5)));gap:1.8cqw;display:grid}.tb-cell{--edge:5px;border-radius:calc(var(--radius-stock) * .7);background:var(--grain), var(--color-card);min-width:0;color:var(--color-ink);box-shadow:inset 0 0 0 2px var(--color-ink), 0 var(--edge) 0 0 color-mix(in oklab, var(--g-c) 55%, var(--color-ink));font:600 calc(var(--fs) * .9 * 100cqw / var(--cols))/1.06 var(--font-display);font-variant-numeric:tabular-nums;text-align:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:var(--g-none);transition:translate var(--dur-micro) var(--ease-snap), box-shadow var(--dur-micro) var(--ease-snap), background-color var(--dur-short) var(--ease-out);border:0;place-items:center;padding:0 1.2cqw;display:grid;position:relative}.tb-cell span{display:block}.tb-cell:hover:not(:disabled){--edge:7px;translate:0 -2px}.tb-cell:active:not(:disabled){--edge:1px;translate:0 4px}.tb-cell:focus-visible{outline:4px solid var(--color-focus);outline-offset:4px}.tb-cell:disabled{cursor:default}.tb-cell.is-found{--edge:1px;background:var(--grain), color-mix(in oklab, var(--color-mint) 40%, var(--color-card));box-shadow:inset 0 0 0 4px var(--color-mint-deep);animation:tb-stamp var(--dur-short) var(--ease-spring);translate:0 4px}.tb-cell.is-line{background:var(--grain), color-mix(in oklab, var(--color-accent) 55%, var(--color-card));box-shadow:inset 0 0 0 4px var(--color-ink)}.tb-cell.is-miss{background:var(--grain), var(--color-paper-2);color:var(--color-muted);box-shadow:inset 0 0 0 3px var(--color-coral-deep)}.tb-cell.is-answer{outline:3px dashed var(--color-mint-deep);outline-offset:4px}@keyframes tb-stamp{0%{scale:1.12}to{scale:1}}.tb-cell>.g-mark,.tb-none>.g-mark{background:var(--color-mint-deep);width:32px;height:32px;stroke:var(--color-card);stroke-width:3.4px;border-radius:50%;padding:6px;font-size:0;position:absolute;top:-10px;right:-10px}.tb-cell>.g-mark--cross{background:var(--color-coral-deep)}.tb-banner{z-index:var(--z-raised);border:3px solid var(--color-ink);border-radius:var(--radius-stock);background:var(--color-accent);color:var(--color-ink);box-shadow:0 6px 0 0 var(--color-ink);font:700 clamp(2.25rem, 4vw + 1rem, 4.75rem)/1.1 var(--font-display);letter-spacing:.02em;white-space:nowrap;pointer-events:none;animation:tb-pop var(--dur-long) var(--ease-spring);margin:0;padding:.12em .55em;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:-4deg}.tb-banner[hidden]{display:none}@keyframes tb-pop{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}@media (prefers-reduced-motion:reduce){.tb-slip.is-new,.tb-banner,.tb-cell.is-found{animation:none}}@media (width<=63.99rem){.tb{gap:var(--space-md);grid-template-columns:minmax(0,1fr);grid-template-areas:"slip""card""act"}.tb-slipbox{align-self:auto}.tb-slip{--slip-fs:clamp(2.75rem, 11vw, 4.5rem);min-height:6.5rem}.tb-actions{align-self:auto;width:min(100%,40rem)}.tb-cardwrap{width:min(100%,36rem)}}@media (width<=40rem){.tb-cell>.g-mark,.tb-none>.g-mark{width:28px;height:28px;padding:5px;top:-8px;right:-8px}}