#ui{position:absolute;inset:0;pointer-events:none;font-family:Nunito,system-ui,sans-serif;color:#eef;z-index:5}#ui .hidden{display:none!important}#hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,0px) + 8px) 10px 0;pointer-events:none}#hud .hud-side{display:flex;align-items:center;gap:8px;min-width:110px;pointer-events:auto}#hud .hud-side.right{justify-content:flex-end}#hud .hud-mid{flex:1;text-align:center;pointer-events:none}#hud-title{font-family:Fredoka,sans-serif;font-size:15px;letter-spacing:.05em;text-shadow:0 2px 6px rgb(0 0 0 / .55);opacity:.95}.icon-btn{width:42px;height:42px;border-radius:12px;border:1px solid rgb(255 255 255 / .14);background:#1e1846a8;color:#fff;font-size:22px;font-weight:700;backdrop-filter:blur(6px);cursor:pointer;touch-action:manipulation}.icon-btn:active{transform:scale(.92)}.chip{background:#1e1846a8;border:1px solid rgb(255 255 255 / .14);border-radius:999px;padding:7px 13px;font-family:Fredoka,sans-serif;font-size:14px;letter-spacing:.03em;backdrop-filter:blur(6px)}#toast{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 96px);left:50%;transform:translate(-50%);background:#141033e0;border:1px solid rgb(255 255 255 / .16);padding:10px 18px;border-radius:999px;font-size:14px;font-weight:700;white-space:nowrap;pointer-events:none;animation:jf-toast-in .25s ease-out}@keyframes jf-toast-in{0%{opacity:0;transform:translate(-50%,8px)}}#hint{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 26px);left:50%;transform:translate(-50%);max-width:86%;text-align:center;background:#141033a8;border:1px solid rgb(255 255 255 / .12);padding:9px 16px;border-radius:14px;font-size:13.5px;font-weight:600;line-height:1.35;pointer-events:none}.screen{position:absolute;inset:0;display:none;align-items:center;justify-content:center;pointer-events:auto;padding:max(18px,env(safe-area-inset-top,0px)) 18px max(18px,env(safe-area-inset-bottom,0px))}.screen.active{display:flex;animation:jf-screen-in .22s ease-out}.screen.dim{background:#0806187a;backdrop-filter:blur(3px)}@keyframes jf-screen-in{0%{opacity:0}}.card{background:linear-gradient(175deg,#2d2564f0,#18133cf5);border:1px solid rgb(255 255 255 / .18);border-radius:26px;padding:30px 26px;width:min(360px,94vw);max-height:88%;overflow-y:auto;text-align:center;box-shadow:inset 0 1px #ffffff14,0 18px 60px #00000080}.card.wide{width:min(400px,96vw)}.card h1{font-family:Fredoka,sans-serif;font-size:40px;letter-spacing:.05em;margin:4px 0 0;color:#fff}.card h1 span{color:#ffd23f}.card h2{font-family:Fredoka,sans-serif;font-size:26px;letter-spacing:.06em;margin:2px 0 10px;color:#fff}.tagline{color:#b9b3d9;font-size:14px;margin:4px 0 20px;font-weight:600}.logo{display:flex;justify-content:center;filter:drop-shadow(0 6px 18px rgb(139 224 78 / .45));animation:jf-bob 2.6s ease-in-out infinite}@keyframes jf-bob{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-7px) scale(.96,1.06)}60%{transform:translateY(2px) scale(1.05,.94)}}.stars-line{margin:16px 0 0;font-size:13px;color:#ffd23f;font-weight:700}.menu-btns{display:flex;flex-direction:column;gap:11px}.btn{appearance:none;border:1px solid rgb(255 255 255 / .22);background:#ffffff17;color:#fff;font-family:Fredoka,sans-serif;font-size:17px;letter-spacing:.08em;padding:14px 20px;border-radius:16px;cursor:pointer;touch-action:manipulation;transition:transform .08s}.btn:active{transform:scale(.95)}.btn.primary{background:linear-gradient(160deg,#8be04e,#57a832);border-color:#ffffff4d;color:#0d1a06;text-shadow:none;font-size:19px}.row-btns{display:flex;gap:10px;justify-content:center;margin-top:18px;flex-wrap:wrap}.row-btns .btn{font-size:14px;padding:12px 16px}.card-head{display:flex;align-items:center;gap:6px;margin-bottom:12px}.card-head h2{margin:0}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.lv-cell{display:flex;flex-direction:column;align-items:center;gap:3px;padding:11px 4px 9px;border-radius:14px;border:1px solid rgb(255 255 255 / .17);background:#ffffff17;color:#fff;cursor:pointer;font-family:inherit}.lv-cell .lv-num{font-family:Fredoka,sans-serif;font-size:20px}.lv-cell .lv-name{font-size:10.5px;font-weight:700;color:#cfc9ec;line-height:1.1}.lv-cell .lv-stars{font-size:12px;color:#ffd23f}.lv-cell.locked{opacity:.38;cursor:default}.endless-card{margin-top:10px;display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border-radius:14px;border:1px dashed rgb(255 210 63 / .5);background:#ffd23f14;color:#ffd23f;font-family:Fredoka,sans-serif;font-size:14px;cursor:pointer}.endless-card.locked{opacity:.42;cursor:default}.skin-stars{font-size:13px;color:#ffd23f;font-weight:700;margin:0 0 12px}.skin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.skin-cell{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 4px 10px;border-radius:14px;border:2px solid rgb(255 255 255 / .14);background:#ffffff14;color:#fff;cursor:pointer;font-family:inherit}.skin-cell .skin-name{font-size:11px;font-weight:800}.skin-cell .skin-cost{font-size:11px;color:#ffd23f;font-weight:700}.skin-cell.selected{border-color:#8be04e;background:#8be04e1f}.skin-cell.locked{opacity:.45}.skin-cell.locked svg{filter:grayscale(.8) brightness(.6)}.stars{display:flex;justify-content:center;gap:14px;margin:10px 0 6px}.star{font-size:44px;color:#ffffff2e;transform:scale(.6);transition:transform .24s cubic-bezier(.34,1.8,.64,1),color .2s}.star.earned{color:#ffd23f;transform:scale(1.15) rotate(-8deg);text-shadow:0 0 18px rgb(255 210 63 / .65)}.star.missed{transform:scale(.8);color:#ffffff24}.flings-line{color:#cfc9ec;font-size:14.5px;font-weight:700;margin:8px 0 0}.dist-line{font-family:Fredoka,sans-serif;font-size:34px;color:#8be04e;margin:6px 0 2px}