@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:500;src:url(./baloo-2-devanagari-500-normal-Ddzk8H1G.woff2)format("woff2"),url(./baloo-2-devanagari-500-normal-BGpOhOmM.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:500;src:url(./baloo-2-vietnamese-500-normal-Cj5RGu3k.woff2)format("woff2"),url(./baloo-2-vietnamese-500-normal-ClyrcyJC.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:500;src:url(./baloo-2-latin-ext-500-normal-Ba7mhTsk.woff2)format("woff2"),url(./baloo-2-latin-ext-500-normal-D1XZow3C.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:"Baloo 2";font-style:normal;font-display:swap;font-weight:500;src:url(./baloo-2-latin-500-normal-CmLZ27r7.woff2)format("woff2"),url(./baloo-2-latin-500-normal-BSdEhq8m.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:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(./baloo-2-devanagari-800-normal-BURIY0wZ.woff2)format("woff2"),url(./baloo-2-devanagari-800-normal-YLp1oUqR.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(./baloo-2-vietnamese-800-normal-ConLnEgt.woff2)format("woff2"),url(./baloo-2-vietnamese-800-normal-GQACmpuv.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(./baloo-2-latin-ext-800-normal-C_Iwmf1s.woff2)format("woff2"),url(./baloo-2-latin-ext-800-normal-D-iCxxqE.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:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(./baloo-2-latin-800-normal-BbF3Etk1.woff2)format("woff2"),url(./baloo-2-latin-800-normal-B8BXfZF7.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}html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;paint-order:stroke fill;overscroll-behavior:none;background:#0f1c2b;width:100%;height:100%;margin:0;padding:0;font-family:"Baloo 2",Arial Rounded MT Bold,Trebuchet MS,sans-serif;overflow:hidden}#app,#app canvas{width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.hud{pointer-events:none;color:#fff;position:absolute;top:0;bottom:0;left:0;right:0}.hud-top{top:max(12px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));flex-wrap:wrap;align-items:center;gap:8px 18px;max-width:calc(50vw - clamp(70px,12vmin,120px) - 14px);display:flex;position:absolute}.hud-coins.long{font-size:clamp(16px,2.6vmin,28px)}.hud-coins{text-shadow:0 2px #0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a142373;border-radius:40px;align-items:center;gap:8px;padding:6px 16px 6px 8px;font-size:clamp(22px,3.6vmin,38px);font-weight:800;display:flex}.hud-coins.bump{animation:.35s ease-out bump}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.coin-svg{filter:drop-shadow(0 2px 2px #00000059);width:1.4em;height:1.4em}.hud-hearts{gap:6px;display:flex}.heart{filter:drop-shadow(0 2px 2px #00000073);width:clamp(30px,5vmin,48px);height:clamp(28px,4.7vmin,45px)}.heart-svg{fill:#ff3b4e;stroke:#fff;stroke-width:2px;width:100%;height:100%}.heart.gone .heart-svg{fill:#5a5560;opacity:.75}.heart.crack{animation:.6s ease-out crack}@keyframes crack{0%{transform:scale(1.6)rotate(-10deg)}30%{transform:scale(1.3)rotate(8deg)}to{transform:scale(1)rotate(0)}}.hud-time{top:max(10px, env(safe-area-inset-top));color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 2px 3px #00000080;pointer-events:none;background:#0a142380;border-radius:30px;padding:2px 16px;font-size:clamp(22px,4.4vmin,40px);font-weight:800;position:absolute;left:50%;transform:translate(-50%)}.hud-time.low{color:#ffd23f}.hud-time.crit{color:#ff5a5a;animation:.5s infinite bump}.hidden{display:none!important}.hud-pause{top:max(12px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));color:#fff;pointer-events:auto;cursor:pointer;background:#0a142373;border:3px solid #ffffffd9;border-radius:50%;width:clamp(48px,8vmin,64px);height:clamp(48px,8vmin,64px);font-family:inherit;font-size:clamp(18px,3vmin,24px);font-weight:800;position:absolute}.hud-msg{color:#fff;-webkit-text-stroke:6px #1b2b45;text-shadow:0 6px #1b2b45,0 10px 20px #0006;opacity:0;white-space:nowrap;font-size:clamp(40px,10vmin,110px);font-weight:800;transition:opacity .2s,transform .25s cubic-bezier(.3,1.6,.6,1);position:absolute;top:26%;left:50%;transform:translate(-50%,-50%)scale(.6)}.hud-msg.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.hud-msg.red{color:#ff5a4d}.hud-msg.green{color:#6dff8a}.pad{pointer-events:auto;touch-action:none;height:40%;position:absolute;bottom:0;left:0;right:0}.pad-left,.pad-right{bottom:max(18px, env(safe-area-inset-bottom));align-items:flex-end;gap:clamp(12px,3vmin,26px);display:flex;position:absolute}.pad-left{left:max(18px, env(safe-area-inset-left))}.pad-right{right:max(18px, env(safe-area-inset-right))}.pbtn{color:#fff;text-shadow:0 2px 4px #00000080;background:#ffffff38;border:4px solid #ffffffbf;border-radius:50%;justify-content:center;align-items:center;width:clamp(84px,15vmin,132px);height:clamp(84px,15vmin,132px);font-size:clamp(34px,6vmin,56px);transition:transform 60ms,background 60ms;display:flex;box-shadow:0 6px 18px #00000040}.pbtn.small{width:clamp(70px,12vmin,108px);height:clamp(70px,12vmin,108px);font-size:clamp(28px,5vmin,46px)}.pbtn.on{background:#ffd23fbf;transform:scale(.92)}.popup{white-space:nowrap;pointer-events:none;-webkit-text-stroke:4px #14141ed9;text-shadow:0 3px #14141eb3;will-change:transform, opacity;font-size:clamp(26px,5vmin,54px);font-weight:800;position:absolute;top:0;left:0}.popup.good{color:#ffd23f}.popup.bad{color:#ff4d3d}.popup.klik{color:#fff;-webkit-text-stroke:6px #c8231a;font-size:clamp(34px,7vmin,72px)}.popup.warn{color:#ffdf3d;-webkit-text-stroke:6px #c8231a}.popup.flag{color:#7dff8a}.popup.hurt{color:#ff6b7a;font-size:clamp(40px,8vmin,80px)}.popup.trick{color:#8fd8ff}.menu{pointer-events:none;color:#fff;--start-fs:clamp(30px, 6.5vmin, 60px);position:absolute;top:0;bottom:0;left:0;right:0}.menu button{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit}.menu-title{top:max(14px, env(safe-area-inset-top));left:max(20px, env(safe-area-inset-left));letter-spacing:1px;-webkit-text-stroke:4px #1b2b45;text-shadow:0 5px #1b2b45,0 8px 18px #00000059;font-size:clamp(26px,min(6.5vmin,5.6vw),64px);font-weight:800;position:absolute}.tracks{top:calc(max(14px, env(safe-area-inset-top)) + clamp(40px, 8.2vmin, 80px));left:max(18px, env(safe-area-inset-left));max-width:calc(100vw - max(18px, env(safe-area-inset-left)) - max(20px, env(safe-area-inset-right)) - var(--start-fs) * 6 - 16px);pointer-events:auto;flex-wrap:wrap;align-items:center;gap:clamp(8px,1.4vmin,12px) clamp(4px,.9vmin,8px);display:flex;position:absolute}.tlabel{text-shadow:0 2px 4px #0000008c;margin-right:4px;font-size:clamp(15px,2.8vmin,24px);font-weight:800}.track{color:#1b2b45;background:#ffffffeb;border:3px solid #fff;border-radius:50%;width:clamp(34px,6.2vmin,52px);height:clamp(34px,6.2vmin,52px);padding:0;font-size:clamp(16px,3vmin,26px);font-weight:800;position:relative;box-shadow:0 4px #00000040}.track.sel{background:linear-gradient(#ffe26a,#ffb400);transform:scale(1.14);box-shadow:0 0 0 4px #ffd23f73,0 4px #00000040}.track.todo{color:#ffffffe6;box-shadow:none;background:#14233c59;border-style:dashed}.track.todo:after{content:"✏️";font-size:.62em;position:absolute;bottom:-7px;right:-7px}.menu-bubble{color:#1b2b45;opacity:0;pointer-events:none;z-index:3;background:#fff;border-radius:18px;width:max-content;max-width:min(60vw,560px);padding:.55em .9em;font-size:clamp(16px,3vmin,26px);font-weight:800;line-height:1.25;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 14px);left:0;transform:translateY(-8px)scale(.95);box-shadow:0 8px 22px #0000004d}.menu-bubble.show{opacity:1;transform:none}.start-btn{top:max(16px, env(safe-area-inset-top));right:max(20px, env(safe-area-inset-right));font-size:var(--start-fs);box-sizing:border-box;text-align:center;white-space:nowrap;color:#fff;text-shadow:0 3px #0000004d;background:linear-gradient(#4cd964,#1f9b3a);border:4px solid #fff;border-radius:.5em;width:6em;padding:.25em 0;font-weight:800;animation:1.6s ease-in-out infinite pulse;position:absolute;box-shadow:0 7px #136328,0 12px 24px #00000059}.start-btn:active{transform:translateY(5px);box-shadow:0 2px #136328}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.menu-info{left:max(22px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c18288c;border-radius:22px;width:min(38vw,420px);padding:16px 20px;position:absolute;top:30%}.info-name{color:#ffd23f;-webkit-text-stroke:2px #3a2a00;font-size:clamp(24px,4.6vmin,44px);font-weight:800}.info-text{margin:6px 0 10px;font-size:clamp(16px,2.8vmin,24px);line-height:1.25}.bar-row{align-items:center;gap:8px;margin:4px 0;font-size:clamp(14px,2.4vmin,20px);display:flex}.bar-row .bl{width:6.2em}.bar-row .bb{gap:4px;display:flex}.bar-row .bb i{background:#ffffff38;border-radius:4px;width:clamp(14px,2.4vmin,22px);height:clamp(10px,1.7vmin,14px)}.bar-row .bb i.on{background:linear-gradient(#ffd23f,#ff9a1f)}.menu-tools{right:max(20px, env(safe-area-inset-right));top:calc(max(16px, env(safe-area-inset-top)) + clamp(76px, 13vmin, 120px));gap:10px;display:flex;position:absolute}.tool{color:#fff;background:#0a142380;border:3px solid #ffffffd9;border-radius:50%;width:clamp(46px,7.5vmin,60px);height:clamp(46px,7.5vmin,60px);font-size:clamp(20px,3.4vmin,28px)}.cards{left:0;right:0;bottom:max(6px, env(safe-area-inset-bottom));padding:16px max(14px, env(safe-area-inset-right)) 6px max(14px, env(safe-area-inset-left));pointer-events:auto;scrollbar-width:none;scroll-snap-type:x proximity;touch-action:pan-x;-webkit-overflow-scrolling:touch;justify-content:safe center;gap:clamp(6px,1.4vmin,14px);display:flex;position:absolute;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 22px calc(100% - 22px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 22px calc(100% - 22px),#0000 100%)}.cards::-webkit-scrollbar{display:none}.card{scroll-snap-align:center;color:#1b2b45;background:linear-gradient(#ffffffd9,#d2e4f5d9);border:4px solid #ffffff8c;border-radius:18px;flex-direction:column;flex:none;align-items:center;width:clamp(96px,13vw,176px);padding:4px 4px 6px;transition:transform .15s,border-color .15s;display:flex;position:relative;box-shadow:0 6px 16px #00000040}.card img{aspect-ratio:16/10;object-fit:contain;width:100%}.card .cname{text-align:center;align-items:center;min-height:2.2em;font-size:clamp(12px,1.8vmin,17px);font-weight:800;line-height:1.1;display:flex}.card .cstars{color:#f2a900;letter-spacing:2px;font-size:clamp(12px,2vmin,18px)}.card .badge{color:#fff;z-index:1;background:linear-gradient(#ff5d8f,#e0245e);border:2px solid #fff;border-radius:10px;padding:2px 7px;font-size:clamp(10px,1.6vmin,14px);font-weight:800;position:absolute;top:-8px;right:-6px;transform:rotate(8deg)}.card.sel{border-color:#ffd23f;transform:translateY(-8px)scale(1.06);box-shadow:0 0 0 4px #ffd23f80,0 10px 22px #00000059}.overlay{pointer-events:auto;background:#08101e8c;justify-content:center;align-items:center;animation:.25s ease-out fadein;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes fadein{0%{opacity:0}to{opacity:1}}.panel{color:#1b2b45;background:linear-gradient(#fff,#e3eefb);border-radius:28px;flex-direction:column;align-items:stretch;gap:clamp(8px,1.6vmin,14px);min-width:min(80vw,420px);padding:clamp(16px,3vmin,30px) clamp(22px,4vmin,44px);animation:.35s cubic-bezier(.3,1.6,.6,1) popin;display:flex;box-shadow:0 20px 50px #0006}@keyframes popin{0%{transform:scale(.6)}to{transform:scale(1)}}.panel-title{text-align:center;color:#1b2b45;font-size:clamp(30px,6vmin,54px);font-weight:800}.big{color:#fff;cursor:pointer;background:linear-gradient(#ff9f45,#e8701a);border:none;border-radius:16px;padding:.45em .9em;font-family:inherit;font-size:clamp(20px,3.8vmin,32px);font-weight:800;box-shadow:0 5px #a24a0a}.big.green{background:linear-gradient(#4cd964,#1f9b3a);box-shadow:0 5px #136328}.big.blue{background:linear-gradient(#4d96ff,#2463c9);box-shadow:0 5px #173f85}.big:active{box-shadow:none;transform:translateY(4px)}.results .rcar{text-align:center;color:#e8701a;font-size:clamp(18px,3.2vmin,28px);font-weight:800}.stars{justify-content:center;gap:10px;display:flex}.rstar{color:#c9d3df;font-size:clamp(50px,11vmin,96px);line-height:1}.rstar.on{color:#ffc21f;text-shadow:0 4px #c47f00;animation:.5s cubic-bezier(.3,1.8,.6,1) both starpop}@keyframes starpop{0%{transform:scale(0)rotate(-90deg)}to{transform:scale(1)rotate(0)}}.record{text-align:center;color:#1f9b3a;font-size:clamp(20px,3.6vmin,30px);font-weight:800;animation:1s infinite pulse}.rrow{justify-content:space-between;gap:30px;font-size:clamp(18px,3.2vmin,26px);display:flex}.row-btns{gap:12px;margin-top:6px;display:flex}.row-btns .big{flex:1}@media (max-height:520px){.menu-info{top:calc(max(14px, env(safe-area-inset-top)) + clamp(40px, 8.2vmin, 80px) + clamp(34px, 6.2vmin, 52px) + 10px);border-radius:16px;width:min(42vw,300px);padding:8px 14px}.info-name{font-size:20px}.info-text{display:none}.bar-row{margin:2px 0;font-size:13px}.menu{--start-fs:clamp(24px, 6.5vmin, 60px)}.track{border-width:2px;width:30px;height:30px;font-size:15px}}@media (max-height:380px){.menu-info{display:none}}.home-hint{gap:clamp(4px,1.2vmin,12px);max-width:min(92vw,640px);max-height:94vh;overflow:auto}.home-hint .panel-title{font-size:clamp(24px,6vmin,44px)}.home-hint .hint-why{color:#44546b;text-align:center;margin:0;font-size:clamp(14px,3.4vmin,20px);line-height:1.25}.home-hint ol{margin:0;padding-left:1.4em;font-size:clamp(16px,4vmin,24px);line-height:1.35}.home-hint li{margin:.15em 0}.share-icon{vertical-align:-.2em;color:#2463c9;width:1.15em;height:1.15em}.intro-fade{opacity:1;pointer-events:none;z-index:12;background:#0f1c2b;transition:opacity .45s;position:absolute;top:0;bottom:0;left:0;right:0}.intro-fade.clear{opacity:0}.intro-hint{right:max(16px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));color:#28241e99;pointer-events:none;z-index:11;font-size:clamp(14px,2.4vmin,20px);font-weight:500;position:absolute}.overlay.credits{background:radial-gradient(circle at 50% 30%,#23497a,#0b1626 75%);display:block;overflow:hidden}.credits-close{top:max(14px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));color:#fff;width:clamp(46px,7.5vmin,60px);height:clamp(46px,7.5vmin,60px);font:inherit;cursor:pointer;z-index:2;pointer-events:auto;background:#0a142399;border:3px solid #ffffffd9;border-radius:50%;font-size:clamp(20px,3.4vmin,28px);position:absolute}.credits-roll{text-align:center;color:#fff;width:min(90vw,640px);animation:34s linear infinite credits-roll;position:absolute;top:0;left:50%;transform:translate(-50%,100vh)}@keyframes credits-roll{0%{transform:translate(-50%,100vh)}to{transform:translate(-50%,-100%)}}.credits-logo{color:#ffd23f;-webkit-text-stroke:6px #3a2a00;text-shadow:0 6px #3a2a00;font-size:clamp(64px,14vmin,130px);font-weight:800;line-height:1}.credits-logo span{color:#fff;-webkit-text-stroke:3px #1b2b45;text-shadow:0 3px #1b2b45;margin-top:.15em;font-size:.36em;display:block}.credits-title{color:#8fd8ff;margin:1.6em 0 .6em;font-size:clamp(30px,6vmin,52px);font-weight:800}.credits-title.small{font-size:clamp(24px,4.6vmin,40px)}.credit{margin:1.1em 0}.credit .role{color:#ffffffbf;font-size:clamp(18px,3.2vmin,28px)}.credit .who{color:#ffd23f;-webkit-text-stroke:3px #3a2a00;font-size:clamp(36px,7vmin,64px);font-weight:800}.credit .who.small{color:#fff;-webkit-text-stroke:0;font-size:clamp(26px,4.6vmin,42px)}.credits-collage{aspect-ratio:1/1.08;width:100%;margin:.6em 0 .4em;position:relative}.credits-collage img{width:54%;transform:rotate(var(--tilt));border:clamp(4px,1vmin,8px) solid #fff;border-radius:4px;position:absolute;box-shadow:0 8px 22px #00000080}.credits-end{margin:2em 0 3em;font-size:clamp(26px,5vmin,44px);font-weight:800}.toast{color:#1b2b45;white-space:nowrap;pointer-events:none;z-index:15;background:#fff;border:4px solid #ffd23f;border-radius:999px;padding:.45em 1em;font-size:clamp(22px,4.4vmin,40px);font-weight:800;transition:opacity .4s;animation:.35s cubic-bezier(.3,1.6,.6,1) toastin;position:absolute;top:40%;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.toast.fade{opacity:0}@keyframes toastin{0%{transform:translate(-50%)scale(.6)}to{transform:translate(-50%)scale(1)}}.loading{color:#fff;z-index:10;background:radial-gradient(circle at 50% 40%,#2f6fb5,#12243d);flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .5s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.tap-start{cursor:pointer;pointer-events:auto;z-index:11}.tap-btn{color:#fff;background:linear-gradient(#4cd964,#1f9b3a);border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:clamp(76px,16vmin,120px);height:clamp(76px,16vmin,120px);padding-left:.12em;font-size:clamp(34px,7vmin,54px);animation:1.4s ease-in-out infinite pulse;display:flex;box-shadow:0 7px #136328,0 12px 24px #00000059}.loading.fade{opacity:0}.ltitle{-webkit-text-stroke:4px #0b1626;text-shadow:0 6px #0b1626;font-size:clamp(36px,9vmin,90px);font-weight:800}.ltext{font-size:clamp(18px,3.4vmin,28px)}.spinner{border:8px solid #ffffff40;border-top-color:#ffd23f;border-radius:50%;width:64px;height:64px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.rotate-hint{color:#fff;z-index:20;pointer-events:auto;background:#12243d;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:30px;font-weight:800;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.rotate-hint.show{display:flex}.rotate-hint .phone{font-size:90px;animation:1.6s ease-in-out infinite tilt}@keyframes tilt{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}