.blk{--cell:clamp(1rem, min(calc((100svh - 5.5rem) / 20), calc((100vw - 12rem) / 10.6)), 2.25rem);grid-template-columns:minmax(0, var(--game-width)) minmax(16rem, 1fr);align-items:start;gap:var(--space-6);margin:0 0 var(--space-6);-webkit-user-select:none;user-select:none;display:grid}.blk .lb.lb-board{margin:0}@media (width<=859px){.blk{grid-template-columns:minmax(0,1fr)}}.blk .blk-play{min-width:0}.blk .blk-main{align-items:flex-start;gap:var(--space-3);display:flex}.blk .button{color:var(--ink);cursor:pointer}.blk{--board:linear-gradient(160deg, var(--travel-from), var(--travel-to));--empty:color-mix(in srgb, var(--on-colour) 10%, transparent);--flash:var(--on-colour);--game-accent:var(--accent-travel)}.blk .blk-board{border-radius:var(--radius-lg);background:var(--board);touch-action:none;flex:none;padding:6px;position:relative}.blk .blk-board:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.blk .blk-grid{grid-template-columns:repeat(10, var(--cell));grid-auto-rows:var(--cell);gap:2px;display:grid}.blk .blk-cell{border-radius:var(--radius-xs);background:var(--empty)}.blk .p-I{--piece:var(--on-colour)}.blk .p-O{--piece:var(--now-first)}.blk .p-T{--piece:var(--now-soft)}.blk .p-S{--piece:var(--now-third)}.blk .p-Z{--piece:var(--game-pink)}.blk .p-J{--piece:var(--game-sky)}.blk .p-L{--piece:var(--game-peach)}.blk .blk-cell:is(.p-I,.p-O,.p-T,.p-S,.p-Z,.p-J,.p-L){background:var(--piece)}.blk .blk-cell.blk-cell.is-ghost{box-shadow:inset 0 0 0 2px var(--piece);opacity:.7;background:0 0}.blk .is-clearing{animation:.18s ease-out forwards blk-clear}.blk .blk-side{gap:var(--space-2);width:6.5rem;display:grid}@media (width<=479px){.blk .blk-side{width:5.75rem}.blk .blk-stat{padding-inline:var(--space-2)}}.blk .blk-stat{padding:.375rem var(--space-3);border-radius:var(--radius-md);background:var(--wash);margin:0;line-height:1.2}.blk .blk-label{color:var(--muted);font-size:var(--text-xs);font-weight:650;display:block}.blk .blk-stat strong{font-size:var(--text-md);font-variant-numeric:tabular-nums;font-weight:800}.blk .blk-mini{--mini:.8rem;grid-template-columns:repeat(var(--w), var(--mini));grid-auto-rows:var(--mini);margin-top:var(--space-1);gap:2px;display:inline-grid}.blk .blk-mini .is-blank{background:0 0}.blk .blk-mini:empty{height:calc(2 * var(--mini) + 2px)}.blk .blk-next.is-used .blk-mini{opacity:.35}:root:not([data-game-look=old]) .blk .blk-mini{width:calc(4 * var(--mini) + 6px + 8px);height:calc(2 * var(--mini) + 2px + 8px);border-radius:var(--radius-xs);background:var(--board);place-content:center;padding:4px}.blk .blk-side .button{margin-top:var(--space-1);padding-inline:var(--space-2);justify-content:center}.blk .blk-toggles{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.blk .blk-side .blk-toggles .button{margin-top:0;padding-inline:0}.blk .blk-toggles .icon{width:18px;height:18px}.blk .blk-toggles .button[aria-pressed=false]{color:var(--muted)}.blk .blk-pad{display:none}@media (hover:none) and (pointer:coarse){.blk .blk-pad{gap:var(--space-2);margin-top:var(--space-3);touch-action:none;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.blk .blk-pad .button{min-height:2.75rem;padding-inline:var(--space-1);-webkit-tap-highlight-color:transparent;justify-content:center}}.blk .blk-message{z-index:3;place-content:center;justify-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface) 86%, transparent);text-align:center;animation:.3s both blk-fade;display:grid;position:absolute;inset:0}.blk .blk-message[hidden]{display:none}.blk .blk-message p{font-size:var(--text-xl);letter-spacing:-.02em;margin:0;font-weight:800}.blk .blk-actions{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.blk .blk-help{max-width:30rem;margin:var(--space-3) 0 0;color:var(--muted);font-size:var(--text-sm)}:root[data-game-look=old] .blk{--board:color-mix(in srgb, var(--lane-games) 20%, var(--surface));--empty:color-mix(in srgb, var(--lane-games) 7%, var(--surface));--flash:var(--ink);--game-accent:var(--lane-games)}:root[data-game-look=old] .blk :is(.p-I,.p-O,.p-T,.p-S,.p-Z,.p-J,.p-L){--piece:color-mix(in srgb, var(--lane-games) var(--p), var(--surface))}.blk .p-I{--p:100%}.blk .p-O{--p:86%}.blk .p-T{--p:72%}.blk .p-S{--p:60%}.blk .p-Z{--p:50%}.blk .p-J{--p:40%}.blk .p-L{--p:32%}@keyframes blk-clear{40%{background:var(--flash)}to{background:var(--flash);opacity:0;transform:scaleY(.2)}}@keyframes blk-fade{0%{opacity:0}}