.g-dots-and-boxes{--gdb-p1:#2b6cb0;--gdb-p2:#c9691a;--gdb-p1-soft:rgba(43, 108, 176, .22);--gdb-p2-soft:rgba(201, 105, 26, .24);--gdb-dot:var(--ink);--gdb-empty:var(--line);max-width:100%;border-radius:12px;background:var(--surface-2);touch-action:manipulation;outline:none}:root[data-theme=dark] .g-dots-and-boxes{--gdb-p1:#6aa8ee;--gdb-p2:#f0a15a;--gdb-p1-soft:rgba(106, 168, 238, .25);--gdb-p2-soft:rgba(240, 161, 90, .26);--gdb-empty:#4a524e}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .g-dots-and-boxes{--gdb-p1:#6aa8ee;--gdb-p2:#f0a15a;--gdb-p1-soft:rgba(106, 168, 238, .25);--gdb-p2-soft:rgba(240, 161, 90, .26);--gdb-empty:#4a524e}}.g-dots-and-boxes .gdb-svg{display:block;width:100%;height:100%;cursor:pointer}.g-dots-and-boxes .gdb-dot{fill:var(--gdb-dot)}.g-dots-and-boxes .gdb-line{stroke:var(--gdb-empty);stroke-width:6;stroke-linecap:round;stroke-dasharray:1 12}.g-dots-and-boxes .gdb-line.is-drawn{stroke-dasharray:none;stroke-width:10}.g-dots-and-boxes .gdb-line.p1.is-drawn{stroke:var(--gdb-p1)}.g-dots-and-boxes .gdb-line.p2.is-drawn{stroke:var(--gdb-p2)}.g-dots-and-boxes .gdb-line.is-last{stroke-width:14;filter:drop-shadow(0 0 3px var(--gold))}.g-dots-and-boxes .gdb-line.is-hint{stroke:var(--focus);stroke-dasharray:none;stroke-width:12;animation:gdb-blink 700ms ease-in-out 3}.g-dots-and-boxes .gdb-hover{stroke-width:10;stroke-linecap:round;opacity:.45;pointer-events:none}.g-dots-and-boxes .gdb-hover.p1{stroke:var(--gdb-p1)}.g-dots-and-boxes .gdb-hover.p2{stroke:var(--gdb-p2)}.g-dots-and-boxes .gdb-cursor{stroke:var(--focus);stroke-width:14;stroke-linecap:round;opacity:.6;pointer-events:none}.g-dots-and-boxes .gdb-cursor-box{fill:none;stroke:var(--focus);stroke-width:4;pointer-events:none}.g-dots-and-boxes .gdb-box{fill:transparent;pointer-events:none}.g-dots-and-boxes .gdb-box.p1{fill:var(--gdb-p1-soft)}.g-dots-and-boxes .gdb-box.p2{fill:var(--gdb-p2-soft)}.g-dots-and-boxes .gdb-box.is-new{animation:gdb-pop 260ms ease-out;transform-box:fill-box;transform-origin:center}.g-dots-and-boxes .gdb-initial{font:700 40px var(--font);pointer-events:none}.g-dots-and-boxes .gdb-initial.p1{fill:var(--gdb-p1)}.g-dots-and-boxes .gdb-initial.p2{fill:var(--gdb-p2)}.g-dots-and-boxes:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@keyframes gdb-pop{0%{transform:scale(.5);opacity:.2}100%{transform:scale(1);opacity:1}}@keyframes gdb-blink{50%{opacity:.25}}.gdb-chip .stat__label::before{content:"";display:inline-block;width:.7em;height:.7em;border-radius:3px;margin-right:5px;vertical-align:baseline;background:var(--muted)}.gdb-chip[data-player="1"] .stat__label::before{background:#2b6cb0}.gdb-chip[data-player="2"] .stat__label::before{background:#c9691a}.gdb-chip.is-turn{outline:2px solid var(--accent)}@media(prefers-reduced-motion:reduce){.g-dots-and-boxes .gdb-box.is-new,.g-dots-and-boxes .gdb-line.is-hint{animation:none}}