.vb-root{max-width:30rem;margin-inline:auto}.vb-controls{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.vb-mode{color:var(--color-text-muted,#5d564a);align-items:center;gap:.4rem;font-size:.9rem;display:inline-flex}.vb-mode select{border:1px solid var(--color-border,#e3dccd);border-radius:var(--radius-sm,.25rem);background:var(--color-surface-raised,#fff);min-height:40px;padding:.35rem .5rem}.vb-btn{border:1px solid var(--color-border,#e3dccd);border-radius:var(--radius-sm,.25rem);background:var(--color-surface-raised,#fff);min-height:40px;color:var(--color-text,#26221c);cursor:pointer;justify-content:center;align-items:center;padding:.45rem .9rem;font-size:.9rem;font-weight:600;display:inline-flex}.vb-btn:hover{border-color:var(--color-text-muted,#5d564a)}.vb-btn-primary{background:var(--color-accent,#a63c2a);border-color:var(--color-accent,#a63c2a);color:#fff}.vb-btn-primary:hover{background:var(--color-accent-hover,#8f3223)}.vb-frame{flex-direction:column;gap:.6rem;display:flex}.vb-board-wrap{position:relative}.vb-board{grid-template-columns:repeat(var(--vb-files,3), 1fr);border-radius:var(--radius-md,.5rem);background:var(--board-line,#45311a);touch-action:manipulation;gap:3px;padding:6px;display:grid}.vb-square{aspect-ratio:1;background:var(--board-wood,#e8c98a);cursor:pointer;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.vb-square.vb-selected{outline:3px solid var(--color-accent,#a63c2a);outline-offset:-3px}.vb-square.vb-lastmove{background-image:linear-gradient(var(--board-lastmove,#e0a84052), var(--board-lastmove,#e0a84052))}.vb-square.vb-target:after{content:"";background:var(--board-highlight,#d2961e8c);pointer-events:none;border-radius:50%;width:26%;height:26%;margin:auto;position:absolute;inset:0}.vb-piece{user-select:none;pointer-events:none;line-height:1;display:block}.vb-square .vb-piece.vb-white{transform:rotate(180deg)}.vb-hand{border:1px solid var(--color-border,#e3dccd);border-radius:var(--radius-md,.5rem);background:var(--color-surface,#fdfbf6);flex-wrap:wrap;align-items:center;gap:.4rem;min-height:3rem;padding:.4rem .6rem;display:flex}.vb-hand-label{color:var(--color-text-muted,#5d564a);margin-right:.25rem;font-size:.8rem;font-weight:600}.vb-hand-empty{color:var(--color-text-muted,#5d564a);font-size:.8rem;font-style:italic}.vb-hand-piece{border:1px solid var(--color-border,#e3dccd);border-radius:var(--radius-sm,.25rem);background:var(--color-surface-raised,#fff);cursor:pointer;justify-content:center;align-items:center;min-width:40px;min-height:40px;display:inline-flex;position:relative}.vb-hand-piece.vb-selected{outline:3px solid var(--color-accent,#a63c2a);outline-offset:-1px}.vb-count{background:var(--color-accent,#a63c2a);color:#fff;border-radius:50%;justify-content:center;align-items:center;min-width:1.1rem;height:1.1rem;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-.35rem;right:-.35rem}.vb-status{min-height:1.5rem;color:var(--color-text-muted,#5d564a);text-align:center;margin:0;font-size:.95rem}.vb-banner{border-radius:var(--radius-md,.5rem);background:color-mix(in srgb, var(--color-surface,#fdfbf6) 88%, transparent);backdrop-filter:blur(2px);z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1rem;display:flex;position:absolute;inset:0}.vb-banner[hidden]{display:none}.vb-banner-text{color:var(--color-text,#26221c);margin:0;font-size:1.15rem;font-weight:700}.vb-theme-classic .vb-square .vb-piece{clip-path:polygon(50% 2%,86% 22%,93% 96%,7% 96%,14% 22%);color:#1f1408;width:78%;height:82%;font-family:var(--font-display,serif);background:#f6e7c8;border:1px solid #5b4226;justify-content:center;align-items:center;padding-top:8%;font-size:clamp(1rem,4.4vw,1.6rem);font-weight:600;display:flex}.vb-theme-classic .vb-square .vb-piece.vb-promoted{color:var(--color-accent,#a63c2a)}.vb-theme-classic .vb-hand-piece .vb-piece{font-family:var(--font-display,serif);font-size:1.2rem}.vb-theme-classic .vb-zone{background-image:linear-gradient(#a63c2a17,#a63c2a17)}.vb-theme-animal .vb-board{background:#7aa356;gap:4px}.vb-theme-animal .vb-square{background:#f8edd2;border-radius:10px}[data-theme=dark] .vb-theme-animal .vb-board{background:#4c6a37}[data-theme=dark] .vb-theme-animal .vb-square{background:#e6d5ae}.vb-theme-animal .vb-square.vb-zone:nth-child(-n+3){background:#d9ecf7}.vb-theme-animal .vb-square.vb-zone:nth-last-child(-n+3){background:#ddedc4}.vb-theme-animal .vb-square .vb-piece{font-size:clamp(1.6rem,9vw,2.6rem)}.vb-theme-animal .vb-hand-piece .vb-piece{font-size:1.4rem}.vb-theme-animal .vb-square.vb-target:after{background:#7aa35699}@media (prefers-reduced-motion:no-preference){.vb-square .vb-piece{transition:transform .12s}}