@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:400;src:url(./fredoka-hebrew-400-normal-CT3eDt6U.woff2)format("woff2"),url(./fredoka-hebrew-400-normal-S03uWvSu.woff)format("woff");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:400;src:url(./fredoka-latin-ext-400-normal-h-azoVru.woff2)format("woff2"),url(./fredoka-latin-ext-400-normal-Cc3DdpKI.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Fredoka;font-style:normal;font-display:swap;font-weight:400;src:url(./fredoka-latin-400-normal-17JuUzdy.woff2)format("woff2"),url(./fredoka-latin-400-normal-DbXSrOeS.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(./fredoka-hebrew-600-normal-CTBxhdlE.woff2)format("woff2"),url(./fredoka-hebrew-600-normal-BiVDObXj.woff)format("woff");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(./fredoka-latin-ext-600-normal-GoyidTAB.woff2)format("woff2"),url(./fredoka-latin-ext-600-normal-BExgZzUO.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(./fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(./fredoka-latin-600-normal-CcrEjrB4.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(./fredoka-hebrew-700-normal-DBqnFHCe.woff2)format("woff2"),url(./fredoka-hebrew-700-normal-DiqR04Vd.woff)format("woff");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(./fredoka-latin-ext-700-normal--a2O67AJ.woff2)format("woff2"),url(./fredoka-latin-ext-700-normal-DBnuyHy7.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(./fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(./fredoka-latin-700-normal-C8FeHd3X.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--blue:#3fa9f5;--blue-d:#1f6fb8;--deep:#17406e;--coral:#ff6b6b;--pink:#ff5d8f;--sun:#ffd23f;--leaf:#57c26a;--cream:#fff8ea;--ink:#23324a;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;background:radial-gradient(120% 90% at 50% 0,#7fd0ff 0%,#3a8fd6 45%,#183e72 100%);margin:0;font-family:Fredoka,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}body:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 12% 30%,#ffffff2e 0 40px,#0000 41px),radial-gradient(circle at 85% 20%,#ffffff24 0 60px,#0000 61px),radial-gradient(circle at 78% 75%,#ffffff1f 0 34px,#0000 35px),radial-gradient(circle at 20% 82%,#ffffff1a 0 70px,#0000 71px);position:fixed;top:0;bottom:0;left:0;right:0}#stage{background:#a8dcf6;height:100%;position:absolute;top:0;left:50%;overflow:clip;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff40,0 30px 80px #081e468c}@media (min-aspect-ratio:7/10){#stage{border-radius:0}}#c{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.hidden{display:none!important}#hud{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hud-top{top:calc(10px + var(--safe-t));justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;left:10px;right:10px}.chip{background:#fffcf4eb;border-radius:18px;align-items:center;gap:8px;padding:6px 10px;display:flex;box-shadow:0 3px #17406e40,0 6px 18px #17406e2e}.sun-ico{width:26px;height:26px;fill:var(--sun);stroke:#ffb020;flex:none;animation:12s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.day-col{flex-direction:column;gap:3px;display:flex}#dayNum{color:var(--deep);font-size:15px;font-weight:700;line-height:1}.sunbar{background:#e3edf5;border-radius:4px;width:64px;height:7px;overflow:hidden}.sunbar i{background:linear-gradient(90deg,#ffb37a,#ffd23f 45%,#ff8352);border-radius:4px;width:0;height:100%;display:block}.score-wrap{text-align:center;flex:1;position:relative}#score{color:#fff;-webkit-text-stroke:1.5px var(--deep);paint-order:stroke fill;text-shadow:0 3px 0 var(--deep), 0 6px 14px #00000040;font-size:34px;font-weight:700;line-height:1;transition:transform .12s}#score.pop{transform:scale(1.18)}#combo{color:#fff;background:linear-gradient(180deg, #ff8fb3, var(--pink));border-radius:12px;margin-top:4px;padding:2px 10px;font-size:15px;font-weight:700;animation:.6s ease-in-out infinite alternate wob;display:inline-block;box-shadow:0 2px #c43a68}@keyframes wob{0%{transform:rotate(-4deg)scale(1)}to{transform:rotate(4deg)scale(1.08)}}.chip.right{pointer-events:auto;padding:5px 6px 5px 10px}#hearts{gap:2px;display:flex}#hearts svg{width:20px;height:20px;transition:transform .25s}#hearts svg.full path{fill:var(--coral);stroke:#c43a3a}#hearts svg.empty path{fill:#e6e0d8;stroke:#bfb6aa}#hearts svg.lost{animation:.7s ease-out heartLost}@keyframes heartLost{0%{transform:scale(1.8)rotate(-10deg)}50%{transform:scale(.7)rotate(10deg)}to{transform:scale(1)}}#pauseBtn{background:var(--blue);width:32px;height:32px;box-shadow:0 3px 0 var(--blue-d);cursor:pointer;border:0;border-radius:12px;place-items:center;padding:0;display:grid}#pauseBtn svg{fill:#fff;width:18px;height:18px}#pauseBtn:active{box-shadow:0 1px 0 var(--blue-d);transform:translateY(2px)}.hud-bottom{left:0;right:0;bottom:calc(14px + var(--safe-b));justify-content:center;display:flex;position:absolute}.tank{background:#fffcf4eb;border-radius:22px;align-items:center;gap:8px;padding:7px 14px 7px 10px;display:flex;position:relative;box-shadow:0 3px #17406e40,0 6px 18px #17406e2e}.drop-ico{width:28px;height:28px;fill:var(--blue);stroke:var(--blue-d);stroke-width:1.2px}.tank-bar{background:#dfe8f0;border-radius:12px;width:min(52vw,220px);height:20px;position:relative;overflow:hidden;box-shadow:inset 0 2px 3px #00000026}#tankFill{background:linear-gradient(#7fd3ff,#2d8fd8);border-radius:12px;width:100%;transition:background .3s;position:absolute;top:0;bottom:0;left:0;overflow:hidden}#tankFill .wave{background:radial-gradient(circle at 0,#0000 7px,#ffffff59 8px,#0000 10px);width:20px;animation:.5s linear infinite wv;position:absolute;top:0;bottom:0;right:-10px}@keyframes wv{50%{transform:translateY(2px)}}.tank-shine{background:#ffffff73;border-radius:3px;height:4px;position:absolute;top:3px;left:8px;right:8px}#tankLabel{letter-spacing:.08em;color:var(--blue-d);width:42px;font-size:12px;font-weight:700}.tank.low #tankFill{background:linear-gradient(#ffb199,#ff6b6b)}.tank.low #tankLabel{color:var(--coral)}.tank.empty{animation:.3s linear infinite shake}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}#hint{left:50%;top:calc(84px + var(--safe-t));color:#fff;white-space:nowrap;background:#17406ed1;border-radius:18px;align-items:center;gap:10px;padding:10px 16px;font-size:16px;font-weight:600;animation:1.4s ease-in-out infinite bob;display:flex;position:absolute;transform:translate(-50%)}@keyframes bob{50%{transform:translate(-50%,-6px)}}.finger{background:#fff;border-radius:50%;width:22px;height:22px;animation:1.4s ease-in-out infinite press;position:relative}.finger:after{content:"";border:2px solid #ffffffb3;border-radius:50%;animation:1.4s ease-out infinite ring;position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px}@keyframes press{40%,70%{transform:scale(.8)}}@keyframes ring{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}#heat{pointer-events:none;opacity:0;mix-blend-mode:soft-light;background:radial-gradient(90% 60% at 50% 0,#ff9628bf,#0000 70%),radial-gradient(120% 70% at 50% 100%,#ff5a1e73,#0000 70%);transition:opacity 1.2s;position:absolute;top:-20px;bottom:-20px;left:-20px;right:-20px}#heat.on{opacity:1;animation:1.6s ease-in-out infinite heatpulse}@keyframes heatpulse{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(-6px)scaleY(1.02)}}#followers{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.mark{will-change:transform;position:absolute;top:0;left:0}.mark.badge{width:20px;height:20px;color:var(--blue-d);text-align:center;background:#fff;border-radius:50%;margin:-10px 0 0 -10px;font-size:13px;font-weight:700;line-height:20px;box-shadow:0 2px #17406e59}.mark.point{width:0;height:0}.mark.point:before{content:"";filter:drop-shadow(0 2px 2px #00000040);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 36'%3E%3Cpath d='M12 34c-3 0-5-2-6.5-4.5L2 23c-.8-1.4-.3-3 1-3.7 1.2-.7 2.6-.3 3.4.8L9 23V5a3 3 0 0 1 6 0v10a3 3 0 0 1 5.5 1.4A3 3 0 0 1 26 18v8c0 4.5-3.5 8-8 8z' fill='%23fff' stroke='%2317406e' stroke-width='2.2' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:30px;height:36px;animation:1s ease-in-out infinite tapme;position:absolute;top:-64px;left:-15px;transform:rotate(180deg)}@keyframes tapme{0%,to{transform:rotate(180deg)translateY(0)}50%{transform:rotate(180deg)translateY(-10px)}}.popup{color:#fff;-webkit-text-stroke:1px #17406ee6;paint-order:stroke fill;text-shadow:0 2px #17406ee6;white-space:nowrap;will-change:transform, opacity;font-size:16px;font-weight:700;position:absolute;top:0;left:0}.popup.big{color:var(--sun);-webkit-text-stroke-color:#a0560a;text-shadow:0 2px #a0560a;font-size:21px}.popup.save{color:#9bffb0;-webkit-text-stroke-color:#1d6b33;text-shadow:0 2px #1d6b33}.popup.bad{color:#ffb0a8;-webkit-text-stroke-color:#8a1f1f;text-shadow:0 2px #8a1f1f}#toast{left:50%;top:calc(80px + var(--safe-t));color:#fff;white-space:nowrap;opacity:0;background:#17406ed9;border-radius:14px;align-items:baseline;gap:6px;max-width:calc(100% - 24px);padding:5px 12px;font-size:14px;font-weight:600;transition:opacity .25s,transform .25s;display:flex;position:absolute;transform:translate(-50%,-8px)}#toast.show{opacity:1;transform:translate(-50%)}#toast b{font-weight:700}#toast.warn b{color:#ffd0a0}#toast.bad b{color:#ffb0a8}#banner{text-align:center;pointer-events:none;position:absolute;top:30%;left:0;right:0}#banner .b{color:#fff;-webkit-text-stroke:2px var(--deep);paint-order:stroke fill;text-shadow:0 4px 0 var(--deep), 0 10px 26px #0000004d;font-size:46px;font-weight:700;animation:2.2s cubic-bezier(.2,1.4,.4,1) forwards bannerIn;display:inline-block}#banner .s{color:#fff;text-shadow:0 2px 0 var(--deep), 0 4px 10px #0000004d;margin-top:8px;font-size:18px;font-weight:600;animation:2.2s forwards subIn;display:block}#banner.warn .b{color:#ffd0a0;-webkit-text-stroke-color:#8a3a10;text-shadow:0 4px #8a3a10,0 10px 26px #0000004d}#banner.bad .b{color:#ffc4be;-webkit-text-stroke-color:#8a1f1f;text-shadow:0 4px #8a1f1f,0 10px 26px #0000004d}#banner.good .b{color:#fff3a8;-webkit-text-stroke-color:#a0560a;text-shadow:0 4px #a0560a,0 10px 26px #0000004d}@keyframes bannerIn{0%{opacity:0;transform:scale(.3)rotate(-8deg)}15%{opacity:1;transform:scale(1.1)rotate(2deg)}25%{transform:scale(1)rotate(0)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)translateY(-20px)}}@keyframes subIn{0%,10%{opacity:0;transform:translateY(8px)}25%,80%{opacity:1;transform:none}to{opacity:0}}.screen{padding:calc(20px + var(--safe-t)) 18px calc(20px + var(--safe-b));flex-direction:column;justify-content:center;align-items:center;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.screen.show{animation:.35s fadeIn;display:flex}.screen.dim{-webkit-backdrop-filter:blur(3px);background:#0e224273}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#loading{background:linear-gradient(#8fd8ff,#3fa9f5 60%,#2a7fd0);gap:26px}.load-drop{width:70px;height:92px;clip-path:path("M35 2 C26 22 4 40 4 60 A31 31 0 0 0 66 60 C66 40 44 22 35 2 Z");background:#ffffff59;position:relative;overflow:hidden}#loadFill{background:#fff;height:0%;transition:height .25s;position:absolute;bottom:0;left:0;right:0}.load-txt{color:#fff;opacity:.9;font-size:16px;font-weight:600}#title{pointer-events:none;justify-content:space-between}#title>*{pointer-events:auto}.title-top{text-align:center;margin-top:4vh}.title-bottom{flex-direction:column;align-items:center;gap:14px;width:100%;margin-bottom:3vh;display:flex}.logo{flex-direction:column;align-items:center;font-weight:700;line-height:.86;display:flex}.logo span{color:#fff;-webkit-text-stroke:3px var(--deep);paint-order:stroke fill;text-shadow:0 5px 0 var(--deep), 0 12px 24px #0a285059;font-size:min(17vw,74px);animation:3.2s ease-in-out infinite logoWob;display:block}.logo .w1{color:#bfeaff;transform:rotate(-4deg)}.logo .h{color:var(--sun);-webkit-text-stroke-color:#9a4a10;text-shadow:0 5px #9a4a10,0 12px 24px #0a285059;font-size:min(21vw,92px);animation-delay:-.6s}.logo .w2{color:#8fd8ff;animation-delay:-1.2s}.logo.small span{font-size:48px}.logo.small .h{font-size:58px}@keyframes logoWob{0%,to{transform:rotate(-3deg)translateY(0)}50%{transform:rotate(3deg)translateY(-6px)}}.tagline{color:#fff;max-width:300px;text-shadow:0 2px 0 var(--deep), 0 3px 10px #00000059;margin:16px auto 0;font-size:17px;font-weight:600}.btn{color:#fff;background:linear-gradient(180deg, #6cc4ff, var(--blue));box-shadow:0 5px 0 var(--blue-d), 0 10px 20px #0a285040;cursor:pointer;border:0;border-radius:20px;align-items:center;gap:8px;padding:12px 26px;font-family:inherit;font-size:20px;font-weight:700;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:active{box-shadow:0 1px 0 var(--blue-d), 0 4px 10px #0a285033;transform:translateY(4px)}.btn svg{fill:#fff;width:26px;height:26px}.btn.big{color:#6a3a00;background:linear-gradient(#ffe27a,#ffbf1f);border-radius:26px;padding:14px 44px;font-size:30px;box-shadow:0 6px #c47a00,0 14px 26px #0a28504d}.btn.big svg{fill:#6a3a00}.btn.big:active{box-shadow:0 2px #c47a00}#playBtn{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.06)}}.btn.ghost{color:var(--deep);box-shadow:none;text-underline-offset:4px;background:0 0;padding:8px 16px;font-size:17px;text-decoration:underline;text-decoration-thickness:2px}.btn.ghost:active{opacity:.7;transform:none}.best{color:#fff;text-shadow:0 2px 0 var(--deep);min-height:20px;font-size:16px;font-weight:600}.howto{gap:8px;display:flex}.howto div{color:var(--deep);background:#fffcf4e6;border-radius:14px;padding:6px 10px;font-size:14px;box-shadow:0 3px #17406e40}.howto b{color:var(--blue-d)}.toggles{gap:12px;display:flex}.tog{cursor:pointer;background:#fffcf4eb;border:0;border-radius:16px;place-items:center;width:46px;height:46px;padding:0;display:grid;box-shadow:0 3px #17406e4d}.tog svg{width:26px;height:26px;fill:var(--deep);stroke:var(--deep)}.tog.off{opacity:.55}.toggles.inpanel .tog{background:#eef4fa}.panel{background:var(--cream);text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:12px;width:min(100%,380px);max-height:100%;padding:22px 18px 18px;animation:.45s cubic-bezier(.2,1.5,.4,1) panelIn;display:flex;overflow-y:auto;box-shadow:0 8px #17406e59,0 20px 50px #00000059}@keyframes panelIn{0%{opacity:0;transform:scale(.7)translateY(30px)}to{opacity:1;transform:none}}.panel h2{color:var(--deep);margin:0;font-size:30px}.panel h3{color:var(--blue-d);margin:6px 0 0;font-size:18px}.stats{grid-template-columns:repeat(2,1fr);gap:8px;width:100%;display:grid}.stat{background:#fff;border-radius:14px;padding:8px 6px;box-shadow:0 2px #17406e26}.stat b{color:var(--deep);font-size:22px;display:block}.stat span{color:#6a7c94;font-size:13px}.de-bonus{color:var(--leaf);font-size:18px;font-weight:700}.cards{flex-direction:column;gap:10px;width:100%;display:flex}.card{text-align:left;cursor:pointer;background:#fff;border:0;border-radius:18px;align-items:center;gap:12px;padding:10px 12px;font-family:inherit;transition:transform .1s;animation:.5s cubic-bezier(.2,1.5,.4,1) backwards cardIn;display:flex;box-shadow:0 4px #c9d8e8}.card:nth-child(2){animation-delay:80ms}.card:nth-child(3){animation-delay:.16s}@keyframes cardIn{0%{opacity:0;transform:translate(40px)scale(.8)}}.card:active{transform:translateY(3px);box-shadow:0 1px #c9d8e8}.card.picked{background:#e8fff0;transform:scale(1.04);box-shadow:0 4px #57c26a}.card .ico{background:linear-gradient(#e3f4ff,#c3e6ff);border-radius:16px;flex:none;place-items:center;width:52px;height:52px;display:grid}.card .ico svg{width:36px;height:36px}.card .txt b{color:var(--deep);font-size:18px;display:block}.card .txt span{color:#5a6c84;font-size:14px}.card .lvl{color:var(--blue-d);background:#e3f4ff;border-radius:10px;margin-left:auto;padding:3px 8px;font-size:12px;font-weight:700}.moon{background:radial-gradient(circle at 35% 35%,#fff9d8,#ffe38a);border-radius:50%;width:54px;height:54px;position:relative;box-shadow:0 0 30px #ffe68ce6}.moon:after{content:"";background:var(--cream);border-radius:50%;width:44px;height:44px;position:absolute;top:-6px;left:20px}.wilted{transform-origin:50% 100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 60 C32 44 30 36 22 28' stroke='%237a5a32' stroke-width='4' fill='none' stroke-linecap='round'/%3E%3Cpath d='M30 46 C22 44 16 48 14 54 C22 54 28 52 30 46Z' fill='%23a08850'/%3E%3Ccircle cx='20' cy='26' r='9' fill='%238a6a3a'/%3E%3Cpath d='M15 23 l4 4 M19 23 l-4 4 M22 23 l4 4 M26 23 l-4 4' stroke='%232a1a1f' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:70px;height:70px;animation:2s ease-in-out infinite droop}@keyframes droop{50%{transform:rotate(-6deg)}}.final{color:var(--sun);-webkit-text-stroke:2px #9a4a10;paint-order:stroke fill;text-shadow:0 4px #9a4a10;font-size:54px;font-weight:700;line-height:1}.newbest{color:#fff;background:var(--pink);border-radius:12px;padding:4px 14px;font-weight:700;animation:.5s ease-in-out infinite alternate wob}@media (max-height:620px){.logo span{font-size:44px}.logo .h{font-size:54px}.panel{gap:8px;padding:14px 14px 12px}.panel h2{font-size:24px}.card{padding:7px 10px}.card .ico{width:42px;height:42px}}#rotate{z-index:50;color:#fff;text-align:center;background:linear-gradient(#3fa9f5,#1f6fb8);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;font-size:20px;font-weight:700;display:none;position:fixed;top:0;bottom:0;left:0;right:0}#rotate svg{width:72px;height:72px;animation:1.8s ease-in-out infinite tilt}@keyframes tilt{0%,30%{transform:rotate(-90deg)}60%,to{transform:rotate(0)}}@media (orientation:landscape) and (pointer:coarse) and (max-height:520px){#rotate{display:flex}}