.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,22rem);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 .blk-board{position:relative;flex:none;padding:6px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--lane-games) 20%,var(--surface));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:color-mix(in srgb,var(--lane-games) 7%,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%}.blk .blk-cell:is(.p-I,.p-O,.p-T,.p-S,.p-Z,.p-J,.p-L){background:color-mix(in srgb,var(--lane-games) var(--p),var(--surface))}.blk .blk-cell.blk-cell.is-ghost{background:transparent;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--lane-games) var(--p),var(--surface));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}.blk .blk-side .button{justify-content:center;margin-top:var(--space-1);padding-inline:var(--space-2)}.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)}@keyframes blk-clear{40%{background:var(--ink)}to{background:var(--ink);opacity:0;transform:scaleY(.2)}}@keyframes blk-fade{0%{opacity:0}}