:root{color-scheme:dark;--bg:#201d31;--panel:#2d2940;--border:#484158;--ink:#faf3e5;--muted:#b6acc8;--lime:#c5ef8a;--purple:#a991e8;--gold:#ffd684;--shadow:#14121f;font-family:'Golos Text',system-ui,sans-serif;font-size:16px;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{max-width:1560px;margin:auto;padding:0 48px}.topbar{height:108px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:12px;font-family:'Rubik',sans-serif;font-size:15px;font-weight:800;line-height:1.25;letter-spacing:1px}.brand-mark{font-size:51px;color:var(--lime);line-height:1}.demo-badge{font-size:10px;letter-spacing:1.4px;border:1px solid #5f526e;color:#baaacc;border-radius:5px;padding:7px 9px}.wallet{margin-left:auto;display:flex;gap:10px}.wallet>span{background:#2b273c;border:1px solid var(--border);padding:10px 16px;border-radius:8px;min-width:110px;display:grid;grid-template-columns:auto auto;column-gap:8px;font-size:18px}.wallet small{grid-column:2;color:var(--muted);font-size:12px}.page-heading{padding:32px 0 27px;display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:700;color:var(--muted)}h1{font-size:clamp(20px,2vw,28px);font-weight:600;letter-spacing:-.6px;margin:10px 0 0}h2{font-size:24px;line-height:1.25;font-weight:600;letter-spacing:-.3px;margin:14px 0}h3{font-size:16px;margin:0 0 8px}.season{white-space:nowrap;color:var(--gold);font-size:14px}.tabs{display:flex;gap:10px;margin-bottom:22px}.tabs button{display:flex;gap:10px;align-items:center;background:transparent;border:0;border-radius:7px;color:var(--muted);font-size:14px;padding:12px 18px;font-weight:600}.tabs button.active{background:var(--lime);color:#263626;box-shadow:0 3px 0 #779252}.tabs button:hover:not(.active){background:#353046}.tabs button>[id$="-count"]{background:#ffffff12;padding:2px 6px;border-radius:4px;font-size:12px}.farm-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.world-wrap{min-width:0}.world{height:490px;position:relative;border-radius:14px;border:4px solid #514867;box-shadow:0 5px 0 var(--shadow);overflow:hidden;background:#75a34d;background-size:cover;background-position:center;image-rendering:pixelated}.world-label{position:absolute;top:20px;left:20px;background:#201d31dd;border:1px solid #fff2;padding:12px 16px;border-radius:6px;display:flex;flex-direction:column;gap:5px;font-size:14px;backdrop-filter:blur(5px)}.world-label span{font-size:12px;color:#dacfea}.plots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:42%;position:absolute;top:45%;left:24%;transform:rotate(-2deg)}.plot{min-height:76px;border:3px solid #b79153;border-bottom:6px solid #614427;background:#75512de8;box-shadow:0 3px 0 #3e311b7a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#edd5a3;border-radius:4px;padding:4px;transform:rotate(2deg)}.plot>span{font-size:27px}.plot small{font-size:12px}.plot:hover{filter:brightness(1.2);transform:translateY(-3px) rotate(2deg)}.world-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:13px 20px;background:#253322d9;font-size:12px;color:#d5e8b8}.seed-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:23px 0}.seed-bar p{font-size:14px;color:#c6bdd3;margin:8px 0 0}.seeds{display:flex;gap:8px}.seed{border:1px solid #4e465f;border-radius:7px;background:#302b43;padding:10px 13px;font-size:14px;text-align:left}.seed small{display:block;padding-top:4px;color:var(--muted);font-size:12px}.seed.selected{border-color:var(--lime);background:#3c423c}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:24px}.gift-panel{background:linear-gradient(150deg,#443452,#2c293e);text-align:center}.gift-panel .eyebrow{color:#d8bbf0}.gift-panel h2{font-size:23px}.crate-icon{font-size:94px;line-height:1.7;filter:drop-shadow(0 10px 0 #17102050)}.gift-panel p{color:#cdc0db;font-size:14px;line-height:1.6;margin:0 0 22px}.button{border:1px solid var(--border);border-radius:7px;padding:12px 17px;font-weight:600;font-size:14px;background:#41394f;display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:44px}.button.primary{background:var(--lime);border:1px solid #d8ffb0;color:#273921;box-shadow:0 3px 0 #759550}.button:hover{filter:brightness(1.1)}.gift-panel .button{width:100%}.fine{display:block;font-size:12px;color:var(--muted);margin-top:14px;line-height:1.5}.tip{display:flex;gap:13px;margin-top:18px;padding:20px;background:transparent}.tip>span{color:var(--gold);font-size:24px}.tip p{color:var(--muted);font-size:14px;line-height:1.6;margin:0}footer{border-top:1px solid #3c354c;margin-top:15px;padding:21px 0 26px;display:flex;justify-content:space-between;gap:15px;color:#8f849f;font-size:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--lime);color:#20341b;padding:14px 24px;border-radius:8px;box-shadow:0 6px 24px #0005;z-index:30;max-width:calc(100% - 32px);width:max-content;display:none}#toast.show{display:block}dialog{border:1px solid #66567f;background:var(--panel);color:var(--ink);border-radius:18px;max-width:calc(100% - 32px);width:460px;padding:30px;text-align:center}dialog::backdrop{background:#100d1dde;backdrop-filter:blur(8px)}@media(min-width:1440px){.world{height:530px}}@media(max-width:1100px){.app-shell{padding:0 24px}.demo-badge{display:none}.farm-layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.world{height:460px}.seed-bar{align-items:stretch;flex-direction:column}.seed{flex:1}.seeds{width:100%}.plots{width:53%;left:17%}.panel{padding:19px}}@media(max-width:760px){.app-shell{padding:0 16px}.topbar{height:auto;min-height:132px;padding:17px 0;flex-wrap:wrap;gap:14px}.brand{font-size:13px}.brand-mark{font-size:35px}.wallet{gap:6px;width:100%;margin:0}.wallet>span{min-width:0;flex:1;padding:7px 10px;font-size:16px}.wallet small{font-size:12px}.page-heading{padding:23px 0;align-items:start}.page-heading .eyebrow{font-size:10px}h1{font-size:21px;line-height:1.35}.season{font-size:12px}.tabs{gap:2px;justify-content:space-between}.tabs button{padding:10px 8px;font-size:12px;gap:5px}.tabs button>[id$="-count"]{display:none}.farm-layout{grid-template-columns:1fr}.world{height:440px}.plots{width:58%;left:15%;gap:6px;top:44%}.plot{min-height:68px}.world-label{top:12px;left:12px}.world-bottom{font-size:12px;padding:12px}aside{display:grid;grid-template-columns:1fr}.gift-panel .crate-icon{font-size:70px;line-height:1.4}.tip{margin-bottom:10px}footer{flex-direction:column;gap:8px}.season{display:none}.seed-bar .eyebrow{font-size:12px}}

.world{background-image:url('/assets/farm-map.png')}.world-label{top:17px;left:auto;right:17px;padding:10px 14px}.world-label span{display:none}.plots{top:40%;left:27%;width:39%;gap:8px;transform:none}.plot{min-height:73px;transform:none;border-color:#ac8547;background:#6a4926eb}.plot:hover{transform:translateY(-3px)}.plot.empty{background:#65502bba;border-style:dashed;border-bottom-style:solid}.plot.ripe{border-color:#e8c773;background:#94723b;box-shadow:0 0 0 2px #ffe58655,0 4px 0 #514626}.plot.ripe small{color:#fff2bc;font-weight:700}.plot-progress{width:75%;height:4px;background:#38291f;border-radius:2px;overflow:hidden}.plot-progress i{display:block;height:100%;background:#bcec84;transition:width .8s linear}.plot.growing>span{font-size:25px}.resident{position:absolute;left:7%;bottom:58px;background:#25203bdf;border:2px solid #aca078;border-radius:8px;display:flex;align-items:center;gap:7px;padding:0 10px 0 0;box-shadow:0 3px 0 #354b2e}.resident .animal-sprite{width:65px;height:65px;border-radius:6px}.resident>span{font-size:12px}.resident b{color:var(--lime);padding-left:6px}.animal-sprite{width:180px;height:180px;background-image:url('/assets/animal-atlas.png');background-size:200% 200%;image-rendering:pixelated;background-repeat:no-repeat;flex-shrink:0;background-color:#24203a}.sprite-0,.sprite-4{background-position:0 0}.sprite-1,.sprite-5{background-position:100% 0}.sprite-2,.sprite-6{background-position:0 100%}.sprite-3,.sprite-7{background-position:100% 100%}.sprite-4,.sprite-5,.sprite-6,.sprite-7{background-image:url('/assets/animal-atlas-2.png')}.farm-actions{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);background:#2a263b;border-radius:9px;padding:17px 19px;gap:15px}.farm-actions>div{display:flex;align-items:center;gap:15px}.farm-actions>div>span{font-size:31px}.farm-actions h3{margin-bottom:5px}.farm-actions p{font-size:14px;color:var(--muted);margin:0}.expansion{width:100%;margin-top:16px;padding:16px 20px;border:1px dashed #6f625f;background:#332d3d;border-radius:9px;text-align:left}.expansion>span{display:block;font-size:14px;font-weight:600;color:var(--gold)}.expansion small{display:block;margin-top:6px;font-size:12px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:28px 0}.section-heading h2{font-size:27px;margin:9px 0}.section-heading p{color:var(--muted);font-size:16px;line-height:1.6;margin:8px 0 0}.animal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.animal-card{background:#262139;border:1px solid #4d425c;border-radius:12px;padding:18px;overflow:hidden;position:relative}.animal-card-top{display:flex;justify-content:space-between;gap:6px;align-items:center}.rarity-label{color:var(--rarity);font-size:12px;font-weight:600}.yield{font-size:12px;color:var(--muted)}.animal-card .animal-sprite{width:100%;height:auto;aspect-ratio:1;margin:4px auto;border-radius:10px}.animal-info{display:flex;flex-direction:column;gap:4px;padding:2px 0 18px}.animal-info h3{font-size:22px;margin:0}.animal-info>span{font-size:14px;color:var(--muted)}.animal-card .button{width:100%}.rarity-uncommon{border-top:3px solid #9be3a1}.rarity-rare{border-top:3px solid #8ac8ff}.rarity-epic{border-top:3px solid #c9a3ff}.rarity-legendary{border-top:3px solid #ffdb87}.rarity-mythic{border-top:3px solid #ff9fcf}.quiet-note{font-size:14px;color:var(--muted);margin:24px 0;line-height:1.6}.cases-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.case-card{padding:18px;background:#2c263d;border:1px solid #624c73;border-radius:12px;text-align:center;overflow:hidden}.case-top{display:flex;justify-content:space-between;gap:5px;font-size:12px;letter-spacing:.3px;color:#d3b9e5}.case-top span:last-child{font-size:12px;color:#d7c38c}.case-card h3{font-size:19px}.case-card p{font-size:14px;line-height:1.5;color:var(--muted);min-height:43px}.case-card .button{width:100%;margin-top:6px}.odds-panel h2{font-size:24px}.odds-row{margin:24px 0}.odds-row>div:first-child{display:flex;justify-content:space-between;font-size:14px}.odds-track{margin-top:10px;height:5px;border-radius:5px;background:#171420;overflow:hidden}.odds-track i{height:100%;display:block;border-radius:5px;min-width:2px}.odds-panel p{font-size:14px;line-height:1.65;color:var(--muted)}.demo-note{padding-top:17px;margin-top:17px;border-top:1px solid var(--border);font-size:12px;line-height:1.7;color:#ad9ebd}.craft-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0}.craft-bar p{font-size:14px;color:var(--muted);margin:7px 0 0}.count-tag{font-size:14px;color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:10px 14px;white-space:nowrap}.empty-state{padding:50px 25px;text-align:center;border:1px dashed var(--border);border-radius:12px;grid-column:1/-1}.empty-state>span{font-size:70px}.empty-state h3{font-size:22px;margin:15px 0}.empty-state p{font-size:16px;color:var(--muted);line-height:1.6}.storage-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 18px;border-bottom:1px solid var(--border)}.panel-title h3{margin:0;font-size:18px}.panel-title span{font-size:14px;color:var(--gold)}.inventory-row{display:flex;align-items:center;gap:16px;min-height:86px;border-bottom:1px solid #41394f;padding:14px 0}.inventory-row .item-icon{font-size:32px;width:40px;text-align:center}.inventory-row>div{flex:1}.inventory-row b{font-size:16px;display:block}.inventory-row small{font-size:12px;display:block;margin-top:7px;color:var(--muted)}.inventory-row strong{font-size:15px}.wide{width:100%;margin-top:20px}.resource-summary{display:flex;gap:15px;flex-wrap:wrap;padding-top:24px;font-size:14px;color:var(--muted)}.resource-summary b{color:var(--ink)}.dialog-close{position:absolute;top:10px;right:12px;background:none;border:0;font-size:28px;color:var(--muted);width:40px;height:40px}.opening .crate-sprite{width:270px;height:270px;margin:auto;animation:wobble .25s infinite alternate}.reward-animal{margin:22px auto 14px}.reward-animal .animal-sprite{width:220px;height:220px;margin:auto;border-radius:50%;box-shadow:0 0 60px color-mix(in srgb,var(--rarity) 23%,transparent)}.reward-animal .rarity-label{display:block;margin-top:18px;font-size:14px}.reward-text{color:var(--muted);font-size:16px;line-height:1.6}.demo-badge,.eyebrow{font-size:12px}.gift-panel p{font-size:16px}.page-heading .eyebrow{font-size:12px}.world-bottom{font-size:12px}.brand{font-size:14px}footer{margin-top:30px}.expanded{top:34%}.crate-sprite{background-image:url('/assets/crate-atlas.png');background-size:300% 200%;background-repeat:no-repeat;image-rendering:pixelated;aspect-ratio:1;width:100%;margin:0 auto;background-position-y:50%;border-radius:8px}.crate-0{background-position-x:0}.crate-1{background-position-x:50%}.crate-2{background-position-x:100%}.gift-crate{height:180px;width:180px;margin:2px auto 10px}.case-tools{border-color:#51807f}.case-supplies{border-color:#777952}.craft-case{font-size:14px;background:none;border:0;width:100%;padding:17px 0 0;color:var(--muted)}.craft-case small{display:block;font-size:12px;margin-top:5px;color:var(--gold)}.case-guide{display:flex;gap:12px;color:var(--muted);font-size:14px;padding-top:12px;line-height:1.6}.case-guide>span{font-size:28px;color:var(--gold);padding-top:14px}.tool-reward{font-size:115px;line-height:1.6}.tools-panel{margin-top:24px}.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding-top:20px}.tool-item{display:flex;align-items:center;gap:16px}.tool-item>span{font-size:40px}.tool-item b{display:block}.tool-item small{display:block;font-size:12px;color:var(--muted);margin-top:7px;line-height:1.5}details summary{font-size:14px;cursor:pointer;color:var(--gold);padding:10px 0}.nft-tag{font-size:12px;color:var(--gold);border:1px solid #9a865455;border-radius:4px;padding:3px 6px}.supply-nfts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.supply-card{background:#242033;border:1px solid var(--border);border-radius:8px;padding:18px}.supply-card .item-icon{font-size:35px}.supply-card h3{margin-top:10px}.supply-card .button{width:100%;margin-top:12px}.free-note{border-left:3px solid var(--lime);padding:9px 14px;background:#c5ef8a08;color:#c1d3b9;font-size:14px;line-height:1.6;margin:18px 0}.collection-summary{font-size:12px;color:var(--muted);line-height:1.6}@keyframes wobble{from{transform:rotate(-7deg) scale(.94)}to{transform:rotate(7deg) scale(1.04)}}@media(min-width:1440px){.world{height:560px}.plots{top:43%;width:38%}.expanded{top:36%}.plot{min-height:78px}}@media(max-width:1100px){.animal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plots{width:48%;left:23%;top:42%;gap:6px}.plot{min-height:65px}.expanded{top:34%}.world-label{display:none}.farm-actions{align-items:stretch;flex-direction:column}.farm-actions .button{width:100%}.animal-card-top{align-items:start;flex-direction:column}}@media(max-width:760px){.tabs button{font-size:14px;gap:4px;padding:10px 7px}.world{height:430px;background-position:center}.plots{width:56%;left:24%;top:37%;gap:6px}.plot{min-height:69px}.resident{left:5%;bottom:47px}.resident .animal-sprite{width:52px;height:52px}.world-bottom span:last-child{display:none}.section-heading{align-items:start;flex-direction:column}.section-heading h2{font-size:25px}.section-heading .button{width:100%}.animal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.animal-card{padding:12px}.animal-info h3{font-size:20px}.animal-info>span{font-size:14px}.animal-card .button{padding:10px 6px;font-size:14px}.cases-layout{grid-template-columns:1fr}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.case-card{padding:13px}.case-top{flex-direction:column;font-size:12px}.case-card h3{font-size:17px}.case-card p{font-size:14px}.case-card .button{font-size:14px;padding:10px 6px}.storage-layout{grid-template-columns:1fr}.craft-bar{align-items:start;flex-direction:column}.craft-bar .button{width:100%}.count-tag{display:none}.panel-title{align-items:start;flex-direction:column;gap:8px}.seed-bar .seeds{gap:5px}.seed{font-size:14px;padding:9px 8px}.seed small{font-size:12px}.expanded{top:30%}.inventory-row{gap:10px}.inventory-row b{font-size:14px}.inventory-row .button{padding:10px}.demo-badge{display:block;margin-left:auto;font-size:12px}.page-heading{padding-bottom:20px}.page-heading h1{font-size:21px}.tools-grid{grid-template-columns:1fr}.supply-nfts{grid-template-columns:repeat(2,1fr)}}@media(max-width:370px){.demo-badge{display:none}.plots{width:64%;left:20%}.seeds{flex-wrap:wrap}.seed{min-width:105px}.case-grid,.animal-grid,.supply-nfts{grid-template-columns:1fr}.tabs button{padding:10px 5px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
#language{background:#2c273e;border:1px solid var(--border);color:var(--ink);border-radius:6px;padding:8px;font-size:14px;max-width:108px}.market-tabs{display:flex;gap:12px;margin:22px 0}.market-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.market-card{background:#272239;border:1px solid var(--border);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:12px;text-align:center}.market-card .animal-sprite{width:100%;height:auto;aspect-ratio:1;border-radius:8px}.market-card h3{font-size:18px;margin:0}.market-card .button{width:100%;margin-top:auto}.market-icon{font-size:76px;line-height:2.1}.token-balance{border:1px solid #b29967;background:#423848;padding:14px 22px;border-radius:9px;font-size:24px;color:var(--gold);white-space:nowrap}.token-balance small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.demo-badge{display:none}.topbar{gap:20px}.wallet{margin-left:auto}.seed-bar{flex-wrap:wrap}.seed-bar>div:first-child{min-width:150px}.tabs{flex-wrap:wrap}.world .plot{min-width:0}.brand{white-space:nowrap}.free-note{margin-top:0}.market-card h3,.case-card h3,.animal-info h3{overflow-wrap:anywhere}.supply-card h3{line-height:1.4}html[lang=de] .animal-card .button{font-size:14px}html[lang=de] .animal-card-top{flex-wrap:wrap}html[lang=zh-CN]{font-family:'Golos Text','Microsoft YaHei',sans-serif}@media(max-width:1000px){.market-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.topbar{gap:12px}#language{margin-left:auto}.wallet{order:3;width:100%}.brand{font-size:13px}.tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;gap:3px;justify-content:start}.tabs button{white-space:nowrap;padding:10px 11px;flex-shrink:0}.market-grid{grid-template-columns:repeat(2,1fr);gap:12px}.market-card{padding:12px}.market-card h3{font-size:16px}.market-card .button{font-size:14px;padding:10px 6px}.token-balance{padding:12px 18px}.seed{min-width:100px}.plots{gap:5px;width:60%;left:21%}.plot small{font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.plot .plot-progress{height:4px}.world-bottom{gap:6px}.world-bottom>span{font-size:12px}}
/* Illustrated resources and equipment */
.resource-icon{display:inline-block;width:1.7em;height:1.7em;background-image:url('/assets/resource-icons.png');background-size:400% 400%;background-repeat:no-repeat;image-rendering:pixelated;vertical-align:middle;flex-shrink:0;line-height:1;margin:-.18em .05em;pointer-events:none}.wallet .resource-icon{width:31px;height:31px;grid-row:1 / span 2;align-self:center;margin:0}.wallet>span{min-width:106px}.seed .resource-icon{width:28px;height:28px;margin-right:2px}.plot>span .resource-icon{width:38px;height:38px}.plot>span{line-height:1.2}.button .resource-icon{width:24px;height:24px;margin:-3px 0}.inventory-row .item-icon .resource-icon{width:42px;height:42px}.token-balance .resource-icon{width:34px;height:34px}.tool-art{width:118px;aspect-ratio:1;background-repeat:no-repeat;image-rendering:pixelated;border-radius:8px;flex-shrink:0;background-color:#24203a}.tool-atlas{background-image:url('/assets/tool-atlas.png');background-size:400% 200%}.rarity-art{background-size:300% 200%}.axe-art{background-image:url('/assets/axe-rarities.png')}.pickaxe-art{background-image:url('/assets/pickaxe-rarities.png')}.axe-art.rarity-art-3,.axe-art.rarity-art-4,.axe-art.rarity-art-5{aspect-ratio:512 / 559;background-size:300% 183.1842576%}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tool-item{background:#252033;border:1px solid #494057;border-radius:10px;align-items:center;padding:16px;gap:18px;min-width:0}.tool-item>div:last-child{min-width:0}.tool-name-line{display:flex;flex-direction:column;gap:7px}.tool-name-line b{font-size:19px}.tool-item .tool-description{font-size:14px;line-height:1.6;color:#c6bdd3;margin:12px 0}.tool-item small{font-size:12px;line-height:1.5}.tool-item .tool-effect{color:var(--lime);font-size:14px;font-weight:600}.market-card .tool-art{width:100%;max-width:210px;align-self:center;margin:auto}.market-tool-effect{font-size:14px;color:var(--lime);line-height:1.5;min-height:40px;margin:0}.reward-animal .tool-art{width:220px;margin:auto;box-shadow:0 0 45px color-mix(in srgb,var(--rarity) 18%,transparent)}.tiny-tool{width:36px;border-radius:4px}.sow-button{align-self:center;white-space:normal}.quarry-action{margin-top:12px}.gathering-help{margin:18px 0 0;background:#282638;border:1px solid var(--border);border-radius:9px;padding:18px;font-size:14px}.gathering-help p{font-size:14px;line-height:1.6;color:var(--muted);margin:10px 0 16px}.farm-actions>div>.resource-icon{font-size:24px;width:42px;height:42px}.farm-actions>div>span:has(.resource-icon){font-size:24px}.expansion small .resource-icon{width:21px;height:21px}.craft-case small{display:flex;justify-content:center;align-items:center;gap:3px;flex-wrap:wrap}.craft-case small .resource-icon{width:20px;height:20px}.inventory-row .button{flex-shrink:0}
/* Living animal yard */
.pasture-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.pasture-scene{position:relative;isolation:isolate;aspect-ratio:3 / 2;border:4px solid #514867;border-radius:14px;overflow:hidden;background:url('/assets/pasture-scene.png') center / cover;box-shadow:0 5px 0 #14121f;image-rendering:pixelated}.pasture-sign{position:absolute;top:18px;left:18px;background:#242038e8;padding:12px 16px;border:1px solid #857459;border-radius:7px;font-size:14px;display:flex;flex-direction:column;gap:5px;z-index:4}.pasture-sign span{font-size:12px;color:var(--gold)}.pasture-animal{position:absolute;left:var(--home-x);top:var(--home-y);width:100px;height:120px;background:none;border:0;padding:0;display:flex;align-items:center;flex-direction:column;z-index:2;cursor:pointer;transform-origin:center bottom}.pasture-sprite{width:96px;height:96px;background-color:transparent;border-radius:0;animation:animal-idle 4.5s ease-in-out infinite;animation-delay:var(--idle-delay)}.pasture-sprite.sprite-0,.pasture-sprite.sprite-1,.pasture-sprite.sprite-2,.pasture-sprite.sprite-3{filter:url('#pasture-chroma') drop-shadow(0 5px 1px #1b401946)}.pasture-sprite.sprite-4,.pasture-sprite.sprite-5,.pasture-sprite.sprite-6,.pasture-sprite.sprite-7{filter:drop-shadow(0 5px 1px #1b401946)}.animal-bubble{position:absolute;top:-17px;right:4px;min-width:29px;height:29px;display:flex;align-items:center;justify-content:center;font-size:14px;background:#fff7d9;border:2px solid #87643d;border-radius:6px;color:#4f422c;z-index:4;box-shadow:0 3px 0 #24432033}.animal-bubble .resource-icon{width:24px;height:24px;margin:0}.pasture-name{background:#263322cb;border:1px solid #d1e6a544;color:#fff5d8;font-size:12px;padding:4px 7px;border-radius:5px;max-width:130px;line-height:1.25;white-space:nowrap}.pasture-animal.selected .pasture-name{background:#c5ef8a;color:#233d1e;border-color:#e0ffbb;font-weight:700}.pasture-animal.selected .animal-bubble{border-color:#e1bd62}.pasture-animal.ready .animal-bubble{background:#d3efa1;border-color:#618639;animation:bubble-bob 1.6s ease-in-out infinite}.pasture-animal.eating{left:var(--feed-x);top:var(--feed-y);animation:walk-to-trough 1.2s ease-out both;z-index:3}.pasture-animal.eating .pasture-sprite{animation:animal-eating .6s ease-in-out infinite;animation-delay:1.2s;transform-origin:center 75%}.pasture-animal.eating .animal-bubble{background:#c5ef8a}.feed-particle{position:absolute;right:11px;top:45px;animation:feed-bite .7s ease-in-out 1.2s infinite;pointer-events:none}.feed-particle .resource-icon{width:20px;height:20px}.pasture-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;background:#24351de8;color:#e8f4cd;padding:11px 18px;font-size:12px;z-index:5}.pasture-bottom .resource-icon{width:25px;height:25px}.pasture-layout .focused-animal .animal-sprite{max-width:220px}.animal-status{font-size:14px;color:var(--lime);margin:0 0 15px}.pasture-layout .tip{padding:18px}.small-heading{margin-top:30px}.small-heading h2{font-size:23px}.pasture-layout .quiet-note{margin-bottom:0}.animal-card .button{gap:6px}.focused-animal .animal-info h3{font-size:24px}@keyframes animal-idle{0%,100%{transform:translate(0,0) rotate(-1deg)}30%{transform:translate(8px,-3px) rotate(1deg)}70%{transform:translate(-5px,1px) rotate(-1deg)}}@keyframes animal-eating{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(4px) rotate(5deg)}}@keyframes walk-to-trough{from{left:var(--home-x);top:var(--home-y)}to{left:var(--feed-x);top:var(--feed-y)}}@keyframes feed-bite{0%{opacity:0;transform:translate(8px,6px) scale(.7)}50%{opacity:1;transform:translate(0,-5px) scale(1)}100%{opacity:0;transform:translate(-10px,-12px) scale(.6)}}@keyframes bubble-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@media(max-width:1100px){.tools-grid{grid-template-columns:1fr}.tool-art{width:108px}.pasture-layout{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.pasture-scene{aspect-ratio:1.25}.pasture-animal{width:82px;height:102px}.pasture-sprite{width:80px;height:80px}.pasture-sign{top:12px;left:12px}.pasture-layout .focused-animal .animal-sprite{max-width:170px}.pasture-name{font-size:12px}.market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.wallet{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.wallet>span{min-width:0;padding:8px 6px;gap:3px}.wallet .resource-icon{width:25px;height:25px}.wallet small{font-size:12px}.tool-item{padding:12px;gap:12px;align-items:start}.tool-art{width:82px}.tool-name-line b{font-size:17px}.tool-description{font-size:14px}.tool-item small{font-size:12px}.tools-grid{gap:10px}.pasture-layout{grid-template-columns:1fr}.pasture-scene{aspect-ratio:1;min-height:360px}.pasture-animal{width:63px;height:80px}.pasture-sprite{width:62px;height:62px}.pasture-name{font-size:12px;max-width:90px;white-space:normal;padding:3px 5px}.animal-bubble{height:23px;min-width:23px;top:-13px;right:0}.animal-bubble .resource-icon{width:21px;height:21px}.pasture-sign{font-size:12px;max-width:155px;padding:9px 12px}.pasture-bottom{padding:9px 12px;font-size:12px}.pasture-layout>aside{display:grid;grid-template-columns:1fr}.focused-animal .animal-sprite{max-width:130px!important}.focused-animal{display:grid;grid-template-columns:110px 1fr;column-gap:18px}.focused-animal .animal-card-top{grid-column:1 / -1;flex-direction:row;margin-bottom:10px}.focused-animal .animal-sprite{grid-column:1;grid-row:2 / 5;align-self:center}.focused-animal .animal-info,.focused-animal .animal-status,.focused-animal .button{grid-column:2}.focused-animal .animal-info{padding-bottom:6px}.focused-animal .animal-status{font-size:12px;margin-bottom:10px}.focused-animal .button{font-size:14px}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-card .tool-art{max-width:150px}.resource-icon{width:1.6em;height:1.6em}.inventory-row .item-icon .resource-icon{width:34px;height:34px}.sow-button{width:100%}}
.resource-0{background-position:0.0% 0.0%;}
.resource-1{background-position:33.333333333333336% 0.0%;}
.resource-2{background-position:66.66666666666667% 0.0%;}
.resource-3{background-position:100.0% 0.0%;}
.resource-4{background-position:0.0% 33.333333333333336%;}
.resource-5{background-position:33.333333333333336% 33.333333333333336%;}
.resource-6{background-position:66.66666666666667% 33.333333333333336%;}
.resource-7{background-position:100.0% 33.333333333333336%;}
.resource-8{background-position:0.0% 66.66666666666667%;}
.resource-9{background-position:33.333333333333336% 66.66666666666667%;}
.resource-10{background-position:66.66666666666667% 66.66666666666667%;}
.resource-11{background-position:100.0% 66.66666666666667%;}
.resource-12{background-position:0.0% 100.0%;}
.resource-13{background-position:33.333333333333336% 100.0%;}
.resource-14{background-position:66.66666666666667% 100.0%;}
.resource-15{background-position:100.0% 100.0%;}
.tool-slot-0{background-position:0.0% 0%;}
.tool-slot-1{background-position:33.333333333333336% 0%;}
.tool-slot-2{background-position:66.66666666666667% 0%;}
.tool-slot-3{background-position:100.0% 0%;}
.tool-slot-4{background-position:0.0% 100%;}
.tool-slot-5{background-position:33.333333333333336% 100%;}
.tool-slot-6{background-position:66.66666666666667% 100%;}
.tool-slot-7{background-position:100.0% 100%;}
.rarity-art-0{background-position:0% 0%;}
.rarity-art-1{background-position:50% 0%;}
.rarity-art-2{background-position:100% 0%;}
.rarity-art-3{background-position:0% 100%;}
.rarity-art-4{background-position:50% 100%;}
.rarity-art-5{background-position:100% 100%;}
@media(prefers-reduced-motion:reduce){.pasture-animal,.pasture-sprite,.animal-bubble,.feed-particle{animation:none!important;transition:none!important}}.compare-tool{display:block;background:transparent;border:0;border-bottom:1px solid #c5ef8a66;color:var(--lime);padding:7px 0 4px;margin-top:8px;font-size:14px;cursor:pointer}dialog.rarity-dialog{width:900px;max-height:90vh;overflow:auto}.rarity-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:25px}.rarity-gallery article{background:#242033;border:1px solid var(--border);border-radius:10px;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:11px}.rarity-gallery .tool-art{width:100%;max-width:170px}.rarity-gallery strong{font-size:14px}.rarity-gallery span{font-size:14px;color:var(--muted);line-height:1.45}#tool-catalog{scroll-margin-top:18px}@media(max-width:650px){.rarity-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rarity-gallery article{padding:10px}.rarity-gallery .tool-art{max-width:125px}.rarity-gallery span{font-size:12px}dialog.rarity-dialog{padding:25px 16px}}.axe-art.rarity-art-0,.axe-art.rarity-art-1,.axe-art.rarity-art-2{aspect-ratio:512 / 465;background-size:300% 220.2150538%;background-position-y:0}.tabs .resource-icon{width:19px;height:19px;margin:0}.token-balance .resource-icon{width:30px;height:30px}.market-card .button .resource-icon{width:21px;height:21px}.rarity-gallery article{overflow:hidden}
/* Full marketplace catalogue */
.market-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:20px}.market-filters label{display:flex;flex-direction:column;gap:9px;font-size:14px;color:var(--muted);min-width:0}.market-filters select{width:100%;min-width:0;padding:12px 10px;border:1px solid var(--border);border-radius:8px;background:#211c31;color:var(--ink);font:inherit}.market-filters select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.market-result-line{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:4px 0 16px;color:var(--muted);font-size:14px}.market-result-line .compare-tool{margin:0}.market-price-guide{padding:15px 20px;margin:0 0 22px}.market-price-guide summary{cursor:pointer;color:var(--lime);font-size:15px;font-weight:600}.market-price-guide table{width:100%;border-collapse:collapse;margin:15px 0;font-size:14px;table-layout:fixed}.market-price-guide th,.market-price-guide td{text-align:left;padding:12px 6px;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.market-price-guide thead th{font-weight:500;color:var(--muted)}.market-price-guide td{white-space:nowrap}.market-card{border-top:3px solid var(--rarity);gap:12px}.market-card-heading{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:39px}.market-card-heading small{color:var(--muted);font-size:13px}.market-card>.animal-sprite{width:144px;max-width:100%;margin:0 auto}.market-card>.tool-art{width:144px;max-width:100%;margin:0 auto}.market-card>.market-icon{font-size:64px;line-height:144px;height:144px;display:grid;place-items:center}.market-card>.market-icon .resource-icon{width:112px;height:112px;margin:0}.market-card h3{line-height:1.4}.market-card .market-tool-effect{margin:0;min-height:40px;line-height:1.5}.market-quote{margin-top:auto;padding-top:12px;border-top:1px solid var(--border);display:grid;gap:9px}.market-quote>span{display:flex;justify-content:space-between;gap:8px;text-align:left;color:var(--muted);font-size:13px;align-items:center}.market-quote b{color:var(--ink);font-size:14px;white-space:nowrap}.market-quote .resource-icon{width:20px;height:20px}.market-card .button{margin-top:0}.sale-total{font-size:24px;color:var(--lime)}.market-grid>.empty-state{grid-column:1/-1;padding:30px;text-align:center}@media(max-width:1000px){.market-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.market-filters{gap:14px;padding:15px}.market-quote>span{flex-direction:column;gap:3px;align-items:center;text-align:center}.market-price-guide{padding:15px 10px}.market-price-guide th,.market-price-guide td{padding:10px 3px;font-size:12px}.market-price-guide td .resource-icon{width:16px;height:16px}.market-card .market-tool-effect{font-size:13px}.market-result-line{align-items:center}.market-result-line .compare-tool{font-size:13px}.market-tabs{gap:8px}}

.market-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.market-rule{display:grid;grid-template-columns:1.5fr 1fr;gap:25px;margin:0 0 22px;padding:22px}.market-rule h3{margin:10px 0;font-size:19px}.market-rule p{font-size:14px;color:var(--muted);line-height:1.6;margin:0}.market-common-prices{display:grid;gap:13px;align-content:center}.market-common-prices>span{display:flex;justify-content:space-between;gap:12px;font-size:14px}.market-common-prices b{white-space:nowrap;color:var(--gold)}.market-common-prices small{font-size:13px;line-height:1.5;color:var(--muted)}a.button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:12px}a.compare-tool{text-decoration:none;width:fit-content}.gift-demo-link{background:none;border:0;color:var(--muted);font-size:14px;padding:12px;cursor:pointer}.mint-case-link{background:#343a2d;border:1px solid #90aa6570;color:var(--lime)}.case-top{gap:8px}.case-top span:last-child{font-size:11px;color:var(--gold)}.case-card .fine{line-height:1.5}.pack-contents{text-align:left;border-top:1px solid var(--border);padding-top:16px;margin-top:17px}.pack-contents h4{font-size:15px;margin:0 0 13px}.pack-contents ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.pack-contents li{display:flex;align-items:center;gap:11px;font-size:14px;line-height:1.35;min-height:38px}.pack-contents li>.animal-sprite,.pack-contents li>.tool-art{width:38px;height:38px;flex:none;border-radius:5px}.pack-contents li>.resource-icon{width:38px;height:38px;margin:0}.pack-contents li span{min-width:0}.mint-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px}.mint-art-panel{display:flex;flex-direction:column;align-items:center;padding:30px}.mint-art-panel>.crate-sprite{width:100%;max-width:320px}.edition-seal{font-size:14px;color:var(--gold);letter-spacing:1px;margin:10px 0}.mint-art-panel .pack-contents{width:100%;max-width:440px}.mint-art-panel .pack-contents ul{grid-template-columns:repeat(2,minmax(0,1fr))}.mint-info{padding:32px;align-self:start}.mint-info h2{font-size:28px;line-height:1.3;margin:20px 0 12px}.mint-info p{color:var(--muted);line-height:1.65;font-size:15px}.mint-status{font-size:13px;letter-spacing:1px;border:1px solid #b6a27566;border-radius:20px;padding:7px 12px;color:var(--gold)}.mint-facts{margin:25px 0;display:grid;gap:16px}.mint-facts>div{display:flex;flex-direction:column;gap:7px;border-bottom:1px solid var(--border);padding-bottom:13px}.mint-facts span{font-size:13px;color:var(--muted)}.mint-facts b{font-size:16px}.mint-pack-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:24px 0}.mint-info .button{margin-top:15px}.gift-panel .button{width:100%}.case-card>.button{min-height:45px}@media(max-width:760px){.market-filters{grid-template-columns:1fr 1fr}.market-filters label:last-child{grid-column:1/-1}.market-rule,.mint-layout{grid-template-columns:1fr}.market-rule{gap:18px;padding:18px}.mint-info,.mint-art-panel{padding:22px}.mint-art-panel>.crate-sprite{max-width:230px}.mint-pack-links .button{width:100%}.mint-art-panel .pack-contents ul{grid-template-columns:1fr 1fr}}

.item-life{display:block;font-size:13px;line-height:1.5;color:var(--gold);padding:7px 9px;border:1px solid #b6a27544;border-radius:6px}.item-life b{white-space:nowrap}.tool-item .item-life{margin-top:7px;width:fit-content}.market-rule p+p{margin-top:13px}.material-shop{margin:24px 0;padding:24px}.material-row{display:flex;align-items:center;gap:15px;padding:18px 0;border-top:1px solid var(--border)}.material-row>.resource-icon{width:40px;height:40px;margin:0}.material-row>div{display:grid;gap:6px;flex:1}.material-row small{font-size:13px;color:var(--muted)}.material-row label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--muted)}.material-row input{background:#211c31;border:1px solid var(--border);border-radius:6px;color:var(--ink);font:inherit;font-size:16px;width:95px;padding:9px}.material-row .button{align-self:end}.focused-animal .item-life{margin-bottom:5px}@media(max-width:650px){.material-row{display:grid;grid-template-columns:40px minmax(0,1fr)}.material-row label{grid-column:1;min-width:95px}.material-row .button{grid-column:2;justify-self:end;max-width:100%}.material-row label{font-size:12px}.material-row .button{font-size:13px;padding:12px}.material-shop{padding:18px}.market-card .item-life{font-size:12px}}

.market-rule{display:block;padding:17px 20px}.market-rule>summary{font-size:15px;color:var(--lime);cursor:pointer}.market-rule-content{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:20px}@media(max-width:760px){.market-rule-content{grid-template-columns:1fr}}

.life-label{display:flex;justify-content:space-between;align-items:center;gap:8px}.life-track{display:block;height:7px;background:#171526;border-radius:6px;overflow:hidden;margin-top:8px}.life-track i{height:100%;display:block;background:#a7d978;border-radius:6px}.life-track.low i{background:#eac967}.life-track.critical i{background:#ee8a81}.durability-meter{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.supply-card>.resource-icon{width:76px;height:76px;margin:5px auto 14px}.supply-amount{font-size:27px;color:var(--lime)}.supply-odds{margin:18px 0;color:var(--muted);font-size:14px;line-height:1.6}.supply-odds summary{cursor:pointer;color:var(--ink)}.supply-odds-row{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--border)}

.product-icon{display:inline-block;width:1.7em;height:1.7em;background-image:url('/assets/product-icons.png');background-repeat:no-repeat;background-size:400% 200%;image-rendering:pixelated;vertical-align:middle;flex-shrink:0;pointer-events:none}.inventory-row .product-icon{width:45px;height:45px}.animal-info .product-icon{width:26px;height:26px}.animal-bubble .product-icon{width:25px;height:25px}.market-tool-effect .product-icon{width:25px;height:25px}.pack-item-button{display:flex;align-items:center;gap:9px;text-align:left;background:#201c3066;color:var(--ink);width:100%;border:1px solid transparent;border-radius:6px;padding:6px;cursor:pointer;font:inherit;font-size:13px}.pack-item-button:hover,.pack-item-button:focus-visible{border-color:#b4cd88;background:#393345;outline:none}.pack-item-button>.animal-sprite,.pack-item-button>.tool-art,.pack-item-button>.resource-icon{width:34px;height:34px;flex:none;border-radius:4px;margin:0}.pack-item-button>span:not(.resource-icon){flex:1;min-width:0}.pack-item-button>b{font-size:12px;color:var(--gold);white-space:nowrap}.pack-contents li{display:block}.quantity-art{display:flex;flex-direction:column;align-items:center;gap:14px}.quantity-art .resource-icon{width:80px;height:80px;margin:0}.quantity-art b{font-size:25px;color:var(--lime)}.rarity-gallery .drop-probability{font-size:20px;color:var(--lime)}.rarity-gallery .animal-sprite{width:100%;max-width:170px;aspect-ratio:1;flex-shrink:0}.rarity-gallery article{justify-content:start}.rarity-gallery .fine{font-size:13px}.mint-art-panel .pack-contents ul{grid-template-columns:1fr}
.product-0{background-position:0.00000000% 0%}
.product-1{background-position:33.33333333% 0%}
.product-2{background-position:66.66666667% 0%}
.product-3{background-position:100.00000000% 0%}
.product-4{background-position:0.00000000% 100%}
.product-5{background-position:33.33333333% 100%}
.product-6{background-position:66.66666667% 100%}
.product-7{background-position:100.00000000% 100%}

.animal-sprite.nft-animal{background:none!important;aspect-ratio:1;overflow:hidden;image-rendering:pixelated}.pasture-sprite.nft-animal{filter:drop-shadow(0 5px 1px #1b401946)}.rarity-gallery .nft-animal{height:170px}.animal-card .nft-animal{height:auto;aspect-ratio:1}.pasture-sprite.nft-animal{height:96px}.animal-card .compare-tool{margin:0 auto 12px}.focused-animal .item-life{min-width:0}.market-card>.nft-animal{height:144px}@media(max-width:1100px){.pasture-sprite.nft-animal{height:80px}}@media(max-width:760px){.pasture-sprite.nft-animal{height:62px}.focused-animal .item-life,.focused-animal .compare-tool{grid-column:2}.rarity-gallery .nft-animal{height:125px}.market-card>.nft-animal{height:auto}.life-label{flex-wrap:wrap;gap:4px}}

.nav-icon{display:inline-block;width:34px;height:34px;background-image:url('/assets/nav-icons.png');background-size:300% 200%;background-repeat:no-repeat;image-rendering:pixelated;flex:none}.nav-farm{background-position:0 0}.nav-animals{background-position:50% 0}.nav-cases{background-position:100% 0}.nav-storage{background-position:0 100%}.nav-market{background-position:50% 100%}.tabs button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px}.tabs button.active .nav-icon{filter:drop-shadow(0 2px 2px #426b2c55)}.area-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 12px}.area-tabs{display:flex;gap:10px;flex-wrap:wrap}.area-tabs .button{display:flex;align-items:center;gap:12px}.area-tabs small{opacity:.75;white-space:nowrap}.build-area{display:flex;flex-direction:column;gap:7px}.build-area small{font-size:12px}.build-area .resource-icon{width:18px;height:18px}.area-limit{font-size:13px;color:var(--muted);margin-bottom:22px}.animal-placement{display:flex;flex-direction:column;gap:6px;margin-top:12px;font-size:13px;color:var(--muted)}.animal-placement select{font:inherit;background:#211c31;color:var(--ink);border:1px solid var(--border);border-radius:6px;padding:8px;max-width:100%}.animal-body{display:block;width:96px;height:96px}.pasture-animal.eating{z-index:4;animation:walk-to-trough 1.4s ease-in-out both}.pasture-animal.eating .pasture-sprite{animation:eating-face .85s ease-in-out infinite;animation-delay:1.4s;transform-origin:65% 72%}.pasture-animal .feed-particle{left:10px;right:auto;top:42px}.pasture-animal.drinking{left:var(--drink-x);top:var(--drink-y);animation:walk-to-water 1.8s ease-in-out both;z-index:4}.pasture-animal.drinking .animal-body{transform:scaleX(-1)}.pasture-animal.drinking .pasture-sprite{animation:drinking-face .9s ease-in-out 1.8s infinite;transform-origin:65% 72%}.water-ripple{position:absolute;right:-8px;top:53px;width:26px;height:9px;border:2px solid #b9f3ff;border-radius:50%;animation:water-ripple 1.1s ease-out 1.8s infinite;opacity:0;pointer-events:none}.pasture-animal.drinking .animal-bubble{background:#caefff}.pasture-animal.eating .pasture-name,.pasture-animal.drinking .pasture-name{opacity:.6}@keyframes eating-face{0%,100%{transform:translateY(0) rotate(-13deg)}50%{transform:translate(-3px,5px) rotate(-23deg)}}@keyframes drinking-face{0%,100%{transform:translate(0,0) rotate(-16deg)}50%{transform:translate(-3px,4px) rotate(-25deg)}}@keyframes walk-to-water{0%{left:var(--feed-x);top:var(--feed-y)}100%{left:var(--drink-x);top:var(--drink-y)}}@keyframes water-ripple{0%{opacity:0;transform:scale(.4)}30%{opacity:.8}100%{opacity:0;transform:scale(1.25)}}@media(max-width:1100px){.animal-body{width:80px;height:80px}}@media(max-width:760px){.nav-icon{width:29px;height:29px}.tabs button{gap:5px;padding:9px 10px}.area-controls{align-items:stretch;flex-direction:column;gap:12px}.area-tabs .button{font-size:13px;padding:10px;gap:6px}.build-area{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}.animal-body{width:62px;height:62px}.focused-animal .animal-placement{grid-column:1/-1}.water-ripple{top:34px;right:-4px;width:18px;height:6px}.pasture-animal .feed-particle{left:5px;top:27px}.pasture-animal.eating{top:calc(var(--feed-y) + 3%)}.area-limit{line-height:1.5}}@media(prefers-reduced-motion:reduce){.water-ripple,.animal-body,.pasture-animal.drinking{animation:none!important;transition:none!important}}

.pasture-animal.returning{animation:walk-home 2.5s ease-in-out both}@keyframes walk-home{from{left:var(--drink-x);top:var(--drink-y)}to{left:var(--home-x);top:var(--home-y)}}@media(prefers-reduced-motion:reduce){.pasture-animal.returning{animation:none!important}}

/* Coordinates target each animal's mouth; all source sprites face left. */
.pasture-scene{aspect-ratio:3/2;min-height:0;background-size:100% 100%;--animal-size:96px}
.pasture-animal{--feed-x:calc(var(--feed-target-x) - var(--mouth-x)*var(--animal-size));--feed-y:calc(var(--feed-target-y) - var(--mouth-y)*var(--animal-size));--drink-x:calc(92% - (1 - var(--mouth-x))*var(--animal-size));--drink-y:calc(var(--water-target-y) - var(--mouth-y)*var(--animal-size));width:var(--animal-size);height:calc(var(--animal-size) + 24px)}
.pasture-animal .animal-body,.pasture-animal .pasture-sprite.nft-animal{width:var(--animal-size);height:var(--animal-size);flex:none}
.pasture-animal.eating{top:var(--feed-y);animation:walk-to-trough 1.25s ease-in-out both;animation-delay:calc(0ms - var(--phase-elapsed,0ms))}
.pasture-animal.eating .pasture-sprite{transform-origin:var(--mouth-origin);animation:mouth-nibble .7s ease-in-out infinite;animation-delay:calc(1.25s - var(--phase-elapsed,0ms))}
.pasture-animal.drinking{animation:walk-to-water 1.5s ease-in-out both;animation-delay:calc(0ms - var(--phase-elapsed,0ms))}
.pasture-animal.drinking .pasture-sprite{transform-origin:var(--mouth-origin);animation:mouth-sip 1.05s ease-in-out infinite;animation-delay:calc(1.5s - var(--phase-elapsed,0ms))}
.pasture-animal.returning{animation:walk-home 2.4s ease-in-out both;animation-delay:calc(0ms - var(--phase-elapsed,0ms))}
.pasture-animal .feed-particle{left:calc(var(--mouth-x)*var(--animal-size) - 8px);top:calc(var(--mouth-y)*var(--animal-size));animation-delay:calc(1.25s - var(--phase-elapsed,0ms))}
.pasture-animal .water-ripple{left:calc((1 - var(--mouth-x))*var(--animal-size) - 10px);right:auto;top:calc(var(--mouth-y)*var(--animal-size) + 2px);width:22px;height:7px;animation-delay:calc(1.5s - var(--phase-elapsed,0ms))}
.pasture-animal.eating .pasture-name,.pasture-animal.drinking .pasture-name{opacity:.8}
@keyframes mouth-nibble{0%,100%{transform:rotate(-2deg) translateY(0)}35%{transform:rotate(-7deg) translateY(2px)}65%{transform:rotate(-3deg) translateY(1px)}}
@keyframes mouth-sip{0%,100%{transform:rotate(-3deg) translateY(-1px)}45%,65%{transform:rotate(-8deg) translateY(3px)}}
.supply-art{width:144px;height:128px;image-rendering:pixelated;flex:none;display:block;margin:6px auto 10px;overflow:hidden}
.quantity-art .supply-art{width:160px;max-width:100%;height:130px}.supply-card>.supply-art{width:140px;height:125px}.market-card>.supply-art{width:144px;height:144px}
.worker-icon{display:inline-block;width:39px;height:39px;background-image:url('/assets/worker-icons.png');background-size:200% 100%;background-repeat:no-repeat;image-rendering:pixelated;flex:none}.worker-wood{background-position:0 0}.worker-stone{background-position:100% 0}.farm-actions>.button{display:flex;gap:7px;align-items:center;min-width:185px;justify-content:center;padding:8px 13px}
@media(max-width:1100px){.pasture-scene{--animal-size:80px}}
@media(max-width:760px){.pasture-scene{--animal-size:56px}.pasture-sign{top:8px;left:8px;padding:6px 9px}.pasture-name{font-size:9px;padding:2px 4px}.animal-bubble{transform:scale(.78);transform-origin:bottom right}.pasture-bottom{font-size:10px}.worker-icon{width:32px;height:32px}.farm-actions>.button{min-width:145px}.quantity-art .supply-art{height:105px}}
@media(prefers-reduced-motion:reduce){.pasture-animal.eating,.pasture-animal.drinking,.pasture-animal.returning,.pasture-animal .pasture-sprite{animation:none!important}}

.tier-tool-art{display:block;background:none!important;aspect-ratio:1;image-rendering:pixelated;overflow:hidden}.market-card>.tier-tool-art{height:144px}.rarity-gallery .tier-tool-art{height:160px}.tool-item>.tier-tool-art{width:88px;height:100px;flex:none}.sow-button{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px}.sow-button small{width:100%;font-size:11px;opacity:.8}.price-breakdown{text-align:left;font-size:12px;line-height:1.55;color:var(--muted)}.price-breakdown summary{color:var(--lime);cursor:pointer}.price-breakdown p{margin:8px 0}.price-breakdown small{font-size:11px}.reward-dialog>.supply-art,dialog>.supply-art{width:180px;height:160px}

.brand-logo{width:60px;height:60px;object-fit:contain;image-rendering:pixelated;flex:none}.brand{gap:10px}@media(max-width:760px){.brand-logo{width:45px;height:45px}}

.boards-icon{background-image:url('/assets/sawmill-icons.png');background-size:200% 100%;background-position:0 0}.worker-mill{background-image:url('/assets/sawmill-icons.png');background-position:100% 0}.sawmill-action small{display:block;margin-top:6px;color:var(--muted);font-size:12px}.forage-button{display:inline-flex;align-items:center;gap:7px;margin-top:12px}.gathering-help>small{display:block;line-height:1.5;margin-top:10px;color:var(--muted)}

#sawmill{scroll-margin:20px}.wallet>span{min-width:96px;padding:9px 12px}@media(max-width:760px){.wallet{grid-template-columns:repeat(3,minmax(0,1fr))}.wallet>span{min-width:0;padding:7px 9px}.wallet>span:first-child{grid-column:span 2}.material-shop .panel-title{align-items:center;gap:10px}.material-shop .panel-title .button{font-size:12px;padding:8px}}

.supply-nfts{grid-template-columns:repeat(3,minmax(0,1fr))}.supply-card{min-width:0}.supply-card>.supply-art{max-width:100%}@media(max-width:900px){.supply-nfts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.supply-nfts{grid-template-columns:minmax(0,1fr)}}

/* Layout audit: grouped actions, tablet header, compact markets and keyboard access. */
.action-group{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px}
.action-group>.button{margin:0;max-width:100%;min-height:46px}
.gathering-actions{margin-top:16px}
.gathering-actions .forage-button{margin-top:0}
.dialog-actions{justify-content:center;margin-top:22px}
.button{line-height:1.4;text-align:center}
input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.market-card>.supply-art{max-width:100%}
.market-card .button{gap:7px;flex-wrap:wrap}
.panel-title>*{min-width:0}
.material-shop .panel-title{align-items:flex-start}
.market-tabs{flex-wrap:wrap}
#sawmill,#tool-catalog,#resource-workers{scroll-margin-top:24px}
@media(min-width:601px) and (max-width:1000px){
 .topbar{height:auto;min-height:0;flex-wrap:wrap;padding:18px 0;gap:16px}
 .wallet{display:grid;width:100%;grid-template-columns:repeat(5,minmax(0,1fr));margin-left:0}
 .wallet>span{min-width:0;padding:8px}
}
@media(max-width:600px){
 .gathering-actions>.button{flex:1 1 180px}
 .dialog-actions>.button{flex:1 1 180px}
}
@media(max-width:380px){
 .market-grid{grid-template-columns:minmax(0,1fr)}
 .market-card .animal-sprite,.market-card>.supply-art,.market-card .tool-art{max-width:100%}
 .wallet{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:600px){
 .seed-bar .seeds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .seed{min-width:0;width:100%;padding:10px 5px}
 .seed .resource-icon{display:block;margin:0 auto 6px}
}

/* Full balances remain readable even near the supported save limits. */
.wallet{min-width:0}
.wallet>span{grid-template-columns:31px minmax(0,1fr)}
.wallet b{min-width:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.token-balance{max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}
@media(max-width:600px){.wallet>span{grid-template-columns:25px minmax(0,1fr)}}

/* Dialogs keep controls in a fixed header; only the inset content scrolls. */
dialog,dialog.rarity-dialog{padding:0;max-height:90vh;max-height:90dvh;overflow:hidden}
dialog[open]{display:flex;flex-direction:column}
.dialog-header{position:relative;flex:0 0 auto;min-height:64px;padding:8px 64px}
.dialog-header.has-title{padding:24px 64px 18px;border-bottom:1px solid var(--border)}
.dialog-header h2{margin:8px 0 0;line-height:1.25}
.dialog-header .reward-text{margin:12px 0 0;font-size:14px;line-height:1.5}
.dialog-header .dialog-close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #ffffff1f;border-radius:9px;background:#211c3199;color:var(--ink);font-size:25px;line-height:1}
.dialog-header .dialog-close:hover{background:#51445f;border-color:var(--muted)}
.dialog-body{min-height:0;flex:1 1 auto;padding:24px 20px;margin:0 10px 12px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#8c7c9d #211c3144}
.dialog-body::-webkit-scrollbar{width:10px}
.dialog-body::-webkit-scrollbar-track{background:#211c3144;border-radius:8px}
.dialog-body::-webkit-scrollbar-thumb{background:#8c7c9d;border:2px solid var(--panel);border-radius:8px}
.dialog-body::-webkit-scrollbar-thumb:hover{background:#b1a1c2}
.dialog-body .rarity-gallery{margin-top:0}
.rarity-gallery .animal-sprite,.rarity-gallery .tool-art,.rarity-gallery .supply-art{max-width:100%}
@media(max-width:600px){
 .dialog-header.has-title{padding:22px 54px 16px}
 .dialog-header h2{font-size:21px}
 .dialog-header .reward-text{font-size:13px}
 .dialog-header .dialog-close{right:9px;top:9px}
 .dialog-body{padding:16px 8px;margin:0 8px 8px}
}

/* Keep the current resale quote and the full-durability reference together. */
.resale-wear{display:grid;gap:6px;min-width:0;padding-top:9px;border-top:1px dashed var(--border);text-align:left}.resale-reference{display:flex;justify-content:space-between;align-items:baseline;gap:8px;min-width:0;color:var(--muted);font-size:12px;line-height:1.45}.resale-reference b{white-space:nowrap;font-size:13px;color:var(--muted)}.resale-wear small{font-size:11px;line-height:1.55;color:var(--muted);overflow-wrap:anywhere}.market-quote .resale-current{align-items:baseline}.market-quote .resale-current b{color:var(--gold)}.resale-formula{margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}.resale-formula>b{color:var(--ink)}.resale-equation{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.dialog-body>.resale-wear{max-width:400px;width:100%;margin:0 auto 14px}.dialog-body>.item-life{max-width:400px;margin:0 auto 14px}.dialog-body>.resale-wear .resource-icon{width:20px;height:20px}.dialog-body>.resale-wear .resale-reference{font-size:14px}.dialog-body>.resale-wear small{font-size:13px}@media(max-width:540px){.resale-reference{flex-wrap:wrap}.market-quote .resale-current{align-items:center}.resale-wear small{text-align:center}}

/* First-edition supply is a plan, separate from the demo pack counter. */
.edition-preview{display:flex;flex-direction:column;gap:6px;padding:12px 10px;margin:10px 0;border:1px solid var(--border);border-radius:8px;background:#242033}.edition-preview>span,.edition-preview small{color:var(--muted);font-size:12px;line-height:1.5}.edition-preview strong{font-size:20px;color:var(--ink)}.edition-preview strong span{font-size:14px;font-weight:500}.rarity-gallery .edition-count{padding-top:8px;border-top:1px solid var(--border);width:100%;font-size:12px}.odds-panel h2{overflow-wrap:anywhere}

/* Seed inventory uses the marked sacks; crops on the plots keep crop artwork. */
.supply-art.seed-icon{display:inline-block;width:32px;height:32px;max-width:none;margin:-5px 3px -5px 0;vertical-align:middle;pointer-events:none}
.pack-item-button>.seed-icon{width:34px;height:34px;flex:none;margin:0}
.inventory-row .item-icon>.seed-icon{width:44px;height:44px;margin:0}
.button>.seed-icon{width:28px;height:28px;margin:-3px 0}


/* Rare animal light follows the transparent sprite silhouette, never the card box. */
/* Static light respects reduced motion and leaves feeding/drinking transforms intact. */
.nft-animal.animal-rarity-legendary{
  --animal-rarity-light:drop-shadow(0 0 2px #ffe4a080) drop-shadow(0 0 7px #ffc6513d);
  filter:var(--animal-rarity-light);
}
.nft-animal.animal-rarity-mythic{
  --animal-rarity-light:drop-shadow(-1px 0 2px #82cfff80) drop-shadow(1px 0 3px #bf8cff80) drop-shadow(0 0 8px #7964f747);
  filter:var(--animal-rarity-light);
}
.pasture-sprite.nft-animal.animal-rarity-legendary,
.pasture-sprite.nft-animal.animal-rarity-mythic{
  filter:drop-shadow(0 5px 1px #1b401946) var(--animal-rarity-light);
}


/* Grounded animal movement: the shadow stays on the ground while feet take turns. */
.pasture-scene .pasture-animal .animal-ground-shadow{
  position:absolute;pointer-events:none;z-index:0;
  left:calc(var(--shown-ground-x,var(--ground-x,.5))*var(--animal-size));
  top:calc(var(--ground-y,.84)*var(--animal-size));
  width:calc(var(--animal-size)*.42);height:calc(var(--animal-size)*.085);
  border-radius:50%;transform:translate(-50%,-50%);
  background:radial-gradient(ellipse,#19381166 0%,#19381140 45%,#19381100 73%);
}
.pasture-scene .pasture-animal .animal-body{
  position:relative;z-index:1;
  transform:scaleX(var(--animal-facing,1));transform-origin:50% 50%;
  transition:none;animation:none;
}
.pasture-scene .pasture-animal .pasture-sprite.nft-animal{
  filter:var(--animal-rarity-light,none);
  transform-origin:calc(var(--ground-x,.5)*100%) calc(var(--ground-y,.84)*100%);
  animation:grounded-animal-breath 4s ease-in-out infinite;
  animation-delay:var(--idle-delay,0s);transition:none;
}
.pasture-scene .pasture-animal:is(.eating,.drinking,.returning){animation-timing-function:linear}
.pasture-scene .pasture-animal:is(.eating,.drinking) .pasture-sprite.nft-animal{
  animation:grounded-animal-nibble 1s ease-in-out infinite;
  animation-delay:0s;
}
.pasture-scene .pasture-animal.is-walking .pasture-sprite.nft-animal{animation:none;transform:none}
.pasture-scene .pasture-animal .animal-walk-static{display:inline}
.pasture-scene .pasture-animal :is(.animal-walk-body,.animal-walk-leg-front,.animal-walk-leg-back){display:none}
.pasture-scene .pasture-animal.is-walking .animal-walk-static{display:none}
.pasture-scene .pasture-animal.is-walking :is(.animal-walk-body,.animal-walk-leg-front,.animal-walk-leg-back){display:inline}
.pasture-scene .pasture-animal.is-walking :is(.animal-walk-leg-front,.animal-walk-leg-back){
  transform-box:fill-box;transform-origin:50% 0%;
  animation:grounded-animal-step .36s steps(4,end) infinite;
  animation-delay:calc(0ms - var(--phase-elapsed,0ms));
}
.pasture-scene .pasture-animal.is-walking .animal-walk-leg-back{animation-delay:calc(-180ms - var(--phase-elapsed,0ms))}
.pasture-scene .pasture-animal :is(.animal-bubble,.pasture-name){z-index:2}
@keyframes grounded-animal-breath{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.995)}}
@keyframes grounded-animal-nibble{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.992)}}
@keyframes grounded-animal-step{
  0%,100%{transform:translate(0,0)}
  25%{transform:translate(4px,-2px)}
  50%{transform:translate(0,0)}
  75%{transform:translate(-4px,0)}
}
@media(prefers-reduced-motion:reduce){
  .pasture-scene .pasture-animal .pasture-sprite.nft-animal,
  .pasture-scene .pasture-animal :is(.animal-walk-leg-front,.animal-walk-leg-back){animation:none!important;transform:none!important}
  .pasture-scene .pasture-animal.is-walking .animal-walk-static{display:inline}
  .pasture-scene .pasture-animal.is-walking :is(.animal-walk-body,.animal-walk-leg-front,.animal-walk-leg-back){display:none}
}

/* Scene controls remain above the depth-sorted animal layer (2–7). */
.pasture-scene .pasture-sign,.pasture-scene .pasture-bottom{z-index:20}

/* The route renderer owns ground movement; eating effects start only after arrival. */
.pasture-scene .pasture-animal.animal-motion-managed{animation:none!important;transition:none!important}
.pasture-animal.animal-motion-managed .feed-particle,.pasture-animal.animal-motion-managed .water-ripple{animation-delay:calc(var(--walk-duration,0ms) - var(--phase-elapsed,0ms))}
.pasture-animal.animal-motion-managed.is-walking .feed-particle,.pasture-animal.animal-motion-managed.is-walking .water-ripple{visibility:hidden}

.pasture-animal.motion-blocked .feed-particle,.pasture-animal.motion-blocked .water-ripple{display:none}
.pasture-animal.motion-blocked .pasture-sprite{animation:none!important}

/* Transparent pack artwork shares a 512px cell and a bottom outline at y=487. */
.crate-sprite.crate-0{background-image:url('/assets/pack-animals-next.png');background-size:contain;background-position:center}
.crate-sprite.crate-2{background-image:url('/assets/pack-supplies-next.png');background-size:contain;background-position:center}

.crate-sprite.crate-1{background-image:url('/assets/pack-tools-next.png');background-size:contain;background-position:center}

/* Worker rows share one action column regardless of label or cooldown text. */
.farm-actions{display:grid;grid-template-columns:minmax(0,1fr) 210px;align-items:center}
.farm-actions+.farm-actions{margin-top:12px}
.farm-actions>div,.farm-actions>div>div{min-width:0}
.farm-actions>.button{width:210px;min-width:0;min-height:56px;align-self:center;gap:8px;padding:8px 12px;line-height:1.35;text-align:center}
.farm-actions>.button>[data-timer]{min-width:0;overflow-wrap:anywhere}
@media(max-width:1100px){
 .farm-actions{grid-template-columns:minmax(0,1fr)}
 .farm-actions>.button{width:100%}
}

/* A compact action label and live quote stay together at every width. */
.material-row .material-sale{width:max-content;min-width:0;min-height:44px;flex:none;justify-content:center;gap:8px;padding:10px 14px;justify-self:end}
.material-sale-label{min-width:0;text-align:left}
.material-sale-value{display:inline-flex;align-items:center;justify-content:center;gap:4px;color:var(--gold);font-variant-numeric:tabular-nums;min-width:0}
.material-sale-value>[data-sale-total]{overflow-wrap:anywhere}
.material-row .material-sale .resource-icon{width:20px;height:20px;margin:0}


/* Weekly task navigation, paired with existing farm icons. */
.task-nav-icon{width:34px;height:34px;flex:none;shape-rendering:crispEdges}@media(max-width:600px){.task-nav-icon{width:29px;height:29px}}

/* A simple invitation envelope for referrals. */
.nav-icon.nav-referrals{background-image:url('/assets/referral-invite-icon.svg');background-size:contain;background-position:center}

/* Keep the real farm private until its session is known; reserve the final resource layout. */
body.boot-pending #wallet>span{position:relative;grid-template-columns:31px minmax(4ch,auto)}
body.boot-pending #wallet>span::before{content:"";width:31px;height:31px;grid-column:1;grid-row:1 / span 2;align-self:center;border-radius:7px;background:#454056}
body.boot-pending #wallet .resource-icon{display:none}
body.boot-pending #wallet b{position:relative;grid-column:2;grid-row:1;color:transparent;min-width:4ch}
body.boot-pending #wallet b::after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:75%;height:12px;border-radius:4px;background:#51485f}
body.boot-pending #animal-count,body.boot-pending #crate-count,body.boot-pending .season{visibility:hidden}
body.boot-pending #screen{position:relative;min-height:520px;pointer-events:none}
body.boot-pending #screen>*{visibility:hidden}
body.boot-pending #screen::after{content:"";position:absolute;inset:0;border:1px solid var(--border);border-radius:14px;background:linear-gradient(110deg,#2d2940 25%,#373047 42%,#2d2940 62%);background-size:200% 100%;animation:farm-boot-shimmer 2s ease-in-out infinite}
@keyframes farm-boot-shimmer{0%,100%{background-position:100% 0}50%{background-position:0 0}}
@media(prefers-reduced-motion:reduce){body.boot-pending #screen::after{animation:none}}
@media(max-width:760px){body.boot-pending #wallet>span{grid-template-columns:25px minmax(3ch,auto)}body.boot-pending #wallet>span::before{width:25px;height:25px}body.boot-pending #screen{min-height:460px}}