.db{--db-w: min(100%, 560px, calc(var(--tg-stage-h) - 40px));width:var(--db-w);margin:0 auto;user-select:none;-webkit-user-select:none}.db[data-turn="0"]{--db-turn: var(--tg-p0)}.db[data-turn="1"]{--db-turn: var(--tg-p1)}.db-tally{display:flex;align-items:center;justify-content:space-between;gap:8px;height:32px;margin-bottom:8px}.db-count{display:inline-flex;align-items:center;gap:6px;min-width:60px;padding:0 10px 0 2px;border-radius:999px;border:2px solid transparent;color:var(--ink);font-family:var(--font-display);font-size:1.15rem;font-variant-numeric:tabular-nums;transition:background calc(.2s * var(--motion)),border-color calc(.2s * var(--motion))}.db-count[data-p="1"]{flex-direction:row-reverse;padding:0 2px 0 10px}.db-count.is-on{border-color:var(--tg-c);background:color-mix(in srgb,var(--tg-c) 14%,var(--cell))}.db-chip{width:22px;height:22px;border-radius:6px;flex:none;background:var(--tg-c);box-shadow:inset 0 -2px #0000002e;position:relative}.db-count[data-p="0"] .db-chip:after{content:"";position:absolute;inset:35%;border-radius:50%;background:color-mix(in srgb,var(--tg-c) 55%,black);opacity:.45}.db-count[data-p="1"] .db-chip:after{content:"";position:absolute;inset:22%;border-radius:50%;border:2px solid color-mix(in srgb,var(--tg-c) 55%,black);opacity:.45}.db-size{min-height:32px;padding:3px 12px;border-radius:999px;border:1px solid var(--line);background:var(--bg-2);color:var(--ink-2);font:inherit;font-size:.85rem;font-weight:700;cursor:pointer}.db-size:hover{color:var(--ink)}.db-board{position:relative;width:100%;aspect-ratio:1;border-radius:16px;background:var(--cell);border:1px solid var(--line);box-shadow:var(--shadow)}.db-board.is-shake{animation:db-shake calc(.3s * var(--motion)) ease-in-out}@keyframes db-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.db-svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}.db-dots circle{fill:var(--ink)}.db-guides line{stroke:color-mix(in srgb,var(--ink-2) 28%,transparent);stroke-width:3;stroke-linecap:round;stroke-dasharray:.1 9}.db.is-live .db-guides line{stroke:color-mix(in srgb,var(--ink-2) 45%,transparent)}.db-guides line.is-drawn{display:none}.db-line-edge{stroke:color-mix(in srgb,var(--tg-c) 62%,black);stroke-width:13;stroke-linecap:round;opacity:.55}.db-line-ink{stroke:var(--tg-c);stroke-width:9;stroke-linecap:round}.db-line.is-new line{stroke-dasharray:100;stroke-dashoffset:100;animation:db-draw calc(.2s * var(--motion)) ease-out forwards}@keyframes db-draw{to{stroke-dashoffset:0}}.db-line.is-last .db-line-edge{opacity:.9;stroke-width:15}.db-box rect{fill:color-mix(in srgb,var(--tg-c) 30%,var(--cell))}.db-mark{fill:var(--tg-c)}.db-cue.is-p0{fill:color-mix(in srgb,var(--tg-c) 55%,black);opacity:.45}.db-cue.is-p1{fill:none;stroke:color-mix(in srgb,var(--tg-c) 55%,black);stroke-width:4;opacity:.45}.db-box.is-new{transform-box:fill-box;transform-origin:center;animation:db-pop calc(.32s * var(--motion)) cubic-bezier(.2,.8,.3,1.4) both}@keyframes db-pop{0%{transform:scale(.2);opacity:0}to{transform:none;opacity:1}}.db-plus{font:800 30px var(--font-display);fill:var(--tg-c);text-anchor:middle;paint-order:stroke;stroke:var(--cell);stroke-width:6px;animation:db-up calc(1s * var(--motion) + .01s) ease-out forwards;pointer-events:none}@keyframes db-up{0%{opacity:0;transform:translateY(8px)}25%{opacity:1}to{opacity:0;transform:translateY(-22px)}}.db-preview{stroke:var(--tg-c);stroke-width:9;stroke-linecap:round;opacity:.45}.db-hint{stroke:var(--sun);stroke-width:11;stroke-linecap:round;stroke-dasharray:8 10;animation:db-hint calc(.7s * var(--motion)) ease-in-out infinite alternate}@keyframes db-hint{to{opacity:.4}}.db.is-over .db-box:not(:hover) rect{filter:none}.db-hits{position:absolute;inset:0;touch-action:none}.db-hit{position:absolute;border:0;padding:0;margin:0;background:transparent;border-radius:12px;-webkit-tap-highlight-color:transparent}.db.is-live .db-hits{cursor:pointer}.db-hit:focus-visible{outline:3px solid var(--sun);outline-offset:-2px}.db-sizes{display:grid;gap:8px}.db-size-opt{display:grid;justify-items:start;gap:2px;text-align:left;min-height:56px;padding:8px 16px;border-radius:var(--radius);text-decoration:none}.db-size-opt small{font-weight:500;color:var(--ink-2)}.db-size-opt.is-on{border-color:var(--coral)}.db-size-note{margin:4px 0 0;color:var(--ink-2);font-size:.88rem;text-align:center}.db-size-row{display:flex;align-items:center;gap:10px;max-width:560px;margin:0 auto 10px}.db-size-row[hidden]{display:none}.db-size-label{flex:none;color:var(--ink-2);font-size:.9rem;font-weight:600}.db-size-tab{display:flex;align-items:center;justify-content:center;min-height:44px;text-decoration:none;font-variant-numeric:tabular-nums}@media(pointer:fine)and (min-width:700px){.db-size-row{max-width:640px}}