:root{--cream: #fbf6e9;--cream-2: #f1e7d0;--ink: #3a3340;--ink-soft: #6c6275;--leaf: #4cb944;--leaf-dark: #2f7a2c;--leaf-deep: #235c22;--sun: #f7ce2b;--sun-dark: #c99b09;--water: #2b7f86;--water-light: #3fa7a0;--coral: #e8433f;--coral-dark: #a82724;--sky: #3a7bf2;--sky-dark: #24519f;--shadow: 0 6px 0 rgba(0, 0, 0, .18);--panel-radius: 26px;--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{margin:0;padding:0;height:100%;overflow:hidden;background:#1d5b61;font-family:Fredoka,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--ink);user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}#app{position:fixed;inset:0}#stage{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:absolute;inset:0;pointer-events:none}#ui>*{pointer-events:auto}#ui>.hud,#ui>.coach,#ui>.tip,#ui>.toast,#ui>.fly-coin{pointer-events:none}#boot{position:absolute;inset:0;display:grid;place-content:center;gap:24px;justify-items:center;background:linear-gradient(180deg,#3fa7a0,#1d5b61);z-index:999;transition:opacity .45s ease}#boot.gone{opacity:0;pointer-events:none}.boot-frog{width:92px;height:78px;border-radius:50% 50% 46% 46%;background:radial-gradient(circle at 34% 30%,#7fd86f,#3f9e37);position:relative;animation:bob 1.1s ease-in-out infinite}.boot-frog:before,.boot-frog:after{content:"";position:absolute;top:-14px;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 40% 34%,#7fd86f,#3f9e37);box-shadow:inset 0 0 0 6px #fff}.boot-frog:before{left:8px}.boot-frog:after{right:8px}@keyframes bob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(.96,1.05)}}.boot-bar{width:190px;height:12px;border-radius:99px;background:#00000038;overflow:hidden}.boot-bar i{display:block;height:100%;width:30%;border-radius:99px;background:var(--sun);animation:slide 1.1s ease-in-out infinite}@keyframes slide{0%{transform:translate(-110%)}to{transform:translate(360%)}}.btn{font-family:inherit;font-weight:700;border:none;cursor:pointer;color:#fff;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;position:relative;transition:transform .08s ease,filter .15s ease;text-shadow:0 2px 0 rgba(0,0,0,.22);line-height:1}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:none!important}.btn:disabled{filter:grayscale(.7) brightness(.9);opacity:.75;cursor:default}.btn-sm{height:42px;font-size:15px;border-radius:14px}.btn-md{height:56px;font-size:19px}.btn-lg{height:70px;font-size:25px;border-radius:22px;padding:0 34px}.btn-primary{background:linear-gradient(180deg,#ffe06a,var(--sun));color:#6b4a00;text-shadow:0 2px 0 rgba(255,255,255,.45);box-shadow:0 5px 0 var(--sun-dark),0 10px 18px #00000040}.btn-green{background:linear-gradient(180deg,#6cd463,var(--leaf));box-shadow:0 5px 0 var(--leaf-deep),0 10px 18px #00000038}.btn-blue{background:linear-gradient(180deg,#62a0ff,var(--sky));box-shadow:0 5px 0 var(--sky-dark),0 10px 18px #00000038}.btn-danger{background:linear-gradient(180deg,#ff6f6b,var(--coral));box-shadow:0 5px 0 var(--coral-dark),0 10px 18px #00000038}.btn-ghost{background:#ffffff29;color:#fff;box-shadow:none;border:2px solid rgba(255,255,255,.35)}.panel .btn-ghost{background:#3a334014;color:var(--ink-soft);border-color:#3a33402e;text-shadow:none}.btn-icon{font-size:1.2em}.btn-sub{font-size:.7em;opacity:.85;font-weight:600}.icon-btn{width:48px;height:48px;border-radius:16px;border:none;background:#ffffffe6;color:var(--ink);font-size:22px;display:grid;place-content:center;box-shadow:0 4px #00000029;cursor:pointer}.icon-btn:active{transform:translateY(2px);box-shadow:none}.hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column}.hud>*{pointer-events:auto}.hud-top{display:flex;align-items:center;gap:10px;padding:calc(var(--safe-t) + 10px) 12px 8px}.chip{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:99px;background:#143c409e;backdrop-filter:blur(6px);color:#fff;font-weight:700;font-size:16px;box-shadow:inset 0 0 0 2px #ffffff29}.chip small{font-size:12px;opacity:.8;font-weight:600}.hud-level{flex:1;text-align:center;color:#fff;font-weight:700;font-size:18px;text-shadow:0 2px 6px rgba(0,0,0,.4)}.hud-level .tag{display:block;font-size:11px;letter-spacing:.14em;opacity:.95}.tag-hard{color:#ffb4f0}.tag-superhard{color:#ff9a92}.progress-wrap{padding:0 16px}.progress{height:12px;border-radius:99px;background:#0a282c80;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff24}.progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#ffe06a,var(--sun));transition:width .25s ease}.hud-spacer{flex:1;pointer-events:none}.preview{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:10px;pointer-events:none;color:#eafbff;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:capitalize;text-shadow:0 2px 5px rgba(0,0,0,.45)}.preview-frame{padding:7px;border-radius:14px;background:#0a2c306b;box-shadow:inset 0 0 0 2px #fff3;line-height:0}.preview-frame canvas{image-rendering:pixelated;max-width:92px;max-height:68px;opacity:.95}.pads-warning{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px 12px #e8433f00;transition:box-shadow .4s ease}.pads-warning.on{box-shadow:inset 0 0 90px 12px #e8433f73;animation:warnPulse 1.1s ease-in-out infinite}@keyframes warnPulse{50%{box-shadow:inset 0 0 120px 16px #e8433f9e}}.booster-bar{display:flex;justify-content:center;gap:10px;padding:10px 12px calc(var(--safe-b) + 12px)}.booster{position:relative;width:60px;height:60px;border-radius:20px;border:none;background:linear-gradient(180deg,#fffaf0,var(--cream-2));box-shadow:0 4px #c9b998,0 8px 14px #00000038;font-size:27px;display:grid;place-content:center;cursor:pointer}.booster:active{transform:translateY(3px);box-shadow:0 1px #c9b998}.booster:disabled{filter:grayscale(.85);opacity:.6}.booster b{position:absolute;right:-5px;bottom:-5px;min-width:24px;height:24px;border-radius:99px;background:var(--coral);color:#fff;font-size:13px;display:grid;place-content:center;box-shadow:0 2px 0 var(--coral-dark);padding:0 5px}.booster b.free{background:var(--leaf);box-shadow:0 2px 0 var(--leaf-deep)}.booster.pulse{animation:boosterPulse 1.4s ease-in-out infinite}@keyframes boosterPulse{50%{transform:scale(1.09)}}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0c282c9e;backdrop-filter:blur(3px);padding:16px;animation:fadeIn .16s ease;z-index:20}@keyframes fadeIn{0%{opacity:0}}.panel{width:min(430px,100%);max-height:88dvh;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(180deg,var(--cream),var(--cream-2));border-radius:var(--panel-radius);box-shadow:0 14px #00000029,0 28px 60px #0006;padding:0 0 22px;animation:pop .26s cubic-bezier(.34,1.56,.64,1);text-align:center}@keyframes pop{0%{transform:scale(.85);opacity:0}}.panel-head{background:linear-gradient(180deg,#6cd463,var(--leaf));color:#fff;border-radius:var(--panel-radius) var(--panel-radius) 0 0;padding:16px 20px;font-size:25px;font-weight:700;text-shadow:0 2px 0 rgba(0,0,0,.2);position:relative}.panel-head.bad{background:linear-gradient(180deg,#ff7f7b,var(--coral))}.panel-head.blue{background:linear-gradient(180deg,#62a0ff,var(--sky))}.panel-head .close{position:absolute;right:12px;top:12px;width:36px;height:36px;border-radius:12px;border:none;background:#0000002e;color:#fff;font-size:19px;cursor:pointer}.panel-body{padding:18px 20px 6px;font-size:16px;color:var(--ink-soft);line-height:1.45}.panel-actions{display:flex;flex-direction:column;gap:10px;padding:6px 20px 0}.panel-actions .row{display:flex;gap:10px}.panel-actions .row>*{flex:1}.big-num{font-size:46px;font-weight:700;color:var(--ink)}.reward-row{display:flex;justify-content:center;align-items:center;gap:8px;font-size:30px;font-weight:700;color:var(--ink);margin:6px 0 10px}.stars{display:flex;justify-content:center;gap:10px;font-size:44px;margin:4px 0 2px}.stars span{filter:grayscale(1) brightness(1.6);transform:scale(.8);transition:transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s}.stars span.on{filter:none;transform:scale(1.12)}.home{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:calc(var(--safe-t) + 14px) 16px calc(var(--safe-b) + 18px)}.home-top{width:100%;display:flex;gap:8px;align-items:center}.logo{margin-top:6vh;text-align:center;font-size:clamp(44px,15vw,76px);font-weight:700;line-height:.92;color:var(--leaf);text-shadow:0 4px 0 var(--leaf-deep),0 8px 0 rgba(0,0,0,.18),0 16px 26px rgba(0,0,0,.35);letter-spacing:-.01em}.logo em{display:block;font-style:normal;color:var(--sun);text-shadow:0 4px 0 var(--sun-dark),0 8px 0 rgba(0,0,0,.18),0 16px 26px rgba(0,0,0,.35)}.home-spacer{flex:1}.home-actions{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.home-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.row-card.board .rank{flex:0 0 34px;text-align:center;font-size:18px;font-weight:800;color:#8aa0a8}.row-card.board .rank.top{font-size:24px}.row-card.board .lvl{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:#e8f2ef;color:#2f6b5f;font-weight:800;font-size:13px;white-space:nowrap}.board-empty{padding:18px 10px 24px;text-align:center;color:#6c7f86}.board-empty .emoji.big{font-size:40px;margin-bottom:8px}.board-empty p{margin:0 0 6px;font-weight:700}.set-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 18px}.sticker{aspect-ratio:1;border-radius:16px;background:#00000012;display:grid;place-items:center;overflow:hidden;position:relative;box-shadow:inset 0 0 0 2px #0000000f}.sticker canvas{width:86%;height:86%;image-rendering:pixelated}.sticker.locked:after{content:"?";font-size:28px;color:#00000038;font-weight:700;position:absolute}.set-head{display:flex;align-items:center;justify-content:space-between;padding:10px 18px 0;font-weight:700;text-transform:capitalize;font-size:18px}.set-head small{font-weight:600;color:var(--ink-soft)}.list{display:flex;flex-direction:column;gap:10px;padding:14px 18px 4px}.row-card{display:flex;align-items:center;gap:12px;background:#fff;border-radius:18px;padding:12px 14px;box-shadow:0 3px #0000001a;text-align:left}.row-card .emoji{font-size:30px;width:44px;text-align:center}.row-card .txt{flex:1}.row-card .txt b{display:block;font-size:16px}.row-card .txt small{color:var(--ink-soft);font-size:13px}.row-card.soon{opacity:.66}.row-card.soon .txt small{font-weight:700;color:var(--sky-dark);letter-spacing:.04em;text-transform:uppercase}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-radius:16px;padding:12px 14px;box-shadow:0 3px #00000014;font-weight:600}.switch{width:58px;height:32px;border-radius:99px;border:none;background:#cfc6b4;position:relative;cursor:pointer;transition:background .18s;flex:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #00000040;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.switch.on{background:var(--leaf)}.switch.on:after{transform:translate(26px)}.daily-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px 18px}.day{border-radius:14px;background:#fff;padding:10px 4px;box-shadow:0 3px #00000014;font-size:13px;font-weight:700}.day small{display:block;color:var(--ink-soft);font-weight:600}.day.done{background:#d9f2d3;opacity:.75}.day.next{background:linear-gradient(180deg,#ffe58f,var(--sun));box-shadow:0 3px 0 var(--sun-dark);animation:boosterPulse 1.5s ease-in-out infinite}.coach{position:absolute;z-index:30;pointer-events:none;transform:translate(-50%,-50%)}.coach-hand{font-size:40px;transform-origin:20% 20%;margin-left:26px;margin-top:18px;animation:tapHint 1.1s ease-in-out infinite;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}@keyframes tapHint{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-14px) scale(1.1)}}.coach-ring{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;border:4px solid rgba(255,255,255,.9);animation:ringPulse 1.1s ease-out infinite}@keyframes ringPulse{0%{transform:scale(.6);opacity:1}to{transform:scale(1.5);opacity:0}}.tip{position:absolute;left:50%;bottom:24%;transform:translate(-50%);background:#14383ce6;color:#fff;padding:12px 20px;border-radius:18px;font-size:17px;font-weight:600;max-width:82%;text-align:center;z-index:31;box-shadow:0 8px 22px #00000059;animation:pop .26s cubic-bezier(.34,1.56,.64,1)}.toast{position:absolute;left:50%;top:16%;transform:translate(-50%);background:#14383ceb;color:#fff;padding:12px 20px;border-radius:99px;font-weight:700;z-index:40;animation:toastIn .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 22px #00000059}@keyframes toastIn{0%{transform:translate(-50%,-20px);opacity:0}}.fly-coin{position:absolute;font-size:26px;z-index:45;pointer-events:none}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}