.block-puzzle-panel{--block-danger:#e51535;width:min(440px,100vw - 24px);max-width:440px;max-height:calc(100dvh - 24px);color:var(--toy-ink);-webkit-user-select:none;user-select:none;gap:12px;padding:24px;overflow-y:auto}.block-puzzle-enter[data-state=open]{animation:.65s cubic-bezier(.16,1,.3,1) both block-entrance}.block-danger{border-left:4px solid var(--block-danger);color:#8d1027;background:#ffe6e9;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:700;line-height:1.35;display:flex}.block-danger svg{color:var(--block-danger);filter:drop-shadow(0 0 5px #e5153570);flex-shrink:0}.block-result.block-intro{text-align:center;gap:6px;padding:12px;overflow-y:auto}.block-result.block-intro strong{font-size:22px;line-height:1.15}.block-intro-mark svg{width:32px;height:32px}.block-intro-mark{color:#ff4863;filter:drop-shadow(0 0 12px var(--block-danger));animation:.65s ease-out both block-mark}.block-intro span,.block-defeat span{text-align:center;font-size:14px;line-height:1.5}.block-intro small{font-size:12px}.block-intro .primary{min-height:44px;font-size:15px}.block-puzzle-panel.block-puzzle-alarm{border-color:var(--block-danger);background:#fff0f2;animation:1.2s ease-in-out infinite block-alarm}.block-puzzle-alarm .block-board-wrap{outline:3px solid var(--block-danger);border-radius:8px}.block-puzzle-alarm .block-danger,.block-puzzle-lost .block-danger{color:var(--toy-paper);background:#8d1027}.block-puzzle-alarm .block-danger svg,.block-defeat>svg{color:#ff6a7f;filter:drop-shadow(0 0 8px var(--block-danger))}.block-puzzle-lost{border-color:var(--block-danger)}@keyframes block-entrance{0%{opacity:0;filter:brightness(1.3);transform:translateY(32px)scale(.86)rotate(-2deg)}to{opacity:1;filter:none;transform:none}}@keyframes block-mark{0%{opacity:0;transform:scale(1.7)rotate(-15deg)}to{opacity:1;transform:none}}@keyframes block-alarm{0%,to{box-shadow:0 6px 0 var(--toy-ink), 0 0 16px 4px #e5153560, inset 0 0 12px #e5153520}50%{box-shadow:0 6px 0 var(--toy-ink), 0 0 38px 10px #e5153590, inset 0 0 24px #e5153540}}@media (prefers-reduced-motion:reduce){.block-puzzle-enter[data-state=open],.block-intro-mark,.block-puzzle-panel.block-puzzle-alarm{animation:none}.block-puzzle-panel.block-puzzle-alarm{box-shadow:0 6px 0 var(--toy-ink), 0 0 22px 5px #e5153570}}.block-puzzle-header,.block-puzzle-score,.block-puzzle-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.block-puzzle-header h2{margin:0;font-size:22px}.block-puzzle-panel .block-quiet-button{width:44px;height:44px;color:var(--toy-ink);box-shadow:none;cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;display:grid}.block-puzzle-score strong{font-size:32px;line-height:1}.block-puzzle-score strong span{font-size:20px;font-weight:var(--font-regular);opacity:.55}.block-puzzle-score>span{font-size:14px}.block-puzzle-panel progress{appearance:none;background:color-mix(in srgb, var(--toy-ink) 12%, var(--toy-paper));border:0;border-radius:4px;width:100%;height:5px;overflow:hidden}.block-puzzle-panel progress::-webkit-progress-bar{background:color-mix(in srgb, var(--toy-ink) 12%, var(--toy-paper))}.block-puzzle-panel progress::-webkit-progress-value{background:var(--toy-ink)}.block-puzzle-panel progress::-moz-progress-bar{background:var(--toy-ink)}.block-puzzle-board{background:var(--toy-ink);touch-action:none;border-radius:8px;grid-template-columns:repeat(8,1fr);gap:3px;padding:6px;display:grid}.block-puzzle-board .block-cell{aspect-ratio:1;width:100%;min-width:0;min-height:0;box-shadow:none;border:0;border-radius:2px;padding:0;transform:none}.block-color-0{background:color-mix(in srgb, var(--toy-ink) 84%, var(--toy-paper))}.block-color-1,.block-preview-0{background:var(--toy-yellow)}.block-color-2,.block-preview-1{background:var(--toy-pink)}.block-color-3,.block-preview-2{background:var(--toy-mint)}.block-puzzle-board .block-preview{opacity:.65}.block-puzzle-pieces{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:8px;min-height:108px;display:grid}.block-puzzle-pieces button{min-width:0;height:108px;box-shadow:none;touch-action:none;cursor:grab;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid;transform:none}.block-puzzle-pieces button:disabled{box-shadow:none;opacity:.4;cursor:default;background:0 0;border:0}.block-puzzle-pieces button:active{cursor:grabbing}.block-puzzle-pieces button.block-dragging{opacity:.18}.block-puzzle-pieces button[aria-pressed=true]{outline:2px solid var(--toy-ink)}.block-piece{pointer-events:none;display:block;overflow:visible}.block-solid{fill:currentColor;stroke:color-mix(in srgb, currentColor 70%, white);stroke-width:.055px;stroke-linejoin:round;paint-order:stroke fill;filter:drop-shadow(0 0 .14px)}.block-piece>path{stroke-width:.055px}.block-solid-1{color:var(--toy-yellow)}.block-solid-2{color:var(--toy-pink)}.block-solid-3{color:var(--toy-mint)}.block-board-shapes{pointer-events:none;width:calc(100% - 9px);height:calc(100% - 9px);position:absolute;top:6px;left:6px;overflow:visible}.block-board-shapes .block-solid{filter:drop-shadow(0 0 .09px)}.block-shape-preview{opacity:.5}.block-shape-land{transform-box:fill-box;transform-origin:50%;animation:.24s cubic-bezier(.2,1.5,.5,1) block-land}.block-drag-ghost .block-solid{filter:drop-shadow(0 0 .22px)}.block-drag-ghost{z-index:10000;pointer-events:none;position:fixed}.block-puzzle-footer p{margin:0;font-size:14px}.block-puzzle-panel button:focus-visible{outline:3px solid var(--toy-pink);outline-offset:3px}@media (width<=420px){.block-puzzle-panel{gap:10px;padding:16px}.block-puzzle-pieces .block-piece{transform:scale(.85)}}@media (height<=700px){.block-puzzle-panel{gap:8px;width:min(380px,100vw - 24px);padding:12px 16px}.block-puzzle-pieces,.block-puzzle-pieces button{height:76px;min-height:76px}}.block-timer{font-variant-numeric:tabular-nums;font-weight:var(--font-bold);align-items:center;gap:6px;display:inline-flex}.block-timer-urgent{color:#b82b46;animation:.8s ease-in-out infinite block-timer-beat}.block-board-wrap{position:relative}.block-puzzle-board .block-cell{background:color-mix(in srgb, var(--toy-ink) 84%, var(--toy-paper))}.block-puzzle-board .block-cell-land{animation:.24s cubic-bezier(.2,1.5,.5,1) block-land}.block-effects{pointer-events:none;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);gap:3px;padding:6px;display:grid;position:absolute;inset:0;overflow:visible}.block-clear-spark{box-shadow:0 0 20px 5px var(--toy-yellow);border-radius:3px;animation:.55s ease-out forwards block-clear}.block-score-burst{color:var(--toy-paper);font-weight:var(--font-bold);text-shadow:0 2px 0 var(--toy-ink);white-space:nowrap;font-size:30px;animation:.85s ease-out forwards block-burst;position:absolute;top:42%;left:50%}.block-score-burst-clear{color:var(--toy-yellow);font-size:40px}.block-score-burst small{text-align:center;color:var(--toy-paper);font-size:16px;display:block}.block-score-pop{animation:.24s ease-out block-score}.block-result{background:color-mix(in srgb,var(--toy-ink) 94%,transparent);color:var(--toy-paper);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.block-result strong{font-size:28px}.block-result .primary{width:auto;padding-inline:24px}.block-board-won{outline:4px solid var(--toy-mint)}.block-win-label{text-align:center;background:var(--toy-mint);border:var(--card-border);border-radius:var(--card-radius-compact);font-size:28px;font-weight:var(--font-bold);box-shadow:var(--card-shadow-compact);padding:16px;animation:.3s ease-out block-land;position:absolute;inset:40% 12% auto}@keyframes block-land{0%{transform:scale(.75)}65%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes block-clear{0%{opacity:1;filter:brightness(1.8);transform:scale(1)}35%{opacity:1;transform:scale(1.16)}to{opacity:0;transform:scale(.15)rotate(35deg)}}@keyframes block-burst{0%{opacity:0;transform:translate(-50%,15px)scale(.7)}18%{opacity:1;transform:translate(-50%)scale(1.1)}65%{opacity:1}to{opacity:0;transform:translate(-50%,-52px)scale(1)}}@keyframes block-score{50%{transform:scale(1.1)}}@keyframes block-timer-beat{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.block-cell-land,.block-shape-land,.block-score-pop,.block-timer-urgent,.block-win-label{animation:none!important}.block-clear-spark,.block-score-burst{animation:.8s linear forwards block-feedback-fade}}@keyframes block-feedback-fade{0%,70%{opacity:1}to{opacity:0}}