.block-workspace{max-width:900px;margin-inline:auto}.block-metrics{grid-template-columns:repeat(4,1fr);gap:12px;max-width:520px;margin:20px auto;display:grid}.block-metrics>div{text-align:center;flex-direction:column;gap:3px;display:flex}.block-metrics span{color:var(--muted);justify-content:center;align-items:end;min-height:2.6em;font-size:.76rem;display:flex}.block-metrics strong{font-variant-numeric:tabular-nums;font-size:clamp(1.2rem,3vw,1.8rem);line-height:1.2}.block-stage{max-width:520px;margin:auto}.block-board{background:var(--soft);border:1px solid var(--line);aspect-ratio:1;touch-action:pan-y;user-select:none;border-radius:13px;grid-template-rows:repeat(8,1fr);gap:4px;padding:8px;display:grid}.block-board>[role=row]{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;min-height:0;display:grid}.block-cell{border:1px solid color-mix(in srgb, var(--muted) 32%, var(--paper));background:color-mix(in srgb, var(--paper) 68%, var(--soft));min-width:0;color:var(--ink);border-radius:5px;padding:0;position:relative}.block-cell[data-tone="1"],[data-tone="1"] .block-shape i,.block-ghost[data-tone="1"] i,.block-clear[data-tone="1"]{background:#668b80}.block-cell[data-tone="2"],[data-tone="2"] .block-shape i,.block-ghost[data-tone="2"] i,.block-clear[data-tone="2"]{background:#8a7cb1}.block-cell[data-tone="3"],[data-tone="3"] .block-shape i,.block-ghost[data-tone="3"] i,.block-clear[data-tone="3"]{background:#bd8b59}.block-cell:not([data-tone="0"]){border-color:#0000001f;box-shadow:inset 0 2px #ffffff29,inset 0 -2px #00000012}.block-cell[data-preview=valid]{outline:2px solid var(--blue);outline-offset:-3px;background:color-mix(in srgb, var(--blue) 23%, var(--paper))}.block-cell[data-preview=invalid]{outline:2px dashed var(--error,#a12828);outline-offset:-3px}.block-cell[data-preview=invalid]:after{content:"×";color:var(--ink);background:color-mix(in srgb, var(--paper) 65%, transparent);place-items:center;font-size:1.3rem;display:grid;position:absolute;inset:0}.block-cell.will-clear{outline:2px solid var(--blue);outline-offset:-3px;filter:brightness(1.12)}.block-cell:focus-visible{outline:3px solid var(--ink);outline-offset:1px;z-index:2}.block-tray{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.block-piece{background:var(--soft);min-height:112px;color:var(--muted);touch-action:none;user-select:none;cursor:grab;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:10px 4px 6px;display:flex}.block-piece[aria-pressed=true]{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.block-piece.no-fit .block-shape{opacity:.55}.block-piece:disabled{cursor:default;background:0 0}.block-piece-label{min-height:1.1em;font-size:.7rem;line-height:1.1}.block-shape,.block-ghost{grid-template-columns:repeat(var(--w), var(--unit,18px));grid-template-rows:repeat(var(--h), var(--unit,18px));display:grid}.block-shape i,.block-ghost i{border-radius:3px;margin:1px;display:block;box-shadow:inset 0 2px #ffffff26,inset 0 -2px #00000012}.block-ghost{pointer-events:none;z-index:1000;opacity:.94;filter:drop-shadow(0 5px 5px #0003);position:fixed}.block-ghost[data-valid=false]{opacity:.5}.block-ghost[data-valid=true] i{outline:2px solid var(--blue);outline-offset:-2px}.block-clear{pointer-events:none;border-radius:4px;position:absolute;inset:0}.block-placement{justify-content:center;align-items:center;gap:16px;margin-top:14px;display:flex}.block-placement button{min-height:44px;font-size:.85rem}.block-placement button:disabled{opacity:.45;cursor:default}.block-stage .game-help{text-align:center;margin:14px 0;font-size:.85rem;line-height:1.5}.block-result{border:1px solid var(--line);background:var(--soft);text-align:center;border-radius:12px;max-width:520px;margin:20px auto;padding:22px}.block-result h2{font-size:1.4rem}.block-result p{margin:10px 0 18px}.block-records{border-top:1px solid var(--line);margin-top:20px;padding-top:16px;font-size:.9rem}.block-records summary{cursor:pointer;min-height:32px}.block-records dl{flex-wrap:wrap;gap:20px 40px;margin-top:16px;display:flex}.block-records dt{color:var(--muted)}.block-records dd{margin:5px 0;font-weight:650}@media (width<=600px){.block-workspace{margin-inline:-6px;padding:14px 10px}.block-workspace .game-toolbar{gap:12px;padding-bottom:12px;display:flex}.block-workspace .game-actions{gap:10px;display:flex}.block-workspace .game-actions .button{min-width:0;padding-inline:12px;font-size:.82rem}.block-workspace .game-actions .text-button{min-width:0;font-size:.82rem}.block-workspace .game-sound{padding-inline:9px;font-size:.78rem}.block-workspace .game-time{display:none}.block-workspace .game-status{min-height:2.8em;margin:12px 0;font-size:.83rem}.block-board{gap:3px;padding:6px}.block-board>[role=row]{gap:3px}.block-metrics{gap:6px;margin:10px 0 14px}.block-metrics span{font-size:.7rem}.block-tray{gap:8px;margin-top:12px}.block-piece{min-height:107px}.block-shape{--unit:15px}.block-placement{gap:12px}.block-placement button{padding-inline:12px}}@media (prefers-reduced-motion:reduce){.block-ghost{filter:none}}