.game-art--dots-and-boxes .db-wrap{width:100%;padding:32px 12px;display:flex;flex-direction:column;align-items:center;gap:12px}.game-art--dots-and-boxes .db-score{display:flex;gap:32px;font-size:var(--art-fs-body);color:var(--art-text)}.game-art--dots-and-boxes .db-score strong{font-family:var(--font-mono);font-size:var(--art-fs-score);font-weight:700;margin-inline-start:8px;font-variant-numeric:tabular-nums}.game-art--dots-and-boxes .db-score span:first-child{color:var(--sketch-blue)}.game-art--dots-and-boxes .db-score span:last-child{color:var(--sketch-rose)}.game-art--dots-and-boxes .db-scroll{max-width:100%;overflow-x:auto;padding:3px}.game-art--dots-and-boxes .db-board{--db-unit: 80px;position:relative;width:calc(var(--db-n) * var(--db-unit) + 48px);height:calc(var(--db-n) * var(--db-unit) + 48px);margin:auto}.game-art--dots-and-boxes .db-board[data-size="2"]{--db-unit: 104px}.game-art--dots-and-boxes .db-ink{position:absolute;inset:24px;width:calc(var(--db-n) * var(--db-unit));height:calc(var(--db-n) * var(--db-unit));overflow:visible}.game-art--dots-and-boxes .db-owner{font-family:var(--font-sans);font-size:var(--art-fs-value);font-weight:600;fill:var(--art-text)}.game-art--dots-and-boxes .db-edge{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0;cursor:pointer;touch-action:manipulation}.game-art--dots-and-boxes .db-horizontal{width:calc(var(--db-unit) - 40px);height:40px}.game-art--dots-and-boxes .db-vertical{width:40px;height:calc(var(--db-unit) - 40px)}.game-art--dots-and-boxes .db-edge svg{pointer-events:none;width:calc(var(--db-unit) - 6px);flex-shrink:0;height:7px;overflow:visible}.game-art--dots-and-boxes .db-vertical svg{width:calc(var(--db-unit) - 6px);height:7px;flex-shrink:0;transform:rotate(90deg)}.game-art--dots-and-boxes .db-edge path{fill:none;stroke:var(--art-muted);stroke-width:1.5;stroke-dasharray:7 6;opacity:.8}.game-art--dots-and-boxes .db-edge[data-owner=a] path{stroke:var(--sketch-blue);stroke-dasharray:none;stroke-width:2;opacity:1}.game-art--dots-and-boxes .db-edge[data-owner=b] path{stroke:var(--sketch-rose);stroke-dasharray:none;stroke-width:2;opacity:1}.game-art--dots-and-boxes .db-edge:not(:disabled):hover path{stroke:var(--art-focus);opacity:1}.game-art--dots-and-boxes .db-edge:disabled{cursor:default}.game-art--dots-and-boxes .db-hint,.game-art--dots-and-boxes .db-scroll-hint{margin:0;font-size:var(--art-fs-body);line-height:1.5;font-weight:400;text-align:center;color:var(--art-muted)}.game-art--dots-and-boxes .db-scroll-hint{display:none}.game-art--dots-and-boxes .db-status{margin:0;font-size:var(--art-fs-title);font-weight:600;line-height:1.2;text-align:center}.game-art--dots-and-boxes .db-again{min-height:40px;font-size:var(--art-fs-action);font-weight:600;color:var(--art-text);border:1px solid var(--art-text);background:var(--sketch-paper)}@media(min-width:1024px){.game-art--dots-and-boxes .db-board{--db-unit: 88px}.game-art--dots-and-boxes .db-board[data-size="2"]{--db-unit: 144px}.game-art--dots-and-boxes .db-board[data-size="3"]{--db-unit: 108px}}@media(max-width:389px){.game-art--dots-and-boxes .db-scroll-hint{display:block}}