:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--green: #4caf50;--green-deep: #2f8d3c;--gold: #f5a623;--gold-deep: #cd7f0e;--red: #e8473f;--red-deep: #b62f28;--cream: #fff8e7;--brown: #5b3a12;--brown-soft: #8a5c2c;--sky: #f4c542;--radius: 20px;--font-display: "Fredoka", "Nunito", "Avenir Next", system-ui, sans-serif;--font-body: "Nunito", "Avenir Next", "Segoe UI", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--sky);touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%;font-family:var(--font-body)}img,canvas{-webkit-user-drag:none;user-select:none}#app{position:fixed;inset:0;height:100dvh}#app canvas{display:block;width:100%;height:100%;touch-action:none}.clay{background:var(--cream);border:3px solid rgba(255,255,255,.9);border-radius:var(--radius);box-shadow:0 5px #7a4a1247,0 10px 22px #5a320038,inset 0 -3px #7a4a121a}.clay-big{background:var(--cream);border:4px solid #ffffff;border-radius:28px;box-shadow:0 8px #7a4a124d,0 22px 44px #3c1e0059,inset 0 -4px #7a4a121a}.btn{pointer-events:auto;border:3px solid rgba(255,255,255,.9);border-radius:18px;font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:.6px;padding:13px 30px;cursor:pointer;transition:transform .15s ease-out,box-shadow .15s ease-out;min-height:48px}.btn:active{transform:translateY(3px) scale(.98)}.btn.primary{background:var(--green);color:#fff;box-shadow:0 5px 0 var(--green-deep),0 10px 20px #2f8d3c66}.btn.primary:active{box-shadow:0 2px 0 var(--green-deep),0 4px 8px #2f8d3c59}.btn.ghost{background:#ffffffd9;color:var(--brown);box-shadow:0 5px #7a4a1240,0 8px 16px #5a32002e}.btn.danger{background:var(--red);color:#fff;box-shadow:0 4px 0 var(--red-deep)}.btn.small{padding:8px 16px;font-size:14px;min-height:40px}#loading{position:fixed;inset:0;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;background:var(--sky);color:#7a4a12;font-family:var(--font-display);font-size:19px;font-weight:700;z-index:100;transition:opacity .4s}#loading.hidden{opacity:0;pointer-events:none}.egg-spin{width:34px;height:44px;background:#fffdf5;border-radius:50% 50% 46% 46%/60% 60% 40% 40%;box-shadow:0 6px #00000014;animation:eggwob .9s ease-in-out infinite}@keyframes eggwob{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg) translateY(-6px)}}#hud{position:fixed;inset:0;pointer-events:none;z-index:10;font-family:var(--font-body)}.top-left{position:absolute;top:calc(10px + var(--safe-top));left:calc(12px + var(--safe-left));display:flex;flex-direction:column;gap:8px;align-items:flex-start}.money-pill{display:flex;align-items:center;gap:8px;padding:6px 16px 6px 8px;font-family:var(--font-display);font-size:21px;font-weight:700;color:var(--green-deep)}.money-pill .coin{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe985,#f5b31b 70%);border:2px solid #d99a0b;color:#8a5c00;font-size:16px;font-weight:900;display:flex;align-items:center;justify-content:center}@keyframes moneybump{0%{transform:scale(1)}40%{transform:scale(1.14)}to{transform:scale(1)}}.money-pill.bump{animation:moneybump .18s ease-out}.hp-wrap{display:none;align-items:center;gap:7px;padding:6px 12px;border-radius:16px}.hp-ico{color:var(--red);width:18px;height:18px;display:flex}.hp-ico svg{width:18px;height:18px}.hp-track{width:92px;height:12px;border-radius:8px;background:#5b3a1240;overflow:hidden}.hp-fill{height:100%;width:100%;border-radius:8px;background:var(--green);transition:width .2s ease-out}.carry-pill{background:#5a320099;color:#fff;border-radius:999px;padding:4px 13px;font-size:13px;font-weight:800}.level-pill{position:absolute;top:calc(10px + var(--safe-top));left:50%;transform:translate(-50%);padding:7px 14px 9px;min-width:172px;text-align:center}.level-line{display:flex;justify-content:space-between;align-items:center;gap:10px;font-family:var(--font-display);font-size:13.5px;font-weight:700;color:var(--brown);white-space:nowrap}.roster{display:inline-flex;align-items:center;gap:4px;color:var(--brown-soft);font-weight:800}.roster svg{width:15px;height:15px}.stars-row{display:flex;justify-content:center;gap:5px;margin:3px 0 4px}.stars-row .star{width:19px;height:19px;color:#5b3a1238;transition:color .25s,transform .25s}.stars-row .star svg{width:100%;height:100%}.stars-row .star.lit{color:var(--gold);transform:scale(1.12);filter:drop-shadow(0 2px 2px rgba(205,127,14,.5))}.goal-track{height:8px;border-radius:6px;background:#5b3a122e;overflow:hidden}.goal-fill{height:100%;width:0%;border-radius:6px;background:linear-gradient(90deg,var(--gold),#ffd24d);transition:width .3s ease-out}.hud-buttons{position:absolute;top:calc(10px + var(--safe-top));right:calc(12px + var(--safe-right));display:flex;gap:10px}.hud-btn{pointer-events:auto;width:48px;height:48px;padding:11px;cursor:pointer;color:var(--brown);display:flex;align-items:center;justify-content:center;transition:transform .12s ease-out}.hud-btn svg{width:100%;height:100%}.hud-btn:active{transform:translateY(3px) scale(.94)}.hint-bar{position:absolute;left:50%;bottom:calc(18px + var(--safe-bottom));transform:translate(-50%);background:#422806d9;border:2px solid rgba(255,233,184,.35);color:#ffe9b8;font-family:var(--font-display);font-size:15px;font-weight:600;padding:10px 20px;border-radius:999px;white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 12px #3c1e0059;transition:opacity .3s}.hint-bar.hidden{opacity:0}.toast{position:absolute;z-index:15;left:50%;top:calc(84px + var(--safe-top));transform:translate(-50%) translateY(-8px);background:var(--cream);border:3px solid #fff;color:var(--brown);font-family:var(--font-display);font-weight:700;font-size:16px;padding:11px 22px;border-radius:18px;box-shadow:0 5px #7a4a1240,0 10px 20px #5a32004d;opacity:0;transition:all .3s ease-out;white-space:nowrap;max-width:94vw;overflow:hidden;text-overflow:ellipsis}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}#fps-pill{position:absolute;bottom:calc(64px + var(--safe-bottom));left:calc(10px + var(--safe-left));background:#ffffffb3;color:var(--brown);font:700 12px/1 var(--font-body);padding:5px 10px;border-radius:10px}.warn-arrow{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:var(--red);border:3px solid #fff;color:#fff;display:flex;align-items:center;justify-content:center;padding:8px;box-shadow:0 4px 12px #b62f2880;animation:warnpulse .7s ease-in-out infinite}.warn-arrow svg{width:100%;height:100%}@keyframes warnpulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.damage-vignette{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(232,71,63,.45) 100%)}.damage-vignette.show{animation:dmgflash .45s ease-out}@keyframes dmgflash{0%{opacity:1}to{opacity:0}}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#28160080;opacity:0;pointer-events:none;transition:opacity .3s;padding:18px}.overlay.show{opacity:1;pointer-events:auto}.overlay:not(.show) *{pointer-events:none!important}.respawn-card{text-align:center;padding:26px 34px;min-width:250px}.respawn-msg{font-family:var(--font-display);font-size:21px;font-weight:700;color:var(--red-deep);margin-bottom:12px}.respawn-ring{position:relative;width:96px;height:96px;margin:0 auto}.respawn-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#5b3a1226;stroke-width:9}.ring-fg{fill:none;stroke:var(--gold);stroke-width:9;stroke-linecap:round;transition:stroke-dashoffset .15s linear}.respawn-count{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:38px;font-weight:700;color:var(--brown)}.respawn-sub{margin-top:8px;color:var(--brown-soft);font-weight:700;font-size:14px}#intro-overlay{background:transparent;align-items:flex-start;padding-top:calc(96px + var(--safe-top))}#intro-overlay.show{pointer-events:none}.intro-card{text-align:center;padding:20px 36px;animation:introdrop .35s ease-out;max-width:480px}@keyframes introdrop{0%{transform:translateY(-26px) scale(.92);opacity:0}to{transform:none;opacity:1}}.intro-level{font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:2.5px;color:var(--gold-deep)}.intro-name{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--brown);margin:2px 0 6px}.intro-sub{font-size:14.5px;font-weight:700;color:var(--brown-soft);line-height:1.45}.end-card{text-align:center;padding:28px 34px 26px;width:min(430px,94vw);animation:introdrop .3s ease-out}.end-title{font-family:var(--font-display);font-size:clamp(26px,6.5vw,36px);font-weight:700;color:var(--brown)}.end-stars{display:flex;justify-content:center;gap:10px;margin:14px 0 10px}.end-stars .bstar{width:52px;height:52px;color:#5b3a122e;transition:color .2s}.end-stars .bstar svg{width:100%;height:100%}.end-stars .bstar.lit{color:var(--gold);filter:drop-shadow(0 3px 4px rgba(205,127,14,.55))}@keyframes starpop{0%{transform:scale(.2)}55%{transform:scale(1.35)}to{transform:scale(1)}}.end-stars .bstar.pop{animation:starpop .4s ease-out}.end-earn-label{font-size:12.5px;font-weight:800;letter-spacing:2px;color:var(--brown-soft)}.end-earnings{font-family:var(--font-display);font-size:44px;font-weight:700;color:var(--green-deep);font-variant-numeric:tabular-nums;margin-bottom:6px}.end-stats{font-size:13px;font-weight:700;color:var(--brown-soft);min-height:18px}.end-msg{margin:8px 0 16px;font-size:15.5px;font-weight:700;color:var(--brown)}.end-btns{display:flex;gap:12px;justify-content:center}.end-btns .btn{flex:1;max-width:190px}.settings-card{padding:24px 26px 22px;width:min(400px,94vw);animation:introdrop .28s ease-out}.settings-title{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--brown);text-align:center;margin-bottom:14px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 4px;font-family:var(--font-display);font-size:16.5px;font-weight:600;color:var(--brown);border-bottom:2px solid rgba(122,74,18,.1);cursor:pointer;pointer-events:auto;min-height:48px}.setting-row:last-of-type{border-bottom:none}.setting-row input[type=checkbox]{display:none}.switch{width:54px;height:30px;border-radius:999px;background:#5b3a1240;position:relative;transition:background .2s;flex-shrink:0}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #3c1e004d;transition:left .2s ease-out}.setting-row input:checked+.switch{background:var(--green)}.setting-row input:checked+.switch:after{left:27px}.seg{display:flex;gap:4px;background:#5b3a121f;border-radius:14px;padding:4px}.seg button{border:none;background:transparent;font-family:var(--font-display);font-weight:700;font-size:12.5px;color:var(--brown-soft);padding:8px 12px;border-radius:11px;cursor:pointer;min-height:36px}.seg button.on{background:#fff;color:var(--brown);box-shadow:0 2px 5px #3c1e0033}.danger-row{cursor:default}.settings-card .end-btns{margin-top:16px}#joy{position:fixed;width:128px;height:128px;margin:-64px 0 0 -64px;border-radius:50%;background:#ffffff24;border:2px solid rgba(255,255,255,.4);display:none;z-index:9;pointer-events:none}#joy .knob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#ffffffbf;box-shadow:0 2px 8px #3c1e004d}#debug{position:fixed;bottom:calc(64px + var(--safe-bottom));left:calc(8px + var(--safe-left));color:#3c1e00d9;background:#fff9;font:11px/1.4 monospace;padding:4px 8px;border-radius:8px;z-index:20;pointer-events:none;white-space:pre}@media(prefers-reduced-motion:reduce){.warn-arrow,.egg-spin,.intro-card,.end-card,.settings-card,.end-stars .bstar.pop,.money-pill.bump,.damage-vignette.show{animation:none}.hp-fill,.goal-fill,.ring-fg,.switch,.switch:after,.btn,.hud-btn{transition:none}}@media(max-width:560px){.level-pill{top:calc(112px + var(--safe-top));min-width:150px;padding:6px 12px 8px}#intro-overlay{padding-top:calc(196px + var(--safe-top))}.toast{top:calc(180px + var(--safe-top));font-size:14px}}