@import url('./assets/fonts.css');
:root{--ink:#234958;--muted:#6c8c99;--ice:#dceef2;--deep:#2a7081;--orange:#ef9254;--orange-dark:#c66c3d;--paper:#f8fcfc;--ball-image:var(--ball-classic);font-family:'Dizin',Tahoma,sans-serif;color:var(--ink);font-synthesis:weight;line-height:1.7;color-scheme:light}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none}body{background:#e7f2f5;display:block;font-family:'Dizin',Tahoma,sans-serif;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-appearance:none;appearance:none}button:disabled{cursor:wait;opacity:.7}button:focus-visible{outline:3px solid #39869c;outline-offset:4px}button,img,svg{flex-shrink:0}button{transition:transform .15s,box-shadow .15s,background .2s}button:active{transform:translateY(3px) scale(.97)}h1,h2,h3,p{margin:0;overflow-wrap:anywhere;min-width:0}h1,h2,h3{font-weight:900;line-height:1.7}img{object-fit:contain;pointer-events:none}.icon{width:24px;height:24px;display:inline-block;vertical-align:middle;flex-shrink:0}.art{display:block}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#game-root{width:100%!important;max-width:none!important;height:100vh;height:100dvh;margin:0!important;position:relative;isolation:isolate}#game{position:absolute;inset:0;overflow:hidden;background:#e8f4f7}#game canvas{display:block!important;width:100%!important;height:100%!important;touch-action:none;outline:none}#dpad,#dpad-action{display:none!important}#winter-ui{position:absolute;inset:0;z-index:30;pointer-events:none;overflow:hidden}.screen{position:absolute;inset:0;pointer-events:auto;overflow:hidden;animation:screen-in .32s ease both}.screen>*{position:relative;z-index:2}.title-screen{background:#e7f5f9 url('./assets/menu_bg.webp') center 51%/cover no-repeat}.landscape-wash{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(232,247,251,.25),rgba(233,247,251,.04) 38%,rgba(237,248,250,.08) 57%,rgba(232,245,248,.92) 88%,#eaf5f7)}
.menu-top{position:absolute;inset-inline:20px;top:max(20px,env(safe-area-inset-top));max-width:440px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:6}.winter-stamp{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#3f7083}.winter-stamp>.icon{width:23px;height:23px}.top-tools{display:flex;gap:9px;align-items:center;direction:rtl}.coin-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:66px;min-height:40px;padding:4px 13px 4px 9px;background:rgba(255,255,255,.84);border:1.5px solid rgba(255,255,255,.9);border-radius:30px;box-shadow:0 3px 0 #a9cad440;font-size:16px;font-weight:900;line-height:1.7}.coin-pill img{width:26px;height:26px}.icon-button{width:46px;height:46px;min-width:46px;min-height:46px;border:1.5px solid #fff;border-radius:16px;background:rgba(255,255,255,.84);box-shadow:0 4px 0 #b4cfd77d;display:inline-flex;align-items:center;justify-content:center;color:#497787}.menu-top .sound-button{width:42px;height:42px;min-width:42px;min-height:42px;border-radius:50%}.menu-top .icon-button .icon{width:20px;height:20px}
.title-lockup{position:absolute;top:11.5%;inset-inline:20px;text-align:center;max-width:440px;margin-inline:auto;z-index:4}.title-eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;color:#497383;font-size:10px;font-weight:700}.title-eyebrow span{width:22px;height:1px;background:#86b2c1}.title-lockup h1{display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 4px 0 rgba(83,132,147,.09));margin-top:2px}.title-small{font-size:39px;line-height:1.7;color:#284f62;-webkit-text-stroke:3px #f9ffff;paint-order:stroke fill;white-space:nowrap}.title-dizin{display:block;font-size:82px;line-height:1.7;margin-top:-35px;color:#ee8b4e;-webkit-text-stroke:7px #f9ffff;paint-order:stroke fill;text-shadow:0 5px 0 #bd7044;transform:rotate(-4deg)}.title-tagline{font-size:14px;font-weight:700;margin-top:-15px;color:#416d7e}.title-flake{position:absolute;color:#75a3b1;opacity:.75}.title-flake .icon{width:27px;height:27px}.flake-one{top:95px;inset-inline-start:26px;transform:rotate(16deg)}.flake-two{top:43px;inset-inline-end:32px;transform:rotate(-13deg) scale(.65)}
.menu-diorama{position:absolute;width:min(100%,390px);height:31%;max-height:280px;top:36%;inset-inline:0;margin-inline:auto;z-index:3;pointer-events:none}.snow-island{position:absolute;width:300px;height:90px;bottom:3px;inset-inline:0;margin-inline:auto;border-radius:50%;background:radial-gradient(ellipse,#fbfffff2 30%,#eef9fb9e 62%,#eff9fb00 74%);transform:rotate(-8deg)}.menu-trail{position:absolute;width:94%;height:100%;inset-inline:0;bottom:0;margin:auto}.menu-cabin{width:124px;height:124px;position:absolute;top:-16px;inset-inline-start:42px;filter:drop-shadow(0 8px 5px #375c6c19);transform:rotate(-4deg)}.menu-tree{position:absolute;filter:drop-shadow(0 7px 6px #426c7c20)}.tree-a{width:142px;height:156px;bottom:12px;inset-inline-start:-15px;transform:rotate(5deg)}.tree-b{width:110px;height:124px;top:16px;inset-inline-end:-1px;transform:rotate(-7deg)}.menu-snowman{position:absolute;width:74px;height:82px;bottom:6px;inset-inline-end:36px;transform:rotate(-10deg)}.ball-preview{background-image:var(--ball-image,var(--ball-classic));background-repeat:no-repeat;background-position:center;background-size:contain}.menu-ball{position:absolute;width:165px;height:165px;bottom:14px;inset-inline:0;margin-inline:auto;filter:drop-shadow(0 12px 9px #3e728d20);animation:hero-float 3.8s ease-in-out infinite;z-index:4}.menu-ball-shadow{position:absolute;width:124px;height:27px;bottom:15px;inset-inline:0;margin-inline:auto;border-radius:50%;background:#73a0b935;filter:blur(6px);animation:shadow-breathe 3.8s ease-in-out infinite}.one-finger{position:absolute;bottom:-17px;inset-inline:0;margin-inline:auto;width:max-content;display:flex;align-items:center;gap:5px;font-size:10px;color:#557e8c;font-weight:700;background:#f4fbfce6;border:1px solid #fff;padding:5px 13px;border-radius:30px;z-index:5;transform:rotate(-5deg)}.one-finger .icon{width:18px;height:18px}.diorama-spark{position:absolute;color:#eead6d;z-index:5;animation:sparkle 2.7s ease-in-out infinite}.diorama-spark .icon{width:19px;height:19px}.spark-a{bottom:151px;inset-inline-start:115px}.spark-b{bottom:52px;inset-inline-end:110px;font-size:17px;animation-delay:-1.3s}
.menu-actions{position:absolute;inset-inline:24px;bottom:max(22px,env(safe-area-inset-bottom));max-width:350px;margin-inline:auto;z-index:7}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:55px;padding:10px 20px;border:2px solid #fff;border-radius:18px;font-weight:900;font-size:17px;line-height:1.7;position:relative;min-width:0;overflow-wrap:anywhere}.wide{width:100%}.primary{color:#fff9f3;background:linear-gradient(180deg,#f4a164,#ec884a);box-shadow:0 6px 0 #c57545,0 10px 20px #9e70452b;text-shadow:0 1px 0 #c6744b}.primary:active{box-shadow:0 2px 0 #c57545,0 4px 10px #9e70452b}.primary::before{content:'';position:absolute;inset-inline:15px;top:4px;height:1px;background:#fff5;border-radius:50%}.primary .icon{width:24px;height:24px}.secondary{background:#f0f8fa;border:1.5px solid #d2e4ea;box-shadow:0 3px 0 #c4dbe2;color:#3b7080;font-size:14px}.secondary:active{box-shadow:0 1px 0 #c4dbe2}#game-root #startBtn,#game-root #retryBtn{position:relative;top:auto;inset-inline:auto;transform:none;z-index:auto;min-width:0;padding:10px 20px;border-radius:18px;font-family:inherit}#game-root #startBtn{font-size:21px;min-height:65px;border:2px solid #fff}#game-root #retryBtn{font-size:14px;min-height:48px;margin-top:10px}#game-root #startBtn:active,#game-root #retryBtn:active{transform:translateY(3px) scale(.98)}.next-level{text-align:center;font-size:10px;font-weight:700;margin:14px 0 15px;color:#648693}.menu-secondary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.frost-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:9px 12px;background:#f9fdfee8;border:1.5px solid #fff;border-radius:15px;box-shadow:0 4px 0 #bed7e071;color:#487487;font-size:13px;font-weight:700;min-width:0}.frost-button .icon{width:21px;height:21px}.tiny-counter{font-size:9px;color:#87a2ad;font-weight:500}.menu-footnote{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#8aa3ac;margin-top:19px}.menu-footnote .icon{width:17px;height:17px}.loading-dot{width:10px;height:10px;border:2px solid #ffffff65;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}
.page-top{position:absolute;top:max(18px,env(safe-area-inset-top));inset-inline:20px;max-width:420px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:14px;z-index:8}.page-title{flex:1;text-align:center;min-width:0}.eyebrow{font-size:10px;color:#85a0ab;font-weight:700;display:block}.page-title h2{font-size:22px;white-space:nowrap}.page-title .eyebrow{font-size:9px}.page-top .coin-pill{font-size:14px;padding-inline:10px;min-width:64px}.page-bottom{position:absolute;bottom:max(36px,calc(env(safe-area-inset-bottom) + 14px));inset-inline:22px;display:flex;gap:12px;max-width:380px;margin-inline:auto;z-index:5}.page-bottom>button{flex:1}.map-screen{background:#e4f1f5 url('./assets/map_bg.webp') center/cover}.map-wash{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#eef9fbe6,#eaf6f785 25%,#eaf6f74a 70%,#eaf5f7e8 95%)}.map-summary{position:absolute;top:104px;inset-inline:29px;margin-inline:auto;max-width:340px;display:flex;justify-content:space-between;align-items:center;padding:7px 16px;border:1px solid #ffffffbe;border-radius:40px;background:#f9ffffb3;font-size:11px;color:#72939f}.map-summary>span{display:flex;align-items:center;gap:7px}.map-summary img{width:25px;height:25px}.map-summary b{color:#467284}.level-map{position:absolute;inset-block-start:153px;inset-block-end:114px;inset-inline:0;margin-inline:auto;width:min(340px,calc(100% - 24px));max-height:630px}.map-path{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 3px 0 #82acbc2b)}.map-stop{position:absolute;inset-inline-end:var(--node-x);top:var(--node-y);width:74px;height:92px;transform:translate(-50%,-50%);z-index:2}.level-node{position:relative;width:74px;height:74px;border:0;border-radius:50%;background:rgba(244,252,253,.6);display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 5px 3px #537d8f21);padding:0}.level-node>img:first-child{position:absolute;inset:-7%;width:114%;height:114%}.level-node b{position:relative;z-index:2;font-size:27px;line-height:1.7;color:#3c7186;transform:translateY(-3px)}.node-lock{width:34px;height:34px;position:relative;z-index:3;transform:translateY(-3px)}.locked .level-node{filter:saturate(.35);opacity:.82}.current .level-node{outline:3px solid #f1a466;outline-offset:4px;background:#fff;animation:node-glow 2.7s infinite}.current .level-node b{color:#d98142}.current-dot{position:absolute;inset-inline-start:0;top:-5px;width:13px;height:13px;border-radius:50%;border:3px solid #fff;background:#f0a064;z-index:5}.node-stars{display:flex;gap:0;justify-content:center;position:relative;z-index:4;margin-top:-8px}.node-stars img{width:22px;height:22px}.node-stars img:nth-child(2){transform:translateY(3px)}.node-label{position:absolute;width:140px;top:8px;background:#f5fcfbd6;border:1px solid #ffffffd4;border-radius:12px;padding:5px 11px;text-align:start;box-shadow:0 3px 8px #51829907}.label-start{inset-inline-start:90px}.label-end{inset-inline-end:90px}.node-label span{display:block;font-size:8px;color:#90a7af}.node-label b{font-size:12px;line-height:1.7;display:block;white-space:nowrap}.node-label small{font-size:9px;color:#83a0ab}.current .node-label span{color:#d48952}.locked .node-label b{color:#6e8e9b}.map-tree{position:absolute;opacity:.8;pointer-events:none}.map-tree-a{width:80px;height:90px;top:6%;inset-inline-end:-27px;transform:rotate(-12deg)}.map-tree-b{width:72px;height:82px;bottom:8%;inset-inline-start:-22px;transform:rotate(8deg)}.map-snowman{position:absolute;width:54px;height:64px;top:46%;inset-inline-end:-25px;opacity:.85}.save-note{position:absolute;bottom:max(9px,env(safe-area-inset-bottom));inset-inline:12px;text-align:center;font-size:9px;color:#8aa4af}
.shop-screen{display:flex;flex-direction:column;align-items:center;padding:18px 0 max(18px,env(safe-area-inset-bottom));gap:0;background:radial-gradient(ellipse at 50% 24%,#fff 2%,#e4f2f6 56%,#d7eaf0)}.shop-screen .page-top{position:relative;top:auto;inset-inline:auto;width:calc(100% - 40px);flex:0 0 58px}.shop-showcase{position:relative;width:220px;flex:0 0 clamp(92px,16vh,140px);margin-top:8px;text-align:center}.showcase-ball{position:absolute;inset-inline:0;top:2px;margin-inline:auto;width:108px;height:108px;animation:hero-float 4s ease-in-out infinite;filter:drop-shadow(0 10px 7px #5b849d25)}.showcase-orbit{position:absolute;width:159px;height:43px;bottom:26px;inset-inline:0;margin-inline:auto;border:1.5px dashed #a9ccd9;border-radius:50%;background:#f9ffffa8}.showcase-spark{position:absolute;top:10px;inset-inline-start:24px;color:#c2dce4;transform:rotate(12deg)}.showcase-spark .icon{width:22px;height:22px}.shop-showcase p{position:absolute;bottom:0;inset-inline:0;font-size:11px;font-weight:700;color:#638694}.shop-description{font-size:10px;color:#87a0aa;text-align:center;padding:6px 12px 14px}.shop-grid{width:min(360px,calc(100% - 36px));display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;min-height:0;flex:1;max-height:422px}.skin-card{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;padding:10px 11px 11px;border-radius:21px;background:#fbfdfdbf;border:1.5px solid #fff;box-shadow:0 5px 0 #bbd6e04d}.skin-card.selected{border:2px solid #79b2c3;background:#faffff;box-shadow:0 4px 0 #a1c7d5}.skin-preview{flex:1;min-height:34px;width:100%;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--skin-color) 22%,transparent) 4%,transparent 65%)}.skin-preview .ball-preview{width:min(100%,77px);height:clamp(38px,8vh,77px);filter:drop-shadow(0 5px 3px #59809614)}.skin-card h3{font-size:13px;margin-top:2px}.skin-price{height:24px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:10px;color:#8a9ba1}.skin-price img{width:17px;height:17px}.skin-buy{width:100%;min-height:43px;margin-top:5px;display:flex;align-items:center;justify-content:center;gap:5px;background:#f3a263;border:1px solid #fff;border-radius:12px;color:#fff;font-size:12px;font-weight:900;box-shadow:0 3px 0 #dc8a51}.skin-buy.is-selected{color:#5594a3;background:#e6f4f5;box-shadow:none;border:1px solid #d1e7eb}.skin-buy.is-owned{background:#67a0b2;box-shadow:0 3px 0 #4b7b91}.skin-buy .icon{width:16px;height:16px}.equipped-mark{position:absolute;top:9px;inset-inline-start:10px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#6da6b7;color:#fff}.equipped-mark .icon{width:13px;height:13px}.shop-note{display:flex;gap:6px;align-items:center;justify-content:center;font-size:10px;color:#7797a3;padding:13px 10px}.shop-note .icon{width:16px;height:16px}.shop-screen .page-bottom{position:relative;inset:auto;margin:0 auto;width:min(360px,calc(100% - 36px));flex:0 0 48px}.shop-screen .page-bottom button{min-height:48px}
.play-overlay{position:absolute;inset:0;pointer-events:none;z-index:9}#game-root #hud{position:absolute;inset-inline:14px;top:max(15px,env(safe-area-inset-top));margin-inline:auto;max-width:440px;display:block;z-index:15;font-family:inherit;pointer-events:none;font-size:14px;color:var(--ink)}.hud-first{display:flex;align-items:center;gap:10px;justify-content:space-between}.level-heading{display:flex;flex-direction:column;flex:1;min-width:0;padding:3px 8px;text-shadow:0 1px 0 #fff}.level-heading>span{font-size:9px;color:#7296a5}.level-heading>b{font-size:13px;white-space:nowrap}.timer-chip{display:flex;align-items:center;gap:7px;min-height:45px;background:#fcfefef2;border:1.5px solid #fff;border-radius:15px;box-shadow:0 3px 0 #b4d1dd50;padding:5px 12px;color:#416e80}.timer-chip>b{font-size:20px;min-width:47px;text-align:center;font-variant-numeric:tabular-nums;direction:ltr}.timer-chip .icon{width:20px;height:20px;color:#83a5b5}.timer-chip.urgent{color:#db754b;background:#fff4e9;animation:timer-urgent 1s infinite}.timer-chip.urgent .icon{color:#db754b}.pause-button{pointer-events:auto;width:45px;height:45px;min-height:45px;min-width:45px;border-radius:15px}.pause-button .icon{width:20px;height:20px}.score-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 14px;margin-top:10px;border-radius:17px;background:#fcffffe8;border:1.5px solid #fff;box-shadow:0 4px 0 #b2ced64d;min-height:48px}.score-section{display:flex;gap:8px;align-items:center}.score-section .icon{width:22px;height:22px;color:#86aeba}.score-section>span{font-size:10px;font-weight:500;color:#7b9ba8}.score-section>b{font-size:20px;color:#2f6277}.lives-section{display:flex;gap:3px;direction:ltr}.lives-section img{width:24px;height:24px;filter:drop-shadow(0 2px 1px #45667914);transition:opacity .2s,filter .2s,transform .2s}.lives-section .lost-heart{opacity:.26;filter:grayscale(1);transform:scale(.85)}.journey-row{display:flex;align-items:center;gap:8px;padding:10px 6px 0;font-size:9px;color:#6c95a3;text-shadow:0 1px #fff}.journey-row .icon{width:17px;height:17px;color:#789da9}.journey-row>b{font-weight:500;min-width:28px;text-align:end}.journey-track{height:6px;flex:1;background:#c1dce578;border:1px solid #ffffff9e;border-radius:8px;overflow:hidden}.journey-track>i{display:block;height:100%;background:#7eabb8;border-radius:8px;width:0;transition:width .15s}.growth-dock{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));inset-inline:18px;margin-inline:auto;max-width:370px;background:#f9fdfdeF;border:1.5px solid #fff;border-radius:20px;padding:10px 15px 9px;box-shadow:0 5px 0 #aacbd550,0 8px 22px #6296a012;z-index:10}.growth-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.size-stat{display:flex;align-items:center;gap:9px;white-space:nowrap}.size-stat>span{font-size:10px;color:#7093a0}.size-stat>b{font-size:24px;color:#3a7186;line-height:1.7}.next-food{display:flex;align-items:center;gap:5px;font-size:9px;color:#7795a3;min-width:0}.next-food>img{width:28px;height:31px}.next-food>.icon{width:12px;height:12px;color:#a3b9bf}.next-food b{color:#4a7b8c}.growth-track{height:5px;background:#dfeef2;border-radius:5px;overflow:hidden;margin:3px 0 8px}.growth-track>div{height:100%;width:0;background:#82b6c3;transition:width .28s;border-radius:5px}.food-legend{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:9px;color:#a7bdc5}.food-legend>span{display:flex;align-items:center;gap:3px;white-space:nowrap}.food-legend img{width:18px;height:21px;filter:grayscale(1);opacity:.6}.food-legend b{font-size:8px;font-weight:500;margin-inline-start:2px}.food-legend .unlocked{color:#628c9c}.food-legend .unlocked img{filter:none;opacity:1}.control-hint{position:absolute;bottom:145px;inset-inline:10px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;max-width:360px;margin-inline:auto;color:#6997a9;font-size:11px;opacity:.9;transition:opacity .7s}.control-hint .icon{width:24px;height:24px;animation:gesture 1.8s ease-in-out infinite}.control-hint.faded{opacity:0}.milestone{position:absolute;top:166px;inset-inline:20px;width:max-content;max-width:calc(100% - 40px);margin-inline:auto;display:flex;align-items:center;justify-content:center;gap:9px;padding:8px 15px;background:#fffcf1ed;border:1.5px solid #fff;border-radius:30px;box-shadow:0 4px 0 #d4c3a344;color:#9b7c40;font-size:11px;font-weight:700;animation:banner-pop .3s both;z-index:16}.milestone img{width:31px;height:31px}.destination{position:absolute;display:flex;align-items:center;gap:5px;background:#fff4dc;border:1.5px solid #fff;border-radius:18px;padding:3px 10px;font-size:10px;color:#a37e43;transform:translate(50%,-50%);white-space:nowrap}.destination .icon{width:15px;height:15px}.joystick{position:absolute;width:84px;height:84px;border:1.5px solid #6196ab73;border-radius:50%;background:#e9f6f729;transform:translate(50%,-50%);display:grid;place-items:center;z-index:8;box-shadow:inset 0 0 0 6px #ffffff2e}.joystick-core{width:32px;height:32px;background:#75a9bb55;border:2px solid #fff9;border-radius:50%;box-shadow:0 2px 5px #54809215}.float-reward{position:absolute;opacity:0;pointer-events:none;color:#497e94;font-size:21px;font-weight:900;line-height:1.7;text-shadow:0 2px 0 #fff,1px 0 #fff,-1px 0 #fff;transform:translate(50%,-50%);z-index:20;direction:ltr}.float-reward.pop{animation:reward-rise .8s ease-out both}.float-reward.damage{color:#dc805c;font-size:16px}
.modal-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:26px 20px;background:#204e6666;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);pointer-events:auto;z-index:40;animation:screen-in .2s}.dialog{width:min(100%,350px);max-height:calc(100dvh - 52px);overflow:auto;overscroll-behavior:contain;padding:24px 22px 17px;border-radius:30px;border:2px solid #fff;background:linear-gradient(155deg,#fff,#edf6f9);box-shadow:0 9px 0 #94b9c4,0 20px 60px #234d5b40;text-align:center;animation:dialog-pop .3s cubic-bezier(.2,.8,.35,1.3) both;scrollbar-width:none}.dialog::-webkit-scrollbar{display:none}.dialog h2{font-size:23px;color:#315d70}.dialog-badge{margin:0 auto 12px;width:67px;height:67px;display:grid;place-items:center;background:#fff0df;color:#e4a061;border:2px solid #fff;border-radius:22px;box-shadow:0 4px 0 #e8d8bd;transform:rotate(-5deg)}.dialog-badge .icon{width:31px;height:31px;transform:rotate(5deg)}.dialog-badge.blue{background:#e5f1f7;color:#6b9bac;box-shadow:0 4px 0 #c0d7e4}.tutorial-lead{font-size:13px;color:#71909d;line-height:1.9;margin-top:9px}.tutorial-food{display:flex;align-items:center;justify-content:space-between;gap:5px;background:#e7f2f691;border-radius:20px;border:1px solid #e2edf1;padding:15px 10px;margin:18px 0 14px}.tutorial-food>div{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.tutorial-food img{height:52px;width:52px;margin-bottom:5px}.tutorial-food>div:first-child img{width:38px;height:52px}.tutorial-food span{font-size:11px;font-weight:700}.tutorial-food b{font-size:9px;color:#8da7b2;font-weight:500;white-space:nowrap}.food-arrow{color:#a2bbc5}.food-arrow .icon{width:15px;height:15px}.tutorial-goal{display:flex;align-items:center;justify-content:center;gap:6px;color:#637e8c;font-size:11px}.tutorial-goal .icon{width:18px;height:18px;color:#c79d66}.tutorial-warning{font-size:10px;color:#9aafb7;margin:6px 0 19px}.tutorial-dialog .button{font-size:15px}.keyboard-help{font-size:9px;display:block;color:#9bafb8;margin-top:16px}.pause-dialog{padding-top:29px}.pause-dialog>p{font-size:11px;color:#8ca6b1;margin:4px 0 24px}.pause-dialog .secondary{margin-top:15px}.text-button{background:none;border:0;display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 5px;margin:8px auto 0;color:#7b99a5;font-size:11px}.text-button .icon{width:17px;height:17px}.pause-sound{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d7e7ec;padding-top:13px;margin-top:8px;font-size:11px;color:#87a0ab}.sound-toggle{border:0;background:#dceaf0;border-radius:22px;min-height:38px;padding:6px 13px;display:flex;gap:7px;align-items:center;color:#869fa9;font-size:10px}.sound-toggle.is-on{background:#e2f1ee;color:#6a998d}.sound-toggle .icon{width:16px;height:16px}
.result-dialog{padding:12px 21px 11px}.result-art{height:94px;display:flex;align-items:center;justify-content:center}.result-art>img{width:115px;height:110px;filter:drop-shadow(0 6px 4px #6594a628)}.result-dialog .eyebrow{font-size:9px}.result-dialog h2{font-size:22px;margin-top:2px}.result-stars{display:flex;align-items:center;justify-content:center;gap:3px;height:78px;margin:5px 0 6px}.result-stars img{width:65px;height:65px;filter:drop-shadow(0 4px 2px #90865314);animation:star-arrive .55s calc(var(--i)*.13s + .1s) both}.result-stars img:nth-child(2){width:78px;height:78px;margin-top:-9px}.result-stars img:not(.earned){opacity:.52;filter:grayscale(.5)}.result-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;border-top:1px solid #dce9ee;border-bottom:1px solid #dce9ee;padding:11px 0;margin:0 0 11px}.result-stats>div{display:flex;flex-direction:column;min-width:0;border-inline-end:1px solid #deeaee}.result-stats>div:last-child{border:0}.result-stats span{font-size:8px;color:#90a7b2;white-space:nowrap}.result-stats b{font-size:20px;color:#416f82;direction:ltr}.star-criteria{display:flex;flex-direction:column;gap:5px;text-align:start;font-size:10px;color:#a6b8bf;padding:0 9px}.star-criteria>span{display:flex;align-items:center;gap:7px}.star-criteria .icon{width:14px;height:14px;background:#e8eff1;border-radius:50%;padding:2px}.star-criteria .met{color:#739591}.star-criteria .met .icon{background:#e3efea;color:#6ca28e}.reward-strip{display:flex;align-items:center;justify-content:center;gap:7px;border-radius:14px;background:#fff1dba6;border:1px solid #f4dfbb;margin:14px 0 15px;padding:7px 10px;color:#b0966f;font-size:9px}.reward-strip>img{width:29px;height:29px}.reward-strip>b{color:#b88842;font-size:23px;direction:ltr;margin-inline-start:auto}.reward-strip>span:last-child{font-size:9px}.result-dialog .primary{min-height:53px;font-size:16px}.result-dialog .text-button{margin-top:5px}.loss-ball{width:83px;height:83px;filter:grayscale(.5);opacity:.8;transform:rotate(-20deg)}.loss-tip{font-size:11px;color:#8d9ea6;margin:16px 0;line-height:1.9}.is-loss .result-stars{height:60px}.is-loss .result-stars img{width:50px;height:50px}.is-loss .result-stars img:nth-child(2){width:59px;height:59px}.toast{position:absolute;bottom:max(145px,calc(env(safe-area-inset-bottom) + 115px));inset-inline:24px;max-width:340px;margin-inline:auto;z-index:80;background:#315c6beF;border:1px solid #6c929c;color:#fff;border-radius:18px;padding:13px 17px;text-align:center;font-size:12px;line-height:1.8;box-shadow:0 6px 20px #2a526930;animation:banner-pop .2s}
.snowfall{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:3}.snowfall i{position:absolute;inset-inline-start:var(--x);top:-20px;width:var(--s);height:var(--s);background:#fff;border-radius:50%;opacity:.7;box-shadow:0 0 5px #fff6;animation:snowfall var(--d) var(--delay) linear infinite}.in-play .snowfall{opacity:.45}.in-play .snowfall i:nth-child(2n){display:none}
@keyframes snowfall{from{transform:translate3d(0,-20px,0)}to{transform:translate3d(var(--drift),calc(100dvh + 50px),0)}}@keyframes hero-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-9px) rotate(3deg)}}@keyframes shadow-breathe{0%,100%{transform:scaleX(1);opacity:.7}50%{transform:scaleX(.85);opacity:.4}}@keyframes sparkle{0%,100%{opacity:.35;transform:scale(.8) rotate(0)}50%{opacity:.9;transform:scale(1.1) rotate(25deg)}}@keyframes screen-in{from{opacity:0}to{opacity:1}}@keyframes dialog-pop{from{opacity:0;transform:translateY(14px) scale(.92)}to{opacity:1;transform:none}}@keyframes star-arrive{0%{opacity:0;transform:scale(.2) rotate(-25deg)}70%{transform:scale(1.12) rotate(5deg)}100%{opacity:1;transform:scale(1)}}@keyframes banner-pop{from{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:none}}@keyframes node-glow{0%,100%{outline-color:#f1a466;outline-offset:4px}50%{outline-color:#f1a46666;outline-offset:7px}}@keyframes reward-rise{0%{opacity:0;transform:translate(50%,0) scale(.6)}18%{opacity:1;transform:translate(50%,-12px) scale(1.1)}75%{opacity:1}100%{opacity:0;transform:translate(50%,-66px) scale(.9)}}@keyframes gesture{0%,100%{transform:translateY(3px)}60%{transform:translateY(-6px)}}@keyframes timer-urgent{0%,100%{box-shadow:0 0 0 0 #ed98643a}50%{box-shadow:0 0 0 4px #ed986410}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:650px){.menu-top{max-width:530px;top:24px}.title-lockup{top:8%}.title-small{font-size:43px}.title-dizin{font-size:88px}.title-eyebrow{font-size:11px}.title-tagline{font-size:15px}.menu-diorama{top:34%;height:35%;max-width:430px;width:430px}.menu-ball{width:175px;height:175px}.menu-actions{max-width:340px;bottom:18px}.title-screen{background-position:center 55%}.landscape-wash{background:linear-gradient(180deg,#e8f5fa33,transparent 50%,#edf7f7d9 92%)}.menu-footnote{margin-top:13px}.page-top{max-width:480px}.level-map{width:360px;inset-block-end:100px}.map-screen{background-size:cover;background-position:center 42%}.map-wash{background:#e8f5f6aa}.shop-grid{max-height:410px;width:370px}.shop-screen .page-bottom{width:370px}.control-hint>span{font-size:0}.control-hint>span::after{content:'کلیدهای جهت‌نما یا کشیدن ماوس';font-size:11px}.growth-dock{max-width:400px}.page-title h2{font-size:24px}.modal-layer{padding:20px}.dialog{max-height:calc(100dvh - 40px)}}
@media(max-height:740px){.menu-top{top:max(12px,env(safe-area-inset-top))}.title-lockup{top:10.5%}.title-small{font-size:33px}.title-dizin{font-size:69px;margin-top:-32px}.title-tagline{font-size:12px;margin-top:-14px}.title-eyebrow{font-size:9px}.menu-diorama{top:34.5%;height:31%;max-height:220px}.menu-ball{width:137px;height:137px;bottom:5px}.menu-ball-shadow{bottom:7px}.menu-cabin{width:105px;height:105px;top:-10px}.tree-a{width:125px;height:135px}.tree-b{width:95px;height:106px}.menu-snowman{width:63px;height:72px}.one-finger{bottom:-14px;font-size:9px;padding:3px 10px}.menu-actions{bottom:max(12px,env(safe-area-inset-bottom))}.menu-footnote{margin-top:12px;font-size:9px}#game-root #startBtn{min-height:56px;font-size:19px}.next-level{margin:11px 0}.frost-button{min-height:47px;font-size:12px}.page-top{top:12px}.map-summary{top:88px}.level-map{inset-block-start:134px;inset-block-end:104px}.level-node{width:62px;height:62px}.map-stop{width:62px;height:80px}.level-node b{font-size:24px}.node-stars img{width:19px;height:19px}.label-start{inset-inline-start:77px}.label-end{inset-inline-end:77px}.node-label{padding:3px 9px;top:3px;width:133px}.shop-screen{padding-top:12px;padding-bottom:12px}.shop-showcase{flex-basis:82px;margin-top:4px}.showcase-ball{width:73px;height:73px;top:-5px}.showcase-orbit{bottom:20px;width:119px;height:27px}.shop-showcase p{font-size:9px}.shop-description{padding-block:3px 9px;font-size:9px}.shop-note{padding:10px;font-size:9px}.skin-card{padding:7px 10px 8px}.skin-card h3{font-size:12px}.skin-price{font-size:9px;height:21px}.skin-buy{min-height:38px;font-size:11px;margin-top:3px}.skin-preview .ball-preview{height:49px}.dialog{padding:18px 20px 12px;border-radius:25px}.dialog-badge{width:54px;height:54px;margin-bottom:9px}.tutorial-dialog h2{font-size:20px}.tutorial-food{margin:12px 0 10px;padding:10px}.tutorial-food img{height:43px}.tutorial-warning{margin-bottom:14px}.result-dialog{padding-top:8px}.result-art{height:70px}.result-art>img{width:88px;height:87px}.result-dialog h2{font-size:20px}.result-stars{height:65px;margin:0 0 4px}.result-stars img{width:53px;height:53px}.result-stars img:nth-child(2){width:65px;height:65px}.result-stats{padding:7px 0;margin-bottom:8px}.result-stats b{font-size:18px}.star-criteria{font-size:9px;gap:3px}.reward-strip{margin:10px 0 12px;padding:5px 9px}.reward-strip>b{font-size:20px}.result-dialog .primary{min-height:48px;font-size:15px}#game-root #retryBtn{min-height:42px;margin-top:9px}.result-dialog .text-button{min-height:35px;padding:6px}.growth-dock{bottom:14px;padding:6px 13px 8px}.control-hint{bottom:125px}.size-stat>b{font-size:22px}}
@media(max-width:365px){.title-small{font-size:34px}.title-dizin{font-size:74px}.winter-stamp{font-size:10px}.menu-top{inset-inline:16px}.menu-actions{inset-inline:23px}.menu-footnote{font-size:9px}.menu-diorama{width:355px}.menu-cabin{inset-inline-start:46px}.tree-a{inset-inline-start:0;width:128px}.tree-b{inset-inline-end:5px;width:98px}.tiny-counter{display:none}.page-top{inset-inline:15px;gap:9px}.page-title h2{font-size:20px}.level-map{width:310px}.node-label{width:128px}.label-start{inset-inline-start:79px}.label-end{inset-inline-end:79px}.node-label b{font-size:11px}.food-legend{font-size:8px;gap:4px}.next-food{font-size:8px}.score-panel{padding-inline:10px}.level-heading>b{font-size:12px}.skin-card h3{font-size:12px}}
@media(prefers-reduced-motion:reduce){.snowfall,.diorama-spark{display:none}.menu-ball,.showcase-ball,.current .level-node,.control-hint .icon{animation:none}.screen,.dialog{animation:none}.menu-ball-shadow{animation:none}}