*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#0e1330;font-family:Nunito,system-ui,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}#app{position:fixed;inset:0}#app:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 130% 105% at 50% 44%,transparent 58%,rgba(8,10,26,.3) 100%)}canvas{position:absolute;inset:0;display:block}.ui-root{position:absolute;inset:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);pointer-events:none;color:#eef2fb}.hidden{display:none!important}.hud{position:absolute;top:0;left:0;right:0;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:6px 10px;align-items:center;padding:calc(10px + env(safe-area-inset-top,0px)) 14px 0}.hud-chip{background:#080c1e8c;border-radius:12px;padding:6px 12px;font-weight:800;font-size:13px;letter-spacing:.06em}.hud-track{position:relative;height:10px}.hud-progress{height:10px;background:#080c1e8c;border-radius:6px;overflow:hidden}.hud-progress-fill{height:100%;width:100%;background:linear-gradient(90deg,#2fd673,#ffcf3f);border-radius:6px;transform-origin:left center;transform:scaleX(0);transition:transform .15s linear}.hud-base{position:absolute;inset:0;display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center}.hud-base-label{font-weight:900;font-size:10px;letter-spacing:.1em;color:#ff8b95;text-shadow:0 1px 3px rgba(0,0,0,.5)}.hud-base-bar{height:10px;background:#080c1e8c;border-radius:6px;overflow:hidden}.hud-base-fill{height:100%;width:100%;background:linear-gradient(90deg,#ff9d44,#ff5560);border-radius:6px;transform-origin:left center;transform:scaleX(1)}.hud-base-pct{font-weight:900;font-size:11px;color:#ffd9d0;min-width:30px;text-align:right;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px rgba(0,0,0,.5)}.hud-right-spacer{display:flex;gap:8px;min-width:44px}.icon-btn{pointer-events:auto;background:#080c1e8c;color:#eef2fb;border:0;border-radius:13px;width:44px;height:44px;display:grid;place-items:center;cursor:pointer;transition:transform .08s ease}.icon-btn:active{transform:scale(.86)}.mute-fab{position:absolute;right:14px;top:calc(10px + env(safe-area-inset-top,0px))}.hud-count{grid-column:1 / -1;justify-self:center;font-family:Fredoka,Nunito,system-ui,sans-serif;font-size:34px;font-weight:900;background:#080c1e8c;border-radius:14px;padding:1px 16px 3px;letter-spacing:.03em;text-shadow:0 2px 6px rgba(0,0,0,.35);margin-top:0}.hud-count.bump{animation:bump .22s ease}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.22)}to{transform:scale(1)}}.fps-box{position:absolute;bottom:8px;left:8px;font:700 12px ui-monospace,monospace;background:#00000080;padding:3px 8px;border-radius:8px}.btn{pointer-events:auto;display:block;width:100%;border:0;cursor:pointer;font-family:inherit;border-radius:18px;padding:16px 22px;font-size:19px;font-weight:900;letter-spacing:.04em;color:#0c1230;background:linear-gradient(180deg,#ffe066,#ffc233);box-shadow:0 5px #b8860b,0 10px 24px #00000059;transition:transform .07s ease,box-shadow .07s ease,filter .15s ease}.btn:active{transform:scale(.93) translateY(3px);box-shadow:0 2px #b8860b}.btn-ghost{background:#ffffff1a;color:#eef2fb;box-shadow:0 4px #ffffff14}.btn-ghost:active{box-shadow:0 1px #ffffff14}.btn small{display:block;font-size:11px;font-weight:700;opacity:.75;margin-top:2px;letter-spacing:.08em}.btn-small{width:auto;padding:10px 18px;min-height:44px;font-size:14px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}.screen{position:absolute;inset:0;display:grid;place-items:center}.screen.with-card{background:#06081459;backdrop-filter:blur(1.5px)}.menu{display:flex;flex-direction:column;gap:14px;width:min(78vw,320px)}.logo{text-align:center;font-family:Fredoka,Nunito,system-ui,sans-serif;font-size:52px;font-weight:1000;letter-spacing:.02em;line-height:.95;color:#fff;text-shadow:0 4px 0 #2fd673,0 8px 0 rgba(0,0,0,.25)}.logo span{display:block;color:#ffcf3f;text-shadow:0 4px 0 #b8860b,0 8px 0 rgba(0,0,0,.25)}.tagline{text-align:center;font-size:13px;font-weight:700;opacity:.7;margin:-4px 0 0}.howto{text-align:center;font-size:12.5px;font-weight:700;color:#cfe0ff;opacity:.85;line-height:1.45;margin:-2px 0 8px}.skins{display:flex;justify-content:center;gap:14px;margin-top:10px}.skin{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:800;color:#cfd8ea}.skin-dot{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.35)}.skin.sel .skin-dot{border-color:#ffd23f;box-shadow:0 0 0 3px #ffd23f4d}.skin.locked{opacity:.45;filter:grayscale(.6)}.levels{width:min(88vw,380px);display:flex;flex-direction:column;gap:14px}.levels-head{display:flex;align-items:center;gap:12px}.levels-title{font-family:Fredoka,Nunito,system-ui,sans-serif;font-size:22px;font-weight:1000;letter-spacing:.05em}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.level-cell{pointer-events:auto;aspect-ratio:.86;border:0;border-radius:16px;background:#ffffff17;outline:1.5px solid rgba(255,255,255,.13);color:#eef2fb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-family:inherit;cursor:pointer;transition:transform .07s ease}.level-cell:active{transform:scale(.9)}.level-cell b{font-size:24px;font-weight:1000}.level-cell.locked{opacity:.35;cursor:default;color:#aab4cc;outline-color:transparent}.stars{font-size:10px;letter-spacing:.1em}.star{color:#ffffff38}.star.on{color:#ffd23f;text-shadow:0 1px 4px rgba(255,210,63,.55)}.star.big{font-size:34px;margin:0 3px;animation:star-pop .45s cubic-bezier(.2,2.2,.4,1) both;animation-delay:calc(.12s + var(--i) * .18s)}@keyframes star-pop{0%{transform:scale(0) rotate(-40deg)}to{transform:scale(1) rotate(0)}}.card{background:linear-gradient(165deg,#232c55,#171e3e);border-radius:26px;padding:26px 22px 22px;width:min(82vw,330px);display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 22px 60px #00000080,inset 0 1px #ffffff1f;animation:card-pop .32s cubic-bezier(.2,1.8,.4,1) both}@keyframes card-pop{0%{transform:scale(.6) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.card.lose{background:linear-gradient(165deg,#47202c,#2a1420)}.card-title{font-family:Fredoka,Nunito,system-ui,sans-serif;font-size:26px;font-weight:1000;letter-spacing:.06em}.card.lose .card-title{color:#ff8b95}.card-stars{text-align:center}.card-big{font-family:Fredoka,Nunito,system-ui,sans-serif;font-size:64px;font-weight:1000;color:#ffd23f;line-height:1}.card-stats{font-size:13px;font-weight:700;opacity:.8;text-align:center;line-height:1.5}.card-best{font-size:12px;font-weight:800;color:#ffd23f;letter-spacing:.08em;opacity:.9}.card-row{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:4px}