:root{--coin: #ffc53d;--coin-dark: #e8961e;--ink: #3a2c1e;--ink-soft: #6b5842;--panel: #fffdf6;--panel-edge: #f0e4cc;--good: #57c04a;--good-dark: #3f9a34;--buy: #35b8d8;--buy-dark: #2492ad;--locked: #c9c2b6;--shadow: 0 4px 0 rgba(0, 0, 0, .14), 0 8px 20px rgba(0, 0, 0, .14);--radius: 18px;--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)}.hud{position:fixed;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;font-family:inherit;z-index:10}.hud>*{pointer-events:auto}.topbar{display:flex;align-items:flex-start;gap:10px;padding:calc(10px + var(--safe-top)) calc(12px + var(--safe-right)) 0 calc(12px + var(--safe-left))}.coins{display:flex;align-items:center;gap:8px;background:var(--panel);border:3px solid var(--panel-edge);border-radius:999px;padding:7px 16px 7px 10px;box-shadow:var(--shadow);min-width:0}.coin{display:inline-block;width:1em;height:1em;border-radius:50%;vertical-align:-.12em;background:radial-gradient(circle at 35% 30%,#fff3b0 0%,var(--coin) 45%,var(--coin-dark) 100%);box-shadow:inset 0 -.08em #0000002e;flex:none}.coins__icon{font-size:26px;line-height:1;flex:none}.coins__text{display:flex;flex-direction:column;line-height:1.05;min-width:0}.coins__amount{font-size:clamp(19px,5vw,26px);font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.coins__rate{font-size:clamp(11px,3vw,13px);font-weight:700;color:var(--ink-soft);font-variant-numeric:tabular-nums}.coins__rate.is-boosted{color:var(--good-dark)}.topbar__spacer{flex:1}.iconbtn{width:48px;height:48px;flex:none;border:3px solid var(--panel-edge);border-radius:50%;background:var(--panel);box-shadow:var(--shadow);font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:transform .08s ease}.iconbtn:active{transform:translateY(2px) scale(.96)}.biomes{display:flex;gap:8px;padding:10px calc(12px + var(--safe-right)) 14px calc(12px + var(--safe-left));overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.biomes::-webkit-scrollbar{display:none}.biome{flex:none;min-width:52px;height:46px;border:3px solid var(--panel-edge);border-radius:14px;background:var(--panel);box-shadow:var(--shadow);font-size:22px;cursor:pointer;display:grid;place-items:center;opacity:.72;transition:transform .1s ease,opacity .1s ease}.biome.is-active{opacity:1;border-color:var(--good);transform:translateY(-2px)}.biome.is-locked{filter:grayscale(1);opacity:.5}.bottom{display:flex;flex-direction:column;gap:8px;padding:0 calc(8px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(8px + var(--safe-left))}.boost{align-self:center;display:flex;align-items:center;gap:8px;border:none;border-radius:999px;padding:10px 18px;background:linear-gradient(180deg,#ffd45e,#f5a623);color:#5b3a08;font-size:15px;font-weight:800;box-shadow:var(--shadow);cursor:pointer}.boost[hidden]{display:none}.boost:active{transform:translateY(2px)}.shop{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:8px 4px 10px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.shop::-webkit-scrollbar{display:none}.card{position:relative;flex:none;width:104px;scroll-snap-align:center;background:var(--panel);border:3px solid var(--panel-edge);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px 6px 6px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;transition:transform .08s ease}.card:active{transform:translateY(3px) scale(.98)}@media(hover:hover){.card:hover{transform:translateY(-3px);border-color:var(--good)}.card:hover .card__icon{animation:card-hop .5s ease-in-out infinite}}.card.is-affordable{border-color:var(--buy)}.card.is-owned.is-affordable{border-color:var(--good)}.card.is-affordable .card__price{background:linear-gradient(180deg,var(--buy),var(--buy-dark))}.card.is-owned.is-affordable .card__price{background:linear-gradient(180deg,var(--good),var(--good-dark))}.card__badge{position:absolute;top:-3px;right:-3px;padding:3px 8px 3px 10px;border-radius:0 var(--radius) 0 12px;background:linear-gradient(180deg,var(--buy),var(--buy-dark));color:#fff;font-size:9px;font-weight:900;letter-spacing:.08em;box-shadow:0 2px 5px #0003}.card.is-owned .card__badge{display:none}.card.is-owned{background:linear-gradient(180deg,#fffdf6 60%,#fff6dd)}.card.is-locked{opacity:.55;filter:grayscale(.7)}.card.is-bought{animation:card-bought .45s cubic-bezier(.2,.8,.3,1)}@keyframes card-bought{0%{transform:scale(1)}35%{transform:scale(1.12) translateY(-4px)}to{transform:scale(1)}}@keyframes card-hop{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(2deg)}}.card__icon{font-size:34px;line-height:1.1}.card__gain{font-size:10px;font-weight:800;color:var(--good-dark);font-variant-numeric:tabular-nums}.card__action{font-size:10px;font-weight:900;letter-spacing:.06em;margin-right:3px;opacity:.85}.card__name{font-size:12px;font-weight:800;color:var(--ink);text-align:center;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.card__level{font-size:11px;font-weight:700;color:var(--ink-soft);min-height:13px}.card__price{margin-top:2px;width:100%;border-radius:12px;padding:6px 4px;font-size:13px;font-weight:800;text-align:center;color:#fff;background:var(--locked);font-variant-numeric:tabular-nums}.card.is-affordable .card__price{background:linear-gradient(180deg,var(--good),var(--good-dark))}.pop{position:fixed;transform:translate(-50%,-50%);font-size:clamp(20px,5.5vw,30px);font-weight:900;color:#fff;text-shadow:0 3px 0 var(--coin-dark),0 5px 12px rgba(0,0,0,.3);pointer-events:none;z-index:20;animation:pop-rise .85s cubic-bezier(.2,.7,.3,1) forwards;will-change:transform,opacity}@keyframes pop-rise{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}22%{opacity:1;transform:translate(-50%,-80%) scale(1.12)}to{opacity:0;transform:translate(-50%,-190%) scale(.95)}}.modal{position:fixed;inset:0;background:#1c140a8c;display:grid;place-items:center;padding:20px;z-index:30;animation:fade-in .18s ease}@keyframes fade-in{0%{opacity:0}}.modal__panel{width:min(420px,100%);max-height:86vh;overflow-y:auto;background:var(--panel);border:4px solid var(--panel-edge);border-radius:26px;box-shadow:0 12px 40px #00000059;padding:22px 18px 18px;text-align:center}.modal__title{font-size:clamp(22px,6vw,28px);font-weight:900;color:var(--ink);margin-bottom:6px}.modal__body{font-size:15px;font-weight:600;color:var(--ink-soft);line-height:1.45;margin-bottom:16px}.modal__reward{display:flex;align-items:center;justify-content:center;gap:8px;font-size:clamp(28px,8vw,38px);font-weight:900;color:var(--coin-dark);margin:10px 0 16px;font-variant-numeric:tabular-nums}.btn{display:block;width:100%;border:none;border-radius:16px;padding:15px 18px;font-size:17px;font-weight:800;color:#fff;background:linear-gradient(180deg,var(--good),var(--good-dark));box-shadow:0 4px #0000002e;cursor:pointer;margin-top:9px}.btn:active{transform:translateY(2px);box-shadow:0 2px #0000002e}.btn--gold{background:linear-gradient(180deg,#ffd45e,#f5a623);color:#5b3a08}.btn--quiet{background:none;color:var(--ink-soft);box-shadow:none;font-size:15px;padding:10px}.stickers{display:grid;grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:8px;margin-top:4px}.sticker{aspect-ratio:1;border-radius:14px;background:#f6efdf;border:3px solid var(--panel-edge);display:grid;place-items:center;gap:1px;font-size:26px}.sticker--locked{filter:grayscale(1) opacity(.32)}.sticker__name{font-size:9px;font-weight:700;color:var(--ink-soft);max-width:95%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stickers__group{font-size:13px;font-weight:800;color:var(--ink-soft);text-align:left;margin:14px 0 2px}@media(orientation:landscape)and (min-width:700px){.shop{padding-bottom:10px}.card{width:96px}.bottom{max-width:900px;width:100%;align-self:center}}@media(orientation:landscape)and (max-height:460px){.card{width:84px}.card__icon{font-size:26px}.coins__rate{display:none}.biomes{padding-top:6px}.biome{height:38px;min-width:44px;font-size:18px}.boost{position:fixed;top:calc(10px + var(--safe-top));left:50%;transform:translate(-50%);padding:8px 14px;font-size:13px}.boost:active{transform:translate(-50%) translateY(2px)}}@media(prefers-reduced-motion:reduce){.pop{animation-duration:.4s}.modal,.card.is-bought,.card:hover .card__icon,.hand{animation:none}}.icon{display:block;width:24px;height:24px;color:var(--ink)}.icon svg{width:100%;height:100%;display:block}.shop.is-dragging{cursor:grabbing;scroll-snap-type:none}.shop.is-dragging .card{transform:none}.hand-layer{position:fixed;inset:0;pointer-events:none;z-index:40}.hand-layer[hidden]{display:none}.hand{position:absolute;top:0;left:0;line-height:0;margin:6px 0 0 -12px;filter:drop-shadow(0 3px 7px rgba(0,0,0,.4));animation:hand-tap 1.1s ease-in-out infinite;will-change:transform}@keyframes hand-tap{0%,to{translate:0 0;scale:1}40%{translate:0 -14px;scale:1.08}55%{translate:0 0;scale:.94}}.hand__bubble{position:absolute;top:0;left:0;padding:9px 16px;border-radius:999px;background:var(--panel);border:3px solid var(--panel-edge);box-shadow:var(--shadow);font-size:15px;font-weight:800;color:var(--ink);white-space:nowrap;will-change:transform}.is-tutorial-target{position:relative;animation:target-pulse 1.1s ease-in-out infinite}@keyframes target-pulse{0%,to{box-shadow:var(--shadow),0 0 #57c04a8c}50%{box-shadow:var(--shadow),0 0 0 10px #57c04a00}}.pop--bonus{font-size:clamp(26px,7vw,38px);color:#fff6c9;text-shadow:0 3px 0 #e07b00,0 6px 16px rgba(0,0,0,.35)}.pop--name{font-size:clamp(22px,6vw,32px);color:#fffdf6;text-shadow:0 3px 0 #3a2c1e,0 6px 16px rgba(0,0,0,.4);animation:name-rise 1.5s cubic-bezier(.2,.7,.3,1) forwards}@keyframes name-rise{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}18%{opacity:1;transform:translate(-50%,-110%) scale(1.06)}75%{opacity:1;transform:translate(-50%,-140%) scale(1)}to{opacity:0;transform:translate(-50%,-180%) scale(.98)}}.pop--thanks{font-size:clamp(20px,5.5vw,30px);color:#fff3b0;text-shadow:0 3px 0 #b8541a,0 6px 16px rgba(0,0,0,.35);animation:thanks-pop 1.4s cubic-bezier(.25,1.4,.4,1) forwards}@keyframes thanks-pop{0%{opacity:0;transform:translate(-50%,-40%) scale(.5) rotate(-8deg)}25%{opacity:1;transform:translate(-50%,-120%) scale(1.15) rotate(4deg)}60%{opacity:1;transform:translate(-50%,-145%) scale(1) rotate(-2deg)}to{opacity:0;transform:translate(-50%,-195%) scale(.95) rotate(0)}}.shopbtn{position:fixed;right:calc(10px + var(--safe-right));top:50%;transform:translateY(-50%);width:66px;height:66px;border:3px solid var(--panel-edge);border-radius:50%;background:var(--panel);box-shadow:var(--shadow);display:grid;place-items:center;gap:0;cursor:pointer;z-index:12;padding:0}.shopbtn__icon{font-size:30px;line-height:1}.shopbtn__wait{position:absolute;bottom:-6px;padding:1px 7px;border-radius:99px;background:var(--ink-soft);color:#fff;font-size:10px;font-weight:800;font-variant-numeric:tabular-nums}.shopbtn.is-waiting{opacity:.6}.shopbtn.is-waiting .shopbtn__icon{filter:grayscale(.8)}.shopbtn.is-ready{border-color:var(--good);animation:shop-wobble 1.6s ease-in-out infinite}@keyframes shop-wobble{0%,55%,to{transform:translateY(-50%) rotate(0) scale(1)}62%{transform:translateY(-50%) rotate(-9deg) scale(1.07)}70%{transform:translateY(-50%) rotate(8deg) scale(1.07)}78%{transform:translateY(-50%) rotate(-6deg) scale(1.04)}86%{transform:translateY(-50%) rotate(4deg) scale(1.02)}}.shopbtn__free{position:absolute;top:-4px;right:-4px;padding:2px 7px;border-radius:99px;background:linear-gradient(180deg,var(--good),var(--good-dark));color:#fff;font-size:9px;font-weight:900;letter-spacing:.05em}.foods{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:4px 0 2px}.food{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px 8px;border:3px solid var(--panel-edge);border-radius:14px;background:#f6efdf;cursor:pointer;transition:transform .08s ease,border-color .12s ease}@media(hover:hover){.food:hover{transform:translateY(-3px);border-color:var(--good)}}.food:active{transform:translateY(2px) scale(.97)}.food__icon{font-size:30px;line-height:1.1}.food__name{font-size:11px;font-weight:800;color:var(--ink)}.food__kind{font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}.food__kind--plant{color:#5a8f2b}.food__kind--meat{color:#c25b3a}.food__kind--treat{color:#d4488f}.food__cost{margin-top:3px;font-size:10px;font-weight:900;color:#fff;background:var(--ink-soft);border-radius:99px;padding:2px 8px}.food--free .food__cost{background:linear-gradient(180deg,var(--good),var(--good-dark))}.carry{position:fixed;left:50%;top:calc(14px + var(--safe-top));transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:var(--panel);border:3px solid var(--good);box-shadow:var(--shadow);font-size:14px;font-weight:800;color:var(--ink);z-index:13;pointer-events:none;white-space:nowrap}.carry[hidden]{display:none}@media(orientation:landscape)and (max-height:460px){.shopbtn{width:54px;height:54px}.shopbtn__icon{font-size:24px}.carry{font-size:12px;padding:6px 12px}}@media(prefers-reduced-motion:reduce){.shopbtn.is-ready{animation:none;border-color:var(--good)}}