@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/play/slide-out/assets/nunito-cyrillic-ext-600-normal-CWPPjBOD.woff2) format("woff2"),url(/play/slide-out/assets/nunito-cyrillic-ext-600-normal-vnfu4DTE.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/play/slide-out/assets/nunito-cyrillic-600-normal-DJGQ2h05.woff2) format("woff2"),url(/play/slide-out/assets/nunito-cyrillic-600-normal-BUjmtIuu.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/play/slide-out/assets/nunito-vietnamese-600-normal-BY8O6Cug.woff2) format("woff2"),url(/play/slide-out/assets/nunito-vietnamese-600-normal-DO1RqFw5.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/play/slide-out/assets/nunito-latin-ext-600-normal-Dd9Zuxh1.woff2) format("woff2"),url(/play/slide-out/assets/nunito-latin-ext-600-normal-BKUpuB78.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/play/slide-out/assets/nunito-latin-600-normal-Br8yIETf.woff2) format("woff2"),url(/play/slide-out/assets/nunito-latin-600-normal-Cd0eNu1l.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/play/slide-out/assets/nunito-cyrillic-ext-800-normal-B-cvGohL.woff2) format("woff2"),url(/play/slide-out/assets/nunito-cyrillic-ext-800-normal-pjRatrRO.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/play/slide-out/assets/nunito-cyrillic-800-normal-D3igD7Kl.woff2) format("woff2"),url(/play/slide-out/assets/nunito-cyrillic-800-normal-DymMgApb.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/play/slide-out/assets/nunito-vietnamese-800-normal-D_CZYdm9.woff2) format("woff2"),url(/play/slide-out/assets/nunito-vietnamese-800-normal-Dz0hZPb5.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/play/slide-out/assets/nunito-latin-ext-800-normal-CtU8tJOV.woff2) format("woff2"),url(/play/slide-out/assets/nunito-latin-ext-800-normal-CDcxIxx8.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/play/slide-out/assets/nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(/play/slide-out/assets/nunito-latin-800-normal-D-J0wlBY.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-top: #123238;--bg-bottom: #0b1a1f;--tray: #1a2e33;--tray-line: #28454c;--tray-line-w: 2px;--tray-radius: 20px;--tray-margin: 16px;--tray-padding: 8px;--cell: #213a40;--cell-radius: 4px;--cell-gap: 2px;--board-size: 6;--block-inset: 2px;--block-radius: 10px;--block-lift-scale: 1.04;--block-key: #ff6b5b;--block-key-mark: #ffffff;--block-steel: #5b7c99;--block-steel-deep: #46627b;--block-sand: #b8a27a;--block-sand-deep: #97835e;--text: #eaf2ff;--text-dim: #9fb3c8;--accent: #f5b942;--accent-ink: #2a1d00;--button: #1b3238;--button-line: #2a4950;--hud-h: 96px;--helper-h: 72px;--touch-min: 48px;--space-sm: 8px;--space: 16px;--space-lg: 24px;--content-width: 480px;--card-radius: 18px;--sheet-radius: 28px;--scrim: rgb(4 10 13 / .68);--danger: #ff8a7d;--font-small: 13px;--font-body: 16px;--font-heading: 22px;--font-title: 40px;--tile-gap: 8px;--mini-board: 84px;font-family:Nunito,system-ui,sans-serif;font-weight:600;color:var(--text);color-scheme:dark;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#root,.app{height:100%;margin:0}#root{overflow:clip}body{background:linear-gradient(to bottom,var(--bg-top),var(--bg-bottom));background-color:var(--bg-bottom);overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:manipulation}@media(min-width:700px)and (min-aspect-ratio:3/4){#root{max-width:clamp(420px,62vh,760px);margin:0 auto}}.screen{height:100%;animation:screen-in .2s ease-out;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.home{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.home-mark{width:96px;height:96px}.mark-key{animation:mark-slide 3.2s ease-in-out infinite}@keyframes mark-slide{0%,to{transform:translate(-14px)}45%,70%{transform:translate(4px)}}.home-title{margin:0;font-size:var(--font-title);font-weight:800}.home-version{position:absolute;right:calc(16px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));margin:0;font-size:12px;color:var(--text-dim)}button{font:inherit;color:inherit;cursor:pointer}button{transition:transform 80ms ease-out}button:active:not(:disabled){transform:scale(.96)}button:disabled{opacity:.4;cursor:default}.mode-toggle{display:flex;padding:4px;border-radius:999px;background:var(--button);border:1px solid var(--button-line)}.mode-toggle button{min-height:var(--touch-min);padding:0 20px;border:0;border-radius:999px;background:transparent;color:var(--text-dim)}.mode-toggle button.on{background:var(--accent);color:var(--accent-ink)}.primary{display:flex;flex-direction:column;align-items:center;min-width:180px;min-height:var(--touch-min);padding:10px 28px;border:0;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:20px}.primary small{font-size:13px;font-weight:600}.game{position:relative;display:flex;flex-direction:column}.hud{flex:none;height:var(--hud-h);display:flex;flex-direction:column;justify-content:center;gap:4px;padding:0 8px}.hud-top{display:flex;align-items:center;gap:4px}.icon{flex:none;width:var(--touch-min);height:var(--touch-min);border:0;background:transparent;font-size:24px}.level-name{flex:1;margin:0;text-align:center;font-size:20px;font-weight:800}.hud-counters{display:flex;justify-content:center;gap:32px}.counter{display:flex;flex-direction:column;align-items:center}.counter-label{font-size:12px;color:var(--text-dim)}.counter-value{font-size:18px;font-weight:800}.counter.accent .counter-value{color:var(--accent)}.board-area{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 var(--tray-margin)}.tray{position:relative;flex:none;padding:var(--tray-padding);border-radius:var(--tray-radius);background:var(--tray);box-shadow:inset 0 0 0 var(--tray-line-w) var(--tray-line);touch-action:none;transition:box-shadow .4s ease-out}.tray.escaped{box-shadow:inset 0 0 0 var(--tray-line-w) var(--accent),0 0 24px -6px var(--accent)}.exit-gap{position:absolute;right:0;width:calc(var(--tray-padding) + 1px);background:var(--cell)}.exit-arrow{position:absolute;right:calc(-1 * var(--tray-margin));width:var(--tray-margin);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--accent)}.tray.escaped .exit-arrow{animation:exit-flash .4s ease-out 2}@keyframes exit-flash{50%{opacity:.2}}.grid{position:relative;width:100%;height:100%}.cell{position:absolute;top:0;left:0;width:var(--pitch);height:var(--pitch);padding:calc(var(--cell-gap) / 2)}.cell:before{content:"";display:block;width:100%;height:100%;border-radius:var(--cell-radius);background:var(--cell)}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}}.block{position:absolute;top:0;left:0;padding:var(--block-inset);touch-action:none;transition:transform .14s cubic-bezier(.34,1.3,.64,1);z-index:1}.block.sliding{transition:transform .18s ease-in-out}.block.lifted{transition:none;z-index:2}.block.gone{opacity:0;transition:transform .4s cubic-bezier(.55,0,1,.45),opacity .4s cubic-bezier(.7,0,1,1)}.block-drop{width:100%;height:100%;animation:drop-in var(--drop-ms) ease-out var(--drop-delay) backwards}@keyframes drop-in{0%{opacity:0;transform:translateY(-40%) scale(.92)}}.tray.escaped .block:not(.gone) .block-drop{animation:settle .22s ease-out .16s}@keyframes settle{40%{transform:translateY(2%) scale(.98)}}.block-body{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--block-radius);background:var(--block-colour);box-shadow:inset 0 3px #ffffff2e,inset 0 -3px #0000002e,0 1px 2px #0000004d;transition:transform .12s ease-out,box-shadow .12s ease-out}.block.lifted .block-body{transform:scale(var(--block-lift-scale));box-shadow:inset 0 3px #ffffff2e,inset 0 -3px #0000002e,0 8px 16px #00000073}.block-key{--block-colour: var(--block-key)}.block-steel{--block-colour: var(--block-steel)}.block-steel-deep{--block-colour: var(--block-steel-deep)}.block-sand{--block-colour: var(--block-sand)}.block-sand-deep{--block-colour: var(--block-sand-deep)}.key-mark{color:var(--block-key-mark);font-size:calc(var(--pitch) * .5);font-weight:800;line-height:1}.block.bump.h .block-body{animation:bump-h .16s ease-out}.block.bump.v .block-body{animation:bump-v .16s ease-out}.block.bump-forward.h .block-body{transform-origin:right center}.block.bump-back.h .block-body{transform-origin:left center}.block.bump-forward.v .block-body{transform-origin:center bottom}.block.bump-back.v .block-body{transform-origin:center top}@keyframes bump-h{50%{transform:scale(.97,var(--block-lift-scale))}}@keyframes bump-v{50%{transform:scale(var(--block-lift-scale),.97)}}.block.hinted .block-body{animation:hint-pulse .3s ease-in-out 2;outline:3px solid var(--accent)}@keyframes target-glow{50%{opacity:.35}}@keyframes hint-pulse{50%{transform:scale(var(--block-lift-scale))}}.hint-target{position:absolute;top:0;left:0;padding:var(--block-inset);pointer-events:none}.hint-target:before{animation:target-glow .3s ease-in-out 2;content:"";display:block;width:100%;height:100%;border-radius:var(--block-radius);outline:2px dashed var(--accent);background:color-mix(in srgb,var(--accent) 18%,transparent)}.helpers{flex:none;height:var(--helper-h);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:0 var(--tray-margin)}.helpers .pill{max-width:132px;padding:0 6px}.pill{flex:1;max-width:120px;min-height:var(--touch-min);border-radius:999px;background:var(--button);border:1px solid var(--button-line);font-weight:800}@media(prefers-reduced-motion:reduce){.block,.block.sliding,.block-body,button{transition-duration:0ms}.block.gone{transition-duration:.15s}.block-drop,.tray.escaped .block:not(.gone) .block-drop,.block.bump .block-body,.block.hinted .block-body,.hint-target:before,.tray.escaped .exit-arrow{animation:none}.block.lifted .block-body,button:active:not(:disabled){transform:none}}.home-corner{position:absolute;top:calc(8px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));display:flex;justify-content:space-between}.home-heading{text-align:center}.home-tagline{margin:4px 0 0;color:var(--text-dim)}.progress-line,.mode-line{margin:0;padding:0 var(--space);text-align:center;font-size:var(--font-small);color:var(--text-dim)}.icon.round{border-radius:50%;font-weight:800}.pill.wide{flex:none;width:min(100%,240px);max-width:none;padding:0 var(--space)}.pill.danger{color:var(--danger)}.collection{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);overflow-y:auto}.page-heading{flex:none;width:100%;display:flex;align-items:center;padding:var(--space-sm)}.page-heading h1{flex:1;margin:0;text-align:center;font-size:var(--font-heading);font-weight:800}.pack-list{width:min(100%,var(--content-width));display:flex;flex-direction:column;gap:12px;padding:0 var(--space) var(--space)}.pack-card{display:flex;align-items:center;gap:var(--space);min-height:88px;padding:12px 20px;border-radius:var(--card-radius);background:var(--button);border:1px solid var(--button-line);text-align:left}.pack-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.pack-text strong{font-size:20px;font-weight:800}.pack-range{color:var(--accent);font-size:var(--font-small)}.pack-text small{color:var(--text-dim);font-size:var(--font-small)}.pack-chevron{font-size:28px;color:var(--text-dim)}.pack-heading{width:min(100%,var(--content-width));display:flex;align-items:center;padding:0 var(--space-sm)}.pack-heading h2{flex:1;display:flex;flex-direction:column;align-items:center;margin:0;font-size:20px;font-weight:800}.pack-heading h2 small{font-size:var(--font-small);font-weight:600;color:var(--text-dim)}.level-grid{width:min(100%,var(--content-width));display:grid;grid-template-columns:repeat(5,1fr);gap:var(--tile-gap);padding:0 var(--space)}.level-tile{aspect-ratio:1;min-height:var(--touch-min);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:14px;background:var(--button);border:1px solid var(--button-line);color:var(--text-dim);line-height:1.1}.level-tile{animation:tile-in .18s ease-out calc(var(--i) * 10ms) backwards}.level-tile.pop{animation:tile-in .18s ease-out calc(var(--i) * 10ms) backwards,tile-pop .36s cubic-bezier(.34,1.56,.64,1) .56s}.level-tile.pop small{animation:badge-pop .36s cubic-bezier(.34,1.56,.64,1) .56s backwards}@keyframes tile-in{0%{opacity:0;transform:scale(.8)}}@keyframes tile-pop{50%{transform:scale(1.12)}}.level-tile strong{font-size:18px;font-weight:800}.level-tile small{min-height:1.1em;font-size:12px}.level-tile.current{border-color:var(--text-dim)}.level-tile.solved{color:var(--text);box-shadow:inset 0 0 0 2px var(--accent)}.level-tile.solved small{color:var(--accent)}.level-tile.perfect,.level-tile.cleared{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.notice-slot{position:absolute;top:calc(var(--hud-h) + env(safe-area-inset-top));left:0;right:0;z-index:3;display:flex;justify-content:center;pointer-events:none}.notice{display:flex;align-items:center;gap:12px;margin:0;padding:4px 4px 4px var(--space);border-radius:999px;background:var(--button);border:1px solid var(--button-line);pointer-events:auto}.notice .pill{flex:none;padding:0 var(--space)}.sheet{position:fixed;inset:auto 0 0;width:min(100%,var(--content-width));max-width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - var(--space));overflow-y:auto;margin:auto auto 0;padding:var(--space-lg) var(--space) calc(var(--space-lg) + env(safe-area-inset-bottom));border:1px solid var(--button-line);border-bottom:0;border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;background:linear-gradient(to bottom,var(--bg-top),var(--bg-bottom));color:var(--text)}.sheet[open]{display:flex;flex-direction:column;align-items:center;gap:12px}.sheet::backdrop{background:var(--scrim)}.sheet[open]{animation:sheet-in .24s cubic-bezier(.2,.8,.2,1)}.sheet[open]::backdrop{animation:fade-in .24s ease-out}@keyframes sheet-in{0%{opacity:0;transform:translateY(48px)}}@keyframes fade-in{0%{opacity:0}}.sheet .badge{position:relative;animation:badge-pop .32s cubic-bezier(.34,1.56,.64,1) .24s backwards}@keyframes badge-pop{0%{opacity:0;transform:scale(.3)}}.sparks{position:absolute;left:50%;top:50%;pointer-events:none}.sparks i{position:absolute;width:8px;height:8px;margin:-4px;border-radius:50%;background:var(--accent);opacity:0;animation:spark .56s ease-out .32s both}@keyframes spark{0%{opacity:1;transform:rotate(var(--angle)) translate(12px) scale(1)}to{opacity:0;transform:rotate(var(--angle)) translate(64px) scale(.3)}}@media(prefers-reduced-motion:reduce){.screen,.sheet[open],.sheet .badge{animation-name:fade-in}.sparks,.level-tile,.level-tile.pop small,.mark-key{animation:none}.sparks{display:none}}.sheet-heading{width:100%;min-height:var(--touch-min);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.sheet-heading h2{margin:0;font-size:var(--font-heading);font-weight:800}.sheet p{margin:0;color:var(--text-dim);text-align:center}.sheet .badge,.sheet .new-best{color:var(--accent);font-size:18px;font-weight:800}.scores{display:flex;justify-content:center;gap:28px;margin:0}.scores div{display:flex;flex-direction:column;align-items:center}.scores dt{font-size:var(--font-small);color:var(--text-dim)}.scores dd{margin:0;font-size:24px;font-weight:800}.languages{width:100%;display:flex;gap:12px}.language{flex:1;min-height:56px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--card-radius);background:var(--button);border:1px solid var(--button-line);font-size:var(--font-body)}.language img{width:28px;height:20px;border-radius:3px}.language.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.picker .languages{flex-direction:column}.setting{width:100%;min-height:var(--touch-min);display:flex;align-items:center;justify-content:space-between;font-size:var(--font-body)}.setting input{width:48px;height:28px;accent-color:var(--accent)}.how-steps{width:100%;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.how-steps li{display:flex;align-items:center;gap:var(--space)}.how-steps p{flex:1;text-align:left;color:var(--text)}.how-mode{width:100%;font-size:var(--font-small)}.sheet .how-mode{text-align:left}.mini-tray{position:relative;flex:none;width:var(--mini-board);height:var(--mini-board);padding:4px;border-radius:10px;background:var(--tray);box-shadow:inset 0 0 0 1px var(--tray-line)}.mini-exit{position:absolute;right:0;width:5px;margin-top:4px;background:var(--accent);border-radius:2px 0 0 2px}.mini-grid{position:relative;width:100%;height:100%}.mini-cell,.mini-block{position:absolute;padding:1px}.mini-cell{width:calc(100% / var(--board-size));height:calc(100% / var(--board-size))}.mini-cell:before{content:"";display:block;width:100%;height:100%;border-radius:2px;background:var(--cell)}.mini-block .block-body{border-radius:4px;color:var(--block-key-mark);font-size:10px;font-weight:800;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0000002e}@media(min-height:720px){:root{--mini-board: 96px}}