.bk{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;max-width:480px;margin:0 auto}.bk-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px}.bk-meta{display:flex;gap:12px;color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:.95rem;white-space:nowrap}.bk-meta b{color:var(--ink);font-size:1.1rem}.bk-board{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;aspect-ratio:1;width:clamp(240px,calc(100dvh - 380px),100%);margin:0 auto;padding:6px;border-radius:14px;background:var(--bg-2);border:1px solid var(--line);touch-action:none;user-select:none;-webkit-user-select:none}.bk-cell{border-radius:5px;background:var(--cell);border:1px solid var(--line);min-width:0;aspect-ratio:1;transition:background .1s}.bk-cell.is-on{border-color:transparent;box-shadow:inset 0 -3px #00000026}.bk-cell.is-ghost{background:var(--cell-selected)!important;border-color:var(--sun)}.bk-cell.is-bad{background:var(--cell-wrong)!important}.bk-cell.is-clear{animation:bk-clear calc(.35s * var(--motion)) ease-out}@keyframes bk-clear{0%{transform:scale(1.1);background:var(--sun)}to{transform:scale(1)}}.c1{background:#ff6a4d}.c2{background:#ffb100}.c3{background:#2e9e6b}.c4{background:#2f7fd1}.c5{background:#8a4fc7}.c6{background:#e0a3c0}.c7{background:#0e8a8a}.c8{background:sienna}:root[data-palette=colorblind] .c1{background:#d55e00}:root[data-palette=colorblind] .c3{background:#0072b2}:root[data-palette=colorblind] .c5{background:#cc79a7}.bk-tray{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:96px}.bk-slot{display:grid;place-items:center;min-height:96px;border-radius:12px;background:var(--bg-2);border:1px dashed var(--line);touch-action:none}.bk-slot.is-sel{border-style:solid;border-color:var(--sun);background:var(--cell-selected)}.bk-slot.is-dead{opacity:.35}.bk-piece{display:grid;gap:2px;--u: 18px}@media(min-width:700px){.bk-piece{--u: 24px;gap:3px}.bk-slot{min-height:110px}}.bk-piece i{display:block;width:var(--u);height:var(--u);border-radius:4px;box-shadow:inset 0 -2px #00000026}.bk-piece i.empty{visibility:hidden}.bk-drag{position:fixed;pointer-events:none;z-index:60;--u: 0px}.bk-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bk-over .bk-board{border-color:var(--coral)}.bk-combo{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font-family:var(--font-display);font-weight:800;font-size:2rem;color:var(--coral);pointer-events:none;animation:bk-combo calc(.9s * var(--motion)) ease-out forwards;text-shadow:0 2px 0 #fff}@keyframes bk-combo{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-90%) scale(1)}}