.vb-page{min-width:0;padding-block:1.5rem 3rem}.vb-heading{margin-block:1rem}.vb-heading h1{letter-spacing:-.04em;margin-block:.3rem;font-size:clamp(1.8rem,4vw,2.8rem)}.vb-game,.vb-workspace,.vb-board-column,.vb-tools,.vb-board-section{min-width:0}.vb-game>p{margin-bottom:1rem}.vb-workspace{align-items:start;gap:1.5rem;display:grid}.vb-scroll-help,.vb-position,.vb-save{color:var(--brand-green-dark);font-size:.85rem}.vb-scroll-help{margin-block:.4rem .7rem}.vb-scroll{overscroll-behavior-x:contain;background:var(--brand-surface);border-radius:.5rem;max-width:100%;padding:.3rem;overflow:auto}.vb-grid{border-collapse:collapse;table-layout:fixed;width:calc(var(--vb-size) * 48px + 202px);font-size:.85rem}.vb-grid th:first-child{width:28px}.vb-grid thead th:not(:first-child):not(:last-child){width:48px;height:30px}.vb-grid thead th:last-child{width:174px}.vb-cell{border:solid var(--brand-control-border);background:var(--brand-surface);height:48px;padding:0;position:relative}.vb-cell input{text-align:center;width:100%;height:100%;color:var(--brand-ink);caret-color:var(--interactive-primary);background:0 0;border:0;border-radius:0;padding:0;font:600 1.4rem/1 system-ui,sans-serif;position:absolute;inset:0}.vb-cell input:focus-visible{outline:3px solid var(--selection-border);outline-offset:-4px}.vb-fixed{background:var(--brand-green-light)}.vb-fixed input{font-weight:850}.vb-active{box-shadow:inset 0 0 0 3px var(--selection-border);background:var(--selection-current)}.vb-hinted input{text-underline-offset:4px;text-decoration:underline}.vb-error{background:var(--brand-danger-light)}.vb-cell-mark{pointer-events:none;font-size:.65rem;font-weight:800;position:absolute;bottom:1px;right:3px}.vb-row-words{white-space:nowrap;padding-left:.8rem;font-size:.83rem;font-weight:750}.vb-row-words span{color:var(--brand-muted);font-weight:400}.vb-column-words{text-align:center;vertical-align:top;height:115px;padding-top:.65rem}.vb-column-words span{writing-mode:vertical-rl;letter-spacing:.06em;margin-inline:.1rem;font-size:.8rem;font-weight:750;display:inline-block}.vb-position{margin-top:.6rem}.vb-progress{margin-block:.75rem;font-weight:700}.vb-tools{border:1px solid var(--brand-border);background:var(--brand-surface);border-radius:1.2rem;padding:1rem}.vb-controls{border:0;flex-wrap:wrap;gap:.5rem;padding:0;display:flex}.vb-controls legend{margin-bottom:.6rem;font-weight:800}.vb-controls button{border:1px solid var(--brand-control-border);background:var(--brand-green-light);min-height:44px;color:var(--brand-green-dark);cursor:pointer;border-radius:.7rem;padding:.65rem .85rem;font-weight:700}.vb-controls button.button{background:var(--brand-green);color:var(--brand-surface)}.vb-controls button:disabled{opacity:.55;cursor:default}.vb-page :is(button,a,summary,.vb-scroll):focus-visible{outline:3px solid var(--brand-green);outline-offset:3px}.vb-outcome{background:var(--brand-green-light)}.vb-feedback,.vb-outcome{border-radius:.7rem;padding:.85rem;line-height:1.5}.vb-feedback{background:var(--interactive-soft);margin-top:1rem}.vb-errors{border:2px solid var(--brand-danger);border-radius:.7rem;margin-top:1rem;padding:.75rem;font-size:.9rem}.vb-errors ul{padding-left:1.25rem}.vb-errors h2,.vb-box-section h2{font-size:1.05rem}.vb-box-section{margin-top:1.3rem}.vb-box-section>p{margin-block:.5rem .8rem;font-size:.85rem}.vb-box-words{grid-template-columns:repeat(var(--vb-box-columns), minmax(0, 1fr));gap:.35rem;padding:0;list-style:none;display:grid}.vb-box-words li{border:1px solid var(--brand-border);text-align:center;background:var(--brand-cream);border-radius:.5rem;padding:.5rem .2rem}.vb-box-words span{color:var(--brand-green-dark);margin-bottom:.3rem;font-size:.75rem;display:block}.vb-box-words strong{overflow-wrap:anywhere;font-size:clamp(.6rem,2.3vw,.8rem)}.vb-save{margin-top:1rem}.vb-rules{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:1rem;margin-top:1.5rem;padding:1rem;line-height:1.7}.vb-rules summary{cursor:pointer;min-height:44px;font-weight:750}.vb-rules p+p{margin-top:.75rem}.vb-archive{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem;margin-block:2rem;padding:0;list-style:none;display:grid}.vb-archive article{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:1.2rem;padding:1.4rem}.vb-archive h2{margin-block:.6rem;font-size:1.4rem}.vb-archive .button{margin-top:1.2rem}.vb-page .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (min-width:1100px){.vb-workspace{grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr)}}@media (prefers-reduced-motion:reduce){.vb-page *,.vb-page :before,.vb-page :after{scroll-behavior:auto;transition:none;animation:none}}.vb-page .button:not(:disabled):hover{background:var(--brand-green-dark);color:var(--brand-surface)}