/* Approved desktop art skin. Presentation only; existing IDs, events and server rules are retained. */
@media(min-width:0px){
body.rustic-desktop>main>.toolbar::before,body.rustic-desktop>main>.toolbar::after{display:none!important;content:none!important}
body.rustic-desktop>main>.toolbar .game-ticker{background:transparent url('/assets/rustic-v1045/announcement.webp') center/100% 100% no-repeat!important;padding:5px 16px 5px 94px!important}
body.rustic-desktop>main>.toolbar .ticker-label{display:block!important;position:absolute!important;left:12px!important;top:7px!important;width:68px!important}
body.rustic-desktop>main>.toolbar .ticker-viewport,body.rustic-desktop>main>.toolbar .ticker-track{background:transparent!important}
body.rustic-desktop>main>#territoryBar.territory-bar{background:transparent url('/assets/rustic-v1045/production.webp') center/100% 100% no-repeat!important;padding:5px 18px 5px 100px!important}
body.rustic-desktop>main>#territoryBar.territory-bar::after,body.rustic-desktop #productionFixedFillV898,body.rustic-desktop #productionTitleFixedV900{display:none!important;content:none!important}
body.rustic-desktop>main>#territoryBar.territory-bar::before{content:'生產力'!important;display:block!important;position:absolute!important;inset:8px auto auto 20px!important;width:auto!important;height:auto!important;background:none!important;font:18px serif!important;color:#f0dfbb!important}
body.rustic-desktop>main>#territoryBar.territory-bar #productionPlainText{position:relative!important;margin:0!important;width:100%!important;max-width:100%!important;padding:0!important}
body.rustic-desktop [hidden]{display:none!important}

body.rustic-desktop #currencyShop::before,body.rustic-desktop #currencyShop::after{content:none!important;display:none!important}

body.rustic-desktop{--rustic-root:'/assets/rustic-v1045/';color:#3f2d20;background:#b8b6aa url('/assets/rustic-v1045/site-background.webp') center top/cover fixed no-repeat!important;font-family:'Microsoft JhengHei','Noto Sans TC',serif}
body.rustic-desktop>header{height:84px!important;position:relative;background:#34271d url('/assets/rustic-v1045/resource-rail.webp') center/100% 100% no-repeat!important;border:0!important;box-shadow:none!important;padding:8px 16px 15px!important}
body.rustic-desktop>header::after{content:'';position:absolute;inset:auto 0 -9px;height:22px;background:url('/assets/rustic-v1045/roof.webp') center bottom/100% 100% no-repeat;pointer-events:none;z-index:2}
body.rustic-desktop>header .header-inner{width:min(100%,1480px)!important;gap:12px!important;grid-template-columns:180px minmax(0,1fr) max-content!important}
body.rustic-desktop .header-logo-group{width:180px!important;gap:0!important}.rustic-desktop .game-logo-top-left{width:178px!important;height:65px!important;max-width:none!important;object-fit:contain!important;mix-blend-mode:normal!important}.rustic-desktop #factionEmblem{display:none!important}
body.rustic-desktop .top-res{background:none!important;gap:8px!important;justify-content:space-evenly!important;min-width:0!important}.rustic-desktop .top-res>.resource{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#f0e1c4!important;font-size:13px!important;padding:3px 0!important;min-width:0!important;white-space:nowrap!important;text-shadow:0 1px #26180e!important}.rustic-desktop .resource b{color:#fff2d7!important}.rustic-desktop .resource em{font-style:normal;opacity:.7}.rustic-desktop .resource-img,.rustic-desktop .rustic-resource-icon{width:22px!important;height:22px!important;object-fit:contain;vertical-align:middle;flex:none}.rustic-desktop .header-actions{gap:6px!important;flex-wrap:nowrap!important}
body.rustic-desktop .header-actions .round-action{border:0!important;border-radius:0!important;background-color:transparent!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;box-shadow:none!important;width:36px!important;height:38px!important;min-width:36px!important;padding:0!important;color:transparent!important;text-shadow:none!important;position:relative;animation:none!important}.rustic-desktop .round-action .tk-action-glyph{visibility:hidden!important}.rustic-desktop #mailBtn{background-image:url('/assets/rustic-v1045/mail.webp')!important}.rustic-desktop #noticeBtn{background-image:url('/assets/rustic-v1045/bell.webp')!important}.rustic-desktop #dailyBtn{background-image:url('/assets/rustic-v1045/calendar.webp')!important}.rustic-desktop #settingsBtn{background-image:url('/assets/rustic-v1045/settings.webp')!important}.rustic-desktop #dailyBtn::after{content:attr(data-day);color:#39271c;position:absolute;inset:14px 4px 5px;text-align:center;font:bold 13px/16px serif;pointer-events:none}.rustic-desktop #mailBtn i{color:#fff6dc!important;background:#8b3024!important;z-index:3}.rustic-desktop .round-action:focus-visible{outline:2px solid #d1b686!important;outline-offset:2px}
body.rustic-desktop>.nav{gap:4px!important;margin-top:10px!important}.rustic-desktop>.nav>button{height:44px!important;min-height:44px!important;flex:1 1 0!important;min-width:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent url('/assets/rustic-v1045/nav-normal.webp') center/100% 100% no-repeat!important;color:#eee1c4!important;font-family:serif!important;font-size:17px!important;text-shadow:0 1px #2c190f!important;padding:7px 8px!important}.rustic-desktop>.nav>button:hover{background-image:url('/assets/rustic-v1045/nav-hover.webp')!important}.rustic-desktop>.nav>button.active{background-image:url('/assets/rustic-v1045/nav-selected.webp')!important}.rustic-desktop>.nav>button:active{background-image:url('/assets/rustic-v1045/nav-pressed.webp')!important}.rustic-desktop>.nav>button:disabled{background-image:url('/assets/rustic-v1045/nav-disabled.webp')!important}
body.rustic-desktop .toolbar{border:0!important;box-shadow:none!important;background:none!important;padding:0!important;min-height:36px!important}.rustic-desktop .toolbar::before,.rustic-desktop .toolbar::after{display:none!important}.rustic-desktop .game-ticker{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent url('/assets/rustic-v1045/announcement.webp') center/100% 100% no-repeat!important;color:#382b1f!important;min-height:36px!important;padding:5px 15px!important}.rustic-desktop .ticker-label{background:none!important;border:0!important;color:#f0dfbb!important;text-shadow:0 1px #39271c!important;width:75px!important;text-align:center!important}.rustic-desktop .ticker-track,.rustic-desktop .ticker-track span{color:#453324!important;text-shadow:none!important}
body.rustic-desktop>main>#territoryBar{background:transparent url('/assets/rustic-v1045/production.webp') center/100% 100% no-repeat!important;border:0!important;box-shadow:none!important;min-height:40px!important;padding:5px 18px 5px 100px!important;position:relative}.rustic-desktop #territoryBar::before{content:'生產力'!important;position:absolute!important;left:20px!important;top:8px!important;color:#f4e5c6!important;font:18px serif!important;z-index:6!important;background:none!important;width:auto!important;height:auto!important}.rustic-desktop #territoryBar::after{display:none!important}.rustic-desktop #productionPlainText{position:relative!important;inset:auto!important;transform:none!important;padding:0!important;display:flex!important;gap:16px!important;flex-wrap:wrap!important;color:#f0e1c4!important}.rustic-desktop .production-resource{font-size:14px!important;color:#f0e1c4!important;text-shadow:none!important}.rustic-desktop .production-resource .resource-img{width:19px!important;height:19px!important}
body.rustic-desktop #cityLayout>.city::after,body.rustic-desktop #cityLayout>.outer-city::after,body.rustic-desktop #cityLayout>#worldMapPage:not([hidden])::after{background-image:url('/assets/rustic-v1045/city-frame.webp')!important;inset:-8px!important;pointer-events:none!important}
body.rustic-desktop #cityLayout>aside:not(.outer-status-panel){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:16px 16px 20px!important;color:#3f2e21!important}.rustic-desktop #cityLayout>aside::before,.rustic-desktop #cityLayout>aside::after{display:none!important}.rustic-desktop #cityLayout>aside h2{background:url('/assets/rustic-v1045/title.webp') center/100% 100% no-repeat!important;color:#f2e2bd!important;font:22px/38px serif!important;min-height:38px!important;margin:0 0 12px!important;text-align:center!important;text-shadow:none!important;letter-spacing:1px!important}.rustic-desktop #cityLayout>aside :is(p,h3,small,.summary,.cost-panel){color:#493423!important;text-shadow:none!important}.rustic-desktop #cityLayout>aside .cost-panel{background:#d7bd8e30!important;border:1px solid #8e744b50!important}
body.rustic-desktop #accountCityRail .rail-account,body.rustic-desktop #accountCityRail .rail-cities{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;background-size:100% 100%!important;background-repeat:no-repeat!important;color:#412f21!important;padding:12px 13px!important;position:relative}.rustic-desktop #accountCityRail .rail-account{background-image:url('/assets/rustic-v1045/panel-account.webp')!important}.rustic-desktop #accountCityRail .rail-cities{background-image:url('/assets/rustic-v1045/panel-cities.webp')!important}.rustic-desktop #accountCityRail :is(.rail-account,.rail-cities)::before,.rustic-desktop #accountCityRail :is(.rail-account,.rail-cities)::after{display:none!important}.rustic-desktop #accountCityRail h3{color:#f0e1c2!important;background:url('/assets/rustic-v1045/title.webp') center/100% 100% no-repeat!important;border:0!important;font:17px/30px serif!important;text-shadow:none!important;margin:0 0 8px!important;padding:0 8px!important}.rustic-desktop #accountCityRail .rail-account h3{margin-right:32px!important}.rustic-desktop #accountCityRail #railAccountStatus{color:#412f21!important;font-size:12px!important;line-height:1.5!important}.rustic-desktop #railAccountStatus strong{color:inherit!important}.rustic-desktop #railAccountStatus .rail-online{color:#446233!important}.rustic-desktop .rustic-faction-flag{position:absolute;right:10px;top:6px;width:28px;height:44px;object-fit:contain;pointer-events:none}.rustic-desktop #railCityList{height:calc(100% - 42px)!important;overflow-y:auto!important}.rustic-desktop .rail-city-row{border:0!important;margin-bottom:6px!important;padding:5px 6px!important;background:transparent url('/assets/rustic-v1045/city-row.webp') center/100% 100% no-repeat!important}.rustic-desktop .rail-city,.rustic-desktop .rail-city-meta{color:#412e21!important;text-shadow:none!important}.rustic-desktop .rail-city{background:none!important;border:0!important;box-shadow:none!important}.rustic-desktop .rail-city.selected{font-weight:bold!important;color:#7c2d22!important}.rustic-desktop .rail-rename{background:none!important;border:0!important;color:#795138!important;box-shadow:none!important}
body.rustic-desktop #cityLower>.panel{border:0!important;border-radius:0!important;box-shadow:none!important;color:#412f21!important;background:transparent url('/assets/rustic-v1045/panel-lower.webp') center/100% 100% no-repeat!important;padding:16px 18px!important}.rustic-desktop #cityLower>.panel:last-child{background-image:url('/assets/rustic-v1045/panel-chat.webp')!important;padding:14px 12px!important}.rustic-desktop #cityLower>.panel::before,.rustic-desktop #cityLower>.panel::after{display:none!important}.rustic-desktop #cityLower :is(h2,h3,p,.small-note){color:#4d3929!important;text-shadow:none!important}.rustic-desktop #chatlog{color:#38291e!important;background:transparent!important;border-color:#a0845e66!important}.rustic-desktop #chatlog p{border-color:#987c5b40!important}.rustic-desktop #chattext{color:#3f2b1e!important;background:transparent url('/assets/rustic-v1045/input-chat.webp') center/100% 100% no-repeat!important;border:0!important;padding:7px 10px!important}
body.rustic-desktop :is(#citySideInfo,#mapSideInfo,#cityLower,.settings-dialog) button:not(.plot):not(.outer-center-link):not(.outer-point):not(.resource-point):not(.world-arrow):not(.outer-point):not([data-resource-point]):not(.rail-city):not(.rail-rename){background:transparent url('/assets/rustic-v1045/button.webp') center/100% 100% no-repeat!important;border:0!important;border-radius:0!important;color:#f4e7cc!important;box-shadow:none!important;text-shadow:none!important;padding:7px 12px;cursor:pointer}
body.rustic-desktop :is(#citySideInfo,#mapSideInfo,#cityLower,.settings-dialog) button:hover:not(.plot):not(.outer-center-link):not(.outer-point):not(.resource-point):not(.world-arrow):not([data-resource-point]):not(.rail-city):not(.rail-rename){background-image:url('/assets/rustic-v1045/button-hover.webp')!important}
body.rustic-desktop :is(#citySideInfo,#mapSideInfo,#cityLower,.settings-dialog) button.active{background-image:url('/assets/rustic-v1045/button-selected.webp')!important}
body.rustic-desktop :is(#citySideInfo,#mapSideInfo,#cityLower,.settings-dialog) button:active:not(.plot):not(.outer-center-link):not(.outer-point):not(.resource-point):not(.world-arrow):not([data-resource-point]):not(.rail-city):not(.rail-rename){background-image:url('/assets/rustic-v1045/button-pressed.webp')!important}
body.rustic-desktop :is(#citySideInfo,#mapSideInfo,#cityLower,.settings-dialog) button:disabled:not(.plot):not(.outer-center-link):not(.outer-point):not(.resource-point):not(.world-arrow):not([data-resource-point]):not(.rail-city):not(.rail-rename){background-image:url('/assets/rustic-v1045/button-disabled.webp')!important;color:#c7bda9!important;cursor:not-allowed}
body.rustic-desktop :is(.tk-shared-track,.construction-progress,.research-progress){background:transparent url('/assets/rustic-v1045/progress-track.webp') center/100% 100% no-repeat!important}.rustic-desktop .tk-shared-fill{background:url('/assets/rustic-v1045/progress-green.webp') left center/100% 100%!important}
body.rustic-desktop #cityLayout>#worldMapPage:not([hidden]){background:transparent!important}.rustic-desktop #cityLayout>#worldMapPage:not([hidden])::before{background-image:url('/assets/rustic-v1045/map-background.webp')!important;background-size:100% 100%!important}.rustic-desktop #cityLayout>#worldMapPage .world-arrow{border:0!important;box-shadow:none!important;padding:0!important;background-color:transparent!important;filter:none!important;z-index:45!important}.rustic-desktop #worldMapPage .world-arrow.nw{background-image:url('/assets/rustic-v1045/map-arrow-nw.webp')!important}.rustic-desktop #worldMapPage .world-arrow.ne{background-image:url('/assets/rustic-v1045/map-arrow-ne.webp')!important}.rustic-desktop #worldMapPage .world-arrow.sw{background-image:url('/assets/rustic-v1045/map-arrow-sw.webp')!important}.rustic-desktop #worldMapPage .world-arrow.se{background-image:url('/assets/rustic-v1045/map-arrow-se.webp')!important}.rustic-desktop #worldMapPage .world-map-controls{background:transparent url('/assets/rustic-v1045/map-controls.webp') center/100% 100% no-repeat!important;padding:10px 16px!important;color:#4b3525!important}.rustic-desktop #worldMapPage .world-map-controls input{background:url('/assets/rustic-v1045/input-number.webp') center/100% 100% no-repeat!important;color:#3e2b1e!important;border:0!important;padding:6px!important}.rustic-desktop #mapDetailTitleOverlay{background:url('/assets/rustic-v1045/title.webp') center/100% 100% no-repeat!important;color:#f0e1bf!important;text-shadow:none!important;pointer-events:none!important}
body.rustic-desktop :is(#currencyShop,#playerInventoryDialog){background:transparent url('/assets/rustic-v1045/shop-panel.webp') center/100% 100% no-repeat!important;border:0!important;border-radius:0!important;box-shadow:0 18px 65px #0007!important;color:#3d2c20!important;padding:22px!important;width:min(1200px,96vw)!important;max-width:1200px!important;max-height:94vh!important;overflow:auto!important}
body.rustic-desktop #currencyShop .tk-shop-head{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;min-height:134px!important;padding:12px 12px 18px!important;background:none!important;border:0!important;gap:16px!important}.rustic-desktop #currencyShop .tk-shop-head>strong{font-size:0!important;width:230px!important;height:78px!important;flex:0 0 230px!important;background:url('/assets/rustic-v1045/shop-logo.webp') center/contain no-repeat!important;color:transparent!important;text-shadow:none!important;letter-spacing:0!important}.rustic-desktop .rustic-shop-sheep{width:230px;height:120px;object-fit:contain;flex:none;pointer-events:none}.rustic-desktop #currencyShop .tk-shop-head>span{display:none!important}
body.rustic-desktop #currencyShop .tk-shop-header-balances{display:flex!important;flex-wrap:nowrap!important;gap:10px!important;margin-left:auto!important;position:static!important;inset:auto!important;transform:none!important;align-items:center!important}.rustic-desktop #currencyShop .tk-shop-header-balances .shop-currency-row{position:static!important;inset:auto!important;transform:none!important;display:flex!important;align-items:center!important;gap:5px!important;padding:7px 10px!important;min-width:0!important;width:auto!important;max-width:220px!important;height:44px!important;min-height:44px!important;background:url('/assets/rustic-v1045/shop-balance.webp') center/100% 100% no-repeat!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#493321!important;text-shadow:none!important;animation:none!important}.rustic-desktop #currencyShop .tk-currency-name-pair span{font:16px/1.3 serif!important;color:#493321!important;text-shadow:none!important;-webkit-text-stroke:0!important}.rustic-desktop #currencyShop .shop-currency-row strong{font-size:16px!important;color:#493321!important;position:static!important;transform:none!important;margin-left:6px!important;text-shadow:none!important}.rustic-desktop #currencyShop .shop-currency-row img{width:32px!important;height:28px!important;object-fit:contain!important;position:static!important;transform:none!important;margin:0!important}.rustic-desktop #currencyShop .tk-recharge-plus{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:0!important;box-shadow:none!important;border:0!important;border-radius:0!important;background:url('/assets/rustic-v1045/plus.webp') center/contain no-repeat!important;animation:none!important}.rustic-desktop #currencyShop .tk-recharge-plus::before,.rustic-desktop #currencyShop .tk-recharge-plus::after{display:none!important}
body.rustic-desktop #currencyShop .tk-shop-shell{display:grid!important;grid-template-columns:175px minmax(0,1fr)!important;gap:14px!important;height:min(570px,calc(94vh - 230px))!important;min-height:280px!important;position:relative!important;inset:auto!important;transform:none!important;overflow:hidden!important}.rustic-desktop #currencyShop .tk-shop-side{background:transparent url('/assets/rustic-v1045/shop-sidebar.webp') center/100% 100% no-repeat!important;border:0!important;padding:18px 12px!important;gap:12px!important;display:flex!important;flex-direction:column!important}.rustic-desktop #currencyShop .tk-shop-side button{height:40px!important;min-height:40px!important;width:100%!important;margin:0!important;padding:6px!important;transform:none!important;font-size:16px!important;text-align:center!important;filter:none!important;color:#f0e1c5!important}.rustic-desktop #currencyShop .tk-shop-content{background:none!important;border:0!important;padding:0 8px 0 0!important;overflow-y:auto!important;overflow-x:hidden!important}.rustic-desktop #currencyShop .tk-shop-subcategories{display:flex!important;flex-wrap:wrap!important;gap:6px!important;position:static!important;inset:auto!important;transform:none!important;overflow:visible!important;max-height:none!important;margin:0 0 12px!important;height:auto!important}.rustic-desktop #currencyShop .tk-shop-subcategories button{font-size:14px!important;min-height:34px!important;height:34px!important;width:auto!important;flex:1 0 auto!important;padding:6px 10px!important;transform:none!important;filter:none!important}.rustic-desktop #currencyShop .tk-shop-category-title{color:#4c3525!important;font:20px/1.4 serif!important;margin:4px 0 12px!important}.rustic-desktop #currencyShop .tk-shop-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:none!important;gap:12px!important;height:auto!important;min-height:0!important;align-items:stretch!important}.rustic-desktop #currencyShop .tk-shop-product{height:auto!important;min-height:300px!important;padding:15px 12px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:8px!important;overflow:hidden!important;min-width:0!important;border:0!important;border-radius:0!important;background:transparent url('/assets/rustic-v1045/shop-card.webp') center/100% 100% no-repeat!important;box-shadow:none!important;color:#412e20!important;transform:none!important}.rustic-desktop #currencyShop .tk-shop-product[hidden]{display:none!important}.rustic-desktop #currencyShop .tk-shop-product b{font-size:15px!important;line-height:1.5!important;color:#38271a!important;overflow-wrap:anywhere}.rustic-desktop #currencyShop .tk-shop-product small{font-size:12px!important;line-height:1.6!important;color:#594432!important;max-height:5em!important;overflow:auto!important}.rustic-desktop #currencyShop .tk-shop-catalog-image{width:92px!important;height:80px!important;max-height:80px!important;object-fit:contain!important;position:static!important;transform:none!important;filter:none!important;margin:0 auto!important}.rustic-desktop #currencyShop .tk-shop-buy-actions{display:flex!important;flex-direction:column!important;align-items:center!important;gap:7px!important;position:static!important;inset:auto!important;transform:none!important;margin-top:auto!important;width:100%!important}.rustic-desktop #currencyShop .tk-shop-buy-actions>button{width:100%!important;min-height:34px!important;height:auto!important;position:static!important;transform:none!important;font-size:14px!important;line-height:1.4!important;color:#f2e5c8!important;padding:6px 10px!important;filter:none!important}.rustic-desktop #currencyShop .tk-shop-buy-actions>button::before,.rustic-desktop #currencyShop .tk-shop-buy-actions>button::after{display:none!important}.rustic-desktop #currencyShop .tk-shop-price{color:#4c3525!important;font-size:14px!important;font-weight:bold!important;position:static!important;transform:none!important;display:block!important}.rustic-desktop #currencyShop .tk-shop-voucher-option{font-size:12px!important;line-height:1.4!important;color:#4c3525!important;position:static!important;transform:none!important}
body.rustic-desktop #currencyShop .tk-shop-stepper{position:static!important;inset:auto!important;transform:none!important;display:flex!important;gap:4px!important;align-items:center!important;justify-content:center!important}.rustic-desktop #currencyShop .tk-shop-stepper button{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;padding:0!important;position:static!important;transform:none!important;background-color:transparent!important;background-size:contain!important;line-height:0!important;color:transparent!important;font-size:0!important;filter:none!important}.rustic-desktop #currencyShop .tk-shop-stepper-minus{background-image:url('/assets/rustic-v1045/minus.webp')!important}.rustic-desktop #currencyShop .tk-shop-stepper-plus{background-image:url('/assets/rustic-v1045/plus.webp')!important}.rustic-desktop #currencyShop .tk-shop-stepper button::before,.rustic-desktop #currencyShop .tk-shop-stepper button::after{display:none!important}.rustic-desktop #currencyShop .tk-shop-stepper-value{background:transparent url('/assets/rustic-v1045/input-number.webp') center/100% 100% no-repeat!important;color:#3f2d1e!important;border:0!important;border-radius:0!important;text-align:center!important;width:46px!important;height:30px!important;padding:3px 4px!important;font-size:15px!important;position:static!important;transform:none!important;appearance:textfield!important}.rustic-desktop #currencyShop input[type=number]::-webkit-inner-spin-button{appearance:none!important}
body.rustic-desktop :is(#currencyShop,#playerInventoryDialog) input[type=checkbox]{appearance:none!important;width:20px!important;height:20px!important;min-width:20px!important;margin:0 4px 0 0!important;vertical-align:middle;background:transparent url('/assets/rustic-v1045/checkbox.webp') center/contain no-repeat!important;border:0!important;box-shadow:none!important}.rustic-desktop :is(#currencyShop,#playerInventoryDialog) input[type=checkbox]:checked{background-image:url('/assets/rustic-v1045/checkbox-checked.webp')!important}
body.rustic-desktop #currencyShop .tk-shop-pager{position:static!important;inset:auto!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:14px 0!important}.rustic-desktop #currencyShop .tk-shop-pager button{width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;background:url('/assets/rustic-v1045/next.webp') center/contain no-repeat!important;filter:none!important;transform:none!important}.rustic-desktop #currencyShop .tk-shop-pager button:first-child{background-image:url('/assets/rustic-v1045/prev.webp')!important}.rustic-desktop #currencyShop .tk-shop-pager span{background:url('/assets/rustic-v1045/page-number.webp') center/100% 100% no-repeat!important;min-width:72px!important;line-height:32px!important;text-align:center!important;color:#493321!important}.rustic-desktop #currencyShop .tk-shop-pager button:disabled{opacity:.45!important}
body.rustic-desktop #currencyShop .tk-wallet-close-wrap{background:none!important;border:0!important;position:static!important;inset:auto!important;transform:none!important;display:flex!important;justify-content:center!important;min-height:50px!important;height:50px!important;padding:8px!important}.rustic-desktop #currencyShop .tk-wallet-close-wrap button{width:140px!important;height:36px!important;min-width:140px!important;min-height:36px!important;transform:none!important;font-size:16px!important}.rustic-desktop #currencyShop .tk-shop-foot{display:none!important}.rustic-desktop #currencyShop .tk-shop-empty{color:#594332!important;border:0!important}.rustic-desktop .tk-shop-confirm-panel,.rustic-desktop #tkRechargeDialog{background:transparent url('/assets/rustic-v1045/shop-dialog.webp') center/100% 100% no-repeat!important;color:#432f21!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:30px!important;max-width:460px!important;min-width:300px!important}.rustic-desktop .tk-shop-confirm-panel h3,.rustic-desktop .tk-shop-confirm-panel p{color:#432f21!important;text-shadow:none!important}.rustic-desktop .tk-shop-confirm-panel button{font-size:16px!important;color:#f2e5cb!important;min-width:100px!important;height:36px!important}.rustic-desktop #currencyShop #walletHistoryRows p{background:url('/assets/rustic-v1045/transaction-row.webp') center/100% 100% no-repeat!important;color:#483425!important;padding:10px!important}.rustic-desktop #currencyShop .tk-shop-page h3,.rustic-desktop #currencyShop .tk-shop-page p{color:#4a3525!important}
body.rustic-desktop :is(#cityLayout,#cityLower,#accountCityRail,#currencyShop,#playerInventoryDialog) *::-webkit-scrollbar{width:11px;height:11px}.rustic-desktop :is(#cityLayout,#cityLower,#accountCityRail,#currencyShop,#playerInventoryDialog) *::-webkit-scrollbar-track{background:#493625 url('/assets/rustic-v1045/scroll-track.webp') center/100% 100%}.rustic-desktop :is(#cityLayout,#cityLower,#accountCityRail,#currencyShop,#playerInventoryDialog) *::-webkit-scrollbar-thumb{background:#957043 url('/assets/rustic-v1045/scroll-thumb.webp') center/100% 100%;border:2px solid #503d29;border-radius:0}
body.rustic-desktop #cityLayout button:focus-visible,body.rustic-desktop #cityLower button:focus-visible,body.rustic-desktop #currencyShop button:focus-visible{outline:2px solid #9b653b!important;outline-offset:2px!important}
}
/* Shared typography and contrast; no gameplay or geometry changes. */
html body,html body *,html body *::before,html body *::after{font-weight:400!important;font-synthesis:none!important;font-family:'DFKai-SB','標楷體','BiauKai','KaiTi','STKaiti',serif!important}
@media(min-width:0px){
html body.rustic-desktop :is(header,main,nav,dialog,.settings-dialog),html body.rustic-desktop :is(header,main,nav,dialog,.settings-dialog) *,html body.rustic-desktop :is(header,main,nav,dialog,.settings-dialog) *::before,html body.rustic-desktop :is(header,main,nav,dialog,.settings-dialog) *::after{font-weight:400!important;font-synthesis:none!important}
html body.rustic-desktop main,html body.rustic-desktop main *,html body.rustic-desktop dialog,html body.rustic-desktop dialog *,html body.rustic-desktop #cityLower *,html body.rustic-desktop #accountCityRail *{color:#111!important;text-shadow:none!important}
html body.rustic-desktop button,html body.rustic-desktop button *,html body.rustic-desktop [role=button],html body.rustic-desktop #cityLower button,html body.rustic-desktop #cityLower button *,html body.rustic-desktop dialog button,html body.rustic-desktop dialog button *{color:#fff!important;text-shadow:none!important}
html body.rustic-desktop button:disabled,html body.rustic-desktop button:disabled *{color:#eee!important}
html body.rustic-desktop header,html body.rustic-desktop header *,html body.rustic-desktop #territoryBar *,html body.rustic-desktop #cityLower .map-stat-grid *,html body.rustic-desktop #accountCityRail h3,html body.rustic-desktop #accountCityRail h3 *,html body.rustic-desktop #cityLayout aside h2,html body.rustic-desktop #cityLayout aside h2 *{color:#fff!important;text-shadow:none!important}
html body.rustic-desktop #outerScene .outer-level,html body.rustic-desktop #plots .level,html body.rustic-desktop .tk-shared-track *,html body.rustic-desktop .construction-progress *{color:#fff!important;text-shadow:0 1px 2px #000,1px 0 2px #000!important}
html body.rustic-desktop .ticker-label{color:#fff!important}
html body.rustic-desktop input,html body.rustic-desktop select,html body.rustic-desktop textarea{color:#111!important}
html body.rustic-desktop #dailyBtn::after{color:#111!important}
html body.rustic-desktop .rail-city,html body.rustic-desktop .rail-city *{color:#111!important}
html body.rustic-desktop>main>.toolbar .game-ticker::before,html body.rustic-desktop>main>.toolbar .game-ticker::after{content:none!important;display:none!important;background:transparent!important}
html body.rustic-desktop>main>.toolbar .ticker-viewport,html body.rustic-desktop>main>.toolbar .ticker-track,html body.rustic-desktop>main>.toolbar .ticker-track *{background:transparent!important}
}
#outerAdjustmentToolbar{display:none!important}
@media(min-width:0px){
html body.rustic-desktop>header{height:110px!important;padding:0 16px 14px!important}
html body.rustic-desktop>header .header-inner{height:96px!important;align-items:center!important;grid-template-columns:200px minmax(0,1fr) max-content!important}
html body.rustic-desktop .header-logo-group{width:200px!important;height:96px!important;display:flex!important;align-items:center!important;justify-content:center!important}
html body.rustic-desktop .game-logo-top-left{width:200px!important;height:94px!important;object-fit:contain!important;max-height:none!important}
html body.rustic-desktop #headerWalletBalance{display:flex!important;gap:2px!important;align-items:stretch!important;line-height:26px!important;font-size:14px!important;min-width:170px!important}
html body.rustic-desktop #headerWalletBalance>span{display:grid!important;grid-template-columns:28px 56px 78px!important;align-items:center!important;column-gap:5px!important;width:172px!important;height:28px!important;line-height:28px!important;padding:0!important;margin:0!important}
html body.rustic-desktop #headerWalletBalance>span img{width:25px!important;height:25px!important;object-fit:contain!important;justify-self:center!important;align-self:center!important;transform:none!important;margin:0!important;vertical-align:middle!important}
html body.rustic-desktop #headerWalletBalance b{line-height:28px!important;font-variant-numeric:tabular-nums!important;align-self:center!important;margin:0!important;padding:0!important}
html body.rustic-desktop>main>.toolbar,html body.rustic-desktop>main>.toolbar .game-ticker{height:44px!important;min-height:44px!important;box-sizing:border-box!important}
html body.rustic-desktop>main>.toolbar .game-ticker{display:flex!important;align-items:center!important;padding:6px 22px 6px 14%!important;overflow:hidden!important}
html body.rustic-desktop>main>.toolbar .ticker-label{position:absolute!important;left:1.6%!important;top:0!important;bottom:0!important;width:10.5%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-size:19px!important;padding:0!important;margin:0!important;white-space:nowrap!important;z-index:4!important;overflow:visible!important;background:transparent!important}
html body.rustic-desktop>main>.toolbar .ticker-viewport{height:30px!important;line-height:30px!important;margin:0!important;padding:0!important}
html body.rustic-desktop>main>#territoryBar.territory-bar{height:48px!important;min-height:48px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;padding:7px 22px 7px 17%!important;transform:none!important}
html body.rustic-desktop>main>#territoryBar.territory-bar::before{position:absolute!important;left:2%!important;top:0!important;bottom:0!important;width:13%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;padding:0!important;margin:0!important;font-size:19px!important}
html body.rustic-desktop>main>#territoryBar.territory-bar #productionPlainText{height:100%!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:12px!important;position:relative!important;top:auto!important;left:auto!important;line-height:1!important}
html body.rustic-desktop>main>#territoryBar.territory-bar #productionPlainText .production-resource{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;line-height:1!important;margin:0!important;padding:0!important;transform:none!important;font-size:16px!important;white-space:nowrap!important}
html body.rustic-desktop #productionPlainText .production-resource img{width:22px!important;height:22px!important;object-fit:contain!important;display:block!important;margin:0!important;transform:none!important}
}
@media(min-width:0px){
html body.rustic-desktop>header{width:min(calc(100% - 24px),1456px)!important;max-width:1456px!important;margin:0 auto!important;box-sizing:border-box!important}
html body.rustic-desktop #cityLayout #citySideInfo>h2{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;inset:auto!important;transform:none!important;width:100%!important;min-height:36px!important;height:36px!important;margin:0 0 12px!important;padding:0 10px!important;box-sizing:border-box!important;background:url('/assets/rustic-v1045/title.webp') center/100% 100% no-repeat!important;color:#fff!important;font-size:21px!important;line-height:1!important;opacity:1!important;visibility:visible!important}
html body.rustic-desktop #cityLayout #buildingPreview{background:transparent!important;border:0!important;box-shadow:none!important;min-height:0!important;height:148px!important;padding:0!important;margin:0 0 10px!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:center!important}
html body.rustic-desktop #cityLayout #buildingPreview .outer-detail-art{width:100%!important;height:148px!important;max-height:148px!important;object-fit:contain!important;border-radius:0!important;background:transparent!important;transform:none!important;position:static!important}
html body.rustic-desktop #accountCityRail .rail-account{padding:13px!important;box-sizing:border-box!important}
html body.rustic-desktop #accountCityRail .rail-account h3{margin:0 52px 14px 0!important;min-height:38px!important;font-size:18px!important;line-height:38px!important;padding:0 6px!important;white-space:nowrap!important}
html body.rustic-desktop #accountCityRail .rustic-faction-flag{position:absolute!important;width:46px!important;height:74px!important;top:9px!important;right:9px!important;object-fit:contain!important;z-index:5!important}
html body.rustic-desktop #railAccountStatus{font-size:14px!important;line-height:1.55!important;padding:0 2px!important;overflow-wrap:anywhere!important;word-break:normal!important;max-width:100%!important;box-sizing:border-box!important}
html body.rustic-desktop #railAccountStatus>div{margin:0 0 3px!important}
html body.rustic-desktop #railCityList{width:100%!important;max-width:100%!important;height:calc(100% - 48px)!important;box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:auto!important}
html body.rustic-desktop .settings-dialog{width:min(560px,92vw)!important;max-height:90vh!important;box-sizing:border-box!important;padding:26px 28px!important;border:0!important;border-radius:0!important;background:transparent url('/assets/rustic-v1045/shop-dialog.webp') center/100% 100% no-repeat!important;box-shadow:0 16px 45px #0007!important;overflow:auto!important}
html body.rustic-desktop .settings-dialog,html body.rustic-desktop .settings-dialog *{color:#111!important;text-shadow:none!important;font-size:17px!important}
html body.rustic-desktop .settings-dialog .settings-head{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:12px!important}
html body.rustic-desktop .settings-dialog h2{font-size:23px!important;margin:0!important}
html body.rustic-desktop .settings-dialog label{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:56px!important;border-bottom:1px solid #94795666!important;padding:6px 0!important;line-height:1.5!important}
html body.rustic-desktop .settings-dialog select{background:#f0e1c1!important;color:#111!important;border:1px solid #806447!important;padding:7px 10px!important;min-width:150px!important;font-size:17px!important}
html body.rustic-desktop .settings-dialog select option{color:#111!important;background:#f0e1c1!important}
html body.rustic-desktop .settings-dialog button,html body.rustic-desktop .settings-dialog button *{color:#fff!important;background-color:transparent!important}
html body.rustic-desktop .settings-dialog p{font-size:14px!important;line-height:1.6!important;margin:12px 0 0!important}
html body.rustic-desktop .settings-dialog input[type=range]{accent-color:#7b4e2e!important}
html body.rustic-desktop #cityLower>.panel:first-child{box-sizing:border-box!important;padding:16px 20px 20px!important;overflow:hidden!important}
html body.rustic-desktop #cityLower :is(#innerInfoDetails,#outerInfoUpgrades,#mapLowerDetail){box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important;padding:12px 10px 16px!important;overflow-x:hidden!important}
html body.rustic-desktop>main>.toolbar .ticker-label{left:2%!important;width:10%!important;min-width:0!important;max-width:none!important;flex:none!important;text-align:center!important}
html body.rustic-desktop>main>#territoryBar.territory-bar::before,html body.rustic-desktop>main>.toolbar .ticker-label{font-family:'DFKai-SB','標楷體','BiauKai','KaiTi','STKaiti',serif!important}
html body.rustic-desktop>main>#territoryBar.territory-bar #productionPlainText{position:absolute!important;left:18%!important;right:2%!important;top:0!important;bottom:0!important;width:auto!important;max-width:none!important;height:100%!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:center!important}
html body.rustic-desktop>main>#territoryBar.territory-bar #productionPlainText .production-resource{height:100%!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-family:'DFKai-SB','標楷體','BiauKai','KaiTi','STKaiti',serif!important}
}
@media(min-width:0px){html body.rustic-desktop #cityLayout #citySideInfo>h2{position:sticky!important;top:0!important;z-index:60!important;background-color:#ead9b8!important}html body.rustic-desktop #accountCityRail .rustic-faction-flag{width:68px!important;height:104px!important;right:6px!important;top:8px!important}html body.rustic-desktop #accountCityRail .rail-account h3{margin-right:72px!important;margin-bottom:24px!important;font-weight:400!important}}
@media(min-width:0px){
html body.rustic-desktop>main{width:min(100%,1650px)!important;max-width:1650px!important;grid-template-columns:minmax(0,1fr) 310px 240px!important}
html body.rustic-desktop>header{width:min(calc(100% - 24px),1626px)!important;max-width:1626px!important}
html body.rustic-desktop>header .header-inner{width:100%!important;max-width:none!important}
html body.rustic-desktop>.nav{width:min(100%,1650px)!important;max-width:1650px!important;box-sizing:border-box!important;padding-right:260px!important}
html body.rustic-desktop .top-res{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,32px)!important;align-items:center!important;gap:5px 14px!important}
html body.rustic-desktop .top-res>.resource{font-size:15px!important;display:flex!important;align-items:center!important;gap:5px!important;justify-content:flex-start!important;min-width:0!important}
html body.rustic-desktop #cityLayout,html body.rustic-desktop #cityLower{grid-template-columns:minmax(0,1fr) 310px!important}
html body.rustic-desktop>main>#accountCityRail{width:240px!important;max-width:240px!important}
html body.rustic-desktop #cityLayout>aside:not(.outer-status-panel){padding:14px!important;overflow:hidden!important}
html body.rustic-desktop #cityLayout>aside:not(.outer-status-panel)>#citySideInfo,html body.rustic-desktop #cityLayout>aside:not(.outer-status-panel)>#mapSideInfo{top:14px!important;left:14px!important;right:14px!important;bottom:18px!important;padding:0 5px 8px 0!important;scroll-padding-top:48px!important}
html body.rustic-desktop #citySideInfo>h2{position:sticky!important;top:0!important}
html body.rustic-desktop #city :is(.inner-special-wall,.inner-special-stairs,.inner-special-backwall){background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;min-width:0!important;min-height:0!important;color:transparent!important;font-size:0!important}
html body.rustic-desktop #city :is(.inner-special-wall,.inner-special-stairs,.inner-special-backwall)::before,html body.rustic-desktop #city :is(.inner-special-wall,.inner-special-stairs,.inner-special-backwall)::after{content:none!important;display:none!important}
html body.rustic-desktop #city .plot .building-level,html body.rustic-desktop #city .plot .building-level *{color:#fff!important;font-size:15px!important;text-shadow:0 1px 2px #000,1px 0 2px #000,-1px 0 2px #000!important}
html body.rustic-desktop #cityLower :is(h3,.tk-construction-heading,.tk-construction-heading span,.tk-research-heading,.construction-heading,.upgrade-heading){color:#111!important}
html body.rustic-desktop #city .plot .plot-build-status{color:#111!important;background:#efe0bc!important;text-shadow:none!important}
html body.rustic-desktop #railAccountStatus,html body.rustic-desktop #railCityList,html body.rustic-desktop #railCityList *{font-size:16px!important;line-height:1.6!important;color:#111!important}
html body.rustic-desktop .settings-dialog label:has(#animationToggle){justify-content:flex-start!important;gap:10px!important}
html body.rustic-desktop>main>#territoryBar.territory-bar #productionPlainText{display:flex!important;justify-content:flex-end!important;align-items:center!important;flex-wrap:nowrap!important;gap:30px!important;white-space:nowrap!important}
html body.rustic-desktop>main>#territoryBar.territory-bar #productionPlainText .production-resource{flex:0 0 auto!important;width:auto!important;height:100%!important;position:static!important;transform:none!important;font-size:16px!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop{display:none!important;padding:24px!important;box-sizing:border-box!important;width:min(1320px,96vw)!important;max-width:1320px!important;height:min(920px,92vh)!important;max-height:92vh!important;overflow:visible!important;position:fixed!important;inset:0!important;margin:auto!important;transform:none!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop[open]{display:flex!important;flex-direction:column!important;gap:10px!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-head{position:relative!important;flex:0 0 115px!important;height:115px!important;min-height:115px!important;padding:8px 0!important;margin:0!important;display:block!important;overflow:visible!important;transform:none!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-head>strong{display:block!important;position:absolute!important;left:50%!important;top:-46px!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important;width:280px!important;min-width:280px!important;max-width:none!important;height:86px!important;min-height:86px!important;opacity:1!important;visibility:visible!important;font-size:0!important;background:transparent url('/assets/rustic-v1045/shop-logo.webp') center/contain no-repeat!important;z-index:20!important;pointer-events:none!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .rustic-shop-sheep{display:block!important;position:absolute!important;left:14px!important;top:3px!important;width:210px!important;height:112px!important;object-fit:contain!important;transform:none!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-head .tk-shop-header-balances.tk-currency-art-v752{display:flex!important;flex-direction:column!important;position:absolute!important;left:auto!important;right:12px!important;top:8px!important;bottom:auto!important;transform:none!important;gap:5px!important;width:260px!important;height:96px!important;margin:0!important;padding:0!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-header-balances .shop-currency-row{position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;width:260px!important;min-width:260px!important;max-width:260px!important;height:42px!important;min-height:42px!important;max-height:42px!important;box-sizing:border-box!important;padding:5px 12px!important;gap:8px!important;transform:none!important;background:url('/assets/rustic-v1045/shop-balance.webp') center/100% 100% no-repeat!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-currency-name-pair{display:flex!important;align-items:center!important;gap:6px!important;min-width:114px!important;transform:none!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .shop-currency-row img{width:32px!important;height:30px!important;max-width:none!important;object-fit:contain!important;transform:none!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-currency-name-pair span,html body.rustic-desktop #currencyShop.three-kingdom-shop .shop-currency-row strong{position:static!important;font-size:17px!important;line-height:30px!important;transform:none!important;white-space:nowrap!important;margin:0!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-shell{flex:1 1 0!important;display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;gap:16px!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:hidden!important;inset:auto!important;transform:none!important;margin:0!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-content{height:100%!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;position:relative!important;inset:auto!important;padding:0 8px 0 0!important;transform:none!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-category-area{height:auto!important;min-height:0!important;position:static!important;inset:auto!important;transform:none!important;padding:0!important;overflow:visible!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:minmax(330px,auto)!important;gap:14px!important;width:100%!important;height:auto!important;max-height:none!important;position:static!important;transform:none!important;overflow:visible!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-product{position:relative!important;inset:auto!important;transform:none!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:8px!important;height:auto!important;min-height:330px!important;max-height:none!important;padding:16px 12px!important;overflow:hidden!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-product[hidden]{display:none!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-buy-actions{position:static!important;inset:auto!important;transform:none!important;margin-top:auto!important;gap:8px!important;width:100%!important;max-height:none!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-product small{min-height:40px!important;max-height:60px!important;line-height:1.5!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-stepper button{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important;border:0!important;border-radius:0!important;font-size:0!important;line-height:0!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;box-shadow:none!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-stepper-minus{background-image:url('/assets/rustic-v1045/minus.webp')!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-stepper-plus,html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-recharge-plus{background-image:url('/assets/rustic-v1045/plus.webp')!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-pager{display:flex!important;position:sticky!important;bottom:0!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;justify-content:center!important;align-items:center!important;gap:10px!important;min-height:48px!important;margin:12px 0 0!important;padding:8px!important;background:#e9d8b7!important;z-index:30!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-pager button{display:block!important;position:static!important;transform:none!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;background:url('/assets/rustic-v1045/next.webp') center/contain no-repeat!important;opacity:1!important;visibility:visible!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-pager button:first-child{background-image:url('/assets/rustic-v1045/prev.webp')!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-pager button:disabled{opacity:.5!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop [data-shop-panel=wallet],html body.rustic-desktop #currencyShop.three-kingdom-shop [data-shop-panel=wallet] :is(p,span,strong,button,div){font-size:18px!important;line-height:1.7!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop [data-shop-panel=wallet] h3{font-size:22px!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-wallet-close-wrap{flex:0 0 46px!important;min-height:46px!important;height:46px!important;padding:4px!important;position:static!important}
}
@media(min-width:0px){html body.rustic-desktop #currencyShop.three-kingdom-shop button{background:transparent url("/assets/rustic-v1045/button.webp") center/100% 100% no-repeat!important;border:0!important;border-radius:0!important;color:#fff!important;box-shadow:none!important}html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-stepper .tk-shop-stepper-minus{background-image:url("/assets/rustic-v1045/minus.webp")!important}html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-stepper .tk-shop-stepper-plus,html body.rustic-desktop #currencyShop.three-kingdom-shop button.tk-recharge-plus{background-image:url("/assets/rustic-v1045/plus.webp")!important}html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-pager{width:100%!important;max-width:none!important;box-sizing:border-box!important}html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-pager button{background-image:url("/assets/rustic-v1045/next.webp")!important}html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-pager button:first-child{background-image:url("/assets/rustic-v1045/prev.webp")!important}html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-header-balances .shop-currency-row{margin:0!important;flex:0 0 42px!important}}
@media(min-width:0px){
html body.rustic-desktop>header{padding:0!important;height:110px!important}
html body.rustic-desktop>header .header-inner{height:110px!important;padding:0 10px!important;box-sizing:border-box!important;align-items:center!important}
html body.rustic-desktop .header-logo-group{height:104px!important}
html body.rustic-desktop .top-res{height:74px!important;align-content:center!important;margin:0!important;padding:0!important}
html body.rustic-desktop .header-actions{height:74px!important;align-items:center!important;margin:0!important}
html body.rustic-desktop>.nav{margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;height:44px!important;gap:3px!important}
html body.rustic-desktop>main{row-gap:2px!important;column-gap:3px!important;padding-top:0!important}
html body.rustic-desktop #cityLayout,html body.rustic-desktop #cityLower{gap:3px!important;margin-top:0!important;margin-bottom:0!important}
html body.rustic-desktop>main>.toolbar,html body.rustic-desktop>main>.territory-bar{margin:0!important;transform:none!important}
html body.rustic-desktop>main>#territoryBar.territory-bar #productionPlainText{right:22px!important;gap:24px!important;justify-content:flex-end!important}
html body.rustic-desktop>header::before{content:'';position:absolute;left:-9px;right:-9px;top:0;height:15px;background:url('/assets/rustic-v1045/roof.webp') center/100% 100% no-repeat;pointer-events:none;z-index:3}
html body.rustic-desktop #cityLayout>aside:not(.outer-status-panel){padding:12px!important}
html body.rustic-desktop #cityLayout #citySideInfo>h2{justify-content:flex-start!important;padding-left:15px!important;width:72%!important;min-width:170px!important;font-size:21px!important;margin-bottom:7px!important}
html body.rustic-desktop #cityLayout #buildingPreview{height:150px!important;margin:0 0 4px!important}
html body.rustic-desktop #cityLayout #buildingPreview img{object-fit:contain!important;height:150px!important;max-height:150px!important}
html body.rustic-desktop #citySideInfo .building-title-actions{display:flex!important;flex-direction:column!important;gap:7px!important;padding:0!important;margin:0 0 7px!important}
html body.rustic-desktop #citySideInfo #plotTitle{width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;font-size:19px!important;line-height:1.25!important;margin:0!important}
html body.rustic-desktop #citySideInfo .building-action-row{display:flex!important;gap:10px!important;justify-content:center!important;flex-wrap:nowrap!important;width:100%!important}
html body.rustic-desktop #citySideInfo .building-action-row button{width:45%!important;height:32px!important;min-height:32px!important;padding:3px!important}
html body.rustic-desktop #citySideInfo #plotDesc{font-size:15px!important;line-height:1.45!important;margin:8px 0!important;padding:0 4px!important}
html body.rustic-desktop #citySideInfo #summary{margin:0!important;padding:0!important;border:0!important}
html body.rustic-desktop .reference-detail-table{padding:5px 8px!important;border:1px solid #a58c5c88!important;border-radius:3px!important}
html body.rustic-desktop .reference-detail-table>div{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;min-height:27px!important;border-bottom:1px solid #a58c5c55!important;font-size:15px!important;line-height:1.3!important}
html body.rustic-desktop .reference-detail-table>div:last-child{border-bottom:0!important}
html body.rustic-desktop .reference-detail-table .reference-detail-cost{align-items:flex-start!important;padding-top:5px!important}
html body.rustic-desktop .reference-detail-cost>div>div{display:grid!important;grid-template-columns:22px 38px 44px!important;align-items:center!important;gap:5px!important;font-size:15px!important;min-height:25px!important}
html body.rustic-desktop .reference-detail-cost img{width:21px!important;height:21px!important;object-fit:contain!important}
html body.rustic-desktop .reference-detail-cost strong{text-align:right!important}
html body.rustic-desktop #cityLower>.panel:last-child{display:flex!important;flex-direction:column!important;gap:5px!important;padding:13px!important;box-sizing:border-box!important;overflow:hidden!important}
html body.rustic-desktop .chat-tabs{display:flex!important;gap:4px!important;flex:0 0 34px!important;margin:0!important;padding:0!important}
html body.rustic-desktop .chat-tabs button{flex:1!important;min-width:0!important;height:34px!important;padding:3px!important}
html body.rustic-desktop .chat-tabs button.active{background-image:url('/assets/rustic-v1045/button-selected.webp')!important}
html body.rustic-desktop #chatlog{position:static!important;inset:auto!important;flex:1 1 0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;padding:0 3px!important;margin:0!important}
html body.rustic-desktop .chat-message{display:grid!important;grid-template-columns:35px minmax(0,1fr)!important;gap:2px 6px!important;padding:8px 0!important;border-bottom:1px solid #ac916555!important;font-size:15px!important;line-height:1.4!important}
html body.rustic-desktop .chat-channel-badge{grid-column:1!important;grid-row:1/3!important;align-self:start!important;background:#856746!important;color:#fff!important;border-radius:3px!important;text-align:center!important;font-size:12px!important;padding:1px 3px!important;white-space:nowrap!important}
html body.rustic-desktop .chat-message b{grid-column:2!important;grid-row:1!important;font-size:15px!important}
html body.rustic-desktop .chat-message p{grid-column:2!important;grid-row:2!important;margin:0!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;font-size:15px!important}
html body.rustic-desktop .chat-message time{grid-column:2!important;grid-row:3!important;justify-self:end!important;font-size:11px!important;line-height:1.2!important;color:#4e3a26!important;margin-top:3px!important}
html body.rustic-desktop .chat-input{flex:0 0 36px!important;display:flex!important;gap:5px!important;margin:0!important;padding:0!important;position:static!important;inset:auto!important}
html body.rustic-desktop #chattext{flex:1!important;min-width:0!important;width:auto!important;height:34px!important;box-sizing:border-box!important}
html body.rustic-desktop #sendchat{width:56px!important;min-width:56px!important;height:34px!important;padding:3px!important}
html body.rustic-desktop .chat-status:empty,html body.rustic-desktop #cityLower>.panel:last-child>.small-note{display:none!important}
html body.rustic-desktop #railAccountStatus{font-size:16px!important;line-height:1.45!important}
html body.rustic-desktop #railAccountStatus>div{margin:0 0 4px!important}
html body.rustic-desktop #accountCityRail h3{background-position:left center!important;max-width:78%!important;min-height:34px!important;line-height:34px!important;margin-bottom:10px!important}
html body.rustic-desktop .rail-city-row{position:relative!important;padding:8px 7px 8px 44px!important;border:1px solid #a98d5a77!important;border-radius:3px!important;background:transparent!important;margin-bottom:6px!important;min-height:50px!important;box-sizing:border-box!important}
html body.rustic-desktop .rail-city-first{display:flex!important;align-items:center!important;gap:3px!important}
html body.rustic-desktop .rail-city{padding:0!important;margin:0!important;text-align:left!important;background:none!important;border:0!important;min-height:24px!important;line-height:1.3!important;font-size:16px!important;flex:1!important;min-width:0!important}
html body.rustic-desktop #railCityList .rail-city-icon{position:absolute!important;left:4px!important;top:9px!important;width:36px!important;height:36px!important;object-fit:contain!important}
html body.rustic-desktop .rail-city-meta{display:block!important;font-size:13px!important;line-height:1.4!important;margin-top:3px!important;color:#3b3024!important}
html body.rustic-desktop .rail-rename{font-size:12px!important;min-width:0!important;width:auto!important;padding:0!important;color:#5b3920!important}
html body.rustic-desktop #cityLower .reference-queue-row{display:grid!important;grid-template-columns:88px minmax(0,1fr) 112px!important;gap:9px!important;align-items:center!important;border:1px solid #b7a27b88!important;padding:8px!important;margin:0 0 8px!important;min-height:80px!important;box-sizing:border-box!important;position:relative!important}
html body.rustic-desktop #cityLower .reference-queue-label{padding:7px 4px!important;background:#dfc697!important;border:1px solid #a98b5577!important;text-align:center!important;font-size:16px!important;white-space:nowrap!important}
html body.rustic-desktop #cityLower .reference-queue-content{min-width:0!important}
html body.rustic-desktop #cityLower .reference-queue-instant{align-self:start!important;padding-top:9px!important}
html body.rustic-desktop #cityLower .reference-queue-instant button{min-width:0!important;width:108px!important;height:30px!important;min-height:30px!important;padding:3px!important;font-size:14px!important}
html body.rustic-desktop #cityLower .tk-shared-job.reference-job{display:grid!important;grid-template-columns:64px minmax(0,1fr) 72px!important;gap:9px!important;align-items:center!important;border:0!important;padding:0!important;margin:0 0 6px!important;min-height:60px!important}
html body.rustic-desktop .reference-job-art img{width:64px!important;height:58px!important;object-fit:contain!important}
html body.rustic-desktop #cityLower .tk-shared-job-head{padding:0!important;margin:0 0 5px!important;min-height:0!important;display:block!important}
html body.rustic-desktop #cityLower .tk-shared-job-head strong{font-size:16px!important;line-height:1.25!important;color:#111!important}
html body.rustic-desktop #cityLower .tk-shared-track{position:relative!important;height:20px!important;min-height:20px!important;width:100%!important;margin:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;background:url('/assets/rustic-v1045/progress-track.webp') center/100% 100% no-repeat!important}
html body.rustic-desktop #cityLower .tk-shared-track i{height:100%!important;display:block!important;background:url('/assets/rustic-v1045/progress-green.webp') left center/100% 100% no-repeat!important}
html body.rustic-desktop #cityLower .tk-shared-track time{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;text-shadow:0 1px 2px #000!important;font-size:13px!important}
html body.rustic-desktop #cityLower .reference-job-actions .tk-shared-cancel{width:72px!important;min-width:72px!important;height:30px!important;min-height:30px!important;font-size:13px!important;padding:3px!important;position:static!important}
html body.rustic-desktop .reference-queue-empty{font-size:15px!important;line-height:1.5!important;margin:0!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop{height:min(960px,95vh)!important;max-height:95vh!important;padding:20px!important;gap:8px!important;overflow:visible!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-head{flex:0 0 96px!important;height:96px!important;min-height:96px!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-head>strong{top:-42px!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .rustic-shop-sheep{height:94px!important;top:0!important;width:190px!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-content{overflow:hidden!important;display:flex!important;flex-direction:column!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-page:not([hidden]){display:flex!important;flex-direction:column!important;min-height:0!important;height:100%!important;gap:8px!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-page[hidden]{display:none!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-subcategories{flex:0 0 auto!important;margin:0!important;gap:4px!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-subcategories button{height:32px!important;min-height:32px!important;font-size:13px!important;padding:3px 7px!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-category-area{display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important;gap:8px!important;overflow:hidden!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-category-title{display:none!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-grid{flex:1 1 0!important;min-height:0!important;height:0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;grid-auto-rows:0!important;gap:8px!important;overflow:hidden!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-product{min-height:0!important;height:100%!important;max-height:100%!important;padding:9px!important;gap:3px!important;overflow:hidden!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-catalog-image{height:clamp(38px,5.3vh,62px)!important;width:68px!important;max-height:62px!important;flex:none!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-product b{font-size:14px!important;line-height:1.2!important;min-height:20px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-product small{font-size:11px!important;line-height:1.25!important;height:18px!important;min-height:18px!important;max-height:18px!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-buy-actions{gap:3px!important;margin-top:auto!important;min-height:0!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-stepper button{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-stepper-value{height:26px!important;width:44px!important;padding:0 3px!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-voucher-option{font-size:11px!important;line-height:20px!important;height:20px!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-price{font-size:12px!important;line-height:18px!important;height:18px!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-purchase{height:28px!important;min-height:28px!important;font-size:12px!important;padding:2px 4px!important;line-height:20px!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-pager{flex:0 0 40px!important;position:static!important;min-height:40px!important;height:40px!important;margin:0!important;padding:1px!important;gap:8px!important;background:transparent!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-pager button{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-wallet-close-wrap{flex:0 0 36px!important;height:36px!important;min-height:36px!important;padding:0!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop [data-shop-panel=wallet],html body.rustic-desktop #currencyShop.three-kingdom-shop [data-shop-panel=bag]{overflow:auto!important}
}

@media(min-width:0px){html body.rustic-desktop #city .inner-special{background:transparent!important;border:0!important;box-shadow:none!important;color:transparent!important;font-size:0!important;padding:0!important;min-width:0!important;min-height:0!important}html body.rustic-desktop #city #newtk-level-overlay [data-level-plot],html body.rustic-desktop #city .gate-level{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:16px!important;text-shadow:0 1px 2px #000,1px 0 2px #000,-1px 0 2px #000!important}html body.rustic-desktop #city .inner-special::before,html body.rustic-desktop #city .inner-special::after{content:none!important;display:none!important}}

@media(min-width:0px) and (max-height:820px){html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-head{flex-basis:78px!important;min-height:78px!important;height:78px!important}html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-catalog-image{height:32px!important;max-height:32px!important;width:48px!important}html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-product{padding:7px!important;gap:1px!important}html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-product small{min-height:16px!important;height:16px!important;max-height:16px!important}html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-buy-actions{gap:1px!important}html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-stepper button{height:24px!important;min-height:24px!important;width:24px!important;min-width:24px!important}html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-product b{min-height:18px!important}html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-purchase{height:26px!important;min-height:26px!important;padding:1px!important}}
/* Reference canvas: supplied 1280 x 935 image. Geometry only.
   All regions share one scale; no independent stretching of the layout. */
@media(min-width:0px){
html body.rustic-desktop{--ref-u:1px;margin:0!important}
html body.rustic-desktop>header,html body.rustic-desktop>.nav,html body.rustic-desktop>main{width:calc(1192 * var(--ref-u))!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
html body.rustic-desktop>header{height:calc(64 * var(--ref-u))!important;padding:0!important}
html body.rustic-desktop>header .header-inner{display:grid!important;position:static!important;transform:none!important;width:100%!important;height:100%!important;max-width:none!important;padding:0 calc(12 * var(--ref-u))!important;grid-template-columns:calc(164 * var(--ref-u)) minmax(0,1fr) calc(144 * var(--ref-u))!important;gap:calc(16 * var(--ref-u))!important}
html body.rustic-desktop .header-logo-group{width:100%!important;height:100%!important}
html body.rustic-desktop .game-logo-top-left{width:calc(150 * var(--ref-u))!important;height:calc(58 * var(--ref-u))!important;object-fit:contain!important}
html body.rustic-desktop .top-res,html body.rustic-desktop .header-actions{height:100%!important;align-items:center!important;flex-wrap:nowrap!important;gap:calc(5 * var(--ref-u))!important}
html body.rustic-desktop .top-res>.resource{font-size:calc(13 * var(--ref-u))!important}
html body.rustic-desktop .header-actions .round-action{width:calc(32 * var(--ref-u))!important;min-width:0!important;height:calc(36 * var(--ref-u))!important}
html body.rustic-desktop #headerWalletBalance{display:none!important}
html body.rustic-desktop>.nav{height:calc(46 * var(--ref-u))!important;padding:0 calc(20 * var(--ref-u))!important;margin-top:0!important;margin-bottom:calc(8 * var(--ref-u))!important;gap:calc(8 * var(--ref-u))!important}
html body.rustic-desktop>.nav>button{height:calc(42 * var(--ref-u))!important;min-height:0!important;font-size:calc(19 * var(--ref-u))!important}
html body.rustic-desktop>main{display:grid!important;grid-template-columns:calc(740 * var(--ref-u)) calc(246 * var(--ref-u)) calc(190 * var(--ref-u))!important;grid-template-rows:calc(34 * var(--ref-u)) calc(36 * var(--ref-u)) calc(467 * var(--ref-u)) calc(233 * var(--ref-u))!important;column-gap:calc(8 * var(--ref-u))!important;row-gap:calc(6 * var(--ref-u))!important;padding:0!important;position:relative!important}
html body.rustic-desktop>main>.toolbar{grid-column:1/3!important;grid-row:1!important;height:100%!important;min-height:0!important}
html body.rustic-desktop>main>.toolbar .game-ticker{height:100%!important;min-height:0!important;padding:0 calc(18 * var(--ref-u)) 0 calc(108 * var(--ref-u))!important}
html body.rustic-desktop>main>.toolbar .ticker-label{left:calc(18 * var(--ref-u))!important;width:calc(66 * var(--ref-u))!important;font-size:calc(18 * var(--ref-u))!important}
html body.rustic-desktop>main>#territoryBar.territory-bar{grid-column:1/3!important;grid-row:2!important;height:100%!important;min-height:0!important;padding:0!important}
html body.rustic-desktop>main>#territoryBar.territory-bar::before{left:calc(20 * var(--ref-u))!important;width:calc(76 * var(--ref-u))!important;font-size:calc(18 * var(--ref-u))!important}
html body.rustic-desktop>main>#territoryBar.territory-bar #productionPlainText{left:calc(132 * var(--ref-u))!important;right:calc(24 * var(--ref-u))!important;justify-content:space-between!important;gap:0!important}
html body.rustic-desktop>main>#territoryBar .production-resource{font-size:calc(15 * var(--ref-u))!important}
html body.rustic-desktop>main>#cityLayout,html body.rustic-desktop>main>#cityLower{display:contents!important}
html body.rustic-desktop #cityLayout>:is(.city,.outer-city,#worldMapPage):not([hidden]){grid-column:1!important;grid-row:3!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;transform:none!important}
html body.rustic-desktop #cityLayout>:is(.city,.outer-city)::after{inset:0!important}
html body.rustic-desktop #cityLayout>aside:not(.outer-status-panel){grid-column:2!important;grid-row:3!important;align-self:start!important;width:100%!important;height:calc(402 * var(--ref-u))!important;min-height:0!important;max-height:none!important;transform:none!important;margin:0!important;padding:calc(12 * var(--ref-u))!important;box-sizing:border-box!important;overflow:auto!important}
html body.rustic-desktop #cityLayout #citySideInfo>h2{font-size:calc(21 * var(--ref-u))!important;height:calc(30 * var(--ref-u))!important;min-height:0!important;min-width:0!important;width:60%!important;margin-bottom:calc(5 * var(--ref-u))!important}
html body.rustic-desktop #cityLayout #buildingPreview,html body.rustic-desktop #cityLayout #buildingPreview img{height:calc(115 * var(--ref-u))!important;max-height:calc(115 * var(--ref-u))!important}
html body.rustic-desktop #citySideInfo #plotTitle{font-size:calc(18 * var(--ref-u))!important}
html body.rustic-desktop #citySideInfo #plotDesc{font-size:calc(13 * var(--ref-u))!important;margin:calc(6 * var(--ref-u)) 0!important}
html body.rustic-desktop #citySideInfo .building-action-row button{height:calc(28 * var(--ref-u))!important;min-height:0!important;font-size:calc(15 * var(--ref-u))!important}
html body.rustic-desktop .reference-detail-table>div{font-size:calc(13 * var(--ref-u))!important;min-height:calc(21 * var(--ref-u))!important}
html body.rustic-desktop #cityLower>.panel:first-child{grid-column:1!important;grid-row:4!important;height:100%!important;width:100%!important;transform:none!important;margin:0!important;min-height:0!important;padding:calc(16 * var(--ref-u)) calc(20 * var(--ref-u))!important}
html body.rustic-desktop #cityLower>.panel:last-child{grid-column:2!important;grid-row:3/5!important;align-self:end!important;height:calc(298 * var(--ref-u))!important;width:100%!important;transform:none!important;margin:0!important;max-height:none!important;min-height:0!important;padding:calc(12 * var(--ref-u))!important}
html body.rustic-desktop>main>#accountCityRail{grid-column:3!important;grid-row:1/5!important;position:static!important;inset:auto!important;transform:none!important;width:100%!important;height:100%!important;display:grid!important;grid-template-rows:calc(140 * var(--ref-u)) minmax(0,1fr)!important;gap:calc(6 * var(--ref-u))!important;margin:0!important}
html body.rustic-desktop #accountCityRail :is(.rail-account,.rail-cities){width:100%!important;height:100%!important;max-height:none!important;min-height:0!important;transform:none!important;margin:0!important;box-sizing:border-box!important;padding:calc(10 * var(--ref-u))!important}
html body.rustic-desktop #accountCityRail h3,html body.rustic-desktop #accountCityRail .rail-account h3{font-size:calc(16 * var(--ref-u))!important;line-height:calc(27 * var(--ref-u))!important;min-height:0!important;height:calc(27 * var(--ref-u))!important;margin:0 0 calc(6 * var(--ref-u))!important;padding:0 calc(5 * var(--ref-u))!important;max-width:78%!important}
html body.rustic-desktop #railAccountStatus{font-size:calc(12 * var(--ref-u))!important;line-height:1.45!important}
html body.rustic-desktop #accountCityRail .rustic-faction-flag{width:calc(22 * var(--ref-u))!important;height:calc(36 * var(--ref-u))!important;top:calc(6 * var(--ref-u))!important;right:calc(8 * var(--ref-u))!important}
html body.rustic-desktop .rail-city{font-size:calc(14 * var(--ref-u))!important}
html body.rustic-desktop #statusBuildingDetail,html body.rustic-desktop #citySideInfo,html body.rustic-desktop #mapSideInfo{position:static!important;inset:auto!important;width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;padding:0!important;transform:none!important}
html body.rustic-desktop .top-res{display:flex!important;justify-content:space-between!important}
html body.rustic-desktop .top-res>.resource{flex:0 1 auto!important;width:auto!important;max-width:none!important}
html body.rustic-desktop #cityLayout #citySideInfo>h2{position:static!important}
html body.rustic-desktop .rail-city-meta{font-size:calc(12 * var(--ref-u))!important}
}
/* One presentation for every viewport and browser zoom. */
html body.rustic-desktop #cityLayout>aside:not(#outerStatusPanel){display:block!important;padding:12px!important;overflow:auto!important}
html body.rustic-desktop #cityLayout #citySideInfo .reference-detail-table>div{font-size:13px!important;min-height:21px!important;line-height:1.3!important}
html body.rustic-desktop #cityLayout #citySideInfo .reference-detail-cost>div>div{font-size:13px!important;min-height:19px!important;grid-template-columns:19px 30px 38px!important;gap:3px!important}
html body.rustic-desktop #cityLayout #citySideInfo .reference-detail-cost img{width:17px!important;height:17px!important}
html body.rustic-desktop #accountCityRail #railAccountStatus{max-height:93px!important;overflow-y:auto!important;font-size:11px!important;line-height:1.25!important}
html body.rustic-desktop #accountCityRail #railAccountStatus>div{margin:0 0 2px!important}
html body.rustic-desktop #cityLower>.panel:last-child .chat-input{flex:0 0 30px!important}
html body.rustic-desktop #cityLower>.panel:last-child #chattext{height:28px!important}
html body.rustic-desktop #cityLower>.panel:last-child #sendchat{height:28px!important;width:44px!important;min-width:44px!important}
html body.rustic-desktop{min-width:1192px!important;overflow-x:auto!important}
html body.rustic-desktop>header,html body.rustic-desktop>.nav,html body.rustic-desktop>main{margin-left:max(0px,calc((100vw - 1192px)/2))!important;margin-right:0!important}
html body.rustic-desktop>header .header-inner{display:grid!important;grid-template-columns:164px minmax(0,1fr) 144px!important}
html body.rustic-desktop .header-logo-group{grid-column:1!important;grid-row:1!important;position:static!important;transform:none!important;justify-content:flex-start!important}
html body.rustic-desktop .top-res{grid-column:2!important;grid-row:1!important;position:static!important;transform:none!important;display:flex!important;overflow:visible!important;width:100%!important;min-width:0!important}
html body.rustic-desktop .header-actions{grid-column:3!important;grid-row:1!important;position:static!important;transform:none!important;display:flex!important;width:144px!important}
html body.rustic-desktop #factionName,html body.rustic-desktop #openCityList,html body.rustic-desktop .mobile-drawer-head,html body.rustic-desktop .mobile-nav-chat,html body.rustic-desktop .mobile-nav-info{display:none!important}
html body.rustic-desktop #accountCityRail,html body.rustic-desktop #cityLower>.panel:last-child{visibility:visible!important;opacity:1!important}
html body.rustic-desktop .top-res .resource{font-size:12px!important;gap:3px!important}
html body.rustic-desktop #accountCityRail #railAccountStatus{font-size:12px!important}
html body.rustic-desktop #cityLayout>aside:not(.outer-status-panel){padding:12px!important}
html body.rustic-desktop #statusBuildingDetail{height:auto!important;max-height:none!important;overflow:visible!important}
/* Consistent icon and text line boxes in the header. */
html body.rustic-desktop .top-res>.resource{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;height:32px!important;min-height:32px!important;line-height:32px!important;padding:0!important;margin:0!important;transform:none!important;letter-spacing:0!important;white-space:nowrap!important;box-sizing:border-box!important}
html body.rustic-desktop .top-res>.resource :is(b,em,span){display:inline-flex!important;align-items:center!important;height:32px!important;line-height:1!important;font-family:inherit!important;font-size:inherit!important;letter-spacing:0!important;margin:0!important;padding:0!important;transform:none!important;font-variant-numeric:tabular-nums!important}
html body.rustic-desktop .top-res>.resource .resource-img{display:block!important;width:22px!important;height:22px!important;min-width:22px!important;object-fit:contain!important;margin:0!important;transform:none!important;align-self:center!important;vertical-align:middle!important}
/* Compact settings dialog with a centered independent title. */
html body.rustic-desktop .settings-dialog{width:min(440px,92vw)!important;max-width:440px!important;min-width:0!important;height:auto!important;max-height:82vh!important;padding:22px 24px!important;box-sizing:border-box!important}
html body.rustic-desktop .settings-dialog .settings-head{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:32px!important;margin:0 0 8px!important;padding:0 32px!important}
html body.rustic-desktop .settings-dialog #settingsTitle{display:block!important;width:100%!important;text-align:center!important;margin:0!important;padding:0!important;font-size:20px!important;line-height:32px!important}
html body.rustic-desktop .settings-dialog #settingsClose{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:0!important;margin:0!important}
html body.rustic-desktop .settings-dialog label{min-height:43px!important;padding:5px 0!important;gap:8px!important;line-height:1.4!important;font-size:15px!important}
html body.rustic-desktop .settings-dialog :is(select,button){font-size:15px!important}
html body.rustic-desktop .settings-dialog select{min-width:118px!important;max-width:160px!important;padding:5px 7px!important}
html body.rustic-desktop .settings-dialog .music-inline{display:flex!important;align-items:center!important;gap:5px!important}
html body.rustic-desktop .settings-dialog input[type=range]{width:132px!important;max-width:45%!important}
html body.rustic-desktop .settings-dialog .settings-footer{margin-top:8px!important}
html body.rustic-desktop .settings-dialog p{font-size:12px!important;line-height:1.45!important;margin:8px 0 0!important}

/* Let the sheep extend above the eave while centering the name on its cloth. */
html:root body.rustic-desktop>header{height:72px!important;overflow:visible!important}
html body.rustic-desktop>header .header-inner .header-logo-group{height:72px!important;width:164px!important;position:relative!important;overflow:visible!important}
html body.rustic-desktop>header .header-inner .header-logo-group>.game-logo-top-left{position:absolute!important;left:50%!important;top:auto!important;bottom:-2px!important;width:180px!important;height:90px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;transform:translateX(-50%)!important;z-index:4!important}
html body.rustic-desktop>header .header-inner .header-logo-group>.logo-cloth-backdrop{left:50%!important;top:28px!important;width:180px!important;height:46px!important;transform:translateX(-50%)!important;z-index:2!important}
html body.rustic-desktop>header .header-inner .header-logo-group>.logo-eave{z-index:1!important}

/* Compact personal record lines without distributed vertical gaps. */
html body.rustic-desktop #currencyShop.three-kingdom-shop .tk-shop-page[data-shop-panel=wallet]:not([hidden]){justify-content:flex-start!important;gap:6px!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop [data-shop-panel=wallet]>:is(p,div,button,h2,h3){flex:0 0 auto!important;min-height:0!important;height:auto!important;margin:0!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop [data-shop-panel=wallet]>p{padding:0!important;line-height:1.5!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop [data-shop-panel=wallet]>h3{margin-bottom:6px!important}
html:root body.rustic-desktop>header{margin-top:36px!important}
/* Keep the history directly below its toggle; raise the logo clear of navigation. */
html body.rustic-desktop #currencyShop.three-kingdom-shop [data-shop-panel=wallet]>#viewWalletHistory{margin:0!important;align-self:stretch!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop [data-shop-panel=wallet]>#walletHistoryRows{margin:0!important;padding:0!important;max-height:none!important;overflow:visible!important;flex:0 0 auto!important}
html body.rustic-desktop #currencyShop.three-kingdom-shop #walletHistoryRows p{margin:0!important;padding:2px 0!important;background:none!important;line-height:1.5!important}
html body.rustic-desktop>header .header-inner .header-logo-group>.game-logo-top-left{bottom:18px!important}
html body.rustic-desktop>header .header-inner .header-logo-group>.logo-cloth-backdrop{top:8px!important}
/* Independent logo overflow; compact status bar and fixed content line. */
html:root body.rustic-desktop{padding-top:0!important}
html:root body.rustic-desktop>header{height:56px!important;margin-top:44px!important}
html:root body.rustic-desktop>header .header-inner{height:40px!important;min-height:0!important;align-items:center!important;grid-template-rows:40px!important}
html:root body.rustic-desktop>header .header-inner .header-logo-group{height:40px!important;min-height:0!important}
html:root body.rustic-desktop>header .header-inner .header-logo-group>.game-logo-top-left{width:200px!important;height:96px!important;bottom:-4px!important}
html:root body.rustic-desktop>header .header-inner .header-logo-group>.logo-cloth-backdrop{top:0!important;width:200px!important;height:40px!important}
html:root body.rustic-desktop>header .header-inner .top-res,
html:root body.rustic-desktop>header .header-inner .header-actions{height:40px!important;min-height:0!important;align-self:center!important;align-items:center!important}
/* Compact settings at the native desktop scale. */
html:root body.rustic-desktop .settings-dialog{width:min(360px,calc(100vw - 28px))!important;max-width:360px!important;padding:18px 20px!important}
html:root body.rustic-desktop .settings-dialog .settings-head{min-height:28px!important;margin-bottom:4px!important}
html:root body.rustic-desktop .settings-dialog #settingsTitle{font-size:18px!important;line-height:28px!important}
html:root body.rustic-desktop .settings-dialog label{min-height:36px!important;font-size:14px!important;padding:5px 0!important}
html:root body.rustic-desktop .settings-dialog :is(select,button){font-size:14px!important}
html:root body.rustic-desktop .settings-dialog select{min-width:100px!important;max-width:128px!important;padding:4px 6px!important}
html:root body.rustic-desktop .settings-dialog input[type=range]{width:110px!important}
html:root body.rustic-desktop .settings-dialog .settings-footer{margin-top:8px!important}

/* V1373: calendar day sits in the paper center, not at the icon's bottom. */
html body.rustic-desktop #dailyBtn::after{content:attr(data-day)!important;position:absolute!important;top:10px!important;bottom:auto!important;left:0!important;right:0!important;inset:auto 0 auto 0!important;transform:none!important;height:18px!important;display:block!important;padding:0!important;margin:0!important;color:#302018!important;font-family:Georgia,serif!important;font-size:15px!important;font-weight:900!important;line-height:18px!important;text-align:center!important;pointer-events:none!important}