#tab-city{padding:0;min-height:0}
/* The village replaces tab navigation; keep the shared brand/account header. */
#tabs{display:none!important}
body.village-open #tab-city{margin-top:0!important;padding:0!important}
.village-editor-toggle{position:absolute;left:12px;top:12px;z-index:5;padding:6px 10px;background:#193324;color:#ffe6ac;border:1px solid #a48750;border-radius:6px}
.village-editor-panel{position:absolute;left:12px;top:50px;z-index:6;width:280px;max-width:calc(100% - 24px);padding:12px;background:#10221af5;color:#eee1be;border:1px solid #a48750;border-radius:8px;font-size:12px}
.village-editor-panel div{display:flex;gap:5px;margin:7px 0}.village-editor-panel button{flex:1;min-width:0;padding:7px 4px}.village-editor-panel button.active{outline:2px solid #f0d494}.village-editor-panel [role=status]{color:#ffb1a2}
.village-editor-panel{width:300px;max-height:calc(100% - 65px);overflow:auto;box-sizing:border-box}.village-editor-panel .village-editor-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.village-editor-panel .village-editor-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.village-editor-palette button{display:flex;flex-direction:column;align-items:center;gap:3px;background:#203727;border:1px solid #796e49;border-radius:5px;color:#f6e5c3;font-size:10px}.village-editor-palette canvas{width:72px;height:64px;max-width:100%;border:0;box-shadow:none;background:transparent}.village-editor-panel [role=status].success{color:#abedb1}.village-editor-panel [data-selected]{overflow-wrap:anywhere}
.village-editor-panel .village-editor-palette{max-height:220px;overflow:auto}.village-editor-panel>.village-editor-tools button{font-size:11px;padding:6px 3px}.village-editor-panel [data-selected]{font-size:10px;margin:5px 0}
.village-editor-panel [data-category]{width:100%;padding:6px;background:#203727;color:#f6e5c3;border:1px solid #796e49;border-radius:5px}
.village-door-size label{display:flex;align-items:center;gap:5px;flex:1}.village-door-size input{min-width:0;width:65px;padding:4px;background:#203727;color:#fff;border:1px solid #796e49}
#tab-city .village-shell{position:relative;width:100%;height:calc(100dvh - 205px);min-height:320px;overflow:hidden;border:1px solid #a48750;border-radius:10px;background:#213327;box-shadow:0 8px 28px #0007}
#tab-city #villageCanvas{display:block;width:100%;height:100%;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;border:0;border-radius:0;box-shadow:none;outline:none;image-rendering:auto!important;touch-action:none}
.village-map-panel{position:absolute;right:12px;top:12px;width:180px;z-index:2;border:1px solid #baa164;border-radius:6px;background:#10231be8;box-shadow:0 4px 14px #0009;overflow:hidden}
.village-map-panel .village-minimap{display:block;position:static;width:100%;height:120px;max-width:none;max-height:none;border:0;border-radius:0;image-rendering:auto;cursor:crosshair}
.village-map-actions{display:flex;gap:3px;padding:4px}
.village-map-panel [data-village-minimize]{position:absolute;right:3px;top:3px;z-index:2;width:23px;height:23px;padding:0;border:1px solid #ad955e;border-radius:4px;background:#10231be8;color:#ffe8ab;font-size:20px;line-height:20px}
.village-map-panel.minimized{width:28px!important;height:28px}
.village-map-panel.minimized .village-minimap,.village-map-panel.minimized .village-map-actions{display:none!important}
body.village-play-only #tabs{display:none!important}
.village-map-actions select{flex:1;min-width:0;width:100%;font-size:10px;color:#eee1be;background:#1e3929;border:1px solid #918053;border-radius:4px;padding:3px}
.village-map-actions button{width:25px;min-width:25px;padding:2px;font-size:15px;color:#eee1be;background:#1e3929;border:1px solid #918053;border-radius:4px}
.village-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.village-interact{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);padding:9px 24px;background:linear-gradient(#c5a05b,#6e502a);border:1px solid #ffe3a3;border-radius:8px;color:#fff5d3;font-weight:700;box-shadow:0 3px 18px #0009}
.village-dialog{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);width:min(440px,calc(100% - 30px));max-height:75%;overflow:auto;z-index:4;padding:16px;background:linear-gradient(145deg,#2d3e2cfa,#101b13fa);border:1px solid #d8b66d;border-radius:12px;box-shadow:0 12px 40px #000b}
.village-dialog h3{margin:0 25px 12px 0;color:#f1d797;font:600 19px Georgia,serif}
.village-dialog>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.village-dialog [data-service]{padding:9px 7px;border:1px solid #8c7950;background:#1c3022;border-radius:7px;color:#eee1c1;font-size:12px}
.village-dialog-close{position:absolute;right:7px;top:7px;width:26px;height:26px;padding:0;border:0;background:transparent;color:#f5e7bd;font-size:22px}
.village-return{position:fixed;right:16px;bottom:14px;z-index:95;padding:8px 13px;border:1px solid #bc9b5e;border-radius:8px;background:#162c1eea;color:#ffe2a2;box-shadow:0 3px 16px #0008}
.village-return.hidden,.village-shell .hidden{display:none!important}
.village-chat{position:absolute;left:12px;top:12px;bottom:25px;width:min(300px,calc(100% - 24px));z-index:3}
.village-chat .global-chat{width:100%;height:100%;min-height:0;max-height:none;display:flex;flex-direction:column;background:#101c15ed;border:1px solid #9c8453;border-radius:8px;overflow:hidden;padding:10px}
.village-chat .chat-log{flex:1;min-height:0;overflow:auto}.village-chat #escortFeed{display:none}
.village-chat{display:flex;flex-direction:column;bottom:auto;box-sizing:border-box;min-width:220px;min-height:180px;width:300px;height:320px;max-width:calc(100% - 12px);max-height:calc(100% - 12px);resize:both;overflow:hidden;border:1px solid #9c8453;border-radius:8px;background:#101c15ed;box-shadow:0 5px 18px #0008;z-index:3}
.village-chat .global-chat{flex:1;min-height:0;height:auto;width:100%;box-sizing:border-box;border:0;border-radius:0;box-shadow:none;padding:8px}
.village-chat .global-chat>h3{display:none}
.village-chat .alpha-notice-below-raid{display:none}
.village-chat:not(.minimized)::after{content:'';position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-right:2px solid #c6a96c;border-bottom:2px solid #c6a96c;pointer-events:none}
.village-chat-handle{display:flex;align-items:center;justify-content:space-between;flex:0 0 30px;padding:0 7px 0 10px;box-sizing:border-box;background:#263b2bea;border-bottom:1px solid #9c84536b;color:#f5dfad;cursor:move;touch-action:none;user-select:none;font-size:12px}
.village-chat-handle button{width:24px;height:24px;min-width:24px;padding:0;margin:0;border:0;background:transparent;color:#ffedbc;font-size:22px;line-height:22px}
.village-chat.minimized{height:32px!important;min-height:32px;resize:none}.village-chat.minimized .global-chat{display:none!important}
.village-touch{display:none}.village-recharge{display:none}
body.village-open .village-recharge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;font-size:12px;white-space:nowrap;background:linear-gradient(#b99a55,#705020);border:1px solid #e6c378;border-radius:7px;color:#fff4cd}
/* Expansion is optional, chosen from the minimap menu; never requested on login. */
body.village-immersive{overflow:hidden!important}body.village-immersive #app{zoom:1!important;max-width:none!important;padding:0!important}
body.village-immersive #app>.topbar{position:fixed!important;inset:0 0 auto!important;z-index:20!important;margin:0!important;padding:8px 18px!important;background:#0d1914f5!important;min-height:64px;box-sizing:border-box;gap:10px}
body.village-immersive #tabs{display:none!important}
body.village-immersive #tab-city{position:fixed!important;inset:var(--village-header,80px) 0 0!important;z-index:10!important;margin:0!important;padding:0!important;width:100%!important;max-width:none!important;min-height:0!important;overflow:hidden}
body.village-immersive #tab-city .village-shell{height:100%!important;min-height:0!important;border:0;border-radius:0;box-shadow:none}
@media(max-width:760px){#tab-city .village-shell{border-radius:6px}.village-map-panel{right:8px;top:8px;width:132px}.village-map-panel .village-minimap{height:88px}.village-map-actions{padding:3px;gap:2px}.village-map-actions select{font-size:9px}.village-map-actions button{width:22px;min-width:22px}.village-touch{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);position:absolute;bottom:18px;left:12px;gap:4px;opacity:.9}.village-touch button{padding:0;background:#173923db;border:1px solid #c6ae70;border-radius:10px;color:#fff1c3;font-size:19px;touch-action:none;user-select:none}.village-touch button:first-child{grid-column:2}.village-touch button:nth-child(2){grid-column:1;grid-row:2}.village-touch button:nth-child(3){grid-column:2;grid-row:2}.village-touch button:nth-child(4){grid-column:3;grid-row:2}.village-interact{bottom:28px;left:auto;right:12px;transform:none;padding:10px 15px}.village-dialog{bottom:120px}.village-return{bottom:8px;right:8px;font-size:11px}.village-chat{bottom:auto}body.village-open .village-recharge{padding:5px 7px;font-size:10px}body.village-immersive #app>.topbar{padding:6px 8px!important;gap:5px;flex-wrap:wrap}}
.village-quick-links{position:absolute;right:204px;top:12px;z-index:3;display:flex;flex-direction:row;gap:7px}
.village-quick-links button{display:grid;place-items:center;width:38px;height:38px;padding:0;background:none!important;border:0!important;border-radius:0;box-shadow:none!important;cursor:pointer;transition:transform .15s ease}
.village-shortcut-sprite{display:block;width:100%;height:100%;background-image:url('assets/village-shortcuts-v1.png');background-size:var(--sprite-size);background-position:var(--sprite-x) var(--sprite-y);background-repeat:no-repeat;filter:drop-shadow(0 2px 2px #0008);pointer-events:none}
.village-shortcut-sprite.village-shortcut-stylized{background-image:url('assets/village-shortcuts-v4.png')}
body[data-village-service] .guild-tabs{display:none!important}
body[data-village-service="heroSummon"] #shopGrid>.shop-card:not(.hero),body[data-village-service="weaponSummon"] #shopGrid>.shop-card:not(.weapon){display:none!important}
#guildWarNotice{position:fixed;top:100px;left:12px;z-index:300;display:grid;gap:5px;width:220px;max-width:calc(100vw - 24px);padding:12px;border:1px solid #d4b36b;border-radius:9px;background:linear-gradient(135deg,#182c35f2,#292018f2);color:#ffedc0;box-shadow:0 6px 18px #0008;font-size:12px}
#guildWarNotice strong{font-size:14px}#guildWarNotice button{padding:6px 8px;font-size:12px}
.village-quick-links button:hover{transform:translateY(-2px)}.village-quick-links button:focus-visible{outline:2px solid #ffe3a3;outline-offset:2px}
@media(max-width:760px){.village-quick-links{right:148px;top:8px;gap:4px}.village-quick-links button{width:32px;height:32px}}
/* Full original screens; retain the village session only for returning. */
body.village-screen-open #tabs,body.village-screen-open #villageReturn{display:none!important}
body.village-screen-open #tab-city{display:block!important;position:fixed!important;inset:var(--village-header,90px) 0 0;z-index:0;margin:0!important;padding:0!important;pointer-events:none;visibility:hidden}
body.village-screen-open #tab-city .village-shell{height:100%!important;min-height:0!important;border:0;border-radius:0}
body.village-screen-open #app>.topbar{position:relative;z-index:3}
body.village-screen-open{height:auto!important;overflow-y:auto!important}
.panel.village-screen-panel.active{position:relative!important;z-index:2;top:auto;left:auto;transform:none;width:auto;max-height:none;overflow:visible;box-sizing:border-box;background:transparent;border-radius:0}
#tab-codex.village-screen-panel.active,#tab-mainhero.village-screen-panel.active{height:auto!important;max-height:none!important;overflow:visible!important}
.village-screen-close{position:fixed;z-index:21;top:calc(var(--village-header,90px) + 2px);right:24px;width:30px;height:30px;padding:0;border:0;background:transparent;color:#ffe3a3;font-size:25px;cursor:pointer}
@media(max-width:760px){.village-screen-close{right:14px}}
.village-editor-panel>[data-editor-handle]{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:grab;touch-action:none;user-select:none}
.village-editor-panel>[data-editor-handle]:active{cursor:grabbing}.village-editor-panel [data-editor-minimize]{flex:none;width:28px;height:28px;padding:0;font-size:20px}
.village-editor-panel.village-editor-minimized>:not([data-editor-handle]){display:none!important}.village-editor-panel.village-editor-minimized{overflow:hidden}
.village-editor-panel>[data-wall-foreground]{display:block;width:100%;margin:8px 0;padding:8px}.village-editor-panel>[data-wall-foreground]:disabled{opacity:.5}.village-editor-panel>[data-wall-foreground]+small{display:block;margin-bottom:8px}
.village-editor-panel .village-cover-controls{display:grid;grid-template-columns:1fr 1fr;gap:5px}.village-cover-controls select{grid-column:1/-1;width:100%;padding:6px;background:#203727;color:#f6e5c3;border:1px solid #796e49;border-radius:5px}
.village-editor-panel .village-npc-services{margin:8px 0;padding:8px;border:1px solid #796e49;border-radius:5px;max-height:240px;overflow:auto}.village-npc-services legend{color:#ffe6ac}.village-editor-panel .village-npc-services label{display:flex;align-items:center;gap:7px;padding:4px 0;font-size:12px;cursor:pointer}.village-npc-services input[type=checkbox]{flex:none;width:16px;height:16px;margin:0;accent-color:#c9aa62}
.village-shortcut-img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 2px #0008)}
.village-quick-links button.action-ready{position:relative;animation:none;background:none!important;box-shadow:none!important}.village-quick-links button.action-ready>.village-shortcut-sprite,.village-quick-links button.action-ready>.village-shortcut-img{animation:village-action-glow 1.1s ease-in-out infinite alternate}.village-quick-links button.action-ready::after{content:'';position:absolute;right:1px;top:1px;width:6px;height:6px;border-radius:50%;background:#fff08a;box-shadow:0 0 8px #ffdb58;pointer-events:none}@keyframes village-action-glow{from{filter:drop-shadow(0 0 3px #e9bd4f99)}to{filter:drop-shadow(0 0 8px #ffdb58)}}@media(prefers-reduced-motion:reduce){.village-quick-links button.action-ready>.village-shortcut-sprite,.village-quick-links button.action-ready>.village-shortcut-img{animation:none;filter:drop-shadow(0 0 6px #ffdb58)}}
@media(max-width:480px){.village-quick-links{gap:3px}.village-quick-links button{width:24px;height:24px}}
.village-chat .global-chat .chat-log{flex:1 1 0;height:0;min-height:0;max-height:none;box-sizing:border-box;width:100%;overflow:auto}
.village-chat{max-width:100%;max-height:100%}
.forge-type-tabs{flex-shrink:0;flex-wrap:wrap}.forge-type-tabs button{white-space:nowrap}
.village-quick-links button.action-ready::after{content:'!';right:-1px;top:-5px;width:14px;height:20px;display:grid;place-items:center;background:transparent;border-radius:0;box-shadow:none;color:#ffe56d;text-shadow:-1px -1px 0 #392600,1px 1px 0 #392600,0 0 7px #ffdb58;font:900 20px/1 Arial}
@media(max-width:380px){.village-quick-links{gap:2px}.village-quick-links button{width:19px;height:24px}}
body[data-village-service="guilds"] .guild-tabs,body[data-village-service="guildMembers"] .guild-tabs{display:flex!important}
.village-quick-links{max-width:calc(100% - 216px);flex-wrap:wrap;justify-content:flex-end}.village-activity-tabs{display:flex;gap:8px;margin:0 0 14px}.village-activity-tabs button.active{border-color:#edcc81;background:#645032;color:#fff0c5}@media(max-width:760px){.village-quick-links{max-width:calc(100% - 160px)}}
#battleSpriteDev{width:100%;font-size:12px}#battleSpriteDev label{display:flex;align-items:center;gap:6px;justify-content:space-between;margin:5px 0}#battleSpriteDev input{width:100px}
.village-activity-tabs button.action-ready{border-color:#e7bf5d;box-shadow:0 0 13px #e9bd4f75;animation:tab-action-pulse 1.1s ease-in-out infinite alternate}