/* HUN:ATTILA — diplomacy, routes and imperial Chinese architecture. */
.game-app .embassy-sheet{background:linear-gradient(135deg,#f8efd9,#e9daba);padding:14px 12px 24px}
.embassy-intro{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #c7a761;border-radius:9px;background:linear-gradient(120deg,#4e2028,#783641);color:#ffefc4;box-shadow:inset 0 0 0 3px #dbb87130}
.embassy-intro>.game-art{width:60px;height:60px;flex-shrink:0}.embassy-intro h2{margin:0;color:#ffdf94;font-size:20px}.embassy-intro p{margin:5px 0 0;font-size:12px;line-height:1.5}
.embassy-sheet .tabs{margin:14px 0}.embassy-sheet .tabs button{border:1px solid #b99b57;background:#e1cf9c;color:#503724}.embassy-sheet .tabs button.active{background:linear-gradient(#235b80,#133b5a);color:white;border-color:#668da0}
.embassy-cost{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px;color:#725936}.embassy-cost>span{display:inline-flex;align-items:center;gap:5px;margin-left:auto}.embassy-cost .game-icon{width:20px;height:20px}
.embassy-section-title{display:flex;align-items:center;gap:7px;font-size:15px;color:#633e24;margin:18px 0 10px}.embassy-section-title .game-icon{width:25px;height:25px}
.embassy-event{--event:#526d88;display:grid;grid-template-columns:45px minmax(0,1fr);gap:10px;margin:9px 0;padding:12px 10px;background:linear-gradient(110deg,#fffdf6,#f0e7d2);border:1px solid #c9b88d;border-left:4px solid var(--event);border-radius:8px;box-shadow:0 2px 3px #37280d12;overflow-wrap:anywhere}
.embassy-battle{--event:#ad413c}.embassy-defense{--event:#3e719a}.embassy-conquest{--event:#9b741d}.embassy-honor{--event:#a47b20}.embassy-support{--event:#4d8263}.embassy-spy{--event:#78618c}.embassy-trade{--event:#8d7941}.embassy-challenge{--event:#97508e}
.embassy-event-icon{display:grid;place-items:center;width:42px;height:46px;border:1px solid var(--event);border-radius:10px;background:#e6dcc6;box-shadow:inset 0 0 0 3px #fff7}.embassy-event-icon .game-icon,.embassy-event-icon .game-art{width:33px;height:36px;margin:0;background-size:contain!important}.embassy-event-type{color:var(--event);font-size:11px;text-transform:uppercase;letter-spacing:.6px}.embassy-event p{font-size:14px;line-height:1.5;color:#463721;margin:4px 0}.embassy-event small{color:#897657;font-size:11px}.embassy-contacts .list-link{display:flex;align-items:center;gap:10px;background:#fbf3df;border-color:#cdb57a;color:#533a20}.embassy-contacts strong{flex:1}.embassy-contact-icon .game-icon{width:28px;height:28px}
.game-app .places-explanation{color:#89764f;font:13px/1.5 Arial;margin:12px 0}.places-explanation p{margin:3px 0}
.places-route-filters{display:flex;gap:7px;overflow-x:auto;padding:2px 0 12px;scrollbar-width:thin}.game-app .places-route-filters button{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:10px 12px;border:1px solid #c9b993;border-radius:20px;background:#f9f2e1;color:#4d3c24;min-height:40px;font:700 12px Arial}.places-route-filters button.active{background:#ecd89d;border-color:#a77b28;box-shadow:inset 0 0 0 1px #a77b28}.places-route-filters i,.city-route-badge i{display:inline-block;width:10px;height:10px;border-radius:50%;border:1px solid #0003;flex-shrink:0}.places-route-filters small{color:#7f714e}
.game-app .places-list{border:0;overflow:visible;background:transparent}.game-app .places-list article{grid-template-columns:48px minmax(0,1fr) 32px;gap:9px;background:linear-gradient(#fffdf7,#f6ecd7);border:1px solid #cdbb93;border-radius:6px;padding:12px 9px;margin-bottom:10px;box-shadow:0 2px 4px #674e231c}.game-app .places-list .settlement-art{width:48px;height:55px}.game-app .places-list strong{font-size:18px;color:#352b1d}.game-app .places-list small{font:12px/1.6 Arial;color:#92816a}.game-app .places-list small b{color:#463c28}.game-app .places-list small .morale-high{color:#4b8b59}.game-app .places-list small .morale-low{color:#af6638}.game-app .places-list button{background:linear-gradient(#c39d42,#8d681c);color:#fff4cb;border-color:#826329;width:32px;box-shadow:inset 0 1px #efdc93}
.city-route-badges{display:flex;flex-wrap:wrap;gap:4px;margin:5px 0}.city-route-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border:1px solid var(--route-color);border-radius:12px;background:#f4eddb;background:color-mix(in srgb,var(--route-color) 15%,#fff8e8);color:#3d3627;font:700 11px/1.3 Arial}.city-route-badge i{background:var(--route-color);width:9px;height:9px}.city-hourly-diamonds{display:inline-flex;align-items:center;gap:3px;color:#434749;font:700 12px Arial;margin-top:4px}.city-hourly-diamonds .game-icon{width:19px;height:19px}
.game-app .reference-world .illustrated-place.city strong.route-city-name{color:#fff;border:1px solid var(--route-color);text-shadow:0 1px 2px #000,1px 0 2px #000;box-shadow:0 1px 3px #0008;border-radius:3px;padding:2px 4px;line-height:12px}
.trade-route-lines{position:absolute;inset:0;pointer-events:none;z-index:0}.world-map>.map-place{z-index:2}.game-app #map-scroll{touch-action:pan-x pan-y;overscroll-behavior:contain}
@media(max-width:360px){.game-app .places-list article{grid-template-columns:37px minmax(0,1fr) 28px;gap:6px;padding:10px 7px}.game-app .places-list .settlement-art{width:37px;height:43px}.game-app .places-list strong{font-size:16px}.game-app .places-list small{font-size:11px}.game-app .places-list button{width:28px}.embassy-event{grid-template-columns:37px minmax(0,1fr);gap:7px}.embassy-event-icon{width:35px}.embassy-event p{font-size:13px}}

/* Original city art and a coherent nine-building atlas, without ornament overlays. */
.game-app #game.city-home .reference-terrain{background-image:url('/assets/imperial-city-v1.webp');background-size:100% 100%;background-position:center}
.game-app .game-art.imperial-building{background-image:url('/assets/imperial-buildings-v1.webp')!important;background-size:300% 300%!important;background-position:var(--art-x) var(--art-y)!important;background-repeat:no-repeat;filter:none}
.game-app .imperial-building-page .training-intro,.game-app .imperial-building-page .academy-intro{border-bottom:2px solid #ab8648;background:linear-gradient(110deg,#e8d8b4,#fff7e6);padding:10px;border-radius:6px 6px 0 0}
.game-app .imperial-building-page .card{border-color:#ba9a61}
.game-app .imperial-building-page .training-intro>.imperial-building,.game-app .imperial-building-page .academy-intro>.imperial-building{width:74px;height:74px;flex-shrink:0}
.game-app .reference-world .illustrated-place .imperial-building.settlement-art,.game-app .places-list .imperial-building.settlement-art{background-size:300% 300%!important;background-position:var(--art-x) var(--art-y)!important;clip-path:none!important}


/* Use the same world-sized marker box at every zoom level; prevent browser scroll anchoring. */
.game-app .reference-world .map-place.illustrated-place{width:calc(var(--map-scale)*1px)!important;height:calc(var(--map-scale)*.75px);min-width:0;min-height:0;max-width:none;transform:translate(-50%,-50%);padding:0;transition:none;overflow:visible}
.game-app #map-scroll,.game-app #map-scroll .world-map{overflow-anchor:none}

/* Browser scrolling must not compete with custom pan and pinch gestures. */
.game-app #map-scroll{touch-action:none!important;-webkit-user-select:none;user-select:none}
.game-app #map-scroll .world-settlements-layer{z-index:2;pointer-events:none;--map-scale:64}
.game-app #map-scroll .world-settlements-layer .map-place{pointer-events:auto;--map-scale:64}

/* Terrain, routes, marches and settlements share one world origin and one transform. */
.game-app .reference-world .illustrated-map .world-map{background:#92bb42!important;background-image:none!important}
.game-app #map-scroll .world-settlements-layer{background:#92bb42 url('/assets/reference/img/map/terrain-mosaic.png') repeat!important;background-size:512px 384px!important;background-position:-70px -70px!important;isolation:isolate}
.game-app #map-scroll .world-settlements-layer>.map-place{z-index:2}
.game-app #map-scroll .world-settlements-layer>.trade-route-lines,.game-app #map-scroll .world-settlements-layer>.march-lines{position:absolute;inset:0;z-index:1;pointer-events:none}


/* Compact embassy feed and illuminated gold headlines. */
.game-app .embassy-sheet{padding:10px 9px 18px}
.game-app .embassy-intro{gap:9px;padding:9px}
.game-app .embassy-intro>.game-art{width:44px;height:44px}
.game-app .embassy-intro h2{font-size:17px}
.game-app .embassy-intro p{font-size:11px;margin-top:3px}
.game-app .embassy-sheet .embassy-event{grid-template-columns:35px minmax(0,1fr);gap:8px;padding:9px 8px;margin:7px 0}
.game-app .embassy-event-icon{width:33px;height:37px;border-radius:7px}
.game-app .embassy-event-icon .game-icon,.game-app .embassy-event-icon .game-art{width:27px;height:30px}
.game-app .embassy-event p{font-size:13px;line-height:1.45}
.game-app .embassy-headline{--event:#d4ae4e;background:linear-gradient(115deg,#3c1021,#732334 62%,#491326);border-color:#aa7b3e;border-left-color:#e0b74e;box-shadow:inset 0 1px 0 #f6d77c22,0 2px 6px #34111c20}
.game-app .embassy-headline p,.game-app .embassy-headline .text-link{color:#ffe089!important;font-weight:300;text-shadow:0 0 6px #efbd5c99,0 0 13px #e3a43a44}
.game-app .embassy-headline .embassy-event-type{color:#e5be67;font-weight:400}
.game-app .embassy-headline small,.game-app .embassy-headline small .text-link{color:#e7c576!important;font-size:11px;font-weight:400}
.game-app .embassy-headline .embassy-event-icon{background:#350f1d;border-color:#b58b47;box-shadow:inset 0 0 0 2px #f4d47714}
.game-app .news-age{white-space:nowrap;font-variant-numeric:tabular-nums}
.game-app .city-news-ticker{height:27px!important;min-height:27px!important;background:linear-gradient(110deg,#3c1021,#732334 65%,#491326)!important;color:#ffe089;border-top:1px solid #b58b47;padding:2px 5px;gap:7px}
.game-app .city-news-ticker>strong{font-family:Arial,sans-serif;font-size:11px!important;font-weight:300;line-height:1.35;color:#ffe089;text-shadow:0 0 6px #efbd5c99,0 0 12px #e3a43a44}
.game-app .city-news-ticker>.news-age{flex:0 0 auto;color:#e7c576;font-size:9px;font-weight:400;border:0;padding:0}
.game-app .city-news-ticker>b{flex:0 0 23px;width:23px;height:24px;background:#310c1c;color:#ebc461;font-size:20px}