/* Farm-first composition inspired by classic social farming games. */
body[data-page=fazenda]{background:radial-gradient(ellipse at 50% 0,#34533b,#182d26 75%);min-height:100vh}
body[data-page=fazenda]:before,body[data-page=fazenda]:after{display:none}
body[data-page=fazenda] .app-shell{max-width:1480px;width:100%;padding:12px 24px 0;margin:auto}
body[data-page=fazenda] .main-column{width:100%;max-width:none;margin:0;padding:0}
body[data-page=fazenda] .topbar,body[data-page=fazenda] .portal-quicknav,body[data-page=fazenda] .mobile-bottom-nav,body[data-page=fazenda] .bottom-nav,body[data-page=fazenda] .guide-disclosure{display:none}
body[data-page=fazenda] .page-main{padding:0;max-width:none;width:100%;margin:0}
body[data-page=fazenda] .portal-footer{font-size:10px;padding:12px 2px;color:#bbc9a0;margin:0}
.classic-farm{font-family:Arial,sans-serif;color:#4d492d;max-width:1320px;margin:0 auto}
.classic-hud{display:flex;align-items:center;gap:14px;padding:9px 16px;background:linear-gradient(#fff9d5,#f0e4ad);border:3px solid #947344;border-bottom:0;border-radius:18px 18px 0 0;box-shadow:inset 0 2px #fffef4;min-height:74px}
.classic-player{display:flex;align-items:center;gap:9px;color:#5b4828;text-decoration:none;min-width:180px}
.classic-player strong{display:block;font-size:14px}.classic-player small{display:block;font-size:11px;margin-top:5px;color:#7d752f}
.classic-avatar{display:grid;place-items:center;width:49px;height:49px;border:3px solid #b29b56;background:#c4df82;border-radius:12px;font-size:30px;box-shadow:inset 0 0 0 2px #f6fac6}
.classic-title{text-align:center;flex:1}.classic-title strong{font:600 25px var(--display);color:#497521;text-shadow:0 2px #fffcdd}.classic-title small{display:block;color:#8f7f4c;font-size:10px;margin-top:2px}
.classic-coins{display:flex;align-items:center;gap:8px;padding:8px 13px;border:2px solid #d7b74d;background:#fff6bb;border-radius:30px;color:#6d5227;text-decoration:none;box-shadow:inset 0 2px #fffef1}.classic-coins>span:first-child{font-size:25px}.classic-coins small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.4px}.classic-coins b{display:block;font-size:20px;margin-top:1px}
.classic-menu{background:#d4e49a;color:#557334;border:2px solid #9eac61;border-radius:10px;width:38px;height:38px;font-size:21px;cursor:pointer}
.classic-map-frame{background:#805e35;padding:5px;border:3px solid #947344;border-top:0;border-bottom:0;box-shadow:inset 0 0 0 2px #d2ad63}
.farm-world-map.classic-map{background:#9fd04b url('/art/classic/farm-map.webp') center/100% 100%;aspect-ratio:1.5;border:2px solid #7fa340;border-radius:4px;overflow:hidden;max-height:none}
.classic-map .classic-animal{width:calc(7% * var(--animal-scale,1));min-width:24px;max-width:92px;filter:drop-shadow(0 2px 1px #355f3533);border-radius:50%;z-index:3}
.classic-map .world-animal .realistic-scene{background:none!important;overflow:visible}.classic-map .realistic-scene:before{display:none}.classic-map .realistic-sprite{width:100%;height:100%;inset:0;transform:none}
.classic-map .world-animal-name{font:10px Arial,sans-serif;opacity:0;bottom:-12px;transition:opacity .12s;background:#fff9d8;color:#5b4b2a;border:1px solid #c5b26b;box-shadow:0 2px 4px #23452f25;z-index:8}
.classic-map .world-animal:hover .world-animal-name,.classic-map .world-animal:focus-visible .world-animal-name{opacity:1}
.classic-map .world-animal:hover{background:#ffffb032;outline:2px dashed #ffffca;outline-offset:3px}
.classic-map-label{position:absolute;left:14px;top:12px;background:#ffffdfdb;padding:6px 10px;border:1px solid #9aa650;border-radius:14px;font-size:10px;color:#557335;box-shadow:0 2px 3px #3b6a2020}
.classic-sound{position:absolute;right:12px;bottom:12px;width:34px;height:34px;border:2px solid #e9e4ac;background:#ffface;border-radius:50%;font-size:17px;cursor:pointer;color:#4d6729}
.classic-empty{position:absolute;right:14%;top:39%;background:#fffbd7ed;padding:10px 12px;border:2px solid #b5c16e;border-radius:12px;max-width:240px;font-size:12px;text-align:center}.classic-empty .btn{display:block;margin-top:8px;min-height:34px;font-size:11px}
.classic-toolbar{display:flex;align-items:center;justify-content:center;gap:13px;background:linear-gradient(#fff9d9,#eee1a2);padding:10px 16px;border:3px solid #947344;border-top:2px solid #ac874b;border-radius:0 0 18px 18px;box-shadow:inset 0 -3px #d6be72}
.classic-tool{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#66532e;text-decoration:none;cursor:pointer;background:none;border:0;padding:0 8px;min-width:66px;font-family:Arial,sans-serif}
.classic-tool>span{display:grid;place-items:center;background:linear-gradient(#fffed9,#f6cd63);border:2px solid #c5a245;border-radius:50%;width:48px;height:48px;font-size:29px;box-shadow:0 3px #b38b3b, inset 0 2px #fffff0;transition:transform .13s}
.classic-tool b{font-size:10px;font-weight:600}.classic-tool:hover>span,.classic-tool:focus-visible>span{transform:translateY(-3px);background:#fff8ae;border-color:#6b9d37}.classic-tool:disabled{opacity:.55;cursor:default}.classic-collect>span{background:linear-gradient(#e2f7a4,#aace55);border-color:#8da546;box-shadow:0 3px #6e8f32,inset 0 2px #faffdc}
.classic-ready{display:flex;align-items:center;gap:7px;min-width:145px;margin-right:auto}.classic-ready>span{font-size:30px}.classic-ready small{display:block;font-size:10px;color:#7f7a47}.classic-ready strong{display:block;font-size:20px;color:#607d2d;margin-top:3px}.classic-hint{text-align:center;font-size:10px;color:#cbd7b3;padding:10px 0;margin:0}
.farm-inventory{max-width:1320px;margin:12px auto 0;border:1px solid #668565;border-radius:14px;background:#20382e;padding:0 18px}.farm-inventory>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;color:#e4e8b4;padding:15px 0;font:500 14px var(--display)}.farm-inventory-content{padding:12px 0}.farm-inventory .rex-companion{display:none}
.happy-art .realistic-scene{background:linear-gradient(#b0dfe0 0,#deecb0 63%,#8cb75c 64%,#76a34b 100%)}.happy-art .realistic-scene:before{background:#81a94f}.happy-art .realistic-sprite{width:72%}.auth-story:before{background:linear-gradient(180deg,#224a2277,#193529bb),url('/art/classic/farm-map.webp') center/cover}
@media(min-width:1600px){body[data-page=fazenda] .app-shell{max-width:1480px}.classic-farm{max-width:1240px}}
@media(max-width:700px){body[data-page=fazenda] .app-shell{padding:7px 7px 0}.classic-hud{gap:7px;padding:8px;border-radius:13px 13px 0 0;min-height:64px}.classic-avatar{width:35px;height:35px;font-size:24px;border-width:2px}.classic-player{min-width:0;flex:1;gap:6px}.classic-player strong{font-size:11px;max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classic-player small{font-size:9px}.classic-title{display:none}.classic-coins{padding:5px 8px;gap:4px}.classic-coins>span:first-child{font-size:19px}.classic-coins b{font-size:15px}.classic-coins small{font-size:8px}.classic-menu{width:30px;height:32px;font-size:17px}.classic-map-frame{padding:3px}.farm-world-map.classic-map{aspect-ratio:1.5;background-size:100% 100%}.classic-map .classic-animal{width:calc(9% * var(--animal-scale,1));min-width:22px}.classic-map-label{left:6px;top:7px;font-size:8px;padding:4px 6px}.classic-toolbar{gap:3px;flex-wrap:wrap;padding:8px 4px;border-radius:0 0 12px 12px}.classic-ready{min-width:100%;justify-content:center;margin:0 0 6px;gap:6px}.classic-ready>span{font-size:22px}.classic-ready>div{display:flex;gap:10px;align-items:center}.classic-ready strong{font-size:16px;margin:0}.classic-tool{padding:0 3px;min-width:43px;flex:1}.classic-tool>span{width:35px;height:35px;font-size:22px}.classic-tool b{font-size:8px;white-space:nowrap}.classic-hint{padding:9px;font-size:9px;line-height:1.6}.classic-empty{font-size:9px;right:8%;max-width:170px}.classic-empty .btn{font-size:10px}.farm-inventory{padding:0 12px}.classic-sound{width:27px;height:27px;font-size:13px;right:6px;bottom:6px}body[data-page=fazenda] .portal-footer{padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){.classic-tool>span,.world-animal-name{transition:none}}
@media(min-width:701px){.classic-farm{width:min(100%,calc((100svh - 220px)*1.5))}.farm-inventory{max-width:min(1320px,calc((100svh - 220px)*1.5))}}
body[data-page=fazenda] .portal-dock{display:none}