.game-art--block-puzzle{padding:32px 12px}.game-art--block-puzzle .bp-area{width:min(100%,400px);display:flex;flex-direction:column;align-items:center;gap:16px}.game-art--block-puzzle .bp-scroll{width:min(100%,344px);max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.game-art--block-puzzle .bp-board{width:min(100%,344px);margin-inline:auto;aspect-ratio:1;position:relative}.game-art--block-puzzle .bp-grid{position:relative;width:100%;border-collapse:collapse}.game-art--block-puzzle .bp-grid tbody{display:grid;grid-template-rows:repeat(8,1fr)}.game-art--block-puzzle .bp-grid td{min-width:0;padding:0}.game-art--block-puzzle .bp-row{position:relative;display:grid;grid-template-columns:repeat(8,1fr)}.game-art--block-puzzle .bp-board-lines{position:absolute;width:100%;height:100%;pointer-events:none}.game-art--block-puzzle .bp-cell{display:block;width:100%;border:0;background:transparent;padding:0;min-width:0;cursor:crosshair;aspect-ratio:1}.game-art--block-puzzle .bp-cell svg{display:block;width:100%;height:100%;pointer-events:none}.game-art--block-puzzle .bp-cell:focus-visible{outline:2px solid var(--art-focus);outline-offset:-3px}.game-art--block-puzzle .bp-cell:hover:not(:disabled){background:#3d403a0a}.game-art--block-puzzle .bp-cell[data-cleared=true]{background:#76907724}.game-art--block-puzzle .bp-tray{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.game-art--block-puzzle .bp-piece{position:relative;padding:20px 6px 6px;height:140px;display:flex;align-items:center;justify-content:center;background:var(--sketch-paper);border:1px solid var(--sketch-muted);border-radius:3px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.game-art--block-puzzle .bp-piece[aria-pressed=true]{border-color:var(--art-focus);outline:1px solid var(--art-focus);outline-offset:-3px;background:var(--sketch-ground)}.game-art--block-puzzle .bp-piece:disabled{cursor:default}.game-art--block-puzzle .bp-piece-art{max-width:100%;max-height:110px;height:auto;pointer-events:none}.game-art--block-puzzle .bp-slot-number{position:absolute;top:5px;left:7px;font-size:var(--art-fs-label);font-weight:500;font-family:var(--font-mono);color:var(--art-muted)}.game-art--block-puzzle .bp-used{font-size:var(--art-fs-title);font-weight:400;color:var(--art-muted)}.game-art--block-puzzle .bp-status{min-height:42px;text-align:center;font-size:var(--art-fs-body);font-weight:400;line-height:1.5;color:var(--art-text);max-width:100%}.game-art--block-puzzle .bp-scroll-hint{display:none;margin:-8px 0 0;color:var(--art-muted);font-size:var(--art-fs-label);line-height:1.4}@media(min-width:1024px)and (max-width:1151px){.game-art--block-puzzle .bp-area{gap:12px}.game-art--block-puzzle .bp-board{max-width:300px}.game-art--block-puzzle .bp-piece{height:120px}.game-art--block-puzzle .bp-piece-art{max-height:94px}}@media(max-width:359px){.game-art--block-puzzle .bp-scroll-hint{display:block}}@media(max-width:767px){.game-art--block-puzzle .bp-piece{height:132px}.game-art--block-puzzle .bp-area{gap:12px}.game-art--block-puzzle .bp-tray{gap:8px}}@media(max-width:767px),(pointer:coarse){.game-art--block-puzzle .bp-board{min-width:320px}}