.blk{--cell: clamp(1rem, min( calc((100svh - 5.5rem)/20) , calc((100vw - 12rem) / 10.6)), 2.25rem);display:grid;grid-template-columns:minmax(0,var(--game-width)) minmax(16rem,1fr);align-items:start;gap:var(--space-6);margin:0 0 var(--space-6);user-select:none;-webkit-user-select:none}.blk .lb.lb-board{margin:0}@media(max-width:859px){.blk{grid-template-columns:minmax(0,1fr)}}.blk .blk-play{min-width:0}.blk .blk-main{display:flex;align-items:flex-start;gap:var(--space-3)}.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{position:relative;flex:none;padding:6px;border-radius:var(--radius-lg);background:var(--board);touch-action:none}.blk .blk-board:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.blk .blk-grid{display:grid;grid-template-columns:repeat(10,var(--cell));grid-auto-rows:var(--cell);gap:2px}.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{background:transparent;box-shadow:inset 0 0 0 2px var(--piece);opacity:.7}.blk .is-clearing{animation:blk-clear .18s ease-out forwards}.blk .blk-side{display:grid;gap:var(--space-2);width:6.5rem}@media(max-width:479px){.blk .blk-side{width:5.75rem}.blk .blk-stat{padding-inline:var(--space-2)}}.blk .blk-stat{margin:0;padding:.375rem var(--space-3);border-radius:var(--radius-md);background:var(--wash);line-height:1.2}.blk .blk-label{display:block;color:var(--muted);font-size:var(--text-xs);font-weight:650}.blk .blk-stat strong{font-size:var(--text-md);font-weight:800;font-variant-numeric:tabular-nums}.blk .blk-mini{--mini: .8rem;display:inline-grid;grid-template-columns:repeat(var(--w),var(--mini));grid-auto-rows:var(--mini);gap:2px;margin-top:var(--space-1)}.blk .blk-mini .is-blank{background:none}.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);padding:4px;justify-content:center;align-content:center;border-radius:var(--radius-xs);background:var(--board)}.blk .blk-side .button{justify-content:center;margin-top:var(--space-1);padding-inline:var(--space-2)}.blk .blk-toggles{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.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{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-3);touch-action:none}.blk .blk-pad .button{justify-content:center;min-height:2.75rem;padding-inline:var(--space-1);-webkit-tap-highlight-color:transparent}}.blk .blk-message{position:absolute;inset:0;z-index:3;display:grid;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:blk-fade .3s ease both}.blk .blk-message[hidden]{display:none}.blk .blk-message p{margin:0;font-size:var(--text-xl);font-weight:800;letter-spacing:-.02em}.blk .blk-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.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}}