.blocks-game{max-width:450px}.blocks-game .game-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.blocks-game .game-heading h2{display:none}.blocks-game .icon-button{border:1px solid var(--line);background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.blocks-game .scores{background:#e9eddf;border-radius:14px;justify-content:space-between;margin-bottom:15px;padding:13px 19px;display:flex}.blocks-game .scores>div{flex-direction:column;gap:5px;display:flex}.blocks-game .best-score{text-align:right}.blocks-game .score-label{letter-spacing:1px;align-items:center;gap:5px;font-size:9px;font-weight:650;display:flex}.blocks-game .scores strong{font-variant-numeric:tabular-nums;font-size:29px;font-weight:600}.blocks-game .best-score strong{color:#788566}.blocks-game .board-wrap{position:relative}.blocks-game .board{touch-action:none;-webkit-user-select:none;user-select:none;background:#e4e8de;border:1px solid #dce1d5;border-radius:14px;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;padding:8px;display:grid}.blocks-game .board-row{display:contents}.blocks-game .cell{aspect-ratio:1;background:#f5f6ef;border:0;border-radius:6px;min-width:0;padding:0;transition:background .11s}.blocks-game .cell.filled,.blocks-game .mini-cell,.drag-ghost .mini-cell{background:var(--block);box-shadow:inset 0 -3px #0000000c,inset 0 1px #ffffff30}.blocks-game .cell.preview-valid{background:var(--block);opacity:.55;box-shadow:inset 0 0 0 2px #223d3240}.blocks-game .cell.preview-invalid{background:#e7ac9f;box-shadow:inset 0 0 0 2px #b74f4270}.blocks-game .cell.cleared{animation:.3s ease-out block-clear}.blocks-game .score-pop{pointer-events:none;color:#244b32;text-shadow:0 2px 10px #fff;opacity:0;font-size:36px;font-weight:750;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.blocks-game .score-pop.show{animation:.7s ease-out block-score}.blocks-game .tray-label{color:var(--muted);letter-spacing:1px;justify-content:space-between;margin:15px 2px 9px;font-size:9px;display:flex}.blocks-game .tray-label span:last-child{letter-spacing:0}.blocks-game .tray{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.blocks-game .piece-slot{touch-action:none;-webkit-user-select:none;user-select:none;background:#f0f2e9;border:1px solid #e0e5d8;border-radius:12px;place-items:center;height:92px;padding:5px;display:grid}.blocks-game .piece-slot.selected{background:#e8eddc;border-color:#7f9a68;box-shadow:0 0 0 1px #7f9a68}.blocks-game .piece-slot.used{color:#b0b8a8;background:0 0;border-style:dashed}.blocks-game .piece,.drag-ghost .piece{grid-template-columns:repeat(var(--cols),var(--unit,18px));grid-template-rows:repeat(var(--rows),var(--unit,18px));pointer-events:none;gap:3px;display:grid}.blocks-game .mini-cell,.drag-ghost .mini-cell{grid-row:var(--r);grid-column:var(--c);border-radius:4px}.blocks-game .game-status{color:var(--muted);text-align:center;min-height:37px;margin:12px 5px 0;font-size:11px;line-height:1.7}.blocks-game .instructions{color:var(--muted);border-top:1px solid var(--line);margin-top:12px;font-size:12px}.blocks-game .instructions summary{cursor:pointer;justify-content:space-between;padding:12px 0 0;display:flex}.blocks-game .instructions p{line-height:1.7}.blocks-game dialog{text-align:center}.blocks-game .dialog-mark{color:#6a8a53;font-size:44px}.blocks-game .end-score{flex-direction:column;gap:6px;margin:22px 0;display:flex}.blocks-game .end-score>span{letter-spacing:1px;font-size:10px}.blocks-game .end-score strong{font-size:50px;font-weight:600}.blocks-game .end-score small{color:var(--muted)}.blocks-game .primary-button{background:var(--ink);color:#fff;border:0;border-radius:10px;justify-content:space-between;width:100%;min-height:44px;padding:13px 18px;display:flex}.blocks-game .text-button{background:0 0;border:0;min-height:44px;padding:14px;font-size:12px}.drag-ghost{pointer-events:none;z-index:8;opacity:.86;filter:drop-shadow(0 7px 8px #223d3228);position:fixed}.drag-ghost .piece{gap:var(--gap);grid-template-columns:repeat(var(--cols),var(--unit));grid-template-rows:repeat(var(--rows),var(--unit))}.drag-ghost .mini-cell{border-radius:6px}@keyframes block-clear{0%{background:#d2e899;transform:scale(.86)}55%{background:#faffdf;transform:scale(1.04)}to{transform:scale(1)}}@keyframes block-score{0%{opacity:0;transform:translate(-50%,-20%)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-100%)}}@media (width<=400px){.blocks-game .piece{--unit:15px;gap:2px}.blocks-game .piece-slot{height:78px}.blocks-game .board{gap:3px;padding:6px}.blocks-game .cell{border-radius:4px}.blocks-game .scores{padding:11px 13px}.blocks-game .score-label{font-size:8px}}@media (width>=761px) and (height<=800px){.blocks-game{max-width:325px}.blocks-game .piece-slot{height:69px}.blocks-game .piece{--unit:13px;gap:2px}}