:root{--bg:#171b31;--bg-raised:#232948;--well:#12162a;--text:#eef1ff;--text-dim:#8b93b8;--accent:#ffd43b;--c0:#4dabf7;--c1:#51cf66;--c2:#ffd43b;--c3:#ff922b;--c4:#ff6b6b;--c5:#cc5de8;--c6:#3bc9db;--c7:#f783ac;--board-size:min(92vw, 60dvh, 560px)}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:radial-gradient(circle at 50% 0%, #262d55 0%, var(--bg) 65%);color:var(--text);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#app{min-height:100dvh}.game{--block-background-image:linear-gradient(160deg, #ffffff38 0%, #fff0 45%);--block-radius:16%;--block-border-width:0px;--block-border-color:transparent;--block-shadow:inset 0 var(--bevel,3px) 0 #ffffff52, inset var(--bevel,3px) 0 0 #ffffff1a, inset 0 calc(-1 * var(--bevel,3px)) 0 #00000047, inset calc(-1 * var(--bevel,3px)) 0 0 #00000024;--block-overlay:linear-gradient(135deg, #ffffff29, transparent 42%);--block-overlay-opacity:.55;--block-detail:none;--block-detail-opacity:0;--block-filter:none;--block-clip:none;background:radial-gradient(circle at 50% 0%, #262d55 0%, var(--bg) 65%);max-width:640px;min-height:100dvh;padding:calc(8px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));flex-direction:column;justify-content:space-between;align-items:center;gap:10px;margin:0 auto;display:flex}.c0{--block:var(--c0)}.c1{--block:var(--c1)}.c2{--block:var(--c2)}.c3{--block:var(--c3)}.c4{--block:var(--c4)}.c5{--block:var(--c5)}.c6{--block:var(--c6)}.c7{--block:var(--c7)}.block{isolation:isolate;margin:var(--block-inset,0);color:var(--block);background-color:var(--block-background-color,var(--block));background-image:var(--block-background-image);border:var(--block-border-width) solid var(--block-border-color,var(--block));border-radius:var(--block-radius);box-shadow:var(--block-shadow);filter:var(--block-filter);clip-path:var(--block-clip);background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden}.block:before,.block:after{content:"";pointer-events:none;position:absolute;inset:0}.block:before{z-index:1;background:var(--block-overlay);opacity:var(--block-overlay-opacity)}.block:after{z-index:2;inset:var(--block-detail-inset,0);background:var(--block-detail);border:var(--block-detail-border,0);border-radius:var(--block-detail-radius,0);box-shadow:var(--block-detail-shadow,none);opacity:var(--block-detail-opacity)}.score-header{width:var(--board-size);flex-direction:column;align-items:center;min-height:96px;display:flex;position:relative}.best{color:var(--text-dim);letter-spacing:.04em;font-size:11px;font-weight:600}.score{font-variant-numeric:tabular-nums;font-size:clamp(34px,9vmin,48px);font-weight:800;line-height:1.1}.level{color:var(--text-dim);font-size:13px;font-weight:800}.level-progress-row{align-items:center;gap:7px;width:min(190px,55%);margin-top:4px;display:flex}.level-progress-track{background:#ffffff21;border-radius:999px;flex:1;height:7px;overflow:hidden;box-shadow:inset 0 1px 2px #0000004d}.level-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#ff982f,#ffc542);min-width:2px;height:100%;transition:width .26s ease-out;box-shadow:0 0 8px #ff9d2aa6}.level-progress-numbers{color:#ffc14a;font-variant-numeric:tabular-nums;font-size:11px;font-weight:800}.level-row{align-items:baseline;gap:7px;margin-top:2px;display:flex}.new-game-trigger,.style-picker-trigger{z-index:60;height:44px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:1px solid #ffffff1c;border-radius:14px;position:absolute;top:0;box-shadow:0 5px 18px #0000002e}.new-game-trigger{font:inherit;padding:0 12px;font-size:13px;font-weight:700;left:0}.style-picker-trigger{place-items:center;width:44px;padding:9px;display:grid;right:0}.new-game-trigger:hover,.style-picker-trigger:hover{background:#ffffff24}.new-game-trigger:active,.style-picker-trigger:active{transform:translateY(1px)}.new-game-trigger:focus-visible,.style-picker-trigger:focus-visible,.style-picker-close:focus-visible,.style-option:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.style-picker-trigger svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:100%;height:100%;overflow:visible}.style-picker-trigger circle{fill:currentColor;stroke:none}.combo-banner{z-index:5;color:var(--accent);text-shadow:0 2px 10px #0009;pointer-events:none;font-size:clamp(18px,5vmin,26px);font-weight:800;animation:1.4s ease-out both combo-pop;position:absolute;top:100%;left:50%}@keyframes combo-pop{0%{opacity:0;transform:translate(-50%)scale(.6)}15%{opacity:1;transform:translate(-50%)scale(1.08)}70%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(1)}}.board{width:var(--board-size);aspect-ratio:1;touch-action:none;background:#00000040;border-radius:14px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);gap:4px;padding:8px;display:grid;position:relative;box-shadow:inset 0 2px 10px #0006}.cell{background:var(--well);border-radius:16%;box-shadow:inset 0 2px 4px #00000073}.cell.block{background-color:var(--block-background-color,var(--block));background-image:var(--block-background-image);border-radius:var(--block-radius);box-shadow:var(--block-shadow);background-position:50%;background-repeat:no-repeat;background-size:cover}.cell.would-clear{outline-offset:-2px;filter:brightness(1.3);outline:2px solid #ffffffb3}.cell.hint{outline-offset:-2px;outline:2px dashed #ffd43bbf;animation:1.2s ease-in-out infinite hint-pulse}@keyframes hint-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.7)}}.preview{pointer-events:none;z-index:1;border-radius:16%}.preview.block{border-radius:var(--block-radius)}.preview.ok{opacity:.45}.preview.bad{opacity:.35;background:#ff4d5e}.phantom{pointer-events:none;z-index:2;animation:.32s ease-in both clear-pop}@keyframes clear-pop{0%{opacity:1;filter:brightness();transform:scale(1)}35%{opacity:1;filter:brightness(1.6);transform:scale(1.12)}to{opacity:0;filter:brightness(1.6);transform:scale(0)}}.score-pop{z-index:3;pointer-events:none;color:var(--accent);text-shadow:0 2px 8px #000000b3;font-size:clamp(20px,5.5vmin,30px);font-weight:800;position:absolute;transform:translate(-50%,-100%)}.score-pop span{animation:.7s ease-out both pop-float;display:inline-block}@keyframes pop-float{0%{opacity:0;transform:translateY(10px)scale(.8)}25%{opacity:1;transform:translateY(0)scale(1.05)}to{opacity:0;transform:translateY(-28px)scale(1)}}.tray{width:var(--board-size);touch-action:none;grid-template-columns:repeat(3,1fr);gap:10px;min-height:112px;display:grid}.tray-slot{--bevel:2px;touch-action:none;background:#ffffff0a;border-radius:12px;justify-content:center;align-items:center;padding:8px;display:flex}.tray-slot.hint{outline-offset:-2px;outline:2px dashed #ffd43bbf;animation:1.2s ease-in-out infinite hint-pulse}.tray-slot.save-target{outline:2px solid var(--accent);cursor:pointer}.game-over-actions{justify-content:center;gap:8px;display:flex}.powerups{width:var(--board-size);background:linear-gradient(135deg,#ffffff1a,#ffffff0a);border:1px solid #ffffff1a;border-radius:16px;margin-top:8px;padding:10px;box-shadow:0 10px 24px #0000002b}.powerups-title{color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;margin:0 0 7px 3px;font-size:11px;font-weight:800}.powerups-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.powerup{min-height:76px;color:var(--text);font:inherit;cursor:pointer;background:#090d2252;border:1px solid #ffffff29;border-radius:10px;place-items:center;gap:4px;padding:8px 6px;font-size:13px;font-weight:800;display:grid;position:relative}.powerup b{color:#ffd45b;background:#ffc24a29;border-radius:999px;align-items:center;min-height:21px;padding:1px 8px;font-size:11px;display:inline-flex}.powerup-icon{color:#ffd45b;font-size:22px;line-height:1}.powerup.active{outline:3px solid var(--accent);background:#4884ff33}.powerup:disabled{cursor:default;opacity:.45}.life-powerup{cursor:default;opacity:.82}.life-powerup.unavailable{opacity:.36;filter:saturate(.4)}.life-powerup .powerup-icon{color:#ff8794}.saved-powerup{cursor:grab;touch-action:none}.saved-powerup:active{cursor:grabbing}.saved-powerup-label{color:var(--text-dim);font-size:11px;font-weight:800}.saved-powerup.dragging{opacity:.3}.level-up{z-index:45;color:#fff;background:#376fe0;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:800;position:fixed;top:94px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0000004d}.tray-piece.dragging{opacity:.25}.piece-glyph{display:grid}.drag-layer{z-index:40;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.drag-ghost{filter:drop-shadow(0 12px 16px #00000073);transform:translate(-50%,-50%)}.overlay{z-index:50;background:#0a0c1abd;justify-content:center;align-items:center;animation:.25s ease-out fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.panel{background:var(--bg-raised);text-align:center;border-radius:20px;padding:28px 40px;box-shadow:0 18px 50px #00000080}.panel h2{margin:0 0 4px;font-size:22px}.final-score{font-variant-numeric:tabular-nums;font-size:52px;font-weight:800}.final-best{color:var(--text-dim);margin-bottom:20px;font-weight:600}.game-over-actions{margin:0 0 12px}.btn:disabled{cursor:default;opacity:.45}.btn{font:inherit;cursor:pointer;color:var(--text);border:none;border-radius:12px;padding:12px 24px}.btn.primary{color:#fff;background:linear-gradient(#5aa0ff,#3b6fe0);font-weight:700;box-shadow:0 4px #2c55b8}.btn.primary:active{transform:translateY(2px);box-shadow:0 2px #2c55b8}.btn.subtle{background:#ffffff1f;padding:8px 14px;font-weight:600}.tutorial-banner{width:var(--board-size);background:#ffffff12;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.tutorial-banner p{flex:1;margin:0;font-size:15px}.tutorial-progress{color:var(--text-dim);white-space:nowrap;font-size:13px;font-weight:700}[data-block-style=gem-bright]{--c0:#009ff0;--c1:#63df00;--c2:#ffcc20;--c3:#ff8a00;--c4:#ff2028;--c5:#bd18dc;--c6:#00cfe8;--c7:#f21b86;--block-background-image:conic-gradient(from 45deg, #00000026 0 25%, #00000059 0 50%, #ffffff38 0 75%, #ffffff85 0 100%);--block-radius:8%;--block-border-width:1px;--block-border-color:#ffffff4d;--block-shadow:inset 0 2px 1px #ffffff85, inset 2px 0 1px #ffffff38, inset 0 -2px 1px #0000007a, inset -2px 0 1px #00000040, 0 2px 3px #00000057;--block-overlay:linear-gradient(135deg, #ffffff94, transparent 24%);--block-overlay-opacity:.72;--block-detail:linear-gradient(145deg, #ffffff2e, transparent 43%), currentColor;--block-detail-inset:12%;--block-detail-radius:3%;--block-detail-shadow:inset 1px 1px 2px #ffffff21, inset -1px -1px 2px #0000002e;--block-detail-opacity:1}[data-block-style=soft-pastel]{--c0:#8ac9f4;--c1:#95d8aa;--c2:#f6d982;--c3:#f3b37f;--c4:#ef9a9a;--c5:#c7a2e8;--c6:#8ed9dc;--c7:#eaa8c2;--block-background-image:linear-gradient(145deg, #ffffff75, transparent 48%);--block-radius:24%;--block-border-width:1px;--block-border-color:#ffffff61;--block-shadow:inset 0 2px 0 #ffffff57, inset 0 -2px 0 #3c305a1f, 0 2px 4px #07091826;--block-overlay:radial-gradient(circle at 28% 24%, #ffffff6b, transparent 28%);--block-overlay-opacity:.75}[data-block-style=wooden-blocks]{--c0:#9a5529;--c1:#9a5529;--c2:#9a5529;--c3:#9a5529;--c4:#9a5529;--c5:#9a5529;--c6:#9a5529;--c7:#9a5529;--block-background-image:linear-gradient(150deg, #ffe0a53d, #49190633), url(/block-blast/assets/wood-grain-BH25kQmk.png);--block-radius:12%;--block-border-width:1px;--block-border-color:#6b3518;--block-shadow:inset 0 3px 1px #ffe5b145, inset 0 -3px 1px #37140761, 0 2px 3px #0000003b;--block-overlay:linear-gradient(90deg, #ffffff14, transparent 36% 72%, #00000017);--block-overlay-opacity:.8}[data-block-style=neon-glow]{--c0:#00cfff;--c1:#39ff14;--c2:#ffe600;--c3:#ff6b00;--c4:#ff0a58;--c5:#c400ff;--c6:#00fff0;--c7:#ff00a8;--block-background-color:#080b17;--block-inset:3%;--block-background-image:radial-gradient(circle, #0d12234d 0 48%, #0000007a 100%);--block-radius:13%;--block-border-width:2px;--block-border-color:currentColor;--block-shadow:inset 0 0 2px #ffffffbf, inset 0 0 7px currentColor, 0 0 3px currentColor, 0 0 9px currentColor, 0 0 16px currentColor;--block-overlay:radial-gradient(circle, transparent 46%, currentColor 100%);--block-overlay-opacity:.28;--block-filter:saturate(1.28)}[data-block-style=stone-minimal]{--c0:#737980;--c1:#737980;--c2:#737980;--c3:#737980;--c4:#737980;--c5:#737980;--c6:#737980;--c7:#737980;--block-background-image:linear-gradient(145deg, #ffffff26, #0f121629), url(/block-blast/assets/stone-grain-_Clmrlt9.png);--block-radius:9%;--block-border-width:1px;--block-border-color:#4f555c;--block-shadow:inset 0 2px 1px #ffffff30, inset 0 -2px 1px #00000052, 0 2px 3px #0000003d;--block-overlay:linear-gradient(125deg, #ffffff14, transparent 42%);--block-overlay-opacity:.7}[data-block-style=candy-gloss]{--c0:#00aef0;--c1:#66e500;--c2:#ffd018;--c3:#ff7800;--c4:#ff2378;--c5:#a82bfa;--c6:#00cfd1;--c7:#f52c98;--block-inset:2%;--block-background-image:linear-gradient(145deg, #ffffff61 0 11%, transparent 29% 58%, #00000057 100%);--block-radius:15%;--block-border-width:1px;--block-border-color:#fff3;--block-shadow:inset 0 3px 2px #ffffff6b, inset 3px 0 2px #ffffff2e, inset 0 -6px 3px #00000061, inset -3px 0 2px #0000002e, 0 4px 0 #00000047, 0 6px 7px #0000003d;--block-overlay:linear-gradient(135deg, #ffffff73 0 5%, transparent 6%), linear-gradient(315deg, #0000003d 0 8%, transparent 9%);--block-overlay-opacity:.72;--block-detail:radial-gradient(ellipse 18% 6% at 20% 9%, #ffffffe6 0 62%, transparent 70%), radial-gradient(ellipse 6% 16% at 9% 20%, #ffffffb8 0 56%, transparent 65%), radial-gradient(ellipse 11% 4% at 79% 88%, #ffffff2e 0 52%, transparent 65%), linear-gradient(160deg, #fff3, transparent 42%), linear-gradient(180deg, #ffffff47 0 6%, transparent 14%), linear-gradient(90deg, #ffffff26 0 5%, transparent 13%), linear-gradient(0deg, #00000045 0 9%, transparent 18%), linear-gradient(270deg, #00000026 0 6%, transparent 14%), currentColor;--block-detail-inset:8% 9% 14% 9%;--block-detail-border:0;--block-detail-radius:13%;--block-detail-shadow:inset 2px 2px 2px #ffffff38, inset -3px -4px 3px #00000045, 0 3px 4px #0000004f;--block-detail-opacity:1}[data-block-style=frosted-ice]{--c0:#bfefff;--c1:#9be3fa;--c2:#e7faff;--c3:#87d3f3;--c4:#c8f4ff;--c5:#a6dff7;--c6:#dff9ff;--c7:#78c8ec;--block-background-image:linear-gradient(145deg, #ffffff7a, #54b3e01f), url(/block-blast/assets/frosted-ice-D5XIcW7E.png);--block-radius:17%;--block-border-width:1px;--block-border-color:#e1fbffc7;--block-shadow:inset 0 3px 2px #ffffff94, inset 0 -3px 2px #2283b83d, 0 0 6px #78e0ff3d;--block-overlay:linear-gradient(135deg, #ffffff57, transparent 38%);--block-overlay-opacity:.72}[data-block-style=lava-core]{--c0:#ff541f;--c1:#ff541f;--c2:#ff541f;--c3:#ff541f;--c4:#ff541f;--c5:#ff541f;--c6:#ff541f;--c7:#ff541f;--block-background-image:linear-gradient(145deg, #ffb12321, #46000014), url(/block-blast/assets/lava-core-CmSPPA0o.png);--block-radius:13%;--block-border-width:1px;--block-border-color:#ff6822;--block-shadow:inset 0 2px 1px #ffcf5852, inset 0 -2px 1px #2d000099, 0 0 6px #ff410894, 0 0 11px #ff33003d;--block-overlay:radial-gradient(circle at 35% 30%, #ffd55b33, transparent 42%);--block-overlay-opacity:.75}[data-block-style=cyber-matte]{--c0:#238bd0;--c1:#32b866;--c2:#c4a723;--c3:#d26a24;--c4:#d43e57;--c5:#7622d8;--c6:#20a8ad;--c7:#cc3b83;--block-inset:2%;--block-background-image:linear-gradient(145deg, #ffffff2b, transparent 38% 61%, #0000004f 100%);--block-radius:10%;--block-border-width:1px;--block-border-color:currentColor;--block-shadow:inset 0 2px 1px #ffffff3d, inset 2px 0 1px #ffffff1f, inset 0 -5px 2px #0000006b, inset -2px 0 1px #0003, 0 4px 0 #04051094, 0 6px 6px #00000042;--block-overlay:linear-gradient(145deg, #ffffff24, transparent 42% 68%, #00000029);--block-overlay-opacity:.75;--block-detail:linear-gradient(145deg, #ffffff14, transparent 44%, #0000001c), currentColor;--block-detail-inset:9% 10% 15% 10%;--block-detail-border:1px solid #ffffff21;--block-detail-radius:6%;--block-detail-shadow:inset 2px 2px 2px #ffffff21, inset -2px -3px 2px #00000038, 0 2px 3px #0000004d;--block-detail-opacity:1;--block-filter:saturate(1.08);--block-clip:none}[data-block-style=paper-cut]{--c0:#5aa8d6;--c1:#65b77a;--c2:#e2bd4c;--c3:#dc8b45;--c4:#db6670;--c5:#a26ac5;--c6:#55b5b8;--c7:#cf7198;--block-background-image:linear-gradient(145deg, #ffffff24, transparent 55%);--block-radius:7%;--block-border-width:2px;--block-border-color:#fffae594;--block-shadow:inset 0 1px #ffffff3d, 2px 3px 0 #0508143b;--block-overlay:none;--block-overlay-opacity:0;--block-detail:repeating-linear-gradient(8deg, #ffffff0d 0 1px, transparent 1px 4px);--block-detail-opacity:.75}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.style-picker-overlay{z-index:100;padding:calc(14px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070916d1;place-items:center;animation:.2s ease-out fade-in;display:grid;position:fixed;inset:0}.style-picker-panel{text-align:left;background:linear-gradient(145deg,#293052,#1e2440 72%);border:1px solid #ffffff1f;border-radius:24px;flex-direction:column;width:min(820px,100%);max-height:min(760px,100%);display:flex;overflow:hidden;box-shadow:0 24px 70px #0009}.style-picker-heading{justify-content:space-between;align-items:center;gap:18px;padding:22px 24px 16px;display:flex}.style-picker-heading h2{margin:1px 0 0;font-size:clamp(24px,5vw,31px);line-height:1.08}.style-picker-kicker{color:#9ca7d1;letter-spacing:.13em;text-transform:uppercase;font-size:12px;font-weight:800}.style-picker-close{width:44px;height:44px;color:var(--text);font:inherit;cursor:pointer;background:#ffffff1a;border:0;border-radius:14px;flex:none;font-size:30px;line-height:1}.style-picker-close:hover{background:#ffffff29}.style-picker-grid{overscroll-behavior:contain;scrollbar-color:#66719a transparent;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:6px 16px 20px;display:grid;overflow:auto}.style-option{min-width:0;color:var(--text);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:2px solid #0000;border-radius:17px;padding:8px 8px 11px;position:relative}.style-option:hover{background:#ffffff1a;transform:translateY(-1px)}.style-option.selected{border-color:var(--accent);background:#ffd43b1a}.style-option-check{z-index:3;background:var(--accent);color:#282005;opacity:0;border-radius:50%;place-items:center;width:25px;height:25px;font-size:15px;font-weight:900;display:grid;position:absolute;top:13px;right:13px;transform:scale(.7)}.style-option.selected .style-option-check{opacity:1;transform:scale(1)}.style-option-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:14px;font-weight:750;display:block;overflow:hidden}:where(.style-preview){--block-background-color:initial;--block-inset:0;--block-background-image:linear-gradient(160deg, #ffffff38 0%, #fff0 45%);--block-radius:16%;--block-border-width:0px;--block-border-color:transparent;--block-shadow:inset 0 2px 0 #ffffff52, inset 2px 0 0 #ffffff1a, inset 0 -2px 0 #00000047, inset -2px 0 0 #00000024;--block-overlay:linear-gradient(135deg, #ffffff29, transparent 42%);--block-overlay-opacity:.55;--block-detail:none;--block-detail-border:0;--block-detail-inset:0;--block-detail-radius:0;--block-detail-shadow:none;--block-detail-opacity:0;--block-filter:none;--block-clip:none;background:radial-gradient(circle at 48% 0,#5a6db142,#0000 57%),#05081473;border-radius:11px;grid-template-rows:repeat(2,clamp(20px,7vw,26px));grid-template-columns:repeat(4,clamp(20px,7vw,26px));place-content:center;gap:5px;min-height:83px;display:grid;overflow:hidden}.preview-block:first-child{grid-area:1/2}.preview-block:nth-child(2){grid-area:1/3}.preview-block:nth-child(3){grid-area:2/1}.preview-block:nth-child(4){grid-area:2/2}.preview-block:nth-child(5){grid-area:2/3}@media (width>=580px){.style-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding-inline:22px}.style-preview{grid-template-rows:repeat(2,30px);grid-template-columns:repeat(4,30px);gap:6px;min-height:94px}}@media (width>=840px){.style-picker-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=480px){.game{--board-size:min(86vw, 54svh, 460px);padding:calc(6px + env(safe-area-inset-top)) 10px calc(8px + env(safe-area-inset-bottom));gap:7px}.score-header{min-height:88px}.new-game-trigger,.style-picker-trigger{border-radius:12px;height:38px;top:1px}.new-game-trigger{padding-inline:10px;font-size:12px}.style-picker-trigger{width:38px;padding:8px}.level-progress-row{width:min(175px,52%);margin-top:8px}.tray{gap:8px;min-height:96px}.tray-slot{padding:6px}.powerups{border-radius:14px;margin-top:4px;padding:8px}.powerups-title{margin-bottom:5px;font-size:10px}.powerups-row{gap:6px}.powerup{min-height:64px;padding:6px 4px;font-size:12px}.powerup-icon{font-size:19px}.powerup b{min-height:18px;padding-inline:6px;font-size:10px}}@media (height<=620px){.style-picker-heading{padding-block:14px 10px}.style-preview{min-height:72px}}@media (prefers-reduced-motion:reduce){.style-picker-overlay,.style-option,.style-option-check{transition:none;animation:none}}