.expedition-tool-slot{display:contents}.colony-quick-navigation .expedition-shortcut,.world-map-menu .expedition-shortcut{position:relative;inset:auto;transform:none;z-index:auto;width:100%;min-height:52px;padding:5px;border:1px solid #5d7e8d;border-radius:10px;background:linear-gradient(#294755,#16303d);color:#d6e8e8;display:grid;place-items:center;gap:2px;font:11px Arial}.expedition-tool-slot .expedition-shortcut[hidden]{display:none}.expedition-shortcut>span{font-size:22px}.expedition-shortcut>small{font-size:10px}.expedition-shortcut>i{position:absolute;right:calc(100% + 5px);top:7px;min-width:31px;border:1px solid #56817d;border-radius:6px;padding:3px 5px;white-space:nowrap;background:#173b45;font-style:normal;font-size:10px}.expedition-shortcut.ready>i{color:#ffe6a0;border-color:#d5c17e}
.friendship-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.friend-confirmed:disabled{opacity:1;color:#91dfbe;background:#244c42;border-color:#659f88}.friend-requests{padding:12px;border:1px solid #6c9f88;border-radius:12px}.social-message:has(.social-author:disabled){font-style:normal}.world-profile-picture{width:62px!important;height:62px!important;flex:0 0 62px;border-radius:12px;object-fit:cover;border:1px solid #79988d;background:#153642}.profile-placeholder{display:grid;place-items:center;font-size:38px}.world-player-heading>div{min-width:0}.world-player-heading h3{overflow-wrap:anywhere}#social-bar [data-friend-request-count]{position:absolute;right:-3px;top:-3px;min-width:15px;border-radius:8px;background:#b65543;color:#fff;font-size:10px;padding:2px}
.world-relocation{bottom:auto!important;top:64px;left:12px!important;right:82px;transform:none!important;width:auto!important;max-width:360px;z-index:28!important}.relocation-card>div{display:grid!important;grid-template-columns:1fr 1fr;gap:9px}.relocation-card>div>button{width:100%!important;min-width:0;margin:0!important;min-height:44px;white-space:normal;padding:9px 8px}.world-viewport:has(.relocation-card) #social-bar{max-width:calc(100% - 16px)}
#formation-save-bar{position:fixed;right:16px;z-index:3015;display:flex;align-items:center;gap:12px;padding:10px 12px;background:#122e3bf5;border:1px solid #96c4b0;border-radius:12px;box-shadow:0 6px 25px #0007;max-width:calc(100% - 32px)}#formation-save-bar[hidden]{display:none}#formation-save-bar small{font-size:12px;color:#d7dabb}#formation-save-bar button{min-height:42px;margin:0;white-space:nowrap}#formation-leave-dialog{width:min(460px,calc(100% - 24px));padding:22px}#formation-leave-dialog .mode-actions{display:flex;flex-wrap:wrap;gap:10px}#formation-leave-error{color:#ffbeaa}.legion-rows{overflow-anchor:none}.legion-editor{padding-bottom:76px}
.world-creature-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.world-march-canvas{z-index:2}.world-map-hint,.world-coordinates{z-index:4}
.construction-foundation{opacity:.23}.construction-animation{position:absolute!important;inset:0;z-index:3;pointer-events:none}.construction-animation .construction-scaffold{opacity:.8}.construction-animation.new .construction-scaffold{opacity:1}.construction-crew{--site-motion:paused}.animate-construction .construction-crew{--site-motion:var(--colony-motion-state,running)}.tool-saw{opacity:0}.tiny-sprite .construction-crew{display:none}.construction-spark{animation:build-spark .85s ease-out infinite;animation-play-state:var(--site-motion);opacity:0}
@keyframes build-spark{0%,60%,100%{opacity:0}65%{opacity:.7}80%{opacity:0}}
@media(prefers-reduced-motion:reduce){.worker-step,.construction-animation *{animation:none!important}.construction-spark{display:none}.tool-saw{opacity:0}.tool-hammer{opacity:1}}
@media(max-width:600px){#formation-save-bar{right:10px;max-width:calc(100% - 20px);gap:8px;padding:8px 10px}#formation-save-bar small{font-size:11px}.world-relocation{top:68px;right:76px}.friendship-actions button{font-size:12px;padding:8px}.world-profile-picture{width:52px!important;height:52px!important;flex-basis:52px}.world-player-heading h3{font-size:21px}}

/* Keep the complete rail below resources when the detail dock reduces map height. */
.short-map .compact-map-controls{gap:3px;padding:3px}.short-map .compact-map-controls .colony-quick-navigation{gap:3px}.short-map .compact-map-controls button,.short-map .compact-map-controls .colony-quick-navigation>button,.short-map .compact-map-controls .expedition-shortcut{min-height:38px;height:38px;padding:2px}.short-map .compact-map-controls .colony-quick-navigation>button>span,.short-map .expedition-shortcut>span{font-size:17px;line-height:18px}.short-map .compact-map-controls .colony-quick-navigation>button>small,.short-map .expedition-shortcut>small{font-size:8px}.expedition-shortcut>i{right:2px;top:1px;min-width:15px;padding:1px 3px;border-radius:6px;font-size:9px}.panel:has(.army-return-toolbar) .legion-switcher{top:64px}#social-bar [data-friend-request-count][hidden]{display:none}

@media(max-height:740px){.short-map .compact-map-controls .colony-quick-navigation{height:38px}.short-map .compact-map-controls .colony-quick-navigation:has(.expedition-shortcut:not([hidden])){grid-template-columns:repeat(2,44px);width:91px;left:-47px;height:79px}}

.colony-quick-navigation .expedition-shortcut{width:44px;min-width:44px;box-sizing:border-box}@media(max-height:740px){.short-map .colony-quick-navigation:has(.expedition-shortcut:not([hidden])) .hero-beacon-balance{right:0;top:-2px;transform:none;font-size:8px;padding:1px 3px;max-width:36px}}

.legion-adjustment{padding:10px 12px;border-left:3px solid #edca7b;border-radius:6px;background:#51482a66;color:#ffe5ad!important;font-size:12px!important;line-height:1.6!important}.legion-march-speed{font-size:11px!important;color:#b8dfcf!important;line-height:1.6!important}

.market-storage-warning{display:block;color:#ffe3a0!important;font-size:11px;line-height:1.5;margin:5px 0}

.worker-sprite{overflow:hidden;pointer-events:none}.worker-atlas{image-rendering:auto}.scaffold-braces{opacity:.8}

.hunter-agent .worker-atlas{filter:none!important}

/* Crop each worker to one atlas cell, including inside building SVGs. */
#map .plot svg.worker-sprite,#map .worker-sprite{overflow:hidden!important}
/* Keep the complete title above the clock; the version shares the clock row. */
.app>main>header .identity>b,.app>main>header .identity>div>b{display:block;overflow:visible;text-overflow:clip}
.app>main>header .identity .game-title{display:block;overflow:visible;text-overflow:clip;white-space:nowrap}
.app>main>header .identity .game-clock-line{display:flex;align-items:center;gap:6px}
.app>main>header .identity .game-clock .game-version{font:600 8px/1.1 Arial,sans-serif;letter-spacing:0;color:#b9ecde;padding:1px 3px}
.app>main>header button.avatar{padding:0;margin:0;flex-shrink:0;cursor:pointer;min-height:0}
.app>main>header button.avatar:focus-visible{outline:2px solid #92edda;outline-offset:3px}
@media(max-width:600px){.app>main>header #open-chat{display:none}.app>main>header .identity{gap:7px}.app>main>header .identity .game-title{font-size:11px;letter-spacing:.05em}}
@media(max-width:360px){.app>main>header .account-button{max-width:44px;margin-left:0;margin-right:0;padding:4px;font-size:8px}.app>main>header .identity .game-title{font-size:10px;letter-spacing:0}.app>main>header .identity{gap:5px}.app>main>header{gap:3px}}