/* Approved V25F header geometry; user-selected existing clean landing artwork. */
body[data-game=true]::before{content:none}
body[data-game=true] .shell{box-sizing:border-box;width:920px;max-width:100%;margin:0 auto;padding:0 12px 12px;border-left:3px ridge #b59a62;border-right:3px ridge #b59a62;background:linear-gradient(90deg,#d8c99a,#e8dbaf 30%,#d8c99a);box-shadow:0 0 0 2px #eee0ba77,0 0 12px #33251a66}
body[data-game=true] .quick-navigation{box-sizing:border-box;min-height:28px;margin:0 0 7px;padding:0 5px;gap:0;border:1px solid #ab8848;border-radius:0;box-shadow:inset 0 0 0 1px #fff2c6;background:linear-gradient(#f8e9ba,#e6cf94);align-items:center;justify-content:center;flex-wrap:wrap}
body[data-game=true] .quick-navigation a{min-height:26px;padding:1px 7px;gap:3px;color:#583716;font:700 13px/20px Arial,sans-serif;white-space:nowrap;border-radius:0}
body[data-game=true] .quick-navigation .nav-icon{width:18px;height:18px;flex:0 0 18px;color:#645941}
body[data-game=true] .quick-building-art{display:block;width:18px;height:18px;object-fit:contain}
body[data-game=true] .village-status-row{display:flex;align-items:center;gap:4px;margin:0 0 7px;flex-wrap:nowrap;min-height:25px}
body[data-game=true] .package-village-strip{box-sizing:border-box;flex:0 1 255px;width:255px;max-width:255px;min-width:160px;min-height:25px;height:25px;margin:0 auto 0 0;padding:1px 3px;gap:3px;border:1px solid #9f7b3d;background:linear-gradient(#faeac3,#e8cc8f);box-shadow:inset 0 0 0 1px #fff1c4;line-height:21px;color:#392714}
body[data-game=true] .package-village-strip .village-marker{display:flex;align-items:center;width:18px;height:18px;flex:0 0 18px}
body[data-game=true] .village-marker img{width:18px;height:18px;object-fit:contain}
body[data-game=true] .village-strip-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 12px/21px Arial,Verdana,sans-serif}
body[data-game=true] .premium-switch{margin-left:-3px;margin-right:auto}
body[data-game=true] .premium-switch summary{box-sizing:border-box;min-height:25px;height:25px;padding:2px 5px;line-height:20px}
body[data-game=true] .resources.resource-status{display:flex;flex:0 1 auto;margin:0 0 0 auto;padding:0;gap:0;min-height:25px;background:linear-gradient(#faeac3,#e8cc8f);border:1px solid #a38045;border-radius:0}
body[data-game=true] .resource-status .resource{box-sizing:border-box;min-height:23px;padding:2px 4px;gap:3px;border:0;border-right:1px solid #c5a86e;border-radius:0;box-shadow:none;background:transparent;position:relative;flex:0 0 auto}
body[data-game=true] .resource-status .resource:last-of-type{border-right:0}
body[data-game=true] .resource-status .resource strong,body[data-game=true] .resource-status .resource-quantity{font:400 12px/17px Arial,sans-serif;white-space:nowrap}
body[data-game=true] .resource-status [data-full=true] [data-resource-amount]{color:#a12410}
body[data-game=true] .resource-status .resource-capacity,body[data-game=true] .resource-status .resource-state{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body[data-game=true] .resource-status .resource-symbol{width:17px;height:18px;flex:0 0 17px}
body[data-game=true] .resource-status .resource-tip{z-index:70;top:calc(100% + 5px);max-width:min(300px,calc(100vw - 28px));font:12px/1.5 Arial,sans-serif;color:#392714;background:#fff0cc;border:1px solid #987744;border-radius:2px;box-shadow:0 3px 8px #24190d44}
body[data-game=true] .resource-status .resource:focus .resource-tip{display:block}
body[data-game=true] .status-tools{display:flex;flex:0 0 auto;gap:0;height:25px;border:1px solid #a38045;background:linear-gradient(#faeac3,#e8cc8f)}
body[data-game=true] .status-tools .status-tool{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:24px;min-width:24px;height:23px;min-height:23px;padding:2px;border:0;border-right:1px solid #c5a86e;border-radius:0;background:none}
body[data-game=true] .status-tools .status-tool:last-child{border-right:0}
body[data-game=true] .status-tools .status-tool[aria-disabled=true]{opacity:.55;cursor:help}
body[data-game=true] .resource-sync{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body[data-game=true] .quick-navigation a:focus-visible,body[data-game=true] .status-tool:focus-visible,body[data-game=true] .resource:focus-visible{outline:2px solid #745221;outline-offset:1px}
@media(max-width:760px),(pointer:coarse){body[data-game=true] .quick-navigation a,body[data-game=true] .package-village-strip,body[data-game=true] .premium-switch summary,body[data-game=true] .resource-status .resource,body[data-game=true] .status-tools .status-tool{height:auto;min-height:44px}body[data-game=true] .status-tools{height:auto;min-height:44px}body[data-game=true] .status-tools .status-tool{width:44px;min-width:44px}body[data-game=true] .premium-switch summary{min-width:44px;display:grid;place-items:center}}
@media(max-width:760px){body[data-game=true] .shell{width:100%;padding:0 7px 10px;border-width:1px}body[data-game=true] .quick-navigation{justify-content:flex-start;flex-wrap:nowrap;overflow:auto}body[data-game=true] .quick-navigation a{flex-shrink:0}body[data-game=true] .village-status-row{flex-wrap:wrap;gap:5px}body[data-game=true] .package-village-strip{max-width:calc(100% - 50px);flex:1 1 255px}body[data-game=true] .resources.resource-status{margin-left:0;flex-wrap:wrap;max-width:100%;flex:1 1 auto}body[data-game=true] .resource-status .resource{flex:1 0 auto}body[data-game=true] .status-tools{margin-left:auto}body[data-game=true] .resource-status .resource-tip{position:fixed;left:12px;right:12px;top:auto;bottom:12px;width:auto;max-width:none}}

body[data-game=true] .village-strip-label{display:flex;align-items:baseline;gap:4px;flex:1;overflow:hidden;text-overflow:clip}
body[data-game=true] .village-strip-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-game=true] .village-strip-coordinates{flex:0 0 auto;white-space:nowrap}

/* Desktop alignment measured against the supplied 1917 px reference. */
@media(min-width:1000px){body[data-game=true] .shell{width:923px;position:relative;left:21.5px;padding-left:15px;padding-right:15px}body[data-game=true] .quick-navigation{margin-bottom:10px}body[data-game=true] .package-village-strip{width:max-content;min-width:255px;max-width:360px;flex:0 1 auto;padding:1px 3px}body[data-game=true] .village-strip-name{flex:0 1 auto}body[data-game=true] .village-strip-label{flex:0 1 auto}}
body[data-game=true] .package-village-strip .village-marker{width:19px;height:19px;flex-basis:19px;border-radius:50%;border:1px solid #9b844f;background:radial-gradient(circle at 35% 25%,#fff4c2,#c5aa6b 75%);box-shadow:inset 0 0 0 1px #f7e8b2,0 1px 1px #96783e55;justify-content:center;overflow:hidden}
body[data-game=true] .village-marker img{width:16px;height:16px}

/* Latest user typography: only coordinates are bold; village name and continent are regular. */
body[data-game=true] .village-strip-label,body[data-game=true] .village-strip-name,body[data-game=true] .village-strip-coordinates{font-weight:400}
body[data-game=true] .village-strip-coordinates strong{font-weight:700}
body[data-game=true] .package-village-strip{justify-content:center}
body[data-game=true] .village-strip-label,body[data-game=true] .village-strip-name{flex:0 1 auto}
/* Content-sized strip: short names must not inherit the former 255 px minimum. */
body[data-game=true] .package-village-strip{display:inline-flex;width:max-content;min-width:0;max-width:min(360px,100%);flex:0 1 auto;padding-inline:3px}
@media(max-width:760px){body[data-game=true] .package-village-strip{max-width:calc(100% - 50px);flex:0 1 auto}}
:root body[data-game=true]{background:#181818 url("entry-fantasy-landing.webp") left top/cover no-repeat fixed}
@media(max-width:760px){:root body[data-game=true]{background-attachment:scroll;background-size:auto 100vh;background-position:15% top}}