: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}.map-card{position:relative;padding:20px 18px 16px;width:min(400px,94vw);max-height:min(86dvh,720px);display:flex;flex-direction:column;animation:introdrop .28s ease-out}.map-close{position:absolute;top:-14px;right:-10px;width:46px;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--brown);cursor:pointer;z-index:2}.map-close svg{width:20px;height:20px}.map-head{display:flex;align-items:center;gap:10px}.map-nav{width:46px;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--brown);cursor:pointer;flex-shrink:0}.map-nav svg{width:20px;height:20px}.map-nav:disabled{opacity:.35;cursor:default}.map-world{flex:1;text-align:center;min-width:0}.map-world-name{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-size:23px;font-weight:700;color:var(--brown)}.map-world-ico svg{width:22px;height:22px;display:block;color:var(--gold-deep)}.map-world-tag{font-size:13px;font-weight:700;color:var(--brown-soft);margin-top:1px}.map-dots{display:flex;justify-content:center;gap:7px;margin:8px 0 4px}.map-dots i{width:9px;height:9px;border-radius:50%;background:#5b3a1238}.map-dots i.on{background:var(--gold)}.map-dots i.locked{background:#5b3a121f}.map-banner{display:none;text-align:center;font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:1.4px;color:#fff;background:linear-gradient(135deg,var(--gold),var(--gold-deep));border-radius:14px;padding:9px 12px;margin:6px 2px 2px;box-shadow:0 3px #7a4a1259}.map-banner.show{display:block;animation:bannerpop .45s cubic-bezier(.34,1.56,.64,1)}@keyframes bannerpop{0%{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}.map-scroll{overflow-y:auto;margin-top:8px;flex:1;min-height:120px;border-radius:16px;background:#7a4a120f center / cover no-repeat;scrollbar-width:thin}.map-scroll.locked{filter:saturate(.35) brightness(.92)}.map-path{position:relative}.map-line{position:absolute;inset:0;width:100%;height:100%}.map-line path{fill:none;stroke:#7a4a1280;stroke-width:2.2;stroke-dasharray:6 7;stroke-linecap:round;vector-effect:non-scaling-stroke}.map-line path.casing{stroke:#ffffffbf;stroke-width:5;stroke-dasharray:none}.map-node{position:absolute;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;color:var(--brown);transition:transform .15s ease-out}.map-node:active{transform:translate(-50%,-50%) scale(.94)}.mn-num{font-family:var(--font-display);font-size:21px;font-weight:700;line-height:1}.mn-num svg{width:19px;height:19px;display:block;color:#5b3a128c}.mn-name{font-family:var(--font-display);font-size:8.5px;font-weight:700;letter-spacing:.6px;color:var(--brown-soft)}.mn-stars{display:flex;gap:1.5px}.mn-stars i{display:block}.mn-stars svg{width:13px;height:13px;display:block;fill:#5b3a122e}.mn-stars i.lit svg{fill:var(--gold)}.map-node.done{background:linear-gradient(180deg,#e9ffd8,#d1f2b4)}.map-node.locked{opacity:.55;cursor:default}.map-node.current{outline:3px solid var(--gold);outline-offset:2px;animation:nodepulse 1.6s ease-in-out infinite}@keyframes nodepulse{0%,to{box-shadow:0 0 #f5a62380}50%{box-shadow:0 0 0 9px #f5a62300}}.map-lockpanel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:42px 26px;text-align:center}.map-lock-ico svg{width:44px;height:44px;color:#5b3a1266}.map-lock-text{font-weight:700;font-size:14.5px;color:var(--brown-soft);line-height:1.5;max-width:260px}.map-total{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--brown)}.map-total svg{width:17px;height:17px;fill:var(--gold)}.end-map-btn{flex:0 0 auto!important;width:52px;padding:0!important;display:flex;align-items:center;justify-content:center}.end-map-btn svg{width:21px;height:21px}.intro-world{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:2px;color:var(--brown-soft);margin-bottom:1px}#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,.map-card,.map-banner.show,.map-node.current,.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}}