/* هویت بصری: خمیر گرم، پارچهٔ فیروزه‌ای و کاغذ خامه‌ای. */
:root{--ink:#523b2b;--muted:#94785d;--paper:#fff3d8;--teal:#397e70;--teal-dark:#24594e;--orange:#cf713c;--gold:#e7ac45;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{font-family:Bazaar,'Noto Sans Arabic',Tahoma,sans-serif;background:#e7d1ae;color:var(--ink);line-height:1.8;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;line-height:1.8}button:disabled{cursor:default}button:focus-visible{outline:3px solid #2d8b88;outline-offset:5px}button,img{-webkit-user-drag:none}img{display:block;object-fit:contain}p,h1,h2,h3{margin:0;overflow-wrap:anywhere;min-width:0}button span,div>span{min-width:0}.hidden{display:none!important}#hud.hidden{display:none!important}.icon{width:23px;height:23px;flex-shrink:0;vertical-align:middle}#game-root{position:relative!important;width:100%!important;max-width:none!important;height:100dvh!important;min-height:320px;margin:0!important;overflow:hidden;isolation:isolate;background:#e8d4b6 url('./assets/menu_bg_bazaar.webp') center/cover}#game{position:absolute;inset:0;width:100%;height:100%;touch-action:none}#game canvas{display:block;width:100%!important;height:100%!important;touch-action:none}#dpad,#dpad-action{display:none!important}#app-ui{position:absolute;inset:0;z-index:25;pointer-events:none}#app-ui .screen{pointer-events:auto}.screen{position:absolute;inset:0;max-width:460px;margin-inline:auto;padding:calc(16px + var(--safe-top)) 23px calc(10px + var(--safe-bottom));display:flex;flex-direction:column;min-width:0}.home-screen:before,.sub-screen:before{content:'';position:absolute;z-index:-1;inset:0 -60px;background:radial-gradient(ellipse at 50% 45%,#fff0d4d6 2%,#f7e5c8bc 47%,#ecd2ad20 76%);pointer-events:none}.topbar{height:49px;min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;z-index:2}.icon-button{border:1px solid #ead0a8;background:linear-gradient(140deg,#fff9e6,#f4e3c4);box-shadow:0 3px 0 #d0b28c,0 4px 8px #6c452c12,inset 0 2px 0 #ffffffb5;display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:15px 16px 14px 17px;flex-shrink:0;padding:8px;transition:transform .15s,box-shadow .15s}.icon-button:active{transform:translateY(2px);box-shadow:0 1px 0 #d0b28c}.icon-button.is-muted{color:#a18c76}.market-mark{font-size:11px;color:#7f684f;display:flex;align-items:center;gap:4px;font-weight:700;white-space:nowrap}.market-mark .icon{width:17px;height:17px}.wallet{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;min-width:74px;height:40px;padding:1px 11px 1px 7px;border:1px solid #d8ba86;background:#ffefd0;box-shadow:inset 0 2px 1px #fff8e3,0 3px 0 #d4b080;border-radius:18px 17px 18px 16px;direction:rtl}.wallet b{font-size:20px;line-height:1.7;min-width:14px}.coin-icon{width:30px;height:30px}.home-main{display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;justify-content:center;padding-block:8px 7px}.hero-medallion{position:relative;width:246px;height:218px;flex-shrink:0;display:flex;align-items:center;justify-content:center;z-index:1}.hero-halo{position:absolute;inset:8px -13px -10px;border-radius:50%;background:radial-gradient(ellipse,#f7d996a1,transparent 70%)}.home-emblem{position:relative;width:100%;height:100%;filter:drop-shadow(0 9px 7px #81522a24);animation:clay-float 4.5s ease-in-out infinite}.hero-fish{position:absolute;width:48px;height:48px;filter:drop-shadow(0 3px 3px #583e3020);animation:clay-float 4s ease-in-out infinite}.fish-one{inset-inline-start:-20px;top:72px;rotate:27deg;animation-delay:-1s}.fish-two{inset-inline-end:-19px;top:145px;width:38px;rotate:-35deg;animation-delay:-3s}.spark{position:absolute;color:#c38e37}.spark .icon{width:15px;height:15px;fill:#f4ca65;stroke:#bf8b38;stroke-width:1.5}.spark-one{inset-inline-start:15px;top:27px;rotate:13deg}.spark-two{inset-inline-end:-3px;top:68px;rotate:-13deg}.game-title{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;margin-top:-19px;font-weight:900;line-height:1.7;filter:drop-shadow(0 4px 0 #aa643531);text-align:center}.game-title span{font-size:34px;line-height:1.7;color:#844629;paint-order:stroke fill;-webkit-text-stroke:5px #ffedce;transform:rotate(-3deg);text-shadow:0 4px 0 #d0a26b}.game-title strong{font-size:68px;line-height:1.7;color:#387b6d;paint-order:stroke fill;-webkit-text-stroke:7px #ffedce;margin-top:-32px;transform:rotate(-3deg);text-shadow:0 5px 0 #24594c}.home-tagline{font-size:13px;color:#775942;margin-top:-7px;margin-bottom:23px;font-weight:700}.home-actions{width:100%;max-width:310px;display:flex;flex-direction:column;gap:16px}.clay-button{border:1px solid #2c6455;display:flex;align-items:center;justify-content:center;gap:10px;min-height:57px;width:100%;border-radius:20px 18px 23px 20px;padding:8px 17px;font-size:15px;font-weight:700;position:relative;transition:transform .14s,filter .14s,box-shadow .14s}.clay-button.primary{color:#fff7df;background:linear-gradient(155deg,#5c9c86 0%,#3e8774 55%,#347763 100%);box-shadow:inset 0 3px 1px #a0c8a65c,inset 0 -3px 0 #3c796a,0 6px 0 #245948,0 10px 14px #69412220;text-shadow:0 2px 0 #24594f70}.clay-button.primary:before{content:'';height:3px;position:absolute;inset-inline:24px;top:7px;border-radius:8px;background:#b9d4b52e}.clay-button.primary:active{transform:translateY(4px);box-shadow:inset 0 2px 0 #a0c8a65c,0 2px 0 #245948}.clay-button.secondary{background:linear-gradient(155deg,#fff6df,#f5e6c7);border-color:#d5b58c;box-shadow:inset 0 3px 0 #fff9e9,0 4px 0 #c9a37b,0 6px 10px #68422b0d;color:#6c4f37;min-height:53px;font-size:14px}.clay-button.secondary:active{transform:translateY(3px);box-shadow:0 1px 0 #c9a37b}.clay-button:disabled{opacity:.6}.menu-links{display:flex;gap:13px}.menu-links .clay-button{flex:1;padding:8px;gap:7px}.menu-links .icon{width:21px;height:21px}#startBtn,#retryBtn{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;transform:none!important;z-index:auto!important;min-width:0!important;margin:0!important;padding:10px 22px!important;font-family:inherit!important;border-radius:20px 18px 23px 20px!important;min-height:63px!important;font-size:19px!important;font-weight:700!important}#startBtn:active,#retryBtn:active{transform:translateY(4px)!important}#startBtn .button-paw{opacity:.24;width:29px;height:29px;position:absolute;inset-inline-end:19px;rotate:-15deg}#startBtn>.icon:first-child{width:26px;height:26px}.loading-line{display:flex;align-items:center;gap:5px;font-size:10px;color:#96795b;height:25px;margin-top:13px;transition:opacity .4s}.loading-line.ready{opacity:.75}.loading-line.ready .icon{width:12px;height:12px}.loading-dot{width:5px;height:5px;border-radius:50%;background:#6b9276;animation:blink 1s infinite}.next-adventure{display:flex;align-items:center;width:100%;min-height:73px;border-radius:20px 17px 18px 18px;border:1px solid #dfbe8f99;background:#fff4dcbe;box-shadow:inset 0 2px 0 #fffbec,0 3px 0 #c69b6c26;padding:5px 11px;gap:9px;text-align:start;flex-shrink:0;backdrop-filter:blur(8px)}.next-stall{width:59px;height:59px;display:block;flex-shrink:0}.next-stall img{width:100%;height:100%}.next-copy{display:flex;flex-direction:column;flex:1;gap:1px}.next-copy small{font-size:10px;color:#9c7850}.next-copy strong{font-size:14px;color:#68503a}.next-arrow{width:29px;height:29px;color:#7e8a66;display:grid;place-items:center;transform:rotate(180deg)}.next-arrow .icon{width:19px;height:19px}.home-footer{display:flex;align-items:center;justify-content:center;gap:10px;color:#9c7c57;font-size:9px;padding-top:15px;padding-bottom:3px}.home-footer span{width:24px;height:1px;background:#bca07566}.topbar-title{font-weight:700;font-size:18px}.sub-screen:before{background:linear-gradient(90deg,#f8e8cdbc,#fff1dbe8 35%,#fff1dbef 65%,#f8e8cdbf)}.page-heading{text-align:center;padding-block:23px 10px;flex-shrink:0}.eyebrow{font-size:11px;font-weight:700;color:#ae7249}.page-heading h2{font-size:25px;font-weight:900;line-height:1.8;color:#4d7663}.page-heading p{font-size:11px;color:#8e765b}.map-area{position:relative;flex:1;min-height:0;max-height:550px;width:100%;margin:auto 0}.map-route{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#c7a570;stroke-width:5;stroke-dasharray:4 12;stroke-linecap:round;opacity:.6}.map-route path{filter:drop-shadow(0 2px 0 #fff1d4)}#map-stops{height:100%;display:flex;flex-direction:column;justify-content:space-around}.map-stop{position:relative;display:flex;align-items:center;gap:17px;min-height:76px;flex:1;width:100%;max-height:106px;padding:6px 19px;border:0;background:none;text-align:start}.map-stop:nth-child(even){flex-direction:row-reverse;text-align:end}.level-node{position:relative;display:flex;align-items:center;justify-content:center;min-width:65px;width:65px;height:65px;background:linear-gradient(135deg,#fff2d5,#edd7b2);border:3px solid #f5e2bd;box-shadow:0 5px 0 #cfb28b,0 8px 9px #704a2b1a,inset 0 3px 0 #fff8e6;border-radius:48% 46% 45% 49%;color:#806340;z-index:2}.level-node b{font-size:28px;font-weight:900}.level-node img{width:42px;height:42px;opacity:.7;filter:saturate(.5)}.map-stop.current .level-node{color:#fff5dc;border-color:#7aa184;background:linear-gradient(140deg,#75a187,#40806c);box-shadow:0 5px 0 #2c5d4c,0 8px 14px #466e3f35,inset 0 3px 0 #adbf934d}.level-node i{position:absolute;inset:-9px;border:2px solid #6b9b6c90;border-radius:50%;animation:node-pulse 2.6s ease-out infinite}.stop-copy{display:flex;flex-direction:column;gap:0;z-index:2}.stop-copy small{font-size:9px;color:#aa8c65}.stop-copy strong{font-size:14px;line-height:1.8;white-space:nowrap}.map-stop.locked .stop-copy{opacity:.6}.stars{display:flex;justify-content:center;align-items:center;gap:1px;direction:ltr}.stars img{width:21px;height:21px}.stop-copy .stars{justify-content:flex-end;direction:rtl;opacity:.85;margin-top:0}.map-stop:nth-child(even) .stars{justify-content:flex-start}.map-stop.locked .stars{opacity:.4}.you-are-here{position:absolute;inset-inline-start:12px;bottom:4px;background:#e6b64f;color:#6a471f;border:2px solid #f8e8bd;border-radius:9px;z-index:3;font-size:8px;padding:0 9px;transform:rotate(5deg);font-weight:700}.map-footer{padding-top:12px;text-align:center;flex-shrink:0}.map-progress{display:inline-flex;align-items:center;gap:7px;background:#f7e7bfbf;border:1px solid #dab7808c;padding:5px 18px;border-radius:20px;font-size:12px}.map-progress .icon{width:22px;height:22px;color:#b98531;fill:#efc45b}.map-progress b{font-size:18px}.map-footer p{font-size:9px;color:#9a7f5e;margin-top:8px}.shop-items{display:flex;flex-direction:column;justify-content:center;gap:15px;flex:1;min-height:0;padding-block:12px;max-height:485px;margin-block:auto}.skin-card{display:flex;align-items:center;gap:13px;min-height:128px;padding:11px 12px;background:linear-gradient(140deg,#fff4ddf5,#f9eacdf5);border:1px solid #d6b991;border-radius:22px 20px 23px 19px;box-shadow:inset 0 2px 0 #fffbed,0 4px 0 #d9b98f59}.skin-card.selected{border:2px solid #73997a;box-shadow:inset 0 2px 0 #fffbed,0 4px 0 #7797774f;background:linear-gradient(140deg,#f4f1d7,#e8ebce)}.skin-portrait{position:relative;display:flex;align-items:center;justify-content:center;width:91px;height:91px;border-radius:47% 52% 44% 49%;flex-shrink:0;background:#e8d1aa;box-shadow:inset 0 3px 4px #ba956122,0 2px 0 #fff9e5}.skin-portrait.cream{background:#dacda9}.skin-portrait.gray{background:#d0d7cc}.skin-portrait img{width:86px;height:86px;rotate:-12deg;filter:drop-shadow(0 4px 3px #744e3325)}.skin-check{position:absolute;inset-inline-end:-1px;bottom:-1px;width:23px;height:23px;border-radius:50%;background:#4b8166;color:#fff2d2;display:grid;place-items:center;box-shadow:0 2px 0 #2f5c48}.skin-check .icon{width:15px;height:15px}.skin-description{flex:1;min-width:0}.skin-description h3{font-size:15px;font-weight:700}.skin-description p{font-size:10px;color:#967452;margin-top:1px}.skin-buy{border:1px solid #d2a656;border-radius:11px 10px 12px 10px;box-shadow:0 3px 0 #c09247;background:linear-gradient(140deg,#f7d98e,#edc26d);display:flex;align-items:center;justify-content:center;gap:4px;height:35px;min-width:121px;font-size:12px;margin-top:9px;padding-inline:10px;font-weight:700}.skin-buy .coin-icon{width:23px;height:23px}.skin-buy.owned{color:#58805a;background:#dde5c9;border-color:#a6bc8e;box-shadow:0 2px 0 #a9bd94}.skin-buy .icon{width:15px;height:15px}.shop-note{display:flex;align-items:center;justify-content:center;gap:9px;border-top:1px dashed #c9af8769;padding-top:18px;font-size:10px;color:#967b59;text-align:center}.shop-note>.icon{color:#b59769;width:25px;height:25px}.shop-note strong{font-weight:400;color:#648163}.text-button{display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:none;padding:11px 5px;min-height:42px;font-size:12px;color:#846c50}.text-button .icon{width:17px;height:17px}.shop-screen>.text-button{margin-top:3px}#hud{position:absolute!important;top:calc(16px + var(--safe-top))!important;inset-inline:16px!important;max-width:440px!important;margin-inline:auto!important;display:flex!important;flex-direction:column;align-items:stretch!important;gap:10px!important;z-index:22!important;font-family:inherit!important;pointer-events:none;color:#634831}.hud-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:8px 10px;background:#fff4dfe8;border:1px solid #e5c89e;border-radius:23px 22px 18px 20px;box-shadow:0 4px 0 #bd96634a,0 6px 14px #69402e12;backdrop-filter:blur(12px)}.pause-button{pointer-events:auto;width:40px;height:40px;border-radius:13px;background:#f3deb6}.pause-button .icon{width:18px;height:18px}.hud-level{text-align:center;display:flex;flex-direction:column;gap:0}.hud-level small{color:#a48561;font-size:9px}.hud-level strong{font-size:14px}.hud-score{display:flex;align-items:center;gap:4px;min-width:59px}.hud-score>.icon{color:#5e918b;width:23px;height:23px;transform:rotate(-25deg)}.hud-score>span{display:flex;flex-direction:column;align-items:center}.hud-score small{font-size:8px;color:#9b7c55;line-height:1.7}.hud-score b{font-size:22px;line-height:1.7;margin-top:-2px}.hud-progress{display:flex;align-items:center;gap:6px;padding-inline:10px;height:17px}.hud-progress>.icon{width:16px;height:16px;color:#866144}.progress-paw{color:#628564;display:flex}.progress-paw .icon{width:15px;height:15px}.progress-track{flex:1;height:9px;border-radius:8px;background:#c2a16d59;box-shadow:inset 0 2px 3px #8b694e2b,0 1px 0 #fff7dc;border:1px solid #c2a67666;overflow:hidden;direction:ltr}.progress-track i{display:block;width:100%;height:100%;background:linear-gradient(#91b48b,#628766);border-radius:8px;transform-origin:100% 50%;transform:scaleX(0);will-change:transform}#hud-percent{font-size:9px;color:#997e56;min-width:28px}.life-pill{display:flex;align-items:center;gap:6px;align-self:center;background:#ffefd8eb;border:1px solid #e1c294;box-shadow:0 3px 0 #c3a57640;border-radius:18px;padding:3px 11px;font-size:9px;color:#927654}.life-pill>.icon{width:14px;height:14px;color:#c17b42}.life-pill b{font-size:17px;color:#704c2e;line-height:1.7}.life-pill i{height:11px;width:1px;background:#d2b58c;margin-inline:2px}.life-pill small{font-size:8px;color:#ac9170}#play-ui{position:absolute;inset:0;pointer-events:none}#world-labels{position:absolute;inset:0;direction:ltr;overflow:hidden}.world-label{position:absolute;inset-inline-start:0;top:0;direction:ltr;transform:translate(-50%,-50%);pointer-events:none;will-change:translate;line-height:1.7}.world-label>span,.world-label>div{direction:rtl}.crowd-counter{z-index:3}.crowd-counter>span{display:flex;align-items:center;justify-content:center;gap:5px;min-width:67px;padding:0 10px;background:#fff4d9;border:3px solid #bc8f5a;border-radius:20px 19px 16px 19px;box-shadow:0 3px 0 #97663850,0 5px 8px #7b4f2520;color:#885432;position:relative}.crowd-counter>span:after{content:'';position:absolute;inset-inline-start:28px;bottom:-8px;width:10px;height:10px;rotate:45deg;background:#fff4d9;border-inline-end:3px solid #bc8f5a;border-bottom:3px solid #bc8f5a}.crowd-counter .icon{width:17px;height:17px;color:#c98545}.crowd-counter b{font-size:23px;line-height:1.7}.crowd-counter.pop>span{animation:count-pop .3s ease-out}.gate-label>span{font-size:26px;font-weight:900;display:flex;align-items:center;justify-content:center;min-width:76px;line-height:1.7;color:#fbffe4;text-shadow:0 2px 0 #256458;direction:ltr;background:linear-gradient(130deg,#7bb89c,#4a967f);border:2px solid #acd3a8;border-radius:12px 10px 14px 12px;box-shadow:0 4px 0 #367263,0 6px 6px #70482718;padding:0 10px}.gate-label>span .icon{width:16px;height:16px;margin-inline-start:6px;opacity:.7}.hazard-label>span{font-size:15px;font-weight:700;line-height:1.7;color:#fff4dc;direction:ltr;background:#c5754f;border:2px solid #e2a072;border-radius:8px;box-shadow:0 2px 0 #94533c;padding-inline:8px}.boss-label>div{display:flex;flex-direction:column;align-items:center;background:#fff0d3f0;border:2px solid #ca9b66;border-radius:14px;padding:3px 14px;box-shadow:0 4px 0 #9b704939;white-space:nowrap}.boss-label strong{font-size:15px;color:#8c5333}.boss-label small{font-size:10px;color:#9a6e48}.boss-meter{width:115px;height:6px;border-radius:6px;overflow:hidden;background:#d3b184;margin-block:4px}.boss-meter i{display:block;background:#ce804b;width:100%;height:100%;transform-origin:100% 50%;will-change:transform}.floating-reward{font-size:23px;line-height:1.7;font-weight:900;text-shadow:0 2px #fff3d9,2px 0 #fff3d9,-2px 0 #fff3d9,0 -2px #fff3d9;z-index:5;white-space:nowrap;color:#3a7c64}.floating-reward.bad{color:#bd5b3d}.goal-ribbon{position:absolute;top:calc(157px + var(--safe-top));inset-inline:24px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:700;color:#9d7952;transition:color .3s}.goal-ribbon .icon{width:17px;height:17px;color:#7e9f8a}.goal-ribbon.raid-goal{font-size:14px;color:#ad713b}.tutorial{position:absolute;bottom:calc(50px + var(--safe-bottom));inset-inline:23px;max-width:365px;margin-inline:auto;display:flex;align-items:center;justify-content:center;gap:11px;min-height:49px;padding:8px 15px;border:1px solid #d6b98b;background:#fff3dae8;box-shadow:0 3px 0 #b18a5b2e,0 5px 14px #81603d0c;border-radius:18px 19px 16px 20px;backdrop-filter:blur(7px)}.tutorial p{font-size:11px;font-weight:700;text-align:center;color:#82613e}.teaching-hand{display:none;position:relative;width:38px;height:38px;flex-shrink:0}.show-hand .teaching-hand{display:block}.teaching-hand>.icon{position:absolute;inset-inline-start:5px;top:1px;width:26px;height:26px;color:#846443;fill:#fff6df;stroke-width:1.5;z-index:1;animation:teaching 2.2s ease-in-out infinite}.drag-track{position:absolute;inset-inline:0;bottom:4px;height:3px;border-radius:3px;background:#d6b98c}.drag-track:after,.drag-track:before{content:'';position:absolute;top:-2px;border:solid #ba986b;border-width:0 1px 1px 0;padding:3px}.drag-track:after{inset-inline-start:0;rotate:-45deg}.drag-track:before{inset-inline-end:0;rotate:135deg}.play-bottom{position:absolute;bottom:calc(17px + var(--safe-bottom));inset-inline:25px;max-width:400px;margin-inline:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#b08d61;font-size:9px}.level-sign{font-size:10px;direction:ltr}.desktop-hint{display:none}.modal-screen{position:absolute;inset:0;pointer-events:auto;background:#553b2d8c;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:calc(24px + var(--safe-top)) 22px calc(24px + var(--safe-bottom));z-index:15}.clay-panel{position:relative;width:100%;max-width:355px;max-height:100%;overflow:auto;scrollbar-width:none;display:flex;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(ellipse at top,#fff8e4,#f9e9c7 80%);border:3px solid #edcfa3;border-radius:32px 29px 36px 31px;box-shadow:inset 0 4px 0 #fffbed,0 8px 0 #a77c52,0 18px 44px #34271d38;padding:27px 24px 20px;animation:panel-in .35s cubic-bezier(.2,1.35,.5,1)}.clay-panel h2{font-size:24px;color:#407561;line-height:1.8;font-weight:900}.clay-panel p{font-size:11px;color:#94724e;line-height:1.9}.clay-panel .primary{margin-top:22px}.clay-panel>.secondary{margin-top:17px}.pause-emblem{width:75px;height:75px;background:linear-gradient(135deg,#f1d8a7,#e1b879);box-shadow:inset 0 3px 0 #fff1c9,0 5px 0 #bc915a;border:2px solid #e6c18a;border-radius:46% 49% 45% 47%;display:grid;place-items:center;margin-bottom:21px;color:#b27b42;rotate:-10deg}.pause-emblem .icon{width:40px;height:40px}.pause-panel h2{margin-bottom:6px}.pause-bottom{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:8px}.pause-bottom .text-button{font-size:12px}.pause-bottom .icon-button{width:39px;height:39px}.result-kicker{font-size:10px;color:#b18a5c}.result-stars{gap:8px;margin:14px auto 12px;min-height:62px}.result-stars img{width:52px;height:52px;filter:drop-shadow(0 5px 2px #b28a5320);transform:rotate(-10deg);animation:star-in .6s cubic-bezier(.2,1.8,.5,1) both}.result-stars img:nth-child(2){width:67px;height:67px;transform:translateY(-8px);animation-delay:.12s}.result-stars img:nth-child(3){transform:rotate(10deg);animation-delay:.24s}.result-panel h2{font-size:23px}.result-panel.lost h2{font-size:20px;color:#a46543}.result-panel.lost .result-art{filter:saturate(.6)}.result-art{position:relative;width:155px;height:106px;margin-block:5px 8px}.result-cat{position:absolute;height:100px;width:100px;inset-inline-start:23px;top:0;rotate:-13deg;filter:drop-shadow(0 5px 2px #7a4e2529)}.result-fish{position:absolute;width:60px;height:60px;inset-inline-end:-7px;bottom:7px;rotate:18deg}.result-spark{position:absolute;inset-inline-start:-2px;top:19px;color:#ca933f}.result-spark .icon{width:17px;height:17px;fill:#efc25c}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%}.result-stats>div{display:flex;flex-direction:column;align-items:center;background:#f4e4be;border:1px solid #e6cca0;border-radius:16px;padding:8px 4px;position:relative}.result-stats .icon,.result-stats .coin-icon{width:24px;height:24px;color:#5a9189}.result-stats span{font-size:9px;color:#9b7b51}.result-stats b{font-size:20px;color:#7f5a2c;line-height:1.7}.result-stats>div:first-child b{color:#527b6b}.result-threshold{color:#a08055;font-size:10px;margin-top:12px;line-height:1.9}.result-threshold span{display:block;font-size:9px;color:#a28c67;margin-top:3px}.result-actions{width:100%;display:flex;flex-direction:column;gap:16px;margin-top:18px}.result-actions .clay-button{margin-top:0!important;min-height:51px;font-size:14px}.result-actions #retryBtn{min-height:53px!important;font-size:15px!important}.result-panel>.text-button{font-size:11px;margin-top:6px}.toast{position:absolute;bottom:calc(29px + var(--safe-bottom));inset-inline:24px;margin-inline:auto;max-width:350px;border:1px solid #e0bc86;border-radius:16px;padding:12px 18px;background:#ffefd7f5;color:#76583c;text-align:center;font-size:12px;font-weight:700;box-shadow:0 4px 0 #af875b,0 9px 30px #49342122;opacity:0;transform:translateY(15px);transition:opacity .2s,transform .2s;z-index:50;pointer-events:none}.toast.visible{opacity:1;transform:translateY(0)}
@keyframes clay-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes blink{50%{opacity:.3}}@keyframes teaching{0%,15%,100%{transform:translateX(10px) rotate(8deg)}55%,70%{transform:translateX(-10px) rotate(-8deg)}}@keyframes count-pop{0%{scale:1}40%{scale:1.2 .85}100%{scale:1}}@keyframes node-pulse{0%{scale:.95;opacity:.8}100%{scale:1.27;opacity:0}}@keyframes reward-float{0%{opacity:0;transform:translate(-50%,-30%) scale(.8)}15%{opacity:1;transform:translate(-50%,-70%) scale(1.1)}70%{opacity:1}100%{opacity:0;transform:translate(-50%,-220%) scale(.95)}}@keyframes panel-in{0%{opacity:0;transform:translateY(24px) scale(.9)}100%{opacity:1;transform:none}}@keyframes star-in{0%{scale:.1;opacity:0}100%{scale:1;opacity:1}}
@media(hover:hover){.clay-button:hover:not(:disabled){filter:brightness(1.05)}.icon-button:hover{filter:brightness(1.05)}.desktop-hint{display:inline}.touch-hint{display:none}}
@media(min-width:700px){.screen{max-width:460px;padding-inline:34px}.screen:before{inset:-25px -35px;background:radial-gradient(ellipse at center,#fff1dbf5 0,#f5e3c6e8 47%,#efd6b180 68%,transparent 78%)}.home-main{padding-block:4px}.home-emblem{width:215px}.hero-medallion{height:195px}.sub-screen:before{background:linear-gradient(90deg,transparent,#fff0d8e8 16%,#fff0d8f2 84%,transparent)}.map-area{max-height:460px}.page-heading{padding-top:18px}.skin-card{min-height:120px}.home-footer{font-size:10px}.hero-fish{width:52px;height:52px}}
@media(max-height:760px){.screen{padding-top:calc(12px + var(--safe-top));padding-bottom:8px}.topbar{height:44px;min-height:44px}.home-main{padding-top:0;padding-bottom:0}.hero-medallion{height:169px;width:204px}.game-title{margin-top:-13px}.game-title span{font-size:29px}.game-title strong{font-size:57px;margin-top:-30px}.home-tagline{font-size:12px;margin-top:-8px;margin-bottom:18px}.home-actions{gap:13px;max-width:300px}#startBtn{min-height:57px!important}.menu-links .clay-button{min-height:48px}.loading-line{margin-top:10px;height:19px;font-size:9px}.next-adventure{min-height:62px}.next-stall{width:49px;height:49px}.home-footer{padding-top:10px;font-size:8px}.fish-one{top:49px;width:38px}.fish-two{top:110px;width:32px}.page-heading{padding-top:15px;padding-bottom:6px}.page-heading h2{font-size:23px}.map-stop{min-height:66px;gap:12px;padding-block:3px}.level-node{width:58px;min-width:58px;height:58px}.level-node b{font-size:25px}.level-node img{width:37px;height:37px}.stop-copy strong{font-size:13px}.stars img{width:19px;height:19px}.map-footer{padding-top:6px}.shop-items{gap:11px;padding-block:9px}.skin-card{min-height:112px;padding:8px 10px}.skin-portrait{width:78px;height:78px}.skin-portrait img{width:76px;height:76px}.shop-note{padding-top:12px;font-size:9px}.skin-description h3{font-size:14px}.skin-buy{height:32px;margin-top:7px}.clay-panel{padding:21px 22px 14px}.result-art{height:81px}.result-cat{height:80px;width:80px;inset-inline-start:32px}.result-fish{height:48px;width:48px;inset-inline-end:3px}.result-stars{margin:10px auto 7px;min-height:52px}.result-stars img{width:43px;height:43px}.result-stars img:nth-child(2){width:55px;height:55px}.result-panel h2{font-size:21px}.result-actions{margin-top:13px;gap:12px}.result-threshold{margin-top:8px}.result-stats>div{padding:5px}.result-stats b{font-size:18px}.goal-ribbon{top:calc(149px + var(--safe-top))}.tutorial{bottom:calc(43px + var(--safe-bottom))}.play-bottom{bottom:calc(12px + var(--safe-bottom))}}
@media(max-width:370px){.screen{padding-inline:18px}.market-mark{font-size:10px}.wallet{min-width:66px}.home-actions{max-width:287px}.skin-description h3{font-size:13px}.skin-description p{font-size:9px}.skin-card{gap:10px}.skin-buy{min-width:110px;font-size:11px}.tutorial p{font-size:10px}.result-panel h2{font-size:20px}.result-panel.lost h2{font-size:18px}}
@media(max-height:640px){.hero-medallion{height:130px;width:170px}.game-title span{font-size:25px}.game-title strong{font-size:46px;margin-top:-25px}.home-tagline{font-size:11px;margin-bottom:13px}.home-footer{padding-top:8px}.loading-line{display:none}.home-actions{gap:11px}.menu-links .clay-button{min-height:43px}#startBtn{min-height:50px!important;font-size:17px!important}.next-adventure{min-height:54px}.next-stall{width:44px;height:44px}.page-heading h2{font-size:20px}.page-heading{padding-top:8px}.page-heading .eyebrow{font-size:10px}.map-stop{min-height:55px}.level-node{width:48px;height:48px;min-width:48px}.level-node b{font-size:21px}.stop-copy strong{font-size:12px}.stop-copy small{font-size:8px}.stop-copy .stars img{width:15px;height:15px}.you-are-here{bottom:0;font-size:7px}.skin-card{min-height:93px}.skin-portrait{width:68px;height:68px}.skin-portrait img{width:68px;height:68px}.shop-items{gap:9px}.shop-note{padding-top:8px}.shop-note p{font-size:8px}.skin-buy{height:29px}.clay-panel{max-height:96%;padding-top:15px}.result-art{height:60px}.result-cat{height:60px}.result-fish{height:36px}.result-threshold span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.home-emblem,.hero-fish,.level-node i,.teaching-hand>.icon{animation:none}.clay-panel,.result-stars img{animation:none}.clay-button,.icon-button{transition:none}}
