.screen-shop .game-page{padding:0 12px 24px;background:radial-gradient(ellipse at 90% 28%,#6f76331a,transparent 65%)}
.post-hero{margin:0 -12px;min-height:225px;position:relative;padding:23px 18px 60px;overflow:hidden;background:linear-gradient(90deg,#101e13f2,#172d1e77),url('../assets/forest-clean.webp') center 62%/cover;border-bottom:1px solid #bca26688;isolation:isolate}
.post-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:15px;border-top:1px solid #d2bd7b77;background:repeating-linear-gradient(174deg,#a8884f0d 0 2px,transparent 3px 6px),linear-gradient(#635333,#302d1c 60%,#152517);box-shadow:0 -4px 25px #aecb4b22}
.post-welcome{position:relative;z-index:1;max-width:60%;pointer-events:none}.post-welcome small{font-size:8px;letter-spacing:2px;color:#d4c28b}.post-welcome h1{font:700 40px/.98 Georgia,serif;color:#f3e2b6;margin:10px 0}.post-welcome p{font-size:12px;line-height:1.5;color:#e0dfc3;margin:10px 0 0}.post-keeper{position:absolute;right:-10px;bottom:8px;width:55%;height:210px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 10px #0007)}
.post-balance{position:absolute;left:18px;bottom:28px;display:flex;align-items:center;gap:9px;background:#142d1eee;padding:8px 12px;border:1px solid #bda96a88;border-radius:15px 5px;font-size:10px;color:#e4dcc0;z-index:2}.post-coins{display:inline-flex;align-items:center;justify-content:center;gap:5px;color:#f8d77f;vertical-align:middle;white-space:nowrap}.post-coins .game-icon{width:21px;height:21px;stroke:#e4bc53;fill:#d2a22c25}.post-coins b{font-size:17px;font-weight:700}
.post-tabs{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:10px 0 12px;background:linear-gradient(#132115fa 85%,#13211500);margin:0 0 7px}.post-tabs button{border:1px solid #a0a67955;border-radius:17px 6px;background:linear-gradient(135deg,#34422b,#1a2c1d);color:#dfdfc4;min-height:84px;padding:5px 3px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:600;cursor:pointer}.post-tabs button img{width:49px;height:45px;object-fit:contain;filter:drop-shadow(0 3px 3px #0006)}.post-tabs [aria-pressed=true]{border-color:#e1c078;background:linear-gradient(#76613b,#3c4026);color:#fff1ca;box-shadow:inset 0 1px #ead9a14d,0 4px 14px #0004}
.post-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:9px 3px 0}.post-section-heading small{color:#b5bda0;font-size:8px;letter-spacing:1.2px}.post-section-heading h2{font:700 24px/1.1 Georgia,serif;color:#f0dfb6;margin:6px 0 0}.post-section-heading>.game-icon{color:#c3cb96;width:31px;height:31px}.post-bag-link{width:44px;height:44px;display:grid;place-items:center;flex:none;color:#d5d7ad;border:1px solid #b3b18355;border-radius:50%;background:#1b3323;cursor:pointer}.post-tip{font-size:12px;line-height:1.5;color:#cdd2b6;margin:10px 3px 17px}.post-tip .post-coins b{font-size:13px}.post-tip .post-coins svg{width:16px;height:16px}
.post-shelves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 10px}.post-item{min-width:0;position:relative;border:1px solid #c0aa6d77;border-radius:22px 7px 17px 7px;padding:10px 10px 11px;display:flex;flex-direction:column;text-align:left;color:#f1e7ca;background:radial-gradient(ellipse at 50% 23%,#8d9e4040,transparent 58%),linear-gradient(145deg,#2d3d24e8,#192d20f2);box-shadow:0 6px 12px #0004;cursor:pointer;-webkit-tap-highlight-color:transparent}.post-item-art{display:block;position:relative;height:146px;margin:4px -4px 12px}.post-item-art::after{content:'';position:absolute;bottom:-3px;left:-7px;right:-7px;height:11px;border-radius:30% 20% 7px 5px;border:1px solid #b9a16b77;background:repeating-linear-gradient(175deg,#36291a55 0 1px,transparent 2px 4px),linear-gradient(#8d7445,#4b4128);box-shadow:0 5px 5px #0005}.post-item-art img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 5px #0007);transition:transform .18s}.post-item:hover .post-item-art img{transform:translateY(-3px) rotate(-2deg)}.post-item-state{position:absolute;z-index:2;right:6px;top:7px;min-height:20px;display:flex;gap:3px;align-items:center;padding:3px 7px;border-radius:9px;background:#152c22ed;font-size:9px;color:#d5d9ba}.post-item-state:empty{display:none}.post-item-state svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.5}.is-owned .post-item-state{background:#47683c;color:#f3f6d4}.is-locked .post-item-art img{filter:saturate(.7) drop-shadow(0 6px 5px #0007)}
.post-item-name{display:block;font:700 17px/1.15 Georgia,serif;min-height:40px;overflow-wrap:anywhere}.post-item-help{display:block;font-size:10px;line-height:1.4;min-height:30px;color:#cbd3b5;margin-top:3px}.post-item-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:2px 5px;margin-top:8px}.post-inspect{display:flex;align-items:center;gap:1px;color:#e8c989;font-size:10px;min-height:35px}.post-inspect .game-icon{width:15px;height:15px}.post-owned-label{color:#b6d39d;font-size:10px}.post-footnote{color:#b5c0a0;text-align:center;font-size:11px;line-height:1.5;margin:19px 10px}
.post-gold,.post-plain{min-height:48px;width:100%;border-radius:13px 5px;border:1px solid #f1d595;display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 12px;font:700 14px/1.2 'Segoe UI',Arial,sans-serif;cursor:pointer;touch-action:manipulation}.post-gold{color:#282413;background:linear-gradient(#f0d48b,#c6a15b);box-shadow:0 3px 0 #725832}.post-gold .post-coins{color:#43300d}.post-gold .post-coins svg{stroke:#795415;fill:#daa82940}.post-gold .post-coins b{font-size:16px}.post-gold:disabled{cursor:default;background:linear-gradient(#57604a,#374632);border-color:#87906c;color:#d2d5b8;box-shadow:none}.post-gold>svg{height:22px;width:22px;flex:none}.post-plain{color:#d7ddc5;background:#1c3325;border-color:#a4b58b55;box-shadow:none;margin-top:11px;font-size:12px;font-weight:500}.post-panel button:focus-visible,.post-tabs button:focus-visible,.post-dialog button:focus-visible{outline:3px solid #fff0a8;outline-offset:3px}
.post-gold[hidden]{display:none}
.post-harvest-card h3{overflow-wrap:anywhere}
.post-empty{padding:12px 15px 24px;text-align:center;border:1px solid #9ba16d55;border-radius:25px 8px;background:#25372499}.post-empty>img{width:180px;height:160px;object-fit:contain;margin:0 auto}.post-empty h3{font:700 23px/1.15 Georgia,serif;color:#f2dfb1;margin:10px 0}.post-empty p{font-size:13px;line-height:1.5;color:#d0d6ba;margin:10px 0 18px}.post-harvest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.post-harvest-card{min-width:0;position:relative;padding:11px;background:#293c25b3;border:1px solid #bfa86f66;border-radius:20px 6px;text-align:center;display:flex;flex-direction:column;align-items:stretch}.post-harvest-card>img{width:100%;height:140px;object-fit:contain}.post-harvest-card h3{font:700 17px/1.15 Georgia,serif;min-height:40px;margin:8px 0 12px;color:#f5e4b8}.post-harvest-card .post-gold{font-size:12px;padding:10px 6px;gap:6px;margin-top:auto}.post-quantity{position:absolute;right:8px;top:8px;background:#173323ed;border:1px solid #b9b47e99;border-radius:10px;padding:4px 7px;color:#f9e9b4;font-size:13px}.post-observations{display:flex;flex-direction:column;align-items:center;text-align:center;margin:18px 0;padding:16px;border:1px solid #93a27944;border-radius:16px;background:#162d21}.post-observations>div{display:flex}.post-observations img{width:45px;height:48px;object-fit:contain}.post-observations p{font-size:11px;line-height:1.5;color:#becbac;margin:8px 0}.post-observations button{border:0;background:none;color:#ead699;min-height:44px;display:flex;align-items:center;gap:7px;font-size:12px}
.post-exchange{margin:23px 0 0;border:1px solid #b8ad7588;border-radius:24px 7px;padding:19px 15px;background:linear-gradient(135deg,#42502e,#203a28);text-align:center}.post-exchange>small{color:#d0c88f;font-size:8px;letter-spacing:1px}.post-exchange h3{font:700 26px Georgia,serif;margin:9px 0;color:#f4e1b6}.post-exchange-art{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0}.post-five{display:flex;position:relative;padding:0 0 22px;gap:1px}.post-five>span{display:block;width:27px;height:50px}.post-five img{width:100%;height:100%;object-fit:contain}.post-five .waiting{opacity:.25;filter:grayscale(1)}.post-five b{position:absolute;bottom:0;left:0;right:0;font-size:12px;color:#e6d491}.post-arrow{font-size:27px;color:#e4ce8f}.post-morel img{width:62px;height:92px;object-fit:contain}.post-exchange p{font-size:12px;color:#d6ddc1;line-height:1.5;margin:8px 0 15px}
.post-magic{border:1px solid #b4b78377;border-radius:30px 8px;padding:15px 16px 20px;background:radial-gradient(ellipse at 50% 18%,#8eab4b44,transparent 58%),linear-gradient(#203c2b,#142e22);text-align:center;position:relative;overflow:hidden}.post-magic-art{height:225px;position:relative}.post-magic-art>img{position:absolute;height:90%;width:65%;object-fit:contain;bottom:0;right:0;filter:drop-shadow(0 0 17px #c4e67344) drop-shadow(0 8px 9px #0008)}.post-magic-art>img:first-of-type{height:74%;left:0;right:auto;z-index:1}.post-magic-halo{position:absolute;inset:15% 10% 5%;border-radius:50%;background:#badb6533;filter:blur(25px)}.post-time-seal{position:absolute;z-index:2;right:2px;top:0;width:61px;height:61px;display:flex;flex-direction:column;justify-content:center;border-radius:50%;background:#d5b66b;border:3px double #fff0af;color:#2e321b;font:bold 25px/1 Georgia,serif;transform:rotate(8deg);box-shadow:0 4px 15px #0006}.post-time-seal small{font:10px Arial,sans-serif;display:block;margin-top:4px}.post-magic h3{font:700 28px/1.1 Georgia,serif;color:#f2e6b9;margin:17px 0 12px}.post-magic p{font-size:13px;line-height:1.6;color:#cedcbd;margin:0 0 18px}.post-growth-steps{display:flex;align-items:center;justify-content:space-between;gap:3px;margin:10px 0 15px}.post-growth-steps>span{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:10px;color:#e5e8cb}.post-growth-steps .game-icon{width:31px;height:31px;color:#d3dda9}.post-growth-steps>b{color:#d0bb76}.post-growth-status{font-size:12px;color:#cbd79d;min-height:32px;padding:6px}.post-timer-note{display:block;font-size:10px;color:#b6c5a4;line-height:1.4;margin:13px 0 0}.post-magic.is-active{border-color:#c5de8d}
#dialog:has(.post-dialog){padding:25px 20px 20px;border-radius:27px 8px;border-color:#b7b78399;background:radial-gradient(ellipse at 50% 10%,#435235,#172c20 80%)}#dialog:has(.post-dialog)>.close{position:absolute;right:8px;top:7px;z-index:2;width:44px;height:44px;color:#eae6c8}.post-dialog{text-align:center;min-width:0}.post-dialog-art{height:170px;display:flex;align-items:center;justify-content:center;margin:0 0 13px}.post-dialog-art>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 8px #0007)}.post-dialog>small{font-size:9px;letter-spacing:1.4px;color:#d9c182}.post-dialog h2{font:700 29px/1.08 Georgia,serif;color:#f6e4b9;margin:10px 0 13px}.post-dialog p{font-size:14px;line-height:1.5;color:#dce1c5;margin:12px 0}.post-dialog .post-dialog-benefit{font-size:15px}.post-cost{display:flex;justify-content:space-evenly;gap:10px;border-top:1px solid #b4bc8b44;border-bottom:1px solid #b4bc8b44;margin:16px 0;padding:12px 0}.post-cost>span{display:flex;align-items:center;gap:8px;font-size:12px;color:#d7dbbe}.post-dialog .post-after{font-size:12px;margin:11px 0 17px}.post-dialog .post-requirement{padding:9px 12px;border-radius:12px;background:#0c201bbb;font-size:14px;color:#ead496}.post-requirement>.game-icon{display:inline-block;width:19px;height:19px;vertical-align:middle}.post-requirement small{display:block;font-size:11px;color:#c6d1b2;margin-top:5px}.post-dialog-owned{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px;color:#e5edba;background:#455f3399;border-radius:12px;font-size:14px}.post-dialog-owned svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:3}.post-success-art{height:190px;position:relative;margin:0 0 20px}.post-success-art>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 20px #c6dc6970)}.post-success-art>span{position:absolute;bottom:0;right:20%;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#799b4a;border:2px solid #d6e8a0;box-shadow:0 5px 15px #0006}.post-success-art svg{width:32px;height:32px;stroke:#fff4ce;stroke-width:3;fill:none}.post-trade-picture{display:flex;align-items:center;justify-content:center;gap:16px;height:160px;margin:18px 0}.post-trade-picture>span{position:relative;display:block;width:42%;height:100%}.post-trade-picture>span>img{height:100%;width:100%;object-fit:contain}.post-trade-picture>span>b{position:absolute;bottom:0;right:0;background:#193d2a;border:1px solid #a9ba83;color:#ebdfb3;padding:5px 8px;border-radius:10px}.post-trade-picture>span>.game-icon{position:absolute;bottom:0;right:0;color:#f1da9b;width:32px;height:32px}.post-trade-picture>.post-coins{display:flex;width:40%;gap:7px}.post-trade-picture>.post-coins .game-icon{width:34px;height:34px}.post-trade-picture>.post-coins b{font-size:32px}.post-earned{margin:20px auto 26px;padding:25px 0}.post-earned .post-coins{gap:13px}.post-earned .post-coins svg{width:65px;height:65px}.post-earned .post-coins b{font:700 65px Georgia,serif}.post-growth-art>img{width:50%}.post-dialog .post-timer-note{font-size:11px}
.owned-item .equipment-symbol{width:65px;min-width:65px;height:76px}.owned-item .equipment-symbol img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 4px #0006)}
@media(max-width:350px){.post-hero{min-height:210px;padding-left:15px}.post-welcome h1{font-size:36px}.post-keeper{height:185px;width:55%;right:-5px}.post-welcome p{font-size:11px}.post-tabs button{font-size:10px}.post-item{padding:9px 8px}.post-item-art{height:125px}.post-item-name{font-size:16px}.post-item-help{font-size:10px;min-height:42px}.post-item-bottom .post-coins b{font-size:15px}.post-item-bottom .post-coins svg{width:18px;height:18px}.post-inspect{font-size:9px}.post-section-heading h2{font-size:22px}.post-exchange{padding:16px 12px}.post-five>span{width:24px}.post-magic{padding:12px}.post-magic-art{height:195px}.post-magic h3{font-size:25px}.post-magic p{font-size:12px}}
@media(max-height:650px){#dialog:has(.post-dialog){padding:22px 16px 16px}.post-dialog-art{height:105px;margin-bottom:7px}.post-dialog h2{font-size:24px;margin:7px 0 10px}.post-dialog p,.post-dialog .post-dialog-benefit{font-size:13px;line-height:1.4;margin:9px 0}.post-dialog>small{font-size:8px}.post-cost{padding:9px 0;margin:10px 0}.post-requirement{padding:7px 10px!important}.post-dialog .post-gold,.post-dialog .post-plain{min-height:44px;padding:10px 9px}.post-dialog .post-plain{margin-top:8px}.post-success-art{height:135px;margin-bottom:13px}.post-trade-picture{height:115px;margin:12px 0}}
@media(prefers-reduced-motion:reduce){.post-item-art img{transition:none}}
.screen-shop .game-page{background:linear-gradient(#152a1c55,#102417df)}
@media(max-height:650px){.post-hero{min-height:155px;padding:14px 16px 50px}.post-welcome h1{font-size:30px;margin:8px 0}.post-welcome p{display:none}.post-keeper{height:148px;width:49%;right:-3px}.post-balance{left:16px;bottom:22px;padding:6px 10px;font-size:9px}.post-balance .post-coins b{font-size:15px}.post-tabs{padding:8px 0 9px;margin-bottom:2px}.post-tabs button{min-height:69px;font-size:10px}.post-tabs button img{height:35px;width:39px}.post-section-heading{margin-top:4px}.post-section-heading h2{font-size:22px}.post-section-heading small{font-size:7px}.post-tip{font-size:11px;margin:7px 3px 12px}.post-item-art{height:120px}}