:root{--pink:#ff5fa2;--pink2:#ffd3e8;--ink:#7a2a5e;--white:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);touch-action:manipulation;-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:#f6d6ec;margin:0;font-family:Fredoka,ui-rounded,system-ui,sans-serif;overflow:hidden}canvas#c{background:#f6d6ec;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:absolute;inset:0;overflow:hidden}#ui button{pointer-events:auto;font:inherit;cursor:pointer;border:0}[hidden]{display:none!important}.screen{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#loader{pointer-events:auto;background:#fbe3f1;transition:opacity .6s}#loader.out{opacity:0}.loader-horn{clip-path:polygon(50% 0,100% 100%,0 100%);background:repeating-linear-gradient(160deg,#ffd86b 0 12px,#ff9fcf 12px 24px);width:30px;height:90px;animation:1.2s ease-in-out infinite bob}.loader-bar{background:#fff;border-radius:99px;width:min(240px,60vw);height:14px;margin-top:22px;overflow:hidden}.loader-bar i{background:var(--pink);border-radius:99px;width:0;height:100%;transition:width .3s;display:block}#loader p{color:#c2528e;margin:12px 0 0;font-weight:600}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.logo{text-align:center;color:var(--pink);paint-order:stroke fill;-webkit-text-stroke:10px #fff;letter-spacing:.01em;margin:0 0 18px;font-size:clamp(38px,8.5vw,76px);font-weight:700;line-height:1}.logo span{color:#9b6cff;margin-bottom:4px;font-size:.55em;display:block}#menu{padding-top:max(7vh, env(safe-area-inset-top));justify-content:flex-start}#levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(620px,100%);display:grid}.lvl{aspect-ratio:1;color:#fff;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:transform .12s;display:flex;position:relative;box-shadow:0 7px #781e5a38;background:var(--c)!important;border:5px solid #fff!important}.lvl:active{transform:translateY(4px)scale(.97);box-shadow:0 3px #781e5a38}.lvl .num{font-size:clamp(34px,8vw,56px);font-weight:700;line-height:1}.lvl .name{opacity:.95;text-align:center;padding:0 6px;font-size:clamp(11px,2.6vw,16px);font-weight:600}.lvl .st{gap:3px;margin-top:3px;display:flex}.lvl .st i,.big-stars i,.stars i{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#ffffff73;width:18px;height:18px;display:block}.lvl .st i.on,.stars i{background:#ffe066}.lvl.locked{color:#b58aa6;background:#e3c9dc!important}.hint{color:#c2528e;background:#fffc;border-radius:99px;margin-top:18px;padding:8px 16px;font-size:18px;font-weight:600}#hud{padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;top:0;left:0;right:0}.rbtn{border-radius:50%;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 5px #781e5a33;background:#fff!important}.rbtn svg{fill:none;width:58%;height:58%;stroke:var(--pink);stroke-width:9px;stroke-linecap:round;stroke-linejoin:round}.rbtn svg .fill{fill:var(--pink);stroke:none}.rbtn svg path:first-child:not(.w):not(.fill){fill:none}#sound svg path:first-child{fill:var(--pink2)}#sound.off svg .w{stroke:#e6c3d6}.rbtn.big{width:76px;height:76px}.rbtn.go{background:var(--pink)!important}.rbtn.go svg .fill{fill:#fff}.pill{background:#fff;border-radius:99px;align-items:center;gap:14px;padding:8px 16px;display:flex;box-shadow:0 5px #781e5a33}#hearts{gap:5px;display:flex}#hearts i{width:22px;height:20px;clip-path:path("M11 19 C2 13 0 8 2 5 C4 1 9 1 11 5 C13 1 18 1 20 5 C22 8 20 13 11 19 Z");background:#f2cfe0}#hearts i.on{background:#ff4f93}.stars{align-items:center;gap:5px;display:flex}.stars i{width:24px;height:24px}.stars b{color:var(--ink);min-width:1.2em;font-size:22px;font-weight:700}.progress{background:#ffffffb3;border-radius:99px;flex-basis:100%;height:10px;margin-top:8px;overflow:hidden}.progress i{background:linear-gradient(90deg,#ff8fb1,#ffe38a,#9ee89a,#8fd4ff,#b99cff);border-radius:99px;width:0;height:100%;transition:width .4s;display:block}#tapToFly{padding-bottom:max(14vh, calc(env(safe-area-inset-bottom) + 60px));pointer-events:auto;place-items:end center;display:grid;position:absolute;inset:0}#tapToFly span{color:#fff;background:var(--pink);border-radius:99px;padding:12px 28px;font-size:clamp(28px,6vw,44px);font-weight:700;animation:1s ease-in-out infinite bob;box-shadow:0 7px #781e5a40}#result{pointer-events:auto;background:#78286440}.card{text-align:center;background:#fff;border-radius:36px;min-width:min(360px,90vw);padding:26px 30px 28px;animation:.35s cubic-bezier(.3,1.6,.5,1) pop;box-shadow:0 12px #f3b5d6}@keyframes pop{0%{transform:scale(.6)}to{transform:scale(1)}}.card h2{color:var(--pink);margin:0 0 10px;font-size:clamp(34px,7vw,48px)}.big-stars{justify-content:center;gap:10px;min-height:12px;margin:6px 0 18px;display:flex}.big-stars i{background:#f2dde8;width:64px;height:64px}.big-stars i.on{background:#ffd23f;animation:.5s cubic-bezier(.3,1.8,.5,1) both starIn}@keyframes starIn{0%{transform:scale(0)rotate(-90deg)}to{transform:scale(1)rotate(0)}}.row{justify-content:center;gap:16px;display:flex}.lvl .num .lock{fill:#caa3bd;stroke:#caa3bd;stroke-width:2.4px;width:.8em;height:.8em}a.rbtn{pointer-events:auto;place-items:center;text-decoration:none;display:grid}#title{padding-top:max(10vh, env(safe-area-inset-top));justify-content:flex-start;gap:18px}#title .rbtn.big{width:120px;height:120px}.tap-hint{padding-bottom:max(14vh, calc(env(safe-area-inset-bottom) + 60px));pointer-events:auto;place-items:end center;display:grid;position:absolute;inset:0}.tap-hint span{color:#fff;background:var(--pink);border-radius:99px;padding:12px 28px;font-size:clamp(26px,6vw,40px);font-weight:700;animation:1s ease-in-out infinite bob;box-shadow:0 7px #781e5a40}.count-pill{gap:8px}.count-pill b{min-width:1.4em;font-size:26px;font-weight:700}.count-pill.bump{animation:.35s cubic-bezier(.3,1.6,.5,1) pop}.big-count{justify-content:center;align-items:center;gap:12px;margin:4px 0 18px;font-size:48px;font-weight:700;display:flex}
