@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(./lilita-one-latin-400-normal-87r-Z-Re.woff2)format("woff2"),url(./lilita-one-latin-400-normal-DXkechA3.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(./nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(./nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(./nunito-latin-900-normal-BVB1fGs6.woff2)format("woff2"),url(./nunito-latin-900-normal-CVn49sIn.woff)format("woff")}:root{--fg:#fff;--ink:#1d3566;--ink-soft:#5a6f98;--font:"Nunito", ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display:"Lilita One", var(--font);--rb:clamp(44px, 5.8vmin, 66px);--ball:clamp(64px, 8vmin, 92px);--pw:clamp(52px, 6.6vmin, 76px)}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:pan-x pan-y;height:100%;overflow:hidden}body{font-family:var(--font);color:var(--fg);background:linear-gradient(#3d8fe0 0%,#6fb2f0 45%,#b5dcfb 100%);font-weight:800}#c{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;padding:max(12px, env(safe-area-inset-top)) 16px max(14px, env(safe-area-inset-bottom));flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}#hud button{pointer-events:auto;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}#hud .round{width:var(--rb);height:var(--rb);background:radial-gradient(circle at 50% 28%,#fff 0 45%,#e6efff 75%,#d3e2fb 100%);border-radius:50%;font-size:0;transition:transform 80ms,box-shadow 80ms;position:relative;box-shadow:inset 0 -3px #c3d5f3,0 4px #2a5fae,0 7px 14px #0b1d4a40}#hud .round:before{content:"";background:var(--ink);position:absolute;inset:24%;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}#hud .round:is(:active,.pressed){transform:translateY(3px);box-shadow:inset 0 -3px #c3d5f3,0 1px #2a5fae,0 3px 8px #0b1d4a40}#hud #mute:before{-webkit-mask-image:url(../assets/ui2/sound.svg);mask-image:url(../assets/ui2/sound.svg)}#hud #mute.muted:before{background:#c93a52;-webkit-mask-image:url(../assets/ui2/mute.svg);mask-image:url(../assets/ui2/mute.svg)}#hud #restart:before{-webkit-mask-image:url(../assets/ui2/restart.svg);mask-image:url(../assets/ui2/restart.svg)}#hud #levelbox:before{-webkit-mask-image:url(../assets/ui2/home.svg);mask-image:url(../assets/ui2/home.svg)}#hud #help:before,#hud #home-help:before{-webkit-mask-image:url(../assets/ui2/help.svg);mask-image:url(../assets/ui2/help.svg)}#hud #board:before{background:#c98a00;-webkit-mask-image:url(../assets/ui2/trophy.svg);mask-image:url(../assets/ui2/trophy.svg)}.top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.mid{flex-direction:column;align-items:center;min-width:0;max-width:46vw;display:flex}#stat{background:linear-gradient(#ff7b97,#e8375c 60%,#d42a50);border:3px solid #fff;border-radius:26px;flex-direction:column;align-items:center;min-width:clamp(132px,17vmin,190px);padding:9px 18px 11px;display:flex;box-shadow:inset 0 3px #fff5,0 4px #a51d3d,0 8px 16px #0b1d4a44}@keyframes bump{30%{transform:scale(1.18)}}#goal{color:#fff;align-items:center;gap:8px;display:flex}#goal .cube{filter:drop-shadow(0 1px #9d1838);background:url(../assets/ui2/cube.svg) 50%/contain no-repeat;width:clamp(22px,2.8vmin,30px);height:clamp(22px,2.8vmin,30px)}#goal .bar{background:#8c1a36;border-radius:6px;width:clamp(70px,10vmin,116px);height:12px;overflow:hidden;box-shadow:inset 0 2px 2px #0003,0 1px #fff3}#goal .bar i{background:linear-gradient(#fff,#ffe0e7);border-radius:6px;width:0;height:100%;transition:width .3s cubic-bezier(.2,.8,.2,1);display:block}#goal b{font-family:var(--display);text-align:right;font-variant-numeric:tabular-nums;text-shadow:0 2px #9d1838;min-width:2.2ch;font-size:clamp(22px,2.8vmin,30px);font-weight:400;line-height:1}#goal.bump b{animation:.35s cubic-bezier(.2,.8,.2,1) bump}#goal.done .bar i{background:linear-gradient(#ffe27a,#ffc21f)}.buttons{justify-self:end;align-items:center;gap:clamp(6px,1vmin,12px);display:flex}.buttons.left{justify-self:start}@media (width<=370px){:root{--rb:40px}.buttons{gap:4px}}.bottom{flex-direction:column;align-items:center;gap:10px;display:flex}.powers{gap:clamp(12px,1.8vmin,20px);display:flex}.powers.later{visibility:hidden}.powers.arrive .power{animation:.5s cubic-bezier(.2,1.6,.4,1) backwards arrive}.powers.arrive .power:nth-child(2){animation-delay:80ms}.powers.arrive .power:nth-child(3){animation-delay:.16s}@keyframes arrive{0%{transform:scale(0)}}#hud .power{width:var(--pw);height:var(--pw);background:50%/64% no-repeat,radial-gradient(circle at 50% 28%,#fff 0 45%,#e6efff 75%,#d3e2fb 100%);border-radius:50%;transition:transform .1s;position:relative;box-shadow:inset 0 -3px #c3d5f3,0 4px #2a5fae,0 7px 14px #0b1d4a40}#hud .power[data-p=bomb]{background-image:url(../assets/ui2/bomb.svg),radial-gradient(circle at 50% 28%,#fff 0 45%,#e6efff 75%,#d3e2fb 100%)}#hud .power[data-p=rainbow]{background-image:url(../assets/ui2/rainbow.svg),radial-gradient(circle at 50% 28%,#fff 0 45%,#e6efff 75%,#d3e2fb 100%)}#hud .power[data-p=splat]{background-image:url(../assets/ui2/splat.svg),radial-gradient(circle at 50% 28%,#fff 0 45%,#e6efff 75%,#d3e2fb 100%)}.power b{color:#fff;min-width:24px;height:24px;font-family:var(--display);background:#f4422c;border:2px solid #fff;border-radius:12px;padding:0 6px;font-size:13px;font-weight:400;line-height:20px;position:absolute;top:-5px;right:-5px;box-shadow:0 2px 4px #0005}.power b:empty{display:none}.power.empty{filter:saturate(.4);opacity:.75}.power.empty b{background:#ff9a1a;font-size:17px}#hud .power.armed{transform:scale(1.12);box-shadow:inset 0 -3px #c3d5f3,0 4px #2a5fae,0 0 0 4px #ffe66d,0 4px 0 4px #ffe66d,0 0 24px 4px #ffe66d88,0 7px 14px #0b1d4a40}#hud .power:is(:active,.pressed){transform:translateY(3px);box-shadow:inset 0 -3px #c3d5f3,0 1px #2a5fae,0 3px 8px #0b1d4a40}#hud .power.armed:is(:active,.pressed){transform:translateY(3px)scale(1.12);box-shadow:inset 0 -3px #c3d5f3,0 1px #2a5fae,0 0 0 4px #ffe66d,0 1px 0 4px #ffe66d,0 0 24px 4px #ffe66d88}#current[data-power]:after{content:"";background:50%/70% no-repeat;height:100%;display:block}#current[data-power=bomb]:after{background-image:url(../assets/ui2/bomb.svg)}#current[data-power=rainbow]:after{background-image:url(../assets/ui2/rainbow.svg)}#current[data-power=splat]:after{background-image:url(../assets/ui2/splat.svg)}.queue{color:var(--ink);background:linear-gradient(#fffe,#e3edffe6);border:3px solid #fff;border-radius:999px;align-items:center;gap:clamp(14px,2vmin,22px);padding:clamp(10px,1.4vmin,16px) clamp(16px,2.2vmin,26px);display:flex;box-shadow:inset 0 -4px #c8d9f5,0 5px #2a5fae,0 12px 26px #0b1d4a55}.ball{border-radius:50%;box-shadow:inset 0 -4px 8px #0003,0 4px 10px #0005}#next{width:calc(var(--ball) * .66);height:calc(var(--ball) * .66);position:relative}#next:after{content:"";filter:drop-shadow(0 1px 1px #0008);background:url(../assets/ui2/swap.svg) 50%/58% no-repeat;position:absolute;inset:0}#hud #next:is(:active,.pressed){transform:translateY(3px)scale(.96)}#current{width:var(--ball);height:var(--ball);transition:transform .2s;box-shadow:inset 0 -5px 10px #0003,0 0 0 4px #fff,0 5px 12px #0005}#current.empty{opacity:.25}.count{flex-direction:column;align-items:center;gap:4px;min-width:56px;line-height:1;display:flex}.count b{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:clamp(26px,3.4vmin,38px);font-weight:400}.count small{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:clamp(11px,1.3vmin,14px);font-weight:900}#floats{position:absolute;inset:0}.float{font-family:var(--display);white-space:nowrap;color:#fff;-webkit-text-stroke:1px #0b1d4a55;text-shadow:0 3px #0b1d4a88,0 0 18px #fff6;font-size:clamp(28px,3.6vmin,40px);animation:.95s cubic-bezier(.2,.8,.2,1) forwards floatUp;position:absolute;transform:translate(-50%,-50%)}.float.bomb{color:#ffe66d;letter-spacing:.08em;font-size:clamp(20px,2.6vmin,28px)}.float.tiny{font-family:var(--font);letter-spacing:.06em;text-transform:uppercase;opacity:.9;text-shadow:0 1px #0008;-webkit-text-stroke:0;font-size:15px;font-weight:900}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.25)}to{opacity:0;transform:translate(-50%,-140px)scale(1)}}#banner{font-family:var(--display);white-space:nowrap;opacity:0;text-shadow:0 4px #0b1d4a88,0 0 30px #fff5;font-size:min(52px,10vw);position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)scale(.5)}#banner.show{animation:.9s cubic-bezier(.2,.8,.2,1) forwards banner}#banner.small{font-size:34px}#banner.chain{color:#ffe66d;font-size:min(68px,14vw)}#banner.combo{color:#7df0ff}#banner.boom{color:#fff;text-shadow:0 0 30px #ffd23f,0 4px #0b1d4a88;font-size:min(72px,15vw)}#banner.big{color:#ff9f6e;font-size:min(46px,9vw)}#banner.long{font-size:min(52px,9.5vw)}@keyframes banner{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)rotate(-6deg)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.2)rotate(2deg)}30%{transform:translate(-50%,-50%)scale(1)rotate(0)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-80px)scale(1)}}#overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;background:#0b1d4a8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#overlay[hidden]{display:none}.panel{text-align:center;width:min(clamp(320px,38vmin,420px),100% - 32px);color:var(--ink);background:linear-gradient(#fff,#eef4ff 70%,#e2ecfd);border:4px solid #fff;border-radius:28px;padding:22px 20px 18px;animation:.32s cubic-bezier(.2,.9,.25,1.15) panel;box-shadow:inset 0 -5px #cfdcf3,0 8px #2a5fae,0 26px 50px #0b1d4a88}@keyframes panel{0%{opacity:0;transform:scale(.88)translateY(18px)}}#ov-title{font-family:var(--display);color:var(--ink);margin-bottom:16px;font-size:clamp(30px,3.6vmin,38px);font-weight:400;line-height:1.05}#overlay.win #ov-title{color:#1d9a4c}#overlay.lose #ov-title{color:#d0344e}#ov-lines{flex-direction:column;gap:8px;margin-bottom:20px;font-size:17px;display:flex}#ov-lines div{color:var(--ink-soft);justify-content:space-between;display:flex}#ov-lines b{font-family:var(--display);color:var(--ink);font-variant-numeric:tabular-nums;font-weight:400}#ov-lines div:last-child{color:var(--ink);border-top:2px dashed #1d356626;padding-top:10px;font-size:21px}#hud #ov-btn,#hud #play,#hud #info-btn{color:#fff;width:100%;height:62px;font-family:var(--display);text-shadow:0 2px #b5520a;background:linear-gradient(#ffc04d,#ff9a1f 55%,#ff8412);border:3px solid #ffe2a6;border-radius:20px;flex:none;font-size:25px;line-height:1;transition:transform 70ms,box-shadow 70ms;box-shadow:inset 0 3px #fff6,0 6px #c4570a,0 10px 20px #c4570a55}#hud #ov-btn:is(:active,.pressed),#hud #play:is(:active,.pressed),#hud #info-btn:is(:active,.pressed){transform:translateY(4px);box-shadow:inset 0 3px #fff6,0 2px #c4570a,0 4px 10px #c4570a55}#hud #ov-ad{color:#fff;width:100%;height:50px;font-family:var(--display);text-shadow:0 2px #45289a;background:linear-gradient(#a27cff,#7a52e6 60%,#6a42d6);border:3px solid #d2c2ff;border-radius:16px;margin-top:14px;font-size:19px;line-height:1;transition:transform 70ms,box-shadow 70ms;animation:.2s fadeIn;display:block;box-shadow:inset 0 3px #fff5,0 5px #45289a}#hud #ov-ad:before{content:"🎬";font-family:var(--font);vertical-align:-1px;text-shadow:none;margin-right:8px;font-size:18px}#hud #ov-ad[hidden]{display:none}#overlay.ad-slot #ov-ad[hidden]{visibility:hidden;animation:none;display:block}#hud #ov-ad:is(:active,.pressed){transform:translateY(3px);box-shadow:inset 0 3px #fff5,0 2px #45289a}#hud #ov-coin{color:#fff;width:100%;height:50px;font-family:var(--display);text-shadow:0 2px #45289a;background:linear-gradient(#a27cff,#7a52e6 60%,#6a42d6);border:3px solid #d2c2ff;border-radius:16px;justify-content:center;align-items:center;gap:10px;margin-top:14px;font-size:19px;line-height:1;transition:transform 70ms,box-shadow 70ms;animation:.2s fadeIn;display:flex;box-shadow:inset 0 3px #fff5,0 5px #45289a}#hud #ov-coin[hidden]{display:none}#hud #ov-coin .purse{text-shadow:none;background:#ffffff2a;border-radius:999px;align-items:center;gap:4px;padding:3px 9px 3px 6px;font-size:16px;display:inline-flex}#hud #ov-coin .coin{margin:0}#hud #ov-coin:is(:active,.pressed){transform:translateY(3px);box-shadow:inset 0 3px #fff5,0 2px #45289a}#ov-note{color:var(--ink-soft);text-align:center;margin-top:12px;font-size:13px;font-weight:900;animation:.2s fadeIn}#ov-note[hidden]{display:none}#overlay.busy button{opacity:.5;pointer-events:none}#overlay.slow #ov-btn,#overlay.slow .ov-foot{animation:.15s ease-out both btnIn}@keyframes btnIn{0%{opacity:0;transform:translateY(8px)}}@keyframes fadeIn{0%{opacity:0}}@media (prefers-reduced-motion:reduce){#overlay.slow #ov-btn,#overlay.slow .ov-foot,.panel{animation-name:fadeIn}}#overlay.last #ov-home{display:none}#hud #ov-home,#hud #ov-shop{font-family:var(--display);color:var(--ink);background:linear-gradient(#fff,#edf3ff);border:2px solid #c8d7f1;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px 10px;font-size:17px;line-height:1;display:flex;box-shadow:0 4px #b3c5e6,0 6px 12px #1d356618}#hud #ov-home:is(:active,.pressed),#hud #ov-shop:is(:active,.pressed){transform:translateY(3px);box-shadow:0 1px #b3c5e6}@media (hover:hover){#hud #ov-home:hover,#hud #ov-shop:hover{background:linear-gradient(#fff,#e3ecff)}}.ov-foot{gap:10px;margin-top:14px;display:flex}#hud #ov-shop{color:var(--ink)}#ov-shop .purse{background:#1d35660f;border-radius:999px;align-items:center;gap:4px;padding:3px 9px 3px 5px;display:inline-flex}.ico{width:1.2em;height:1.2em;-webkit-mask:var(--ico) center / contain no-repeat;-webkit-mask:var(--ico) center / contain no-repeat;mask:var(--ico) center / contain no-repeat;background:currentColor;flex:none}.ico.home{--ico:url(../assets/ui2/home.svg)}.ico.shop{--ico:url(../assets/ui2/shop.svg)}#ov-home span,#ov-shop span,#ov-lines b,#hud #shop,#hud #info .buy,#info.shop .wallet.big{text-box:trim-both cap alphabetic}#ov-lines b,#hud #info .buy,#info.shop .wallet.big{justify-content:center;align-items:center;gap:.3em;display:inline-flex}#info.shop .wallet.big{display:flex}#ov-lines div{align-items:center}#ov-lines .coin,#hud #info .buy .coin,#info.shop .wallet.big .coin,#ov-shop .coin,#hud #shop .coin{vertical-align:0;margin:0}#hud #shop{gap:.3em}.coin{vertical-align:-.16em;filter:drop-shadow(0 1px #0003);background:url(../assets/ui2/coin.png) 50%/contain no-repeat;flex:none;width:1.05em;height:1.05em;margin-right:.3em;display:inline-block}#hud #shop{top:max(14px, env(safe-area-inset-top));height:var(--rb);color:var(--ink);font-family:var(--display);background:linear-gradient(#fff,#e6efff);border-radius:999px;align-items:center;padding:0 18px 0 14px;font-size:clamp(19px,2.4vmin,26px);display:flex;position:absolute;left:16px;box-shadow:inset 0 -3px #c3d5f3,0 4px #2a5fae,0 7px 14px #0b1d4a40}#hud #shop:is(:active,.pressed){transform:translateY(3px);box-shadow:inset 0 -3px #c3d5f3,0 1px #2a5fae}#info.shop .wallet.big{text-align:center;font-family:var(--display);margin:0 0 4px;font-size:32px}#info.shop .wallet.big b{font-size:32px}#info.shop .row>div{flex:1;min-width:0}#info.shop .have{opacity:.6;font-size:12px;font-weight:900}#hud #info .buy{color:#fff;min-width:78px;font-family:var(--display);background:linear-gradient(#a27cff,#6a42d6);border-radius:12px;flex:none;padding:9px 10px;font-size:17px;box-shadow:0 4px #45289a}#hud #info .buy:is(:active,.pressed){transform:translateY(3px);box-shadow:0 1px #45289a}#hud #info .buy:disabled{opacity:.4;cursor:default}#info.shop .center{text-align:center}#info.shop .tiny{opacity:.65;font-size:12px}#home{pointer-events:auto;padding:max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);background:linear-gradient(#bfe0ffb8,#f6e3ecb8);flex-direction:column;align-items:center;gap:20px;display:flex;position:absolute;inset:0;overflow-y:auto}#home[hidden]{display:none}.home-top{flex-direction:column;align-items:center;margin-top:8px;animation:3s ease-in-out infinite bob;display:flex}@keyframes bob{50%{transform:translateY(-6px)rotate(-1deg)}}.title{font-family:var(--display);text-align:center;color:#fff;-webkit-text-stroke:3px #c0234a;paint-order:stroke fill;text-shadow:0 8px #c0234a,0 18px 28px #0b1d4a44;flex-direction:column;gap:0;font-size:min(96px,21vw);font-weight:400;line-height:.9;display:flex;transform:rotate(-3deg)}.title span:last-child{color:#ffe66d}#hud #play{flex-direction:column;justify-content:center;align-items:center;gap:4px;width:min(320px,100%);height:80px;animation:1.8s ease-in-out infinite pulse;display:flex}#play b{font-size:32px;font-weight:400}#play small{font-family:var(--font);opacity:.95;text-shadow:0 1px #b5520a;font-size:14px;font-weight:900}@keyframes pulse{50%{transform:scale(1.03)}}#hud #play:is(:active,.pressed){animation:none}.home-levels{width:min(380px,100%)}#hud #privacy{opacity:.8;color:var(--ink);flex:none;padding:8px 12px;font-size:13px;font-weight:800;text-decoration:underline}#hud #privacy[hidden]{display:none}@media (orientation:landscape) and (height<=900px){#home{padding-top:max(12px, env(safe-area-inset-top));padding-bottom:max(12px, env(safe-area-inset-bottom));padding-left:max(16px, env(safe-area-inset-left));padding-right:max(76px, env(safe-area-inset-right));grid-template:"top levels"1fr"play levels""privacy levels"".levels"1fr/minmax(0,1fr) minmax(0,1fr);place-items:center;gap:14px 24px;display:grid}.home-top{grid-area:top;align-self:end;margin-top:0}.title{font-size:min(96px,17vh)}#hud #play{grid-area:play}#hud #privacy{grid-area:privacy}.home-levels{grid-area:levels}}#info.privacy p{margin:0 0 8px}#info .switch{cursor:pointer;align-items:center;gap:10px;padding:8px 0;font-weight:900;display:flex}#info .switch input{accent-color:#6a42d6;width:22px;height:22px}#info.guide .tiny{opacity:.65;font-size:12px}#info.privacy button[data-act]{width:100%;font-family:var(--display);color:#fff;background:linear-gradient(#a27cff,#6a42d6);border-radius:12px;margin:4px 0 10px;padding:11px;font-size:16px;box-shadow:0 4px #45289a}#info.privacy button.danger{background:linear-gradient(#e2566c,#b72a42);box-shadow:0 4px #7d1628}#info.privacy button.danger.armed{background:#d7263d}#hud #info.privacy button[data-act]:is(:active,.pressed){transform:translateY(3px);box-shadow:0 1px #45289a}#hud #info.privacy button.danger:is(:active,.pressed){box-shadow:0 1px #7d1628}#hud #info.board form button:is(:active,.pressed){transform:translateY(2px);box-shadow:0 1px #45289a}#info.privacy .note{color:#1d9a4c;font-weight:900}#info.privacy p b{letter-spacing:.04em;-webkit-user-select:all;user-select:all;font-family:ui-monospace,Menlo,monospace;font-size:15px}#info.privacy .tiny{opacity:.65;font-size:11px}#info.board .rank{border-top:2px solid #1d356614;grid-template-columns:34px 1fr auto;align-items:center;column-gap:8px;padding:7px 0;display:grid}#info.board .rank span{font-family:var(--display);color:#6a42d6;text-align:right;font-size:16px}#info.board .rank b{font-family:var(--font);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:900;overflow:hidden}#info.board .rank em{font-size:13px;font-style:normal;font-weight:900}#info.board .rank.me{background:#ffd36633;border-top:0;border-radius:10px;padding:7px 6px}#info.board .center{text-align:center;opacity:.8;margin:4px 0 8px}#info.board .gap{text-align:center;letter-spacing:.2em;opacity:.45;border-top:2px solid #1d356614;padding:2px 0;font-weight:900}#info.board .tiny{opacity:.6;margin-top:10px;font-size:11px}#info.board form{gap:6px;margin:8px 0 4px;display:flex}#info.board input{min-width:0;font:inherit;color:inherit;background:#fff;border:2px solid #1d356633;border-radius:12px;flex:1;padding:9px 12px;font-weight:900}#info.board form button{font-family:var(--display);color:#fff;background:linear-gradient(#a27cff,#6a42d6);border-radius:12px;padding:0 16px;font-size:15px;box-shadow:0 3px #45289a}.levels-head{justify-content:space-between;align-items:center;gap:8px;margin:4px 0 12px;display:flex}.levels-head h2{font-family:var(--display);letter-spacing:.03em;color:var(--ink);flex-direction:column;align-items:center;gap:2px;font-size:20px;font-weight:400;display:flex}.levels-head h2 small{font-family:var(--font);letter-spacing:0;color:var(--ink-soft);font-size:12px;font-weight:900}#hud .pg{background:radial-gradient(circle at 50% 28%,#fff 0 45%,#e6efff 75%,#d3e2fb 100%);border-radius:50%;flex:none;width:46px;height:46px;padding:0;font-size:0;position:relative;box-shadow:inset 0 -3px #c3d5f3,0 4px #2a5fae,0 7px 14px #0b1d4a40}#hud .pg:before{content:"";border-style:solid;border-color:var(--ink);border-width:4px 4px 0 0;border-radius:2px;width:11px;height:11px;position:absolute;top:50%;left:50%;transform:translate(-65%,-50%)rotate(45deg)}#hud #pg-prev:before{transform:translate(-35%,-50%)rotate(-135deg)}#hud .pg:is(:active,.pressed){transform:translateY(3px);box-shadow:inset 0 -3px #c3d5f3,0 1px #2a5fae}#hud .pg:disabled{opacity:.35;cursor:default;transform:none}#level-grid{touch-action:pan-y}#hud #pg-current{color:var(--ink);background:#ffffffb0;border-radius:999px;margin:14px auto 0;padding:8px 16px;font-size:13px;font-weight:900;display:block}#hud #pg-current[hidden]{display:none}#level-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}#hud .tile{color:#fff;background:linear-gradient(#9fd3ff,#62b1ff 55%,#4a9af2);border:3px solid #fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:92px;padding:8px 4px 6px;transition:transform 70ms,box-shadow 70ms;display:flex;position:relative;box-shadow:inset 0 4px #fff6,inset 0 -3px #3a7fd0,0 6px #2a63b5,0 10px 18px #0b1d4a30}#hud .tile:is(:active,.pressed){transform:translateY(5px);box-shadow:inset 0 4px #fff6,inset 0 -3px #3a7fd0,0 1px #2a63b5}.tile .num{font-family:var(--display);text-shadow:0 3px #1d4f9a66;font-size:34px;line-height:1}.tile .name{opacity:.95;text-shadow:0 1px #1d4f9a55;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;font-weight:900;overflow:hidden}.tile .dots{gap:3px;height:8px;display:flex}.tile .dots i{border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 1.5px #fff}#hud .tile.cleared{background:linear-gradient(#a9efc0,#5fd68c 55%,#46c276);box-shadow:inset 0 4px #fff6,inset 0 -3px #3aa364,0 6px #2c8f55,0 10px 18px #0b1d4a30}#hud .tile.cleared:is(:active,.pressed){box-shadow:inset 0 4px #fff6,inset 0 -3px #3aa364,0 1px #2c8f55}.tile.cleared .num,.tile.cleared .name{text-shadow:0 2px #1f7a4566}.tile.cleared:before{content:"";background:#fff;border-radius:50%;width:24px;height:24px;position:absolute;top:-6px;right:-6px;box-shadow:0 2px #2c8f55,0 3px 6px #0b1d4a33;-webkit-mask:none}.tile.cleared:after{content:"";background:#2c8f55;width:24px;height:24px;position:absolute;top:-6px;right:-6px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12.5l3.2 3.2L17 9' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/70% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12.5l3.2 3.2L17 9' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/70% no-repeat}#hud .tile.locked{cursor:default;background:linear-gradient(#e6eefaa8,#d3dff0a8);border-color:#fff9;box-shadow:inset 0 -3px #b9c9e4,0 6px #8aa3c8}#hud .tile.locked:is(:active,.pressed){transform:none}.tile.locked .num,.tile.locked .dots,.tile.locked .name{visibility:hidden}.tile.locked:after{content:"";background:#6f87ad;width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask:url(../assets/ui2/lock.svg) 50%/contain no-repeat;mask:url(../assets/ui2/lock.svg) 50%/contain no-repeat}#hud.at-home .top,#hud.at-home .bottom{visibility:hidden}#info{z-index:5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;padding:max(16px, env(safe-area-inset-top)) 0 max(16px, env(safe-area-inset-bottom));background:#0b1d4a8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#info[hidden]{display:none}#info .panel{flex-direction:column;width:min(clamp(340px,42vmin,460px),100% - 32px);max-height:100%;display:flex}#info-title{font-family:var(--display);color:var(--ink);flex:none;margin-bottom:12px;font-size:clamp(28px,3.4vmin,36px);font-weight:400}#info-body{overscroll-behavior:contain;text-align:left;color:#2b3f6a;-webkit-user-select:text;user-select:text;margin:0 -6px 16px;padding:0 6px;font-size:14px;font-weight:700;line-height:1.4;overflow-y:auto}#info-body h2{font-family:var(--display);letter-spacing:.05em;text-transform:uppercase;color:#6a42d6;margin:16px 0 6px;font-size:16px;font-weight:400}#info-body h2:first-child{margin-top:0}#info-body .row{border-top:2px solid #1d356614;align-items:center;gap:12px;padding:7px 0;display:flex}#info-body h2+.row{border-top:0}#info-body img{image-rendering:auto}#info-body .row img{object-fit:contain;flex:none;width:56px;height:56px}#info-body .row.pu img{width:44px;height:44px;margin:0 6px}#info-body b{font-family:var(--display);color:var(--ink);font-size:17px;font-weight:400}#info-body p{opacity:.88;margin-top:2px}#info-body .tip{padding:5px 0}#info.intro #info-body{text-align:center;overflow:visible}#info.intro #info-title{color:#6a42d6}#info-body .hero{width:128px;height:128px;margin:-6px auto 4px;animation:2.4s ease-in-out infinite hero;display:block}@keyframes hero{50%{transform:translateY(-5px)rotate(-3deg)}}#info.intro #info-body h2{letter-spacing:.01em;text-transform:none;color:var(--ink);margin:0 0 6px;font-size:22px}#info.intro #info-body p{font-size:15px}@media (aspect-ratio>=5/4){.bottom{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));position:absolute}}@media (orientation:landscape) and (height<=520px){#info .panel{width:min(520px,100% - 40px)}#info-title{margin-bottom:4px;font-size:24px}#info.intro #info-body{min-height:0;margin-bottom:8px;overflow-y:auto}#info-body .hero{width:72px;height:72px;margin:0 auto 2px}#info.intro #info-body h2{margin-bottom:2px;font-size:18px}#info.intro #info-body p{font-size:14px}#hud #ov-btn,#hud #info-btn{height:52px;font-size:22px}.panel{padding:14px 18px 12px}}#hud #home-help{top:max(14px, env(safe-area-inset-top));position:absolute;right:16px}#hud #board[hidden]{display:none}#hud #board{top:max(14px, env(safe-area-inset-top));right:calc(16px + var(--rb) + 10px);position:absolute}#hud button{-webkit-tap-highlight-color:transparent;transition:transform 80ms ease-out,box-shadow 80ms ease-out}#hud button:where(:active,.pressed):where(:not(:disabled)){transform:scale(.93)}.no-cursor,.no-cursor *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Ccircle cx='14' cy='14' r='9' fill='%23fff' stroke='%231d3566' stroke-width='3'/%3E%3C/svg%3E") 14 14,auto!important}.no-cursor.aiming canvas{cursor:none!important}html.record{background:#14121f}html.record body{background:0 0}html.record #c,html.record #hud{inset:auto;left:var(--rec-x);top:var(--rec-y);width:var(--rec-w);height:var(--rec-h)}html.record #hud{padding:12px 16px 14px}.no-cursor.turning,.no-cursor.turning *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M24.5 18.5A9 9 0 1 1 20.5 8.2' stroke='%231d3566' stroke-width='7'/%3E%3Cpath d='M24.5 18.5A9 9 0 1 1 20.5 8.2' stroke='%23fff' stroke-width='3'/%3E%3C/g%3E%3Cpath d='M17.5 3.5L26 7.5L19.5 13.5Z' fill='%23fff' stroke='%231d3566' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 20 20,grabbing!important}#coach{pointer-events:none;z-index:4;--x:50vw;--y:50vh;display:none;position:fixed;inset:0}#coach.on{display:block}#coach.wait .ring,#coach.wait .pointer,#coach.wait .keys,#coach.wait .chip{opacity:0;visibility:hidden}#coach.wait .pointer{animation:none}#hud #coach.wait .skip{display:none}#coach .ring,#coach .pointer,#coach .chip{left:var(--x);top:var(--y);transition:opacity .2s;position:absolute}#coach.swap:before,#coach.powerup:before{content:"";background:radial-gradient(circle at var(--x) var(--y), #0000 0 calc(var(--ball) * .5), #0b1d4a8c calc(var(--ball) * .8));transition:opacity .25s;position:absolute;inset:0}#coach.wait:is(.swap,.powerup):before{opacity:0}#coach .ring{border:4px solid #fff;border-radius:50%;width:64px;height:64px;margin:-32px 0 0 -32px;animation:1.2s ease-out infinite coachRing;display:none;box-shadow:0 0 0 3px #ffd23f,0 0 24px #ffd23f}#coach:is(.tap,.swap,.powerup,.block,.hint) .ring{display:block}@keyframes coachRing{0%{opacity:1;transform:scale(.55)}to{opacity:0;transform:scale(1.35)}}#coach .pointer{filter:drop-shadow(0 4px 6px #0007);width:48px;height:48px}#coach .pointer svg{width:100%;height:100%;display:block}#coach:not(.touch) .pointer{margin:-6px 0 0 -9px}#coach.touch .pointer{margin:-4px 0 0 -18px}#coach.turn .pointer{animation:2.2s ease-in-out infinite coachDrag}#coach:is(.tap,.swap,.powerup,.hint) .pointer{animation:1.2s ease-in-out infinite coachTap}#coach.block .pointer{display:none}@keyframes coachDrag{0%{opacity:0;transform:translate(-90px,10px)scale(1)}12%{opacity:1;transform:translate(-90px,10px)scale(1)}20%{transform:translate(-90px,10px)scale(.85)}60%{transform:translate(90px,-10px)scale(.85)}70%{opacity:1;transform:translate(90px,-10px)scale(1)}85%,to{opacity:0;transform:translate(90px,-10px)scale(1)}}#coach.turn:after{content:"";left:var(--x);top:var(--y);transform-origin:50%;background:linear-gradient(90deg,#fff0,#fffc);border-radius:5px;width:180px;height:10px;margin:-5px 0 0 -90px;animation:2.2s ease-in-out infinite coachTrail;position:absolute;transform:rotate(-6deg)}@keyframes coachTrail{0%,20%{clip-path:inset(0 100% 0 0);opacity:1}60%{clip-path:inset(0);opacity:1}85%,to{clip-path:inset(0);opacity:0}}#coach.wait.turn:after{opacity:0;animation:none}@keyframes coachTap{0%{transform:translate(18px,22px)}40%{transform:translate(0)scale(1)}52%{transform:translate(0)scale(.82)}64%,to{transform:translate(0)scale(1)}}#coach .keys{left:50%;bottom:max(28px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:4px;transition:opacity .2s;display:none;position:absolute;transform:translate(-50%)}#coach.turn:not(.touch) .keys{display:flex}#coach .keys span{gap:4px;display:flex}#coach .key{color:#2a3460;background:linear-gradient(#fff,#dfe6f5);border-radius:9px;place-items:center;width:40px;height:40px;animation:2.2s ease-in-out infinite coachKey;display:grid;box-shadow:0 4px #8a96bd,0 6px 12px #0004}#coach .key svg{width:20px;height:20px}#coach .key.down svg{transform:rotate(180deg)}#coach .key.left svg{transform:rotate(-90deg)}#coach .key.right svg{transform:rotate(90deg)}#coach .key.right{animation-delay:.2s}#coach .key.left,#coach .key.up,#coach .key.down{animation:none}@keyframes coachKey{20%,60%{background:linear-gradient(#ffe98a,#ffd23f);transform:translateY(3px);box-shadow:0 1px #8a96bd,0 2px 6px #0004}}#coach .chip{filter:drop-shadow(0 6px 10px #0006);width:72px;height:72px;margin:-96px 0 0 18px;animation:1.6s ease-in-out infinite coachChip;display:none}#coach.block .chip{display:block}@keyframes coachChip{50%{transform:translateY(-6px)rotate(-4deg)}}#hud #coach .skip{left:max(16px, env(safe-area-inset-left));bottom:max(16px, env(safe-area-inset-bottom));pointer-events:auto;height:var(--rb);color:var(--ink);font-family:var(--display);letter-spacing:.02em;background:radial-gradient(circle at 50% 28%,#fff 0 45%,#e6efff 75%,#d3e2fb 100%);border-radius:999px;align-items:center;gap:6px;padding:0 16px 0 20px;font-size:clamp(16px,2vmin,21px);transition:transform 80ms,box-shadow 80ms;display:flex;position:absolute;box-shadow:inset 0 -3px #c3d5f3,0 4px #2a5fae,0 7px 14px #0b1d4a40}#hud #coach .skip svg{width:20px;height:20px}@media (width<=600px){#hud #coach .skip{bottom:auto;top:calc(max(12px, env(safe-area-inset-top)) + var(--rb) + 28px)}}#hud #coach .skip:is(:active,.pressed){transform:translateY(3px);box-shadow:inset 0 -3px #c3d5f3,0 1px #2a5fae,0 3px 8px #0b1d4a40}#hud #coach:is(.block,.hint,.powerup) .skip{display:none}#hud #coach.hint.guided .skip{display:flex}@media (prefers-reduced-motion:reduce){#coach .ring,#coach .chip,#coach .key{animation:none}}