@font-face{font-family:Bree Serif;font-style:normal;font-display:swap;font-weight:400;src:url(./bree-serif-latin-400-normal-DFKDEHQE.woff2)format("woff2"),url(./bree-serif-latin-400-normal-Dbaz2OwO.woff)format("woff")}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--yellow:#fde047;--yellow-hi:#fef08a;--yellow-lo:#eab308;--wood:#7c4a2d;--wood-hi:#a0693f;--wood-lo:#4f2c18;--wood-ink:#2c170b;--green:#22c55e;--green-lo:#15803d;--sky:#7dd3fc;--text:#fff6e6;--text-dim:#fff6e6c7;--gold:#fde047;--danger:#ef4444;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--r-round:999px;--r-plank:12px;--f-sm:15px;--f-md:18px;--f-lg:clamp(28px, 6vw, 40px);--font:"Bree Serif", Georgia, serif;--font-ui:"Nunito Variable", system-ui, sans-serif;--shadow:0 4px 0 #2c170b8c, 0 8px 18px #140c0447;--ease-out:cubic-bezier(.2, .9, .25, 1);--ease-back:cubic-bezier(.3, 1.45, .5, 1);--btn:68px;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--sky-top:#5fb8f0;--sky-bot:#bfe9ff;--night:0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--text);font-family:var(--font);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-font-smoothing:antialiased;background:#5fb8f0;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:focus-visible{outline-offset:3px;outline:3px solid #fff}#sky{background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-bot) 38%, var(--sky-bot) 100%);position:fixed;inset:0;overflow:hidden}#sky .stars{opacity:var(--night);transform:translateY(calc((1 - var(--night)) * -20px));transition:transform 4s var(--ease-out);background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 28% 8%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 44% 22%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 63% 12%,#fff 50%,#0000 51%),radial-gradient(2px 2px at 78% 26%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 90% 6%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 6% 42%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 35% 38%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 86% 46%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 55% 4%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 18% 60%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 94% 64%,#fff 50%,#0000 51%);position:absolute;inset:0}@keyframes twinkle{to{filter:brightness(1.6)}}#sky .orb{width:84px;height:84px;left:var(--orb-x,80%);top:var(--orb-y,10%);background:var(--orb-bg,radial-gradient(circle at 40% 40%, #fffbe0, #ffd84a 55%, #ffb627));box-shadow:0 0 60px 20px var(--orb-glow,#ffd84a73);border-radius:50%;transition:background 4s,box-shadow 4s;position:absolute}#sky .clouds{opacity:calc(1 - var(--night) * .6);position:absolute;inset:0}#sky .cloud{background:var(--cloud,#fff);opacity:.92;border-radius:40px;height:34px;animation:linear infinite drift;position:absolute}#sky .cloud:before,#sky .cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}#sky .cloud:before{width:46%;height:160%;bottom:20%;left:14%}#sky .cloud:after{width:36%;height:130%;bottom:25%;right:16%}@keyframes drift{0%{transform:translate(-30vw)}to{transform:translate(130vw)}}canvas#game,canvas#fx{touch-action:none;display:block;position:fixed;inset:0}canvas#fx,#badges{pointer-events:none}#badges{position:fixed;inset:0}#flash{opacity:0;pointer-events:none;background:#eef4ff;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}.wood{background:repeating-linear-gradient(176deg, #ffffff0d 0 2px, transparent 2px 9px), repeating-linear-gradient(181deg, #00000014 0 1px, transparent 1px 14px), linear-gradient(180deg, var(--wood-hi), var(--wood) 55%, #6a3d24);border:2px solid var(--wood-lo);box-shadow:inset 0 2px 0 #ffffff2e, inset 0 -3px 0 #0003, var(--shadow);border-radius:var(--r-plank);color:var(--text);text-shadow:0 2px #2c170b99}.btn{pointer-events:auto;min-width:56px;min-height:56px;padding:0 var(--s5);border-radius:var(--r-round);font-family:var(--font);font-size:var(--f-md);justify-content:center;align-items:center;gap:var(--s2);transition:transform .14s var(--ease-out), filter .14s;display:inline-flex}.btn:active,.btn.pressed{transform:scale(.94)translateY(2px)}.btn-yellow{background:radial-gradient(120% 90% at 50% 20%, var(--yellow-hi), var(--yellow) 55%, var(--yellow-lo));color:var(--wood-ink);border:4px solid var(--wood);box-shadow:inset 0 3px 0 #ffffff8c, inset 0 -4px 0 #a1620759, var(--shadow)}.btn-big{letter-spacing:.02em;min-width:220px;min-height:68px;font-size:26px}.round{pointer-events:auto;background:radial-gradient(120% 90% at 50% 20%, var(--yellow-hi), var(--yellow) 55%, var(--yellow-lo));border:3px solid var(--wood);width:52px;height:52px;box-shadow:inset 0 2px 0 #ffffff80, var(--shadow);color:var(--wood-ink);transition:transform .14s var(--ease-out);border-radius:50%;place-items:center;display:grid}.round:active{transform:scale(.9)}.round svg{width:26px;height:26px}.screen{justify-content:center;align-items:center;gap:var(--s4);padding:calc(var(--safe-t) + 20px) calc(var(--safe-r) + 20px) calc(var(--safe-b) + 24px) calc(var(--safe-l) + 20px);pointer-events:auto;text-align:center;animation:screen-in .32s var(--ease-out) both;flex-direction:column;display:flex;position:absolute;inset:0}.screen.dim{background:radial-gradient(#14281459,#0a140a99)}.screen.leaving{animation:.22s ease-in both screen-out}@keyframes screen-in{0%{opacity:0}}@keyframes screen-out{to{opacity:0}}.screen>*{animation:pop-in .42s var(--ease-back) both}.screen>:nth-child(2){animation-delay:60ms}.screen>:nth-child(3){animation-delay:.12s}.screen>:nth-child(4){animation-delay:.18s}.screen>:nth-child(5){animation-delay:.24s}@keyframes pop-in{0%{opacity:0;transform:scale(.92)translateY(8px)}}.panel{padding:var(--s5);gap:var(--s4);flex-direction:column;align-items:center;width:100%;max-width:min(440px,100%);display:flex}.panel h2{font-size:var(--f-lg);margin:0;font-weight:400;line-height:1.1}.panel p{font-family:var(--font-ui);font-weight:700;font-size:var(--f-md);color:var(--text-dim);margin:0}.stack{gap:var(--s3);flex-direction:column;align-items:stretch;width:100%;display:flex}.row{gap:var(--s3);flex-wrap:wrap;justify-content:center;display:flex}.title-screen{background:radial-gradient(at 50% 40%,#0000 30%,#0a1e0a59 100%);justify-content:space-between}.title-logo{filter:drop-shadow(0 10px 18px #1e140573);width:min(78vw,46vh,460px);height:auto;animation:logo-in .7s var(--ease-back) both, sway 6s ease-in-out .7s infinite;margin-top:max(2vh,8px)}@keyframes logo-in{0%{opacity:0;transform:scale(.8)rotate(-6deg)}}@keyframes sway{50%{transform:rotate(1.5deg)translateY(-4px)}}.tagline{font-size:var(--f-md);text-shadow:0 2px #2c170bb3,0 0 14px #2c170b99;max-width:92vw;margin:0}.title-actions{gap:var(--s3);flex-direction:column;align-items:center;display:flex}.pulse{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:inset 0 3px 0 #ffffff8c, inset 0 -4px 0 #a1620759, 0 0 0 10px #fde04759, var(--shadow);filter:brightness(1.08)}}.title-art{bottom:calc(var(--safe-b) + 0px);pointer-events:none;filter:drop-shadow(0 8px 10px #00000059);width:auto;height:min(46vh,420px);position:absolute;animation:none!important}.title-art.left{left:calc(var(--safe-l) + 3vw)}.title-art.right{right:calc(var(--safe-r) + 3vw)}@media (max-width:760px),(max-height:520px){.title-art{display:none}}.avatar-preview{border:4px solid var(--wood-lo);width:180px;height:180px;box-shadow:inset 0 -16px 0 #22c55e8c, var(--shadow);background:radial-gradient(circle at 50% 35%,#bfe9ff,#7dd3fc 60%,#4fa6d8);border-radius:50%;place-items:center;display:grid;overflow:hidden}.avatar-preview canvas{width:100%;height:100%}.label{font-size:var(--f-sm);color:var(--text-dim);margin-bottom:calc(-1 * var(--s2))}.skins{gap:var(--s2);flex-wrap:wrap;justify-content:center;display:flex}.skin{border:3px solid var(--wood-lo);pointer-events:auto;width:44px;height:44px;transition:transform .16s var(--ease-back);border-radius:50%;box-shadow:inset 0 -5px #00000026}.skin[aria-pressed=true]{outline:4px solid var(--yellow);outline-offset:2px;transform:scale(1.1)}.outfits{gap:var(--s2);justify-content:center;display:flex}.outfit{pointer-events:auto;min-height:52px;padding:0 var(--s3);border-radius:var(--r-round);align-items:center;gap:var(--s2);font-size:var(--f-sm);background:#2c170b59;border:3px solid #0000;display:flex}.outfit i{border:2px solid #0000004d;border-radius:50%;width:22px;height:22px}.outfit[aria-pressed=true]{border-color:var(--yellow);background:#fde04733}.credits-names{color:var(--yellow);font-size:26px;line-height:1.4}.credits-art{gap:var(--s4);justify-content:center;display:flex}.credits-art img{filter:drop-shadow(0 6px 8px #00000059);width:auto;height:150px}.small{font-family:var(--font-ui);font-weight:700;font-size:var(--f-sm);color:var(--text-dim)}.hud{pointer-events:none;animation:screen-in .4s var(--ease-out) both;position:absolute;inset:0}.hud-tl{top:calc(var(--safe-t) + 10px);left:calc(var(--safe-l) + 10px);flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute}.coins{align-items:center;gap:var(--s2);border-radius:var(--r-round);min-height:48px;padding:4px 16px 4px 6px;font-size:22px;display:flex}.coins svg{flex:none;width:34px;height:34px}.coins .num{color:var(--yellow);font-variant-numeric:tabular-nums;text-align:left;min-width:3.2ch;display:inline-block}.bump{animation:.15s ease-out bump}@keyframes bump{50%{transform:scale(1.1)}}.level{align-items:center;gap:var(--s2);border-radius:var(--r-round);font-size:var(--f-sm);min-height:36px;padding:4px 10px 4px 12px;display:flex}.bar{border:2px solid var(--wood-lo);background:#2c170b99;border-radius:8px;width:92px;height:12px;overflow:hidden}.bar i{background:linear-gradient(180deg, #86efac, var(--green) 60%, var(--green-lo));width:0;height:100%;transition:width .5s var(--ease-out);border-radius:6px;display:block}.level img{background:#fff3;border-radius:50%;width:26px;height:26px}.hud-tr{top:calc(var(--safe-t) + 10px);right:calc(var(--safe-r) + 10px);align-items:flex-start;gap:6px;display:flex;position:absolute}.stat{border-radius:var(--r-round);font-variant-numeric:tabular-nums;align-items:center;gap:6px;min-height:48px;padding:4px 12px 4px 4px;font-size:20px;display:flex}.stat img{width:38px;height:38px}.daynight{border-radius:50%;place-items:center;width:48px;height:48px;padding:0;display:grid}.daynight svg{width:30px;height:30px}.hint{left:50%;top:calc(var(--safe-t) + 118px);border-radius:var(--r-round);font-size:var(--f-md);white-space:nowrap;transition:opacity .3s, transform .3s var(--ease-back);background:#1e1208b8;padding:10px 18px;position:absolute;transform:translate(-50%)}.hint.hidden{opacity:0;transform:translate(-50%)translateY(-8px)scale(.95)}.toolbar{left:50%;bottom:calc(var(--safe-b) + 12px);pointer-events:none;gap:14px;display:flex;position:absolute;transform:translate(-50%)}.tool{pointer-events:auto;transition:transform .22s var(--ease-back), filter .2s;filter:saturate(.85)brightness(.92);flex-direction:column;align-items:center;gap:2px;display:flex}.tool img{width:var(--btn);height:var(--btn);filter:drop-shadow(0 4px #2c170b80)drop-shadow(0 6px 10px #00000040);display:block}.tool span{font-size:var(--f-sm);border-radius:var(--r-round);white-space:nowrap;background:#2c170bc7;padding:2px 10px}.tool.active{filter:saturate(1.15)brightness(1.08);transform:scale(1.12)translateY(-4px)}.tool.active img{filter:drop-shadow(0 0 10px #fde047e6)drop-shadow(0 4px #2c170b80)}.tool.glow img{animation:1.1s ease-in-out infinite glow}@keyframes glow{50%{filter:drop-shadow(0 0 18px #fde047)drop-shadow(0 4px #2c170b80);transform:scale(1.06)}}.tool:active{transform:scale(.92)}.open-btn{pointer-events:auto;right:calc(var(--safe-r) + 12px);bottom:calc(var(--safe-b) + 12px);transition:transform .2s var(--ease-back);flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute}.open-btn .disc{width:var(--btn);height:var(--btn);border:4px solid var(--wood-lo);background:radial-gradient(120% 90% at 50% 20%, #b07a52, var(--wood) 60%, #5e341c);box-shadow:inset 0 3px 0 #ffffff40, var(--shadow);color:var(--text);border-radius:50%;place-items:center;transition:background .3s;display:grid}.open-btn .disc svg{width:36px;height:36px}.open-btn span{font-size:var(--f-sm);border-radius:var(--r-round);background:#2c170bc7;padding:2px 10px}.open-btn.is-open .disc{background:radial-gradient(120% 90% at 50% 20%, #86efac, var(--green) 60%, var(--green-lo));color:#0b3d1f}.open-btn.disabled{filter:grayscale(.4)brightness(.85)}.open-btn.call .disc{background:radial-gradient(120% 90% at 50% 20%, #86efac, var(--green) 60%, var(--green-lo));color:#0b3d1f;animation:1s ease-in-out infinite call}@keyframes call{50%{box-shadow:0 0 0 8px #22c55e59, var(--shadow);transform:scale(1.1)}}.open-btn:active{transform:scale(.92)}.drawer{left:50%;bottom:calc(var(--safe-b) + 12px + var(--btn) + 40px);max-width:calc(100vw - var(--safe-l) - var(--safe-r) - 24px);overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-x;opacity:0;pointer-events:none;transition:transform .34s var(--ease-back), opacity .22s;gap:10px;margin-bottom:-8px;padding:14px 8px 8px;display:flex;position:absolute;overflow:auto hidden;transform:translate(-50%)translateY(30px)}.drawer::-webkit-scrollbar{display:none}.drawer.show{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.drawer.show .card{pointer-events:auto}.card{border-radius:var(--r-plank);width:104px;transition:transform .2s var(--ease-back);flex-direction:column;flex:none;align-items:center;gap:2px;padding:6px 6px 8px;display:flex;position:relative}.card img{border:2px solid var(--wood-lo);background:radial-gradient(circle at 50% 40%,#c8eefc,#7dd3fc);border-radius:10px;width:84px;height:84px}.card b{font-weight:400;font-size:var(--f-sm)}.card .price{font-size:var(--f-sm);color:var(--yellow);align-items:center;gap:4px;display:flex}.card .price svg{width:18px;height:18px}.card .need{font-family:var(--font-ui);color:var(--text-dim);font-size:13px;font-weight:800}.card.selected{outline:4px solid var(--yellow);transform:translateY(-8px)scale(1.05)}.card.poor .price{color:#fca5a5}.card.locked img{filter:grayscale()brightness(.45)}.card .lock{width:40px;height:40px;color:var(--yellow);filter:drop-shadow(0 2px #0009);position:absolute;top:28px;left:50%;transform:translate(-50%)}.card.unlocking{animation:card-jump .6s var(--ease-back)}@keyframes card-jump{40%{transform:translateY(-22px)scale(1.12)}}.card.hop img{animation:.9s ease-in-out infinite hop}@keyframes hop{30%{transform:translateY(-8px)scaleY(1.04)}45%{transform:translateY(0)scaleY(.94)}}.shake{animation:.3s shake}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.cost-tag{border-radius:var(--r-round);font-size:var(--f-md);pointer-events:none;white-space:nowrap;will-change:transform;align-items:center;gap:6px;padding:6px 12px;display:flex;position:absolute;top:0;left:0}.cost-tag svg{width:20px;height:20px}.cost-tag.bad{background:#8f2a1e;border-color:#5a1810}.cost-tag .dim{color:var(--text-dim);font-size:var(--f-sm)}.toast{font-size:var(--f-md);border-radius:var(--r-plank);pointer-events:none;white-space:nowrap;animation:toast 1.9s var(--ease-out) both;padding:12px 20px;position:absolute;top:34%;left:50%;transform:translate(-50%)}@keyframes toast{0%{opacity:0;transform:translate(-50%)scale(.92)}12%{opacity:1;transform:translate(-50%)scale(1.03)}20%{transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-10px)}}.undo{left:50%;bottom:calc(var(--safe-b) + 12px + var(--btn) + 44px);pointer-events:auto;min-height:48px;font-size:var(--f-sm);animation:pop-in .3s var(--ease-back) both;padding:0 18px 0 12px;position:absolute;transform:translate(-50%)}.undo svg{width:22px;height:22px}.badge{will-change:transform;width:46px;height:46px;margin:-23px 0 0 -23px;transition:opacity .25s;position:absolute;top:0;left:0}.badge svg{width:100%;height:100%;overflow:visible}.badge .leaf{width:26px;height:26px;animation:1.8s ease-in-out infinite float;position:absolute;top:-24px;left:10px}.badge .pips{gap:4px;display:flex;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.badge .pips i{background:#0000004d;border:2px solid #fff;border-radius:50%;width:10px;height:10px}.badge .pips i.on{background:var(--green)}.badge.blink svg{animation:.3s 3 blink}@keyframes blink{50%{opacity:.2}}@keyframes float{50%{transform:translateY(-4px)rotate(8deg)}}.finger{pointer-events:none;filter:drop-shadow(0 4px 4px #00000059);width:54px;height:54px;margin:-6px 0 0 -14px;position:absolute;top:0;left:0}.banner{transform-origin:50% -60px;text-align:center;pointer-events:none;animation:swing-in .6s var(--ease-back) both, swing 3s ease-in-out .6s infinite;padding:18px 32px;position:absolute;top:22%;left:50%;translate:-50%}.banner h3{color:var(--yellow);margin:0;font-size:clamp(30px,8vw,48px);font-weight:400}.banner p{font-size:var(--f-md);margin:4px 0 0}.banner:before,.banner:after{content:"";background:#3b2618;width:4px;height:60px;position:absolute;top:-60px}.banner:before{left:24%}.banner:after{right:24%}@keyframes swing-in{0%{opacity:0;transform:rotate(-24deg)translateY(-60px)}}@keyframes swing{50%{transform:rotate(1.6deg)}}@media (max-height:520px) and (orientation:landscape){:root{--btn:56px}.toolbar{left:calc(var(--safe-l) + 10px);flex-direction:column;gap:6px;top:50%;bottom:auto;transform:translateY(-38%)}.tool span,.open-btn span{padding:1px 8px;font-size:13px}.drawer{bottom:calc(var(--safe-b) + 10px);max-width:calc(100vw - var(--safe-l) - var(--safe-r) - 220px);left:50%}.card{width:92px}.card img{width:64px;height:64px}.hint{top:calc(var(--safe-t) + 12px)}.undo{bottom:calc(var(--safe-b) + 12px);left:auto;right:calc(var(--safe-r) + 96px);transform:none}.avatar-screen .panel{max-width:680px;padding:var(--s4);justify-content:center;gap:var(--s3);flex-flow:wrap}.avatar-preview{width:130px;height:130px}.screen{gap:var(--s2)}.title-logo{width:min(40vw,52vh)}}@media (max-width:480px){:root{--btn:62px}.toolbar{left:calc(var(--safe-l) + 8px);gap:4px;transform:none}.tool{width:86px}.tool span,.open-btn span{padding:2px 8px;font-size:14px}.open-btn{right:calc(var(--safe-r) + 8px)}.drawer{width:min(396px, calc(100vw - var(--safe-l) - var(--safe-r) - 8px));max-width:none;max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 230px);touch-action:pan-y;grid-template-columns:1fr 1fr;gap:8px;padding:12px 8px 8px;display:grid;overflow:hidden auto}.card{grid-template-rows:auto auto auto;grid-template-columns:56px 1fr;place-items:center start;gap:0 8px;width:auto;padding:6px 8px 6px 6px;display:grid}.card img{grid-row:1/4;width:56px;height:56px}.card .need{font-size:14px;line-height:1.1}.card .lock{width:32px;height:32px;top:14px;left:34px}}@media (min-width:900px){.hint{top:calc(var(--safe-t) + 22px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:1ms!important;animation-iteration-count:1!important}}