/* Responsive reference artwork. Keep original pixels; fit the phone viewport. */
.game-app #game.city-home{position:relative;background:url('/assets/reference/img/bg/pan_back.jpg') center/cover}
.game-app #game.city-home>main{padding-bottom:0!important;background:none}
.reference-city{height:100dvh;min-height:0!important;aspect-ratio:auto}
.reference-terrain,.city-hitboxes{width:max(100%,calc(100dvh*870/1280));height:100dvh;left:50%;right:auto;top:0;transform:translateX(-50%);background-size:100% 100%}
.game-app #game.city-home>header.reference-top{position:absolute;top:0;left:0;right:0;z-index:10;background:transparent}
.game-app #game.city-home>#resources{position:absolute;top:48px;z-index:10}
.city-side-tools{top:15%;left:2%;gap:12px}
.game-app #game.city-home>#nav{height:78px;min-height:78px}
.game-app #game>#nav .nav-icon{height:56px}
.game-app #game>#nav .game-icon{width:64px;height:56px;object-fit:contain}
.reference-page-header,.reference-world .reference-page-header{min-height:88px;grid-template-columns:66px 1fr 66px;padding:10px 8px}
.reference-page-header button,.reference-page-header button:last-child{width:66px;height:66px}
.game-app .reference-page-header h1{font-size:14px}
.game-app #game.reference-page>#nav,.game-app #game.reference-world>#nav{display:none}
.game-app #game.reference-page>main{padding:0;background:#fafafa url('/assets/reference/img/ui/bg_page.png') repeat;min-height:100dvh}
.reference-sheet{padding:20px 17px;min-height:calc(100dvh - 88px)}
.training-intro{padding:8px;min-height:188px;gap:18px;background:#e9e8e22b;border:1px solid #ccc}
.training-intro .reference-art{flex:0 0 170px;width:170px;height:170px}
.training-intro strong{font:bold 12px/1.5 Arial;color:#444}
.training-unit{padding:20px 0;min-height:135px;gap:16px;border:0}
.training-portrait{width:127px;flex:0 0 127px;align-self:flex-start}
.training-portrait .reference-art{width:127px;height:88px;margin-top:17px;filter:none}
.training-portrait i{width:16px;height:16px;overflow:hidden;font-size:0;background:url('/assets/reference/img/ui/info.png') center/contain}
.training-unit-title{font-size:11px;justify-content:flex-start;gap:10px;color:#444;margin-bottom:12px;flex-wrap:wrap}
.training-unit-title strong,.training-unit-title b,.training-unit-title span{font:bold 11px Arial;color:#444}
.training-actions{grid-template-columns:56px 64px 1fr;gap:8px}
.training-actions input{width:56px;min-height:38px;height:38px;border-radius:0;background:#fff;padding:5px}
.training-actions .training-produce{height:44px;min-height:44px;width:64px;font-size:30px;color:#e6b933;padding:0}
.training-actions .training-upgrade{width:88px;justify-self:end;min-height:44px;height:44px;background:url('/assets/reference/img/ui/button_blue_default.png') center/100% 100%;font-size:0;color:transparent;padding:0}
.training-actions .training-upgrade::after{content:'';display:block;width:28px;height:28px;background:url('/assets/reference/img/ui/mono_upgrade_yellow.png') center/contain;margin:auto}
.training-limit{font:bold 10px Arial;color:#444}.training-building>.card{border:0;margin:8px 0;padding:8px 0}
.reference-world .map-place.illustrated-place{width:calc(var(--map-scale)*1px);height:calc(var(--map-scale)*.75px);overflow:visible}
.reference-world .illustrated-place .reference-art,.reference-world .illustrated-place.colony .reference-art,.reference-world .illustrated-place.city .reference-art{width:calc(var(--map-scale)*1px);height:calc(var(--map-scale)*.75px);margin:0;filter:none;background-size:100% 100%!important}
.reference-world .illustrated-place strong{position:absolute;top:100%;left:50%;transform:translateX(-50%);font:700 8px Arial;line-height:11px;max-width:none;min-width:100%;background:#89774a;white-space:nowrap;border-radius:0;padding:1px 3px}
.reference-world .illustrated-place.mine strong{background:#238ce1;color:white}
.reference-world .illustrated-map .world-map{background:#92bb42 url('/assets/reference/img/map/terrain-mosaic.png') repeat;background-size:calc(var(--map-scale)*8px) calc(var(--map-scale)*6px)}
.game-app #game.reference-world>main{padding:0}.reference-world .reference-page-header{display:none}.game-app .reference-world .map-scroll.illustrated-map{height:100dvh!important;min-height:0;max-height:none}.reference-world .footer-note{display:none}
.reference-world .floating-map-tools{z-index:4}.reference-world .floating-map-tools button{color:transparent;font-size:0;background-color:#e7deb1;background-position:center;background-size:contain;background-repeat:no-repeat}
.reference-world .floating-map-tools [data-action=centerMap]{background-image:url('/assets/reference/img/map/map_citybutton.png')}
.reference-world .floating-map-tools [data-action=mapSearchPanel]{background-image:url('/assets/reference/img/map/map_searchbutton.png')}
.reference-world .floating-map-tools [data-action=worldSelection]{background-image:url('/assets/reference/img/nav/n_map.png')}
.reference-world .floating-map-tools [data-action=mapZoom]{font-size:23px;color:#705828}
.target-owner .settlement-art{width:140px;height:140px;filter:none}.target-popup h2{font-size:18px}
@media(max-width:480px){.training-intro .reference-art{flex-basis:115px;width:115px;height:115px}.training-intro{min-height:140px}.training-portrait{width:90px;flex-basis:90px}.training-portrait .reference-art{width:90px;height:88px}.training-actions{grid-template-columns:45px 48px 1fr}.training-actions input{width:45px}.training-actions .training-produce{width:48px}.training-actions .training-upgrade{width:65px}.reference-sheet{padding:14px 12px}.training-unit{gap:10px}.reference-page-header{min-height:70px;grid-template-columns:50px 1fr 50px}.reference-page-header button,.reference-page-header button:last-child{width:50px;height:50px}.game-app #game>#nav .game-icon{width:48px;height:48px}}
/* Phone recording fixes: fit by width, reserve controls, prevent page-wide panning. */
html{overflow-x:hidden;scroll-padding-top:0}
body.game-app{width:100%;max-width:560px;overflow-x:clip}
.game-app #game,.game-app #content,.game-app #world-selection{width:100%;max-width:100%;min-width:0}
.game-app #game[hidden]{display:none!important}
.game-app #game.city-home{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-height:100svh;height:100svh;overflow:hidden;background:#b6ad83}
.game-app #game.city-home>header.reference-top{position:relative;grid-row:1;top:auto;left:auto;right:auto;width:100%;height:calc(44px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 5px 0;background:url('/assets/reference/img/bg/pan_back.jpg') center top/100% auto}
.game-app #game.city-home>#resources{position:relative;grid-row:2;top:auto;left:auto;margin:0;width:100%;height:32px}
.game-app #game.city-home>main{grid-row:3;display:grid;place-items:center;width:100%;max-width:100%;min-height:0;overflow:hidden;padding:0;background:#b6ad83}
.reference-city{width:100%;height:auto!important;min-height:0!important;aspect-ratio:870 / 1280;max-height:100%;overflow:hidden}
.reference-terrain,.city-hitboxes{width:100%;height:100%;inset:0;transform:none;background-size:100% 100%}
.game-app #game.city-home>#nav{position:relative;grid-row:4;left:auto;right:auto;bottom:auto;transform:none;width:100%;height:calc(66px + env(safe-area-inset-bottom));min-height:66px;max-width:100%;padding:3px 6px calc(3px + env(safe-area-inset-bottom))}
.game-app #game.city-home>#nav button{min-height:58px;gap:0}
.game-app #game.city-home>#nav .nav-icon{height:42px}
.game-app #game.city-home>#nav .game-icon{width:42px;height:42px}
.city-side-tools{top:7%;left:2%;gap:10px}
.city-side-tools button{min-height:44px}.side-art,.side-art .game-icon{width:34px;height:34px}
.city-side-tools strong{font-size:9px}
.city-news-ticker{height:24px!important;min-height:24px!important;padding:1px 5px}
.city-news-ticker>strong{font-size:10px!important}.city-news-ticker>b{height:24px;font-size:22px}
.game-app #game.reference-page>main{max-width:100%;min-height:100svh}
.reference-sheet{width:100%;max-width:100%;min-width:0}
.reference-page-header{min-height:calc(60px + env(safe-area-inset-top));padding:calc(5px + env(safe-area-inset-top)) 7px 5px;grid-template-columns:48px minmax(0,1fr) 48px}
.reference-page-header button,.reference-page-header button:last-child{width:48px;height:48px}
.game-app .reference-page-header h1{font-size:16px}
.research-row{grid-template-columns:clamp(62px,20vw,90px) minmax(0,1fr);gap:12px;padding:18px 0}
.research-art{width:100%;height:90px}.research-copy h3{font-size:18px}.research-copy p{font-size:13px;line-height:1.4;margin-bottom:8px}.research-copy strong{font-size:13px}.research-footer{padding-top:4px;gap:8px}.research-footer>div{font-size:12px;gap:8px}.research-footer>button{min-width:140px;font-size:12px;min-height:42px;padding:8px 12px}
.academy-intro{gap:12px;padding:5px 0 16px}.academy-intro .reference-art{width:90px;height:90px;flex:0 0 90px}.academy-intro h2{font-size:20px}.academy-intro p{font-size:13px}
.training-intro .reference-art{flex-basis:100px;width:100px;height:100px}.training-intro{min-height:120px;gap:10px}.training-unit{gap:10px;min-height:125px}.training-portrait{width:82px;flex-basis:82px}.training-portrait .reference-art{width:82px;height:82px}
.training-actions{grid-template-columns:45px 48px minmax(0,1fr);gap:6px}.training-actions .training-upgrade{max-width:100%;width:62px}
.game-app .reference-world .map-frame,.game-app .reference-world .world-map-card{width:100%;max-width:100%;min-width:0;overflow:hidden}
.game-app .reference-world .map-scroll.illustrated-map{width:100%;max-width:100%;height:100svh!important;position:relative;overflow:auto;overscroll-behavior:none}
.reference-world .floating-map-tools{top:calc(8px + env(safe-area-inset-top));right:7px;gap:6px}
.reference-world .map-minimap{bottom:calc(8px + env(safe-area-inset-bottom));right:7px}
.reference-world .illustrated-place .settlement-art{background-size:contain!important}
.reference-world .illustrated-place.castle .settlement-art{clip-path:polygon(65% 1.3%,66% 3.1%,71.3% 3.6%,71.1% 7.3%,66.2% 8.1%,65.6% 13.5%,70.3% 13.8%,70.3% 16.4%,73.6% 18%,74.8% 24.5%,72.5% 31%,71.1% 64.8%,57.2% 72.7%,52.5% 70%,36.7% 83.6%,30.5% 85%,29.3% 80%,21.9% 81.3%,16.8% 77%,16.2% 50%,17.2% 44.5%,23% 40.6%,24% 39%,26.1% 37.8%,30.7% 33.8%,33.4% 32.6%,36.1% 29.4%,39.8% 27.3%,42.6% 24.7%,47.1% 21.6%,50.2% 18.8%,53.5% 17.2%,54.3% 14%,59.8% 11.2%,64.6% 12%)}
.reference-world .illustrated-place.colony .settlement-art{width:calc(var(--map-scale)*.85px);height:calc(var(--map-scale)*.75px);margin:auto}
.reference-world .illustrated-place.city .settlement-art{width:calc(var(--map-scale)*1px);height:calc(var(--map-scale)*.85px);margin:auto}
@media(max-width:360px){.reference-sheet{padding:10px}.research-copy h3{font-size:16px}.research-row{gap:9px}.research-footer>button{min-width:125px}.training-portrait{width:66px;flex-basis:66px}.training-portrait .reference-art{width:66px;height:78px}.training-actions{grid-template-columns:40px 43px minmax(0,1fr);gap:4px}.training-actions input{width:40px}.training-actions .training-produce{width:43px}.training-actions .training-upgrade{width:55px}}
/* Owner batch: continuous paper, compact lists, safe controls and intact markers. */
.game-app #game.city-home{padding:4px 0;background:#080808}
.game-app #game.city-home>main{background:#b6ad83}
.reference-city{height:100%!important;aspect-ratio:auto;max-height:100%}
.reference-terrain{background-size:100% 100%}
.game-app #game.city-home>#nav{height:calc(68px + env(safe-area-inset-bottom));min-height:68px;padding-bottom:calc(5px + env(safe-area-inset-bottom))}
.city-side-tools{width:58px;gap:10px;top:7%}.side-art,.side-art .game-icon{width:48px;height:48px}.city-side-tools button{min-height:58px}.city-side-tools strong{font:700 10px Arial}.city-side-tools [data-countdown]{font-size:9px}
.city-shield{right:8px;bottom:31px;min-height:30px;max-width:65%;font-size:11px}.city-shield [data-countdown]{font-size:11px}
.game-app #game.reference-page>main{background:#f7f5ef url('/assets/reference/img/ui/bg_page.png') center top/100% 100% no-repeat;min-height:100svh}
.reference-sheet{background:transparent;min-height:calc(100svh - 60px - env(safe-area-inset-top));padding-bottom:calc(16px + env(safe-area-inset-bottom))}
.research-row{grid-template-columns:64px minmax(0,1fr);gap:10px;padding:12px 0 10px}.research-art{height:68px}.research-copy h3{font-size:16px;margin:0 0 4px}.research-copy p{font-size:12px;margin-bottom:5px}.research-copy strong{font-size:12px}.research-copy small{font-size:10px}.research-footer{gap:5px;padding-top:2px}.research-footer>button{min-height:36px;min-width:125px;padding:6px 11px;font-size:11px}.research-footer>div{font-size:11px}.research-footer .game-icon{width:18px;height:20px}.academy-intro{padding:0 0 10px}.academy-intro .reference-art{width:72px;height:72px;flex-basis:72px}.academy-intro h2{font-size:18px}.academy-intro p{font-size:12px}
.training-intro{min-height:98px;padding:7px}.training-intro .reference-art{width:82px;height:82px;flex-basis:82px}.training-intro strong{font-size:12px}.training-intro small{display:block;font-size:10px}
.training-unit{padding:15px 0;min-height:118px;gap:10px}.training-portrait{width:82px;flex-basis:82px}.training-portrait .reference-art{width:82px;height:82px}.training-unit-title{margin-bottom:9px;font-size:11px;gap:7px}.training-unit .cost,.training-unit small{font-size:10px}.training-actions input{font-size:16px}.training-upgrade img{width:28px;height:28px;display:block;margin:auto;pointer-events:none}.training-actions .training-upgrade::after{display:none}.training-actions .training-upgrade{width:66px;height:42px}
.production-status{font:700 11px/1.5 Arial;padding:9px;margin:10px 0;border:1px solid #bab7aa;background:#f5f4eccc}
.inline-training-title{display:flex;justify-content:space-between;gap:6px;color:#356f2d;font-size:12px;margin:5px 0}.inline-training-title strong{font-size:13px}.training-bar{height:7px;background:#4e3912;border:1px solid #bd9835;border-radius:2px;overflow:hidden;margin:7px 0}.training-bar i{display:block;height:100%;background:#91a644}
.inline-training p{font-size:11px;line-height:1.7}.inline-training p b{color:#806124}.inline-training-actions{display:grid;grid-template-columns:1fr 1.45fr;gap:7px;margin-top:9px}.inline-training-actions button{border:0;border-radius:0;min-height:44px;padding:6px 3px;color:white;font:700 11px Arial}.training-cancel{background:url('/assets/reference/img/ui/button_red_default.png') center/100% 100% no-repeat}.training-finish{background:url('/assets/reference/img/ui/button_green_default.png') center/100% 100% no-repeat}.training-finish .game-icon{height:18px;width:18px;filter:none}
.worker-unit{border-bottom:1px solid #c5beaa}.worker-output{font-size:11px;color:#426938;margin:3px 0 8px}.worker-dismiss{margin-top:14px;font-size:12px}.worker-dismiss summary{min-height:40px;padding:10px;cursor:pointer;background:#e9e1cf}.worker-dismiss .row{padding:6px 0}.worker-dismiss input{width:68px}
.reference-world .illustrated-place.castle .settlement-art{clip-path:none!important;width:calc(var(--map-scale)*.92px);height:calc(var(--map-scale)*.82px);background-size:contain!important;background-position:center bottom!important;margin:auto}
.reference-world .illustrated-place.colony .settlement-art{width:calc(var(--map-scale)*.68px);height:calc(var(--map-scale)*.62px);margin:auto;margin-top:calc(var(--map-scale)*.1px)}
.bonus-sheet{text-align:center}.bonus-instruction{font:700 14px/1.5 Arial;margin:6px 0 22px}.bonus-chests{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 10px}.bonus-chests button{border:0;padding:0;min-height:0;background:transparent!important;box-shadow:none;border-radius:0;cursor:pointer}.closed-chest{display:block;width:100%;aspect-ratio:194 / 185;background-image:url('/bonus-chests.jpeg');background-repeat:no-repeat;background-size:364.433% 830.270%;background-position:5.65% 26.277%;mix-blend-mode:multiply}.bonus-chests button:focus-visible{outline:2px solid #b18a35;outline-offset:3px}.bonus-chests button:disabled{opacity:.6}
.bonus-notice{border:1px solid #dab24e;border-left:5px solid #dab24e;border-radius:7px;background:#fff8df;padding:12px 10px;font:700 14px/1.4 Arial;color:#71511e}.bonus-sheet>h2{font:bold 28px Arial;color:#674e1f;margin:22px 0 12px}.bonus-winner{display:grid;justify-items:center;gap:8px;margin:10px 0 26px}.bonus-winner .reference-art{width:120px;height:120px;filter:none}.bonus-winner strong{font-size:20px;color:#326b35}.bonus-winner small{font-size:11px}.bonus-sheet>h3{font:bold 13px Arial;color:#493c24;margin:15px 0}.bonus-revealed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 7px}.bonus-revealed article{min-width:0;display:grid;justify-items:center;align-content:start;gap:5px}.bonus-revealed .reference-art{width:78px;height:85px;max-width:100%;filter:none}.bonus-revealed strong{font:700 11px/1.3 Arial;overflow-wrap:anywhere}.bonus-continue{display:block;width:100%;margin:25px 0 12px;min-height:50px;border:0;border-radius:0;background:url('/assets/reference/img/ui/button_blue_default.png') center/100% 100%;color:#fff;font:bold 18px Arial}.bonus-cooldown{font-size:12px;margin:12px 0}
@media(max-width:360px){.research-row{grid-template-columns:54px 1fr}.research-art{height:60px}.research-copy h3{font-size:15px}.training-portrait{width:70px;flex-basis:70px}.training-portrait .reference-art{width:70px;height:78px}.training-unit-title{gap:5px}.inline-training-actions button{font-size:10px}.bonus-chests{gap:12px 7px}.bonus-revealed .reference-art{width:67px;height:75px}}

/* Keep the city stretched: generic main margin:auto must not collapse its grid row. */
.game-app #game.city-home{display:flex;flex-direction:column;height:100vh;height:100svh;min-height:0;padding:0;background:#b6ad83}
.game-app #game.city-home>header.reference-top,.game-app #game.city-home>#resources,.game-app #game.city-home>#nav{flex-shrink:0}
.game-app #game.city-home>main{position:relative;display:block;flex:1 1 0%;align-self:stretch;margin:0;min-height:0;width:100%;overflow:hidden;background:#b6ad83}
.game-app #game.city-home .reference-city{position:absolute;inset:0;width:100%;height:100%!important;max-height:none;aspect-ratio:auto}
/* Crop the unused grey header of the original bottom panel; center menu within paper. */
.game-app #game.city-home>#nav{height:calc(76px + env(safe-area-inset-bottom));min-height:76px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background-color:#eee6d8;background-size:100% 160%;background-position:center bottom;background-repeat:no-repeat;align-items:stretch}
.game-app #game.city-home>#nav button{min-height:0;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0}
.game-app #game.city-home>#nav .nav-icon{height:42px;display:grid;place-items:center}
.game-app #game.city-home>#nav .game-icon{width:42px;height:42px;object-fit:contain}
.game-app #game.city-home>#nav button>span:last-child{font:700 11px/14px Arial;margin:0}

.game-app #game.city-home>#nav{height:calc(98px + env(safe-area-inset-bottom));min-height:98px;padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}
.game-app #game.city-home>#nav .nav-icon{height:63px}
.game-app #game.city-home>#nav .game-icon{width:63px;height:63px;max-width:100%;object-fit:contain}
/* Resource market, reusing original market, cart and button artwork. */
.market-sheet{padding:16px 15px 24px}.market-intro{min-height:145px;gap:13px}.market-intro>.reference-art{width:125px;height:125px;flex-basis:125px}.market-intro strong{font:700 13px/1.5 Arial}.market-intro small{display:block;margin-top:7px}.market-home-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.market-red{background:url('/assets/reference/img/ui/button_red_default.png') center/100% 100% no-repeat;border:0;border-radius:0;color:#fff;min-height:46px;font:700 16px Arial;padding:10px}.market-sheet>.tabs{background:none;padding:0;gap:6px;border-radius:0;margin:0 0 12px}.market-sheet>.tabs button{border:1px solid #c3af7b;border-radius:8px;min-height:40px;color:#674a23;font:bold 13px Arial;background:transparent}.market-sheet>.tabs button.active{background:#125c72;color:white}.market-copy{font:700 12px/1.5 Arial;margin:10px 0 14px}.market-sheet>h3{font:700 14px Arial;margin:14px 0}.market-table-head,.market-offer-row{display:grid;grid-template-columns:minmax(0,1.4fr) .85fr .65fr 1fr 42px;align-items:center;gap:4px;border-bottom:1px solid #bcb7a9;padding:9px 0}.market-table-head button{border:0;background:none;min-height:26px;font:bold 10px Arial;color:#50477a;padding:0}.market-offer-row{min-height:61px;font:700 11px Arial;text-align:center}.market-offer-row>strong{font-size:11px}.market-seller{padding:0;text-align:left;color:#2869a0;font:bold 11px Arial;border:0;background:none;overflow-wrap:anywhere;min-width:0}.market-check{width:42px;height:42px;min-height:42px;border:0;background:url('/assets/reference/img/ui/button_green_default.png') center/100% 100%;color:white;font:bold 20px Arial;padding:0;border-radius:0}.market-warning{background:#f0e7cd;border-left:3px solid #b4994a;padding:12px;font:700 12px/1.5 Arial}.market-link{display:block;background:none;border:0;text-decoration:underline;font:700 12px Arial;min-height:32px}.market-form{display:grid;gap:12px}.market-form label{display:grid;gap:5px;font:bold 12px Arial}.market-form input,.market-form select{width:100%;min-height:43px;padding:10px;border:1px solid #d0af64;background:#f4ebd4;border-radius:8px;font-size:16px;color:#44351c}.market-form>.market-red{margin-top:6px}.market-history{padding:12px 0;border-bottom:1px solid #bcb7a9;font-size:12px}.market-history p{font-size:12px;line-height:1.5;margin:4px 0}.market-history small{font-size:10px}.market-sheet .empty{font:700 14px Arial;padding:40px 5px;color:#8a7142}
/* Reference information screens and native momentum map scrolling. */
.game-app .reference-world .map-scroll.illustrated-map{touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;scroll-behavior:auto;overscroll-behavior:contain;overflow-anchor:none}
.world-map{contain:layout paint style}.march-lines{pointer-events:none}.map-place.illustrated-place{contain:layout style}.reference-world .floating-map-tools .map-home{font-size:0;background:transparent}.reference-world .floating-map-tools .map-home .game-icon{width:40px;height:40px}.map-places-button{position:absolute;right:9px;bottom:calc(9px + env(safe-area-inset-bottom));z-index:6;width:44px;height:44px;padding:3px;border:1px solid #d3b860;background:#eee5c9;border-radius:6px}.map-places-button .game-icon{width:36px;height:36px}.reference-world .map-minimap{bottom:calc(59px + env(safe-area-inset-bottom))}
.honor-art{display:inline-block;width:42px;height:42px;object-fit:contain;vertical-align:middle;flex-shrink:0}.marshal-logo{width:46px;height:46px;object-fit:contain}.marshal .honor-art{width:20px;height:20px}.ranking-sheet>.tabs,.places-sheet>.tabs{background:none;gap:8px;padding:0}.ranking-sheet>.tabs button,.places-sheet>.tabs button{background:#e5d9b5;border:1px solid #c0a865;border-radius:8px;font:bold 16px Arial;color:#695833;min-height:46px}.ranking-sheet>.tabs button.active,.places-sheet>.tabs button.active{background:#103e50;color:#f2c860;border-color:#103e50}.ranking-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto 40px;align-items:center;gap:8px;border:1px solid #bda977;border-radius:8px;min-height:67px;padding:8px 11px;margin-bottom:8px;background:#fffaf545;color:#513e20}.ranking-card>.honor-art{width:40px;height:40px}.ranking-number{font:700 17px Arial;text-align:center}.ranking-number .honor-art{width:42px;height:42px}.ranking-person{border:0;padding:0;min-height:40px;text-align:left;background:none;min-width:0}.ranking-person strong{display:block;font:700 15px Arial;color:#382b18;overflow-wrap:anywhere}.ranking-person small{display:block;font:700 10px Arial;color:#80683d;margin-top:3px}.ranking-points{font-size:14px}.marshal-card{border:2px solid #be3535}.marshal-card .ranking-person strong{color:#b42c2c}.conqueror-card{border:2px solid #cfab2e}.conqueror-card .ranking-person strong{color:#b39826}.conquerors-link{display:block;text-align:right;width:100%;padding:6px 0 10px;border:0;background:none;color:#2e6ea5;font:700 11px Arial}
.player-info-sheet>h2{font:700 17px Arial;margin:14px 0 6px}.player-honor{display:flex;align-items:center;gap:14px;background:#f0eee94d;border:1px solid #bcb9b1;border-radius:2px;padding:12px}.player-honor>.honor-art{width:57px;height:57px}.player-honor strong{font:700 15px Arial}.player-honor p{font:700 12px Arial;margin:6px 0}.kingdom-info{border:1px solid #bcb9b1;padding:8px;border-radius:3px}.kingdom-info-row{display:grid;grid-template-columns:35% minmax(0,1fr);align-items:center;gap:7px;margin-bottom:5px}.kingdom-info-row>strong{color:#a43125;font:700 12px Arial}.kingdom-info-row>div{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #bcb9b1;background:#f0eee94d;padding:7px;min-height:43px;font:700 13px Arial}.kingdom-info-row .honor-art,.kingdom-info-row .game-icon{height:27px;width:27px}.profile-alliance-link{background:none;border:0;color:#276eaa;font:700 13px Arial;padding:0;min-height:28px;width:100%;text-align:left}.profile-badges{border:1px solid #bcb9b1;padding:12px;min-height:65px;display:flex;flex-wrap:wrap;gap:12px}.profile-badges>span{position:relative}.profile-badges b{position:absolute;bottom:0;right:-3px;background:#ede6d5;border-radius:100%;padding:1px 4px;font-size:10px}.region-row{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid #bcb9b1;border-radius:3px;background:#f0eee94d;color:#53524c;text-align:left;font:bold 14px Arial;padding:9px 12px;margin-bottom:5px;min-height:47px}.region-row .honor-art{width:25px;height:25px}.owned-route{border-bottom:1px solid #bcb9b1;padding:10px 0}.owned-route h3{font-size:14px}.owned-route p{font:700 12px/1.5 Arial}
.large-minimap{display:block;width:100%;aspect-ratio:648/660;background:#27272c;border:3px solid #d8ac42;border-radius:8px}.large-minimap text{font:bold 1.7px Arial;paint-order:stroke;stroke:#111;stroke-width:.45px;stroke-linejoin:round}.large-minimap .mini-morale{font-size:1.6px}.large-minimap g{cursor:pointer}.minimap-panels{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.minimap-panels>div{border:1px solid #bda977;border-radius:7px;padding:8px;min-width:0}.minimap-panels h3{font:bold 11px Arial;text-align:center;margin:0 0 10px;color:#634b22}.route-legend{display:grid;grid-template-columns:1fr 1fr;gap:4px}.route-legend button{min-width:0;min-height:25px;border:0;background:none;font:bold 10px Arial;text-align:left;padding:2px;white-space:nowrap}.route-legend button.chosen{outline:1px solid currentColor;border-radius:4px}.mini-alliance-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px 0;border:0;border-bottom:1px dashed #bda977;background:none;font:bold 11px Arial;gap:5px;text-align:left;overflow-wrap:anywhere}.minimap-panels small{font-size:10px}.places-note{font:700 12px/1.5 Arial;color:#867651;margin:10px 0}.places-list{border:1px solid #d6c8a6;border-radius:10px;overflow:hidden;background:#fffdf5}.places-list article{display:grid;grid-template-columns:36px minmax(0,1fr) 34px;gap:9px;padding:12px 10px;align-items:center;border-bottom:1px solid #e3d4ac}.places-list .reference-art{width:36px;height:36px;filter:none}.places-list strong{font:700 15px Arial;color:#514124}.places-list small{display:block;font:700 10px/1.4 Arial;color:#84704a}.places-list button{border:1px solid #dfc893;border-radius:7px;background:#f5e9c8;color:#e39724;width:34px;height:36px;min-height:36px;padding:0;font:700 24px Arial}
@media(max-width:360px){.ranking-card{gap:5px;padding:7px;grid-template-columns:36px minmax(0,1fr) auto 32px}.ranking-person strong{font-size:13px}.ranking-points{font-size:12px}.ranking-card>.honor-art{width:32px;height:36px}.kingdom-info-row{grid-template-columns:34% 1fr}.kingdom-info-row>strong{font-size:11px}.route-legend{grid-template-columns:1fr}.route-legend button{font-size:11px}}
/* Alliance reference layout and embassy sizing. */
.alliance-summary{display:grid;grid-template-columns:45px minmax(0,1fr) 50px;gap:12px;border:1px solid #bdbab1;background:#efede74d;padding:12px;align-items:center}.alliance-summary>.game-icon{width:42px;height:42px}.alliance-summary>div>div,.alliance-summary>div>button{display:grid;grid-template-columns:54px 1fr;gap:8px;align-items:center;width:100%;font:700 12px Arial;color:#6d5a34;background:none;border:0;padding:0;margin-bottom:5px;text-align:left;min-height:28px}.alliance-summary strong{display:block;background:#e3e1d94d;border:1px solid #c6c3b9;padding:5px 10px;color:#49381f;font:700 16px Arial}.alliance-summary strong>span{float:right}.alliance-summary aside{display:flex;align-items:center;gap:5px;color:#b73426;font-size:12px}.alliance-summary .honor-art{width:35px;height:38px}.alliance-about{border:1px solid #bdbab1;padding:12px;margin:6px 0 12px}.alliance-about h2{font:700 18px Arial;color:#775b2f;margin:0 0 7px}.alliance-about p{font:700 12px/1.5 Arial;margin:0}.alliance-reference-sheet>h2{font:700 17px Arial;margin:10px 0 6px}.alliance-route-box{border:1px solid #bdbab1;padding:5px 12px}.alliance-route-box article{border-bottom:1px solid #ccc8bd;padding:9px 0}.alliance-route-box article:last-child{border-bottom:0}.alliance-route-box h3{font:700 13px Arial;margin:0 0 5px}.alliance-route-box p{font:700 13px/1.65 Arial;margin:0}.owned-city-name{font-weight:800;color:#19170f}.missing-city-name{font-weight:600;font-style:italic;color:#a09273;font-size:11px}.alliance-join{margin-top:16px;width:100%;border:0;border-radius:0;background:url('/assets/reference/img/ui/button_blue_default.png') center/100% 100%;color:white;font:700 16px Arial;min-height:48px}.alliance-management{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.alliance-management button{flex:1;min-height:36px;font-size:11px}
.city-news-ticker{height:32px!important;min-height:32px!important;padding:3px 7px}.city-news-ticker>strong{font-size:11px!important}.city-news-ticker>b{height:32px;font-size:24px}.city-shield{bottom:39px}
.game-app #game.reference-page:has([data-tab="embassy"]) .general-sheet{font-size:12px}.game-app #game.reference-page:has([data-tab="embassy"]) .general-sheet p,.game-app #game.reference-page:has([data-tab="embassy"]) .general-sheet strong{font-size:12px;line-height:1.4}.game-app #game.reference-page:has([data-tab="embassy"]) .general-sheet small{font-size:10px}.game-app #game.reference-page:has([data-tab="embassy"]) .general-sheet h3{font-size:14px}
/* Diamond storefront, with provider-owned checkout to be connected after approval. */
.diamond-shop-sheet{padding:16px 12px 22px}.diamond-shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;color:#6b5635;font-size:12px}.diamond-shop-toolbar>span{display:flex;align-items:center;gap:5px}.diamond-shop-toolbar .game-icon{width:18px;height:18px}.diamond-shop-toolbar>div{display:flex;gap:4px}.diamond-shop-toolbar button{padding:4px 8px;min-height:32px;font-size:11px;border-color:#b59a5e}.diamond-shop-toolbar button.active{background:#153947;color:#f7e4b2}.diamond-package{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr) 79px;gap:8px;align-items:center;padding:18px 10px;min-height:94px;border:1px solid #d3c4a4;background:linear-gradient(#fffdf6,#f3ecd9);border-radius:7px;box-shadow:0 3px 8px #9b845a16;margin-bottom:12px}.diamond-package-art{height:56px;position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0}.diamond-package-art .game-icon{width:27px;height:27px;max-width:100%;object-fit:contain}.diamond-package-art>.game-icon:first-child{position:absolute;top:0;left:12px}.diamond-package-art>.game-icon:nth-child(2){position:absolute;left:0;bottom:2px}.diamond-package-art>.game-icon:nth-child(3){position:absolute;right:0;bottom:2px}.diamond-package-art span{position:absolute;font-size:42px;color:#a27431;bottom:4px;left:8px;z-index:-1}.diamond-package-detail h2{font:700 11px/1.3 Arial;color:#85704d;letter-spacing:.09em;margin:0 0 3px;text-transform:uppercase}.diamond-package-detail>strong{display:flex;gap:4px;align-items:center;font:800 23px/1.2 Arial;color:#30291b}.diamond-package-detail>strong .game-icon{width:18px;height:18px}.diamond-package-detail>small{display:block;font:600 9px/1.5 Arial;color:#806b49;margin-top:5px}.diamond-package-detail>small b{background:#347540;color:white;border-radius:10px;padding:2px 5px;margin-right:3px;font-size:10px}.diamond-buy{padding:8px 3px;min-height:52px;width:100%;border:1px solid #6082a6;background:linear-gradient(#234f77,#16324d);color:#f9eed9;border-radius:5px;opacity:1!important;cursor:default}.diamond-buy strong{display:block;font:700 15px/1.3 Arial}.diamond-buy span{display:block;font:700 8px/1.5 Arial;letter-spacing:.06em;margin-top:2px}.diamond-package.popular{border:2px solid #b97432;padding-top:26px}.diamond-package.value{border:2px solid #b99528;background:linear-gradient(#fff7d1,#f8e7a5);padding-top:26px}.diamond-package-badge{position:absolute;right:0;top:0;padding:3px 8px;background:#a96d31;color:white;font:700 8px/1.5 Arial;border-radius:0 3px 0 5px;letter-spacing:.05em}.diamond-package.value .diamond-package-badge{background:#a78513}.diamond-shop-notice{font:600 12px/1.5 Arial;text-align:center;color:#735e3b;margin:17px 0 0}@media(max-width:350px){.diamond-package{grid-template-columns:39px minmax(0,1fr) 70px;gap:6px;padding-left:7px;padding-right:7px}.diamond-package-detail>strong{font-size:21px}.diamond-package-detail>small{font-size:8px}.diamond-package-art .game-icon{width:23px;height:23px}.diamond-buy strong{font-size:13px}}

.diamond-package-art>span{z-index:0;width:36px;height:34px;bottom:8px;left:7px}.diamond-package-art>span .game-icon{position:static;width:36px;height:34px}.diamond-package-art>.game-icon{z-index:1}

/* Move the complete installed phone game into half of the lower safe-area gap. */
@media (display-mode: standalone) and (max-width: 600px){
  .game-app #game{position:relative;top:clamp(12px,calc(env(safe-area-inset-bottom,0px) / 2),20px)}
}