.game{align-items:center;gap:var(--space-3);flex-direction:column;flex:1;display:flex}.vg-board{flex-direction:column;gap:8px;width:min(520px,100%);display:flex}.vg-solved{flex-direction:column;gap:8px;display:flex}.vg-solved:empty{display:none}.vg-band{border-radius:var(--radius-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:64px;padding:8px 12px;display:flex}.vg-band b{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-size:15px}.vg-band span{font-size:14px}.s1{background-color:var(--minze);color:var(--on-minze)}.s2{background-color:var(--mango);color:var(--on-mango)}.s3{background-color:var(--kobalt);color:var(--on-kobalt)}.s4{background-color:var(--koralle);color:var(--on-koralle)}.vg-band.pop{animation:.28s ease-out vg-pop}@keyframes vg-pop{0%{opacity:.4;transform:scale(.94)}}.vg-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.vg-tile{border-radius:var(--radius-md);background-color:var(--surface-raised);min-height:64px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font:inherit;text-transform:uppercase;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;cursor:pointer;touch-action:manipulation;border:0;padding:4px;font-size:15px;font-weight:700;line-height:1.15;transition:transform 80ms}.vg-tile.long{font-size:12.5px}.vg-tile.xlong{font-size:11px}.vg-tile:active{transform:scale(.97)}.vg-tile.on{background-color:var(--ink);color:var(--surface);box-shadow:none}.vg-tile:focus-visible{outline:3px solid var(--kobalt);outline-offset:2px}.vg-tile.shake{animation:.38s vg-shake}@keyframes vg-shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.vg-lives{color:var(--ink-muted);align-items:center;gap:8px;font-size:14px;display:flex}.vg-lives i{border:2px solid var(--line-strong);border-radius:50%;width:12px;height:12px}.vg-lives i.on{background-color:var(--ink);border-color:var(--ink)}.vg-tools{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.vg-tools[hidden],.vg-lives[hidden],.vg-grid[hidden]{display:none}.vg-share{margin:var(--space-2) 0;flex-direction:column;align-items:center;gap:4px;display:flex}.vg-share div{gap:4px;display:flex}.vg-share i,.vg-legend i{vertical-align:-3px;border-radius:4px;width:18px;height:18px;display:inline-block}.vg-report{color:var(--ink-muted);font-size:14px}@media (max-width:420px){.vg-grid,.vg-board,.vg-solved{gap:6px}.vg-tile{min-height:58px;font-size:13px}.vg-tile.long{font-size:11px}.vg-tile.xlong{font-size:9.5px}}@media (prefers-reduced-motion:reduce){.vg-band.pop,.vg-tile.shake{animation:none}.vg-tile{transition:none}}
