:root{--png-button:url('/art/ui/button-green.png');--png-header:url('/art/ui/header-panel.png')}
.farm-png-icon{display:inline-block;width:var(--png-size,24px);height:var(--png-size,24px);min-width:var(--png-size,24px);flex:0 0 var(--png-size,24px);background:url('/art/ui/nav-icons.png') var(--png-x,0) var(--png-y,0)/400% 200% no-repeat;vertical-align:middle;filter:drop-shadow(0 2px 1px #18332735);pointer-events:none}
body .topbar{background:transparent!important;border:18px solid transparent!important;border-image:var(--png-header) 24% 18% fill / 28px / 2px stretch!important;border-radius:0;box-shadow:0 8px 22px #0b282233;min-height:118px;padding:10px 20px;gap:15px;overflow:visible}.topbar-png-logo{width:155px;height:78px;object-fit:contain;flex-shrink:0}.topbar-brand{gap:15px;align-items:center}.topbar-player-level>strong{font:500 12px Fredoka,Arial,sans-serif;color:#e4e8b6!important}.topbar-player-level .portal-level{margin-top:7px;color:#b4c78e;font-size:9px}.topbar-right{gap:13px}.topbar .balance-mini{border:0!important;background:url('/art/ui/money-plaque.png') center/100% 100% no-repeat!important;min-width:182px;padding:19px 25px 16px!important;min-height:72px}.topbar .balance-mini small{font-size:7px;color:#9c8845!important;letter-spacing:.3px}.topbar .balance-mini b{color:#6d5428!important;font:500 25px/1.1 Fredoka,Arial,sans-serif}.topbar .user-mini{gap:7px;max-width:175px}.topbar .user-mini>div{min-width:0}.topbar .user-mini strong{color:#f6e9b5;font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .user-mini small{font-size:9px;color:#b9c79a}.topbar .png-avatar{background:none!important;border:0!important;border-radius:0;box-shadow:none;flex-shrink:0;display:grid;place-items:center;width:43px;height:43px}.png-avatar:before,.png-avatar:after{display:none!important}.topbar .sound-switch{display:grid;place-items:center;width:45px;height:43px;border:0;background:var(--png-button) center/100% 100% no-repeat;border-radius:0;box-shadow:none;padding:7px}.sound-muted .farm-png-icon{opacity:.45;filter:grayscale(.7)}
body .portal-quicknav{gap:10px;padding:3px 0 7px;flex-wrap:wrap;margin-top:17px}body .portal-quicknav a{min-height:56px;padding:8px 17px 10px;gap:9px;font:500 13px Fredoka,Arial,sans-serif;display:inline-flex;align-items:center;justify-content:center}.portal-quicknav .farm-png-icon{--png-size:29px!important}
body .portal-quicknav a,body .menu-toggle,body .classic-menu,body .btn,body .company-button,body .company-header nav a,body .filter-btn,body .section-tabs button,body .sara-controls button,body .auth-tabs a,body .classic-harvest-button{background:transparent!important;border:9px solid transparent!important;border-image:var(--png-button) 25% 17% fill / 16px / 1px stretch!important;border-radius:0!important;color:#fff2c5!important;box-shadow:none!important;text-shadow:0 1px 1px #204c2966;transition:transform .18s ease,filter .18s ease}
body .portal-quicknav a.active,body .btn-gold,body .filter-btn.active,body .section-tabs button[aria-pressed=true],body .auth-tabs a.active,body .company-button.is-secondary{border-image:none!important;background:url('/art/ui/money-plaque.png') center/100% 100% no-repeat!important;color:#6d5529!important;text-shadow:0 1px #fff8db;padding-top:12px;padding-bottom:12px}
body .company-header{border:0;background:url('/art/brand/header.png') center/cover;box-shadow:0 4px 8px #0d34242b}.company-header-inner{gap:20px}.company-header nav{gap:9px}.company-header nav a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:49px;min-width:110px;padding:5px 9px!important;font:500 11px Fredoka,Arial,sans-serif}.company-header nav .company-enter{min-width:115px}.company-header .company-logo img{width:185px;height:89px}.company-header.is-compact .company-logo img{width:170px;height:82px}.company-header.is-compact .company-header-inner{min-height:92px}
body .menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:96px;min-height:47px;font:500 12px Fredoka,Arial,sans-serif;padding:2px 7px}.classic-menu .farm-png-icon{--png-size:23px!important}.classic-menu{display:grid;place-items:center;min-width:41px;min-height:41px;padding:0!important}.sara-controls button{font-size:9px;padding:3px 4px!important;min-height:33px}.sara-controls button:first-child{min-width:88px}.sara-controls button:last-child{min-width:32px}.auth-tabs a{min-height:43px}.btn-danger{filter:hue-rotate(275deg)}
body .portal-dock{background:#193f31f5;border-color:#ad904e;border-top:3px solid #cba650;box-shadow:0 -4px 20px #09221944}.portal-dock .farm-png-icon{--png-size:28px!important}.portal-dock a,.portal-dock button{color:#cbd7ab}.portal-dock a.active{background:url('/art/ui/money-plaque.png') center/100% 100% no-repeat!important;border:0!important;color:#6d5529;box-shadow:none}.side-nav .farm-png-icon{--png-size:26px!important}.side-nav a{gap:12px}
@media(hover:hover){body .portal-quicknav a:hover,body .company-header nav a:hover,body .btn:hover,body .company-button:hover,body .menu-toggle:hover{filter:brightness(1.1);transform:translateY(-2px)}body .btn:active,body .portal-quicknav a:active{transform:translateY(2px)}}
@media(max-width:1000px){.topbar-png-logo{width:125px;height:65px}.topbar-player-level>strong{display:none}.topbar-brand{gap:7px}.topbar .user-mini{max-width:130px}.topbar .balance-mini{min-width:150px;padding:17px 20px 13px!important}.topbar .balance-mini b{font-size:21px}.topbar-right{gap:7px}.company-header nav a{min-width:95px;padding:3px 6px!important}.company-header nav{gap:4px}}
@media(max-width:720px){body .topbar{border-width:12px!important;border-image-width:22px!important;min-height:93px;padding:7px 10px;gap:8px}.topbar .topbar-left{width:auto;min-width:0}.topbar-png-logo{width:134px;height:64px}.topbar-player-level{display:none}.topbar .topbar-right{width:auto;margin-left:auto}.topbar .topbar-right .balance-mini,.topbar .topbar-right .user-mini,.topbar .topbar-right .sound-switch{display:none}.topbar .menu-toggle{min-width:84px;min-height:43px;font-size:11px}.topbar .menu-toggle .farm-png-icon{--png-size:22px!important}.company-header .company-header-inner,.company-header.is-compact .company-header-inner{min-height:80px;padding:4px 15px}.company-header .company-logo img,.company-header.is-compact .company-logo img{width:140px;height:72px}.company-header nav a{font-size:10px!important;min-height:43px;min-width:99px}.company-header nav a:not(.company-enter){display:none}.company-header nav .company-enter{min-width:110px}.company-header nav .farm-png-icon{--png-size:25px!important}.classic-menu{border-width:6px!important;border-image-width:11px!important;min-width:33px;min-height:35px;width:33px}.btn{border-width:8px!important;border-image-width:14px!important}.sara-controls button{border-width:6px!important;border-image-width:10px!important;font-size:8px}.sara-controls button:first-child{min-width:78px}}
@media(prefers-reduced-motion:reduce){body .btn,body .company-button,body .portal-quicknav a,body .menu-toggle,body .company-header nav a{transition:none}body .btn:hover,body .company-header nav a:hover,body .portal-quicknav a:hover{transform:none}}

.topbar .balance-mini small{display:block!important;font-size:8px!important;color:#8c743b!important}.btn:disabled{filter:saturate(.35);opacity:.6!important;cursor:default} .farm-png-icon{image-rendering:auto}