/* Shared game materials for every drawer, popup and menu. */
.hudMode{--game-ink:#17231d;--game-wood:#30261b;--game-metal:#aa8950;--game-gold:#efdbac;--game-muted:#bdaf89;--game-line:#80673d;color-scheme:dark}
.hudMode header{background:linear-gradient(110deg,#2a2d20f5,#211c16f5);border:1px solid #b4955b;box-shadow:inset 0 0 0 2px #42321d,0 4px 15px #0006}.hudMode .brand{color:#f3dca5;text-shadow:0 2px #000}.hudMode .crest{color:#c7a65d}.hudMode .brand small{color:#bfb18b}
.hudMode dialog,.hudMode #capitalSidebar,.hudMode #mapSidebar,.hudMode #worldPane,.hudMode #skirmishSidebar,.hudMode #battlePanel,.hudMode #chatPanel,.hudMode .kingdomStatusPanel{background:radial-gradient(ellipse at 45% 0,#76603a40,transparent 48%),repeating-linear-gradient(94deg,#24281ffb 0,#2e2b1ffb 3px,#21271ffb 7px,#302b20fb 11px);color:var(--game-gold);border:3px double #b4955b!important;border-radius:13px;box-shadow:inset 0 0 0 3px #100f0a88,inset 0 0 32px #0007,0 12px 40px #07120bc9;scrollbar-width:thin;scrollbar-color:#a2874a #201d15;font-family:Georgia,serif}
.hudMode dialog::backdrop{background:#07110ac4;backdrop-filter:blur(2px)}
.hudMode .dialogtitle,.hudMode .statusPanelHeading,.hudMode .paneltitle{border-bottom:1px solid #8f744444;padding-bottom:12px;margin-bottom:14px}.hudMode .dialogtitle h2,.hudMode .statusPanelHeading h2,.hudMode .paneltitle h2{color:#f8e0a7;font-family:Georgia,serif;letter-spacing:.6px;text-shadow:0 2px 2px #000;margin:0}.hudMode .dialogtitle h2:before,.hudMode .statusPanelHeading h2:before{content:'◆';font-size:11px;color:#bd9852;margin-right:10px;vertical-align:middle}.hudMode dialog h3,.hudMode .panel h2,.hudMode .worldhero h2{color:#f2d79b;font-family:Georgia,serif;text-shadow:0 1px #000}.hudMode .panel,.hudMode .worldhero{background:transparent!important;border-color:#80673d!important;box-shadow:none;color:#e4d6b2}.hudMode p,.hudMode label{line-height:1.6}.hudMode .muted,.hudMode .small,.hudMode .panel small,.hudMode .nightnote,.hudMode .statusPlanNote,.hudMode .statusCurrentOrder{color:#c3b38f!important;font-family:Arial,sans-serif}.hudMode .eyebrow{color:#c9aa67;letter-spacing:1.5px}
.hudMode dialog button,.hudMode aside button,.hudMode #worldPane button,.hudMode #battlePanel button,.hudMode #chatPanel button,.hudMode .kingdomStatusPanel button{background:linear-gradient(#695331,#3c3321 60%,#27281c);color:#ffe8b4;border:1px solid #b08e50;border-radius:6px;box-shadow:inset 0 1px #f2d48e4d,inset 0 -2px #12170f70,0 2px 4px #0004;font-family:Georgia,serif;min-height:42px;transition:filter .15s,box-shadow .15s}.hudMode dialog button:hover:not(:disabled),.hudMode aside button:hover:not(:disabled),.hudMode .kingdomStatusPanel button:hover:not(:disabled){filter:brightness(1.17);box-shadow:inset 0 1px #f9e4ae77,0 0 10px #bf994133}.hudMode button:disabled{opacity:.42;cursor:default}.hudMode .dialogtitle>button,.hudMode .statusPanelHeading>button{width:38px;height:38px;min-height:38px;flex-shrink:0;background:radial-gradient(#655334,#29261b);color:#f6d9a2;border:1px solid #aa874b;border-radius:8px;font-size:22px}.hudMode button:focus-visible,.hudMode select:focus-visible,.hudMode input:focus-visible{outline:2px solid #e5c275;outline-offset:3px}
.hudMode select{appearance:none;-webkit-appearance:none;background-color:#242d23!important;background-image:linear-gradient(45deg,transparent 50%,#e5bd72 50%),linear-gradient(135deg,#e5bd72 50%,transparent 50%),linear-gradient(#1a211b,#343422)!important;background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%,0 0!important;background-size:5px 5px,5px 5px,100% 100%!important;background-repeat:no-repeat!important;border:1px solid #a78a4f!important;border-radius:6px!important;color:#f3deb1!important;padding:10px 34px 10px 12px!important;font:12px Georgia,serif!important;min-height:42px;box-shadow:inset 0 0 0 2px #191b1280,inset 0 2px 8px #0005}.hudMode select option{background:#252c22;color:#f1dbaa;font:12px Georgia,serif}.hudMode input:not([type=range]):not([type=checkbox]),.hudMode textarea{background:#18261e!important;border:1px solid #8f7644!important;border-radius:5px;color:#eedcaf!important;box-shadow:inset 0 2px 8px #0005;font:13px Georgia,serif}.hudMode input[type=checkbox]{accent-color:#b69450;width:18px;height:18px}.hudMode input[type=range]{accent-color:#be9b57}.hudMode a{color:#e3c37e}.hudMode a:hover{color:#ffebbc}
.hudMode #hudBottom{background:linear-gradient(#2a2c20f5,#1e221af7);color:#dfceaa;border-top-color:#9e814b;box-shadow:0 -4px 16px #0006}.hudMode .hudSummary,.hudMode #hudStatus,.hudMode #hudTargetButton{color:#d6c49a!important}.hudMode #hudViewTitle{color:#f1dca9}.hudMode #hudSignIn{color:#e0bc70}.hudMode #onlineNotice{color:#f0d89e;background:transparent}.hudMode .mapbadge,.hudMode .selectedCard{background:#222a1dec;border:1px solid #a68c54;color:#e6d5ad}.hudMode .mapbadge small,.hudMode .selectedCard small{color:#c5b38c}.hudMode #banner{background:#322c1bea;color:#f2d69d;border:1px solid #b59655}
.hudMode #heroRoster{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.hudMode .heroCard{display:flex!important;width:auto!important;gap:12px;padding:15px;background:radial-gradient(ellipse at top,#61543866,#1e2d23);border:1px solid #937947;border-radius:9px;box-shadow:inset 0 0 0 3px #121c134d}.hudMode .heroCard>div:last-child{min-width:0}.hudMode .heroCard b{font:17px Georgia;color:#f6dba1}.hudMode .heroCard small{display:block;font-size:10px;line-height:1.6}.hudMode .heroPortrait{background:linear-gradient(#6a5c3f,#263a2b);border:2px solid #a78a50;border-radius:10px;box-shadow:inset 0 0 0 2px #222619;flex-basis:64px;min-width:58px}.hudMode .heroSpecialty{color:#ddb96f!important;text-transform:uppercase;font-size:9px!important;letter-spacing:.7px;margin:5px 0}.hudMode .heroRecovery{color:#bdc99a!important;padding:7px 0;font-size:10px!important}.hudMode .heroLevel{color:#b5b08a;font-size:10px}.hudMode .heroCard button{width:100%;margin-top:8px}
.hudMode .kingdomIdentity h3,.hudMode .statusClan h3,.hudMode #statusPlanTitle{color:#f0d69c}.hudMode .kingdomIdentity small,.hudMode .statusClan small,.hudMode .kingdomIdentity b{color:#c9b78b}.hudMode .statusPanelHeading{border-bottom-color:#8c7448}.hudMode .kingdomStatGrid>div{background:linear-gradient(120deg,#3d3926,#233123);border:1px solid #8c7447;box-shadow:inset 0 0 0 2px #14201766}.hudMode .kingdomStatGrid small{color:#bdab7c}.hudMode .kingdomStatGrid b{color:#f4dfab}.hudMode .statusClan{border-bottom-color:#806b41}.hudMode .statusResourceTable thead{background:#55462b;color:#f0d59c}.hudMode .statusResourceTable th,.hudMode .statusResourceTable td{border-bottom-color:#806c3d88}.hudMode .statusResourceTable tbody th,.hudMode .statusResourceTable td{color:#dfcfaa}.hudMode .statusResourceTable .statusShortfall{color:#f2a789}.hudMode .statusResourceTable .statusReady{color:#bdd08f}.hudMode .musterSummary{color:#dfcea2}.hudMode .missionCard,.hudMode .warEventCard{background:radial-gradient(ellipse at top left,#68573755,#233025);border-color:#a68a52;color:#e5d4aa;box-shadow:inset 0 0 0 2px #19211766}.hudMode .missionCard h3,.hudMode .warEventCard h3{color:#f1d59a}.hudMode .missionCard small{color:#c6b584}.hudMode .worldrow{border-bottom-color:#806d424d}.hudMode .worldrow b{color:#f0d6a0}.hudMode .worldrow small{color:#bcaf8d}.hudMode #royalVisitsPanel,.hudMode #kingDragonControls,.hudMode .rallyChoice{background:#2e3827;border-color:#8b7747;color:#dac99e}.hudMode #royalVisitsPanel h3{color:#f4dba4}.hudMode .capitalStats{color:#e6ca8d}.hudMode .battleForecast{background:#2c3a26;color:#d8d7ad;border-color:#8c9255}.hudMode .battleForecast.dangerous{background:#513528;color:#f1c5a6;border-color:#aa7550}.hudMode .armySetup,.hudMode .heroSummary,.hudMode .lootGrid>div{background:#273527;border-color:#817346;color:#ddcda3}.hudMode .settingsGrid a{background:#353524;border:1px solid #8a7343;border-radius:5px;padding:10px;min-height:42px;text-decoration:none;font:12px Georgia;box-sizing:border-box}.hudMode .chatMessage{border-bottom-color:#7f6c4544}.hudMode .chatMessage b,.hudMode .chatMessage span{color:#e0ceab}.hudMode .chatMessage small{color:#a69d7d}
@media(max-width:730px){.hudMode #heroRoster{grid-template-columns:1fr}.hudMode .heroCard{padding:12px!important}.hudMode .heroPortrait{flex-basis:56px}.hudMode .dialogtitle h2,.hudMode .statusPanelHeading h2{font-size:19px}.hudMode .kingdomIdentity h3{font-size:18px}.hudMode select{font-size:11px!important}.hudMode dialog,.hudMode .kingdomStatusPanel{border-radius:10px}}
.hudMode select option:checked{background:#69532f;color:#fff1c8}
.hudMode #playerContacts{max-height:68dvh;width:min(780px,calc(100vw - 24px))}.contactSearch{display:flex;gap:8px;margin:15px 0}.contactSearch input{flex:1;min-width:0;padding:10px}.contactSearch button{padding:9px 15px}.playerContactRow{display:flex;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid #91774666}.playerContactRow>div{flex:1;min-width:0}.playerContactRow b{color:#f0d6a0}.playerContactRow small{display:block;font:10px Arial;color:#b8ac85;margin-top:5px}.playerContactRow button{padding:8px 12px;font-size:11px}#recentContacts .plain{display:block;width:100%;text-align:left;margin-bottom:7px}#teleportReview button{margin-right:8px}@media(max-width:550px){.playerContactRow{flex-wrap:wrap}.playerContactRow>div{flex-basis:100%}.playerContactRow button{flex:1}.contactSearch{flex-wrap:wrap}}
.soundtrackPreviews{padding-top:16px;margin-top:16px;border-top:1px solid #8c7547}.soundtrackPreviews>div{display:flex;gap:8px;flex-wrap:wrap}.soundtrackPreviews button{padding:9px 13px;font-size:11px;flex:1;min-width:130px}.hudMode[data-music-mood="danger"] #hudIcons [data-hud="music"]{background:radial-gradient(#975c32,#4c291d);border-color:#d78d52;box-shadow:0 0 12px #ad4b2c88}
/* Painted character art and forged portrait frames match the blue-and-gold city. */
#heroRoster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hudMode #heroRoster .heroCard{display:flex!important;width:auto!important;align-items:stretch;padding:12px!important;gap:14px;border-radius:3px;border:1px solid #8d7446;background:linear-gradient(115deg,#263b40ed,#142326f5 60%,#1a2423);box-shadow:inset 0 0 0 3px #0d1819,inset 0 0 26px #c9a45c0a,0 5px 15px #0005;position:relative}
.hudMode #heroRoster .heroPortrait{position:relative;flex:0 0 108px;width:108px;min-width:108px;min-height:166px;align-self:flex-start;overflow:hidden;border:1px solid #c4a665;border-radius:35px 35px 3px 3px;background:#101b20;box-shadow:0 0 0 3px #101b1c,0 0 0 4px #72603d,0 6px 14px #0008}
.heroPaintedArt{display:block;position:absolute;inset:0;background-image:url('./assets/hero-portraits-v2.png');background-size:400% 200%;background-position:var(--hero-x) var(--hero-y);background-repeat:no-repeat}
.heroPortraitSeal{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#f1d99f;font:600 9px Georgia;text-transform:uppercase;letter-spacing:1px;padding:18px 3px 7px;background:linear-gradient(transparent,#101c23 55%);border-bottom:2px solid #ba9958}
.hudMode #heroRoster .heroCard>div:last-child{flex:1;display:flex;flex-direction:column;min-width:0;padding-top:3px}
.hudMode #heroRoster .heroCard b{font:18px/1.2 Georgia;color:#f4dfaf;text-shadow:0 2px 2px #000;}
.hudMode #heroRoster .heroCard small{font-size:10px;line-height:1.5;color:#bfc9c6}
.hudMode #heroRoster .heroCard .heroSpecialty{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#d0ae66;margin:7px 0}
.hudMode #heroRoster .heroCard .heroLevel{color:#cbb77e;font-size:9px;margin:8px 0 2px;letter-spacing:.5px}
.hudMode #heroRoster .heroCard button{margin-top:auto;padding:7px;min-height:36px}
.hudMode #heroRoster .heroActive{border-color:#efd084;box-shadow:inset 0 0 0 3px #152727,0 0 16px #cfaa4626}
.hudMode #heroRoster .heroActive .heroPortrait{border-color:#ffdf90}
.hudMode #heroRoster .heroResting .heroPaintedArt{filter:saturate(.6)}
.hudMode #heroRoster .heroRecovery{margin-bottom:9px;color:#b7ceb9}
@media(max-width:760px){#heroRoster{grid-template-columns:1fr}.hudMode #heroRoster .heroCard{gap:15px;padding:13px!important}.hudMode #heroRoster .heroPortrait{flex-basis:104px;width:104px;min-width:104px;min-height:160px}.hudMode #heroRoster .heroCard b{font-size:18px}.hudMode #heroRoster .heroCard small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.heroPaintedArt{transition:none}}
.statusAvatar{position:relative;isolation:isolate}.statusAvatar .heroPortraitSeal{font-size:6px;letter-spacing:0;padding-bottom:3px}.statusAvatar .heroPaintedArt{background-size:400% 200%}

#ownedCitySelector{max-width:220px;min-height:34px;background:#24352f;color:#f2deb0;border:1px solid #947843;padding:5px 8px;border-radius:4px}#serverCitySearchResults{display:grid;gap:10px}#serverCitySearchResults button{margin:6px 8px 0 0}#newSettlementName,#citySearchRegion{width:100%;margin-bottom:10px}

/* Large, named primary commands; secondary tools remain under More. */
#easyControls{position:fixed;z-index:55;top:76px;left:50%;transform:translateX(-50%);display:flex;gap:6px;padding:7px;background:linear-gradient(#463824,#211b14);border:2px solid #b89450;border-radius:14px;box-shadow:0 5px 20px #0008;max-width:calc(100vw - 16px)}
#easyControls button{min-height:48px;min-width:88px;padding:8px 12px;color:#fff1c5;background:linear-gradient(#65512f,#372b1b);border:1px solid #bd9651;border-radius:8px;font-weight:700;font-size:14px;touch-action:manipulation}
body.hudMode:not(.easyMore) #hudIcons{display:none!important}
body.hudMode button,body.hudMode select,body.hudMode input{min-height:44px;touch-action:manipulation}
body.hudMode #hudPanelClose{min-width:100px;min-height:48px}
body.hudMode #hudPanelClose::after{content:' Close'}
@media(max-width:650px){#easyControls{top:66px;width:calc(100vw - 16px);display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:5px}#easyControls button{min-width:0;font-size:13px;padding:6px 3px;min-height:44px}body.hudMode[data-hud-panel]:not([data-hud-panel='']) aside{padding-top:115px}body.hudMode #hudPanelClose{z-index:80}}

/* Selection actions stay on the battlefield in a small card. */
body.hudMode[data-hud-panel="context"] #capitalSidebar{display:block!important;width:min(360px,calc(100vw - 24px));max-height:240px;padding:10px!important;overflow:auto;left:auto;right:12px;transform:none;bottom:calc(var(--hudHeight) + 10px)}
body.hudMode[data-hud-panel="context"] #capitalSidebar>*{display:none!important}
body.hudMode[data-hud-panel="context"] #capitalSidebar>#cityInspection{display:block!important;padding:6px!important;margin:0}
#compactBuildingPicker{width:100%;background:#302719;color:#ffe8b4;border:1px solid #ab8b50;border-radius:6px;padding:8px;font-size:14px}
body.hudMode #cityInspection h2{font-size:17px;margin:10px 0 5px}
body.hudMode #cityInspection p{font-size:12px;line-height:1.5;margin:6px 0}
body.hudMode #cityInspectionAction{width:100%;font-size:14px}
body.hudMode[data-hud-panel="army"] #mapSidebar{width:min(370px,calc(100vw - 24px));max-height:38dvh;left:auto;right:12px;transform:none;padding:8px!important}
body.hudMode[data-hud-panel="army"] #armyPanel{padding:6px!important}
body.hudMode[data-hud-panel="army"] #armyPanel>#nodeDescription,body.hudMode[data-hud-panel="army"] #armyPanel>.eyebrow,body.hudMode[data-hud-panel="army"] #activeHeroSummary,body.hudMode[data-hud-panel="army"] #returnCity{display:none!important}
body.hudMode[data-hud-panel="army"] #nodeName{font-size:17px;margin:0 0 6px!important}
body.hudMode[data-hud-panel="army"] #armyPanel>.armySetup{margin:6px 0}
body.hudMode[data-hud-panel="army"] #armyPanel>.armySetup>.eyebrow{display:none}
body.hudMode[data-hud-panel="context"] #hudPanelClose{bottom:calc(var(--hudHeight) + 260px);top:auto;right:12px}
@media(max-width:650px){body.hudMode[data-hud-panel="context"] #capitalSidebar,body.hudMode[data-hud-panel="army"] #mapSidebar{right:12px;width:calc(100vw - 24px)}}

body.hudMode #cityInspectionAction.upgradeReady{background:linear-gradient(#46c66b,#1a793b);border:2px solid #85f69e;color:#fff;font-size:18px;font-weight:800;box-shadow:0 0 12px #39cb6244;min-height:52px}
body.hudMode #cityInspectionAction.upgradeReady:hover{background:#2daf55;box-shadow:0 0 16px #50ee7a88}
body.hudMode #cityInspectionAction:disabled{opacity:.5;box-shadow:none}

/* A closed controller occupies one button; each action can retract independently. */
body.hudMode #easyControls{top:76px;left:12px;right:auto;transform:none;display:flex;flex-wrap:wrap;align-items:center;width:auto;max-width:min(370px,calc(100vw - 24px));gap:6px;padding:6px;border-radius:10px}
#easyControls [hidden]{display:none!important}
#easyControls #easyActionToggle{min-width:116px}
#easyControls #selectedActionToggle{min-width:0;flex:1;font-size:13px;color:#afffc3;border-color:#55ad72}
#easyActionList{flex-basis:100%;display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:45dvh;overflow:auto}
#easyActionList button{text-align:left;min-width:0;white-space:normal;padding:9px}
#easyActionList strong,#easyActionList small{display:block}
#easyActionList strong{font-size:13px}
#easyActionList small{font-size:10px;line-height:1.4;color:#dfceaa;margin-top:4px;font-weight:400}
#selectedActionHelp{flex-basis:100%;margin:2px 4px 3px;color:#f0dfb5;font-size:12px;line-height:1.4;max-width:325px}
body.hudMode #hudIcons{top:76px;right:12px;max-height:45dvh;overflow:auto;grid-template-columns:repeat(2,110px)}
body.hudMode #hudIcons button{width:110px;height:auto;min-height:58px;padding:5px;font-size:21px}
body.hudMode #hudIcons button small{display:block;font-size:10px;line-height:1.3;margin-top:4px}
@media(max-width:650px){body.hudMode #easyControls{top:62px;width:auto;max-width:calc(100vw - 24px)}body.hudMode #hudIcons{top:210px;max-height:30dvh}body.hudMode[data-hud-panel]:not([data-hud-panel='']) aside{padding-top:8px}}

#constructionProgress{padding:7px 0 1px;color:#f0dfb5}#constructionProgress[hidden]{display:none!important}#constructionProgress>div{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:5px}#constructionProgressTime{color:#abf4b9;white-space:nowrap}#constructionProgressBar{display:block;width:100%;height:13px;border:1px solid #8b7041;border-radius:9px;overflow:hidden;background:#201e16;accent-color:#48d474}#constructionProgressBar::-webkit-progress-bar{background:#201e16}#constructionProgressBar::-webkit-progress-value{background:linear-gradient(90deg,#228741,#7af19a);border-radius:9px;transition:width 1s linear}#constructionProgressBar::-moz-progress-bar{background:linear-gradient(90deg,#228741,#7af19a)}

body.hudMode[data-royal-city="true"] [data-easy="build"],body.hudMode[data-royal-city="true"] [data-hud="build"],body.hudMode[data-royal-city="true"] [data-online-order="build"],body.hudMode[data-royal-city="true"] #upgradeOnline,body.hudMode[data-royal-city="true"] #upgradeCost,body.hudMode[data-royal-city="true"] #cityInspectionAction{display:none!important}

#upgradeReward{padding:8px;border:1px solid #8fdf8f;border-radius:6px;background:#17482b;color:#d5ff9d;font-size:12px;font-weight:700;margin-top:5px}#upgradeReward[hidden]{display:none!important}

#topResources{position:fixed;right:12px;top:12px;z-index:54;width:min(420px,calc(100vw - 220px));padding:8px 10px;background:linear-gradient(#24372ff5,#14241df5);border:1px solid #b49a62;border-radius:9px;box-shadow:0 3px 14px #0005;color:#f8e9c0;}#topResources[hidden],#topResourceFree[hidden]{display:none!important}.topResourceHeading{display:flex;justify-content:space-between;gap:8px;font-size:11px;line-height:1.3}.topResourceHeading b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#topResourceFree{color:#9dffb9;font-weight:800;white-space:nowrap}.topResourceAmounts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:5px}.topResourceAmounts small{display:block;font-size:10px}.topResourceAmounts b{display:block;font-size:14px;white-space:nowrap}.topResourceAmounts [data-resource="gold"]{color:#ffe56c}.topResourceAmounts [data-resource="wood"]{color:#ffc080}.topResourceAmounts [data-resource="stone"]{color:#88edff}.topResourceLegend{display:block;color:#d7ddc5;font-size:8px;letter-spacing:.4px;margin-top:4px}.topResourceShort{color:#ff8e85!important}@media(max-width:650px){#topResources{top:58px;left:12px;right:12px;width:auto;padding:6px 9px}.topResourceHeading{font-size:10px}.topResourceAmounts b{font-size:13px}body.hudMode #easyControls{top:151px}body.hudMode #hudIcons{top:290px;max-height:26dvh}}
#gatheringControls{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px;pointer-events:auto}#gatheringControls[hidden],#wagonEscortOptions[hidden]{display:none!important}#gatheringControls button{min-height:36px;padding:5px 9px;border:1px solid #b39a65;border-radius:6px;background:#35442b;color:#f6e4b8;font-size:11px}#gatheringControls #topSendWagon.wagonReady{background:#24733b;border-color:#85f79e;color:#e3ffdf;box-shadow:0 0 8px #51e87855}#gatheringControls button:disabled{opacity:.6}#wagonEscortOptions{flex-basis:100%;display:flex;gap:5px;flex-wrap:wrap}#wagonEscortOptions label{flex-basis:100%;font-size:11px}#wagonEscortCount{width:80px;min-height:34px;margin-left:6px;padding:4px;color:#f5e8ba;background:#1b3024;border:1px solid #8c9b63;border-radius:4px}body:has(#gatheringControls:not([hidden])) #easyControls{top:192px}@media(min-width:651px){body:has(#gatheringControls:not([hidden])) #easyControls{top:76px}}

@media(max-width:650px){body.hudMode #easyControls,body:has(#gatheringControls:not([hidden])) #easyControls{top:var(--topResourceBottom,151px)}body.hudMode #hudIcons{top:calc(var(--topResourceBottom,151px) + 140px)}}
#cityPersonControl{position:fixed;z-index:48;left:12px;bottom:calc(var(--hudHeight) + 10px);display:flex;gap:12px;align-items:center;max-width:calc(100vw - 24px);padding:7px 10px;background:#173a29f2;border:1px solid #85d997;border-radius:8px;color:#d9ffc6;font-size:12px}#cityPersonControl[hidden]{display:none!important}#cityPersonControl button{padding:7px 11px;min-height:36px;background:#40523a;border:1px solid #9fb47b;color:#eff6ce;border-radius:5px}
/* Leave the command medallion clear of the resource information. */
@media(min-width:651px){#topResources{right:112px;width:min(420px,calc(100vw - 330px))}}
@media(max-width:650px){#topResources{top:86px}}
/* Resource field cards use the existing timber, bronze and parchment palette. */
#resourceFieldsDialog{width:min(940px,96vw);max-height:88dvh;overflow:auto}#fieldPowerSummary{color:#f5d994;font-size:13px}.fieldGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.fieldSection{border-top:1px solid #967048;padding:10px 0}.fieldSection h3{margin:4px 0 12px;color:#e7ca91}.fieldCard{background:linear-gradient(135deg,#33251bd9,#171e16e8);border:1px solid #8c6c3e;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.fieldCard p{margin:0}.fieldCard small{display:block;color:#dbc6a5;font-size:12px}.fieldCard button{width:100%;min-height:42px}#collectCityFields,#tradeFieldHarvest{margin:4px 8px 4px 0}#fieldNotice{color:#ffe6ac;min-height:20px}@media(max-width:700px){.fieldGrid{grid-template-columns:repeat(2,minmax(0,1fr))}#resourceFieldsDialog{padding:16px}}@media(max-width:350px){.fieldGrid{grid-template-columns:1fr}}
#trainingGroundDialog{width:min(850px,96vw);max-height:88dvh;overflow:auto}.trainingGroundArt{display:block;width:min(500px,100%);height:auto;margin:0 auto 8px}#trainingGroundSummary{color:#f4d491;font-weight:bold}#trainingRegimentList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.trainingRegimentCard{padding:14px;background:linear-gradient(135deg,#34281e,#18231b);border:1px solid #9b7846;border-radius:8px;display:flex;flex-direction:column;gap:8px}.trainingRegimentCard h3,.trainingRegimentCard p{margin:0}.trainingRegimentCard small{color:#dfccab;min-height:34px}.trainingRegimentCard button{min-height:44px;width:100%}#trainingGroundProgress,#trainingGroundNotice{color:#f0d59c}@media(max-width:650px){#trainingRegimentList{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:380px){#trainingRegimentList{grid-template-columns:1fr}}
#weaponsFactoryDialog,#localDepositsDialog{width:min(860px,96vw);max-height:88dvh;overflow:auto}.industryCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}#weaponsFactoryDialogNotice,#localDepositsDialogNotice{color:#ffe0a8;min-height:22px}#upgradeTrainingGround{min-height:44px;width:100%;margin:8px 0}@media(max-width:650px){.industryCards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:380px){.industryCards{grid-template-columns:1fr}}
#elvenDivisionDialog{width:min(900px,96vw);max-height:88dvh;overflow:auto}.elfDivisionArt{display:block;width:100%;height:auto;margin:4px auto 16px}.elfHierarchy{color:#cbe9a7;font-weight:bold;line-height:1.7}.elfHeroPainted{background-image:url('./assets/elven-division-v1.png')!important;background-size:400% 100%!important}#elvenDivisionContent .industryCards{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}#elvenDivisionContent .heroPortrait{width:110px;height:120px;margin:auto}#elvenDivisionNotice{min-height:22px;color:#f8d9a1}@media(max-width:400px){#elvenDivisionContent .industryCards{grid-template-columns:1fr}}
.elfTreasureCard{border:1px solid #b19355;border-radius:8px;padding:14px;margin:18px 0;background:#17382788}.elfTreasureCard h3{color:#e7d397}.elfTreasureCard small{display:block;color:#dfd5b6;line-height:1.6}.elfTreasureCard button{min-height:44px;margin:10px 10px 0 0}
#elvenDivisionContent .heroPortrait{position:relative;isolation:isolate;overflow:hidden;flex:none;width:110px;min-width:110px;height:140px;min-height:140px;align-self:center}#elvenDivisionContent .heroPortraitSeal{font-size:8px;letter-spacing:.5px}
#buildingMoveBar{position:fixed;z-index:95;left:50%;transform:translateX(-50%);bottom:calc(var(--hudHeight,100px) + 18px);width:min(620px,94vw);padding:12px 16px;border:1px solid #c4ac75;border-radius:8px;background:linear-gradient(135deg,#263b2df5,#30271df5);color:#f4e3b9;box-shadow:0 8px 22px #0008;display:flex;align-items:center;gap:14px;font-size:13px}#buildingMoveBar[hidden]{display:none}#buildingMoveBar button{margin-left:auto;min-width:70px;min-height:44px}#arrangeBuildings[aria-pressed=true]{border-color:#a7e7a1;box-shadow:0 0 12px #5bda7877}
.hudMode #developmentDirectory{width:min(1100px,96vw)!important;max-width:1100px;max-height:90dvh;overflow:auto;padding:20px}.directoryControls{display:flex;gap:12px;margin:12px 0}.directoryControls input{flex:1;min-width:0}.directoryControls select{min-width:160px}.directoryCategories{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.directoryCategories button{padding:8px 12px}.directoryCategories button.active{border-color:#d1eba2;background:linear-gradient(#4c633d,#263f2a)}.directoryLayout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}#directoryList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hudMode .directoryCard{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px;background:linear-gradient(140deg,#293c2d,#292318);min-width:0;min-height:225px}.directoryCard.selected{border-color:#d5efb3!important;box-shadow:0 0 0 2px #bde4a565!important}.directoryCard canvas{display:block;width:100%;height:120px;object-fit:contain}.directoryCard strong{font-size:15px;line-height:1.35}.directoryBadge{display:block;font:11px Arial,sans-serif;color:#d6c6a3;margin-top:9px}.directoryBadge.ready{color:#b8efae}.directoryCard small{font:11px Arial,sans-serif;color:#d5c7a7;margin-top:8px}.hudMode #directoryDetail{position:sticky;top:0;display:block;width:auto;background:linear-gradient(125deg,#2d3d2d,#292116);border:1px solid #b1955d;border-radius:8px;padding:16px;color:#ead9b4}.hudMode #directoryDetail canvas{display:block;width:100%;height:170px;object-fit:contain}#directoryDetail h3{font-size:21px;margin:6px 0 12px}#directoryDetail p{font-size:13px}#directoryDetail button{width:100%;margin:6px 0}#directoryDetail .directoryBuild{border-color:#b5d893;background:linear-gradient(#48623b,#283b27)}#directoryDetail .directoryCost{color:#f3d398}#directoryDetail .directoryRequirement{color:#cee3ae}#directoryNotice{min-height:20px;color:#f4d49b}#directorySummary{font-size:12px;color:#c9c19c}@media(max-width:850px){#directoryList{grid-template-columns:repeat(2,minmax(0,1fr))}.directoryLayout{grid-template-columns:minmax(0,1fr) 270px}}@media(max-width:650px){.hudMode #developmentDirectory{padding:14px}.directoryLayout{display:flex;flex-direction:column-reverse}#directoryDetail{position:static!important;width:100%!important;box-sizing:border-box}#directoryList{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.directoryControls{flex-direction:column}.directoryCard canvas{height:110px}.directoryCard{min-height:205px!important}}
.hudMode #developmentDirectory{top:16px;bottom:auto;max-height:calc(100dvh - 32px);box-sizing:border-box}.hudMode #directoryDetail p{color:#dfd2ae}.hudMode #directoryDetail .directoryCost{color:#f3d398}.hudMode #directoryDetail .directoryRequirement{color:#cee3ae}
.hudMode #societyDialog{top:16px;bottom:auto;width:min(1060px,96vw);max-width:1060px;max-height:calc(100dvh - 32px);box-sizing:border-box}#societySummary{color:#f0ddb4;font-size:14px}#societyBonuses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}#societyBonuses>div{padding:12px;border:1px solid #8b9a61;border-radius:6px;background:#203d2d}#societyBonuses strong,#societyBonuses small{display:block}#societyBonuses strong{color:#ccebab;font-size:16px}#societyBonuses small{color:#eadcba;font-size:11px}#societyProfessionList{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:16px 0}.societyProfessionCard{padding:12px;background:linear-gradient(125deg,#2e3d2c,#2d251b);border:1px solid #ab8e54;border-radius:8px;text-align:center}.societyProfessionCard canvas{display:block;width:100%;height:150px;object-fit:contain}.societyProfessionCard h3{margin:8px 0;font-size:18px}.societyProfessionCard strong{color:#e8d2a3}.societyProfessionCard p{color:#e7dbbf;font-size:12px}.societyProfessionCard small{font:10px Arial,sans-serif;color:#c8b990}#societyRescue{color:#ddc687;min-height:24px}@media(max-width:730px){#societyProfessionList{grid-template-columns:repeat(2,minmax(0,1fr))}#societyBonuses{grid-template-columns:repeat(2,minmax(0,1fr))}.societyProfessionCard canvas{height:140px}}

#royalCourtDialog{width:min(900px,96vw);max-height:90dvh;overflow:auto;border:2px solid #aa8445;background:linear-gradient(130deg,#24362e,#101c20);color:#f7edcf}#royalCourtDialog h3{color:#f4d58e}.royalCourtTabs{display:flex;gap:8px;margin:15px 0}.royalCourtTabs button{flex:1}.royalCourtTabs .active{border-color:#f2d28b;box-shadow:inset 0 0 14px #d6b86d33}#royalCourtPreview{display:flex;align-items:center;justify-content:center;gap:24px;border:1px solid #b8975744;border-radius:12px;background:radial-gradient(ellipse at bottom,#54644755,transparent 75%);padding:12px;margin-bottom:16px}#royalCourtPreview>.royalModelArt{width:150px;flex:none}.royalModelArt{display:block;width:100%;aspect-ratio:3/4;background-size:400% 300%;background-repeat:no-repeat}.royalCourtGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.royalModelCard{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:8px;border:1px solid #a58c5a77;border-radius:10px;background:#25352c;color:#f1e7ce}.royalModelCard[aria-pressed=true]{border:2px solid #f6d287;background:#596346;box-shadow:0 0 15px #d6b96633}.royalModelCard b{font-size:13px}.royalModelCard small{font-size:11px;color:#c7d3bf}.royalCourtFooter{position:sticky;bottom:-1px;margin-top:16px;padding:12px;background:#172822f5;border-top:1px solid #9c844a}.royalCourtFooter button{width:100%}#royalCourtNotice:empty{display:none}@media(max-width:560px){.royalCourtGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#royalCourtPreview{gap:12px}#royalCourtPreview>.royalModelArt{width:115px}.royalModelCard b{font-size:11px}}@media(max-width:350px){.royalCourtGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.royalCastleArt{display:block;aspect-ratio:4/3;background-size:300% 400%;background-repeat:no-repeat;width:100%}.royalKingPreview{display:flex;align-items:flex-end;gap:8px;width:min(360px,100%);flex-shrink:1}.royalKingPreview>.royalModelArt{width:28%;flex:none}.royalKingPreview>.royalCastleArt{width:72%}.royalPairArt{display:flex;width:100%;align-items:flex-end;min-height:100px}.royalPairArt>.royalModelArt{width:36%;flex:none}.royalPairArt>.royalCastleArt{width:64%}#royalCourtPreview{flex-wrap:wrap}@media(max-width:560px){.royalKingPreview{width:100%}.royalPairArt{min-height:70px}}

.royalCourtGrid:has(.royalPairArt){grid-template-columns:repeat(3,minmax(0,1fr))}.royalPairArt{position:relative;display:block;min-height:0;aspect-ratio:4/3}.royalPairArt>.royalCastleArt{position:absolute;right:0;bottom:0;width:100%}.royalPairArt>.royalModelArt{position:absolute;left:0;bottom:0;width:32%;z-index:1}@media(max-width:560px){.royalCourtGrid:has(.royalPairArt){grid-template-columns:repeat(2,minmax(0,1fr))}.royalPairArt{min-height:0}}

.cityArchitecturePreview{display:grid;grid-template-columns:repeat(4,1fr);width:260px;max-width:100%;gap:5px;margin-top:6px}.cityArchitectureThumb{display:block;aspect-ratio:4/3;background-size:400% 800%;background-repeat:no-repeat;border:1px solid #b89a4e33;border-radius:6px;background-color:#22362a}

#activityRewardsDialog{width:min(900px,96vw);max-width:min(900px,96vw);max-height:88dvh;box-sizing:border-box;margin:auto;overflow:auto}.activityRewardGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.activityRewardCard{padding:12px;margin:8px 0;border:1px solid #b4924a66;border-radius:10px;background:#213429}.activityRewardCard h3{color:#efdb9e;font-size:16px;margin:0 0 8px}.activityRewardCard p{font-size:13px;line-height:1.5;color:#e4e9d9}.activityRewardCard small{color:#bacbb6}#activityRewardNotice{padding:9px 13px;border:1px solid #ccaa63;background:#354c2af2;border-radius:8px;color:#fff0b6;font-size:12px}#activityRewardNotice[hidden]{display:none}@media(max-width:650px){.activityRewardGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:400px){.activityRewardGrid{grid-template-columns:1fr}}

#eagleDivisionDialog{top:5dvh;bottom:auto;left:50%;transform:translateX(-50%);width:min(980px,96vw);max-width:min(980px,96vw);max-height:90dvh;box-sizing:border-box;margin:0;overflow:auto;color:#f1e5c8}#eagleDivisionDialog p{color:#e2e9d9;line-height:1.5}#eagleDivisionDialog small{display:block;color:#bdcbb7;line-height:1.5}#eagleDivisionDialog h3{color:#f3dda2;margin:8px 0}.eagleArt{display:block;flex:none;width:180px;aspect-ratio:9/8;background-size:400% 300%;background-repeat:no-repeat}.eagleForceArt{background-size:400% 200%;aspect-ratio:3/4;width:140px}.eagleSummary{display:flex;align-items:center;gap:20px;border-bottom:1px solid #b69b5b66;padding-bottom:16px}.eagleHeroTabs{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.eagleHeroTabs button[aria-pressed=true]{outline:2px solid #dbba62;background:#67603c}.eagleHeroProfile{display:flex;align-items:center;gap:16px;padding:12px;background:#1d3328;border:1px solid var(--eagle-force-color,#bc9b51);border-radius:12px}#eagleDivisionDialog .eagleHeroProfile .heroPortrait{position:relative;isolation:isolate;overflow:hidden;flex:0 0 90px;width:90px;min-width:90px;height:140px;min-height:140px;align-self:center}.eagleHeroProfile b{color:#f8df92}.eagleHeroProfile .eagleArt{border-bottom:3px solid var(--eagle-force-color)}.eagleOrders{padding:14px 0}.eagleOrders label{display:flex;gap:12px;align-items:center}.eagleOrders input{width:110px}.eagleMissionCard{padding:16px;background:#20352ad9;border:1px solid #ba9c5766;border-radius:12px;margin-bottom:16px}.eagleMissionCard button{margin:5px 8px 0 0}.eagleMissionGrid{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;margin:14px 0}.eagleMissionGrid span{display:grid;place-items:center;border:1px solid #69735f;color:#9ca895;border-radius:4px;min-height:30px;font-size:12px}.eagleMissionGrid .done{background:#43643a;color:#fff4ce}.eagleMissionGrid .next{border:2px solid #d4b564;color:#ffe8a6;box-shadow:0 0 8px #cbae5255}@media(max-width:650px){.eagleSummary{flex-direction:column;gap:0}.eagleHeroProfile{flex-wrap:wrap}.eagleHeroProfile .eagleArt{width:125px}.eagleHeroProfile>div:last-child{width:100%}.eagleMissionGrid{grid-template-columns:repeat(9,1fr)}}

.resourceCollectionReceipt{position:fixed;z-index:3000;pointer-events:none;padding:6px 10px;border:1px solid #77d9ff;border-radius:16px;background:#123d4ef2;color:#e4faff;font:700 13px Georgia,serif;white-space:nowrap;box-shadow:0 0 12px #35baff88}
/* Window exits stay reachable while their content scrolls. */
.hudMode .windowControlHeading{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#23261bf5;padding:8px 0;border-bottom:1px solid #8f7444;margin-bottom:12px}
.hudMode .windowControlHeading .windowClose{width:auto;min-width:94px;min-height:44px;height:44px;padding:8px 12px;font:16px Georgia;white-space:nowrap}
.hudMode .panelWindowHeading{padding:8px;color:#f8e0a7}
body.hudMode[data-commands-expanded="true"] #hudIcons{display:grid!important}
body.hudMode #hudPanelClose{position:fixed;top:auto;bottom:calc(var(--hudHeight) + 12px);right:12px;z-index:85}
body.hudMode[data-hud-panel="context"] #hudPanelClose{bottom:calc(var(--hudHeight) + 260px)}

/* Swipe the city commands horizontally without covering more of the world. */
body.hudMode .bottomCommandSlider{display:flex;align-items:center;gap:5px;min-width:0;max-width:100%;width:100%;box-sizing:border-box}
body.hudMode[data-commands-expanded="false"] .bottomCommandSlider,body.hudMode .bottomCommandSlider:has(.cityInteriorBar[hidden]){display:none!important}
body.hudMode .bottomCommandSlider .cityInteriorBar{display:flex;flex:1 1 0;min-width:0;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:thin;scrollbar-color:#b49457 #24261b;scroll-padding:4px;-webkit-overflow-scrolling:touch}
body.hudMode .bottomCommandSlider .cityInteriorBar>*{flex-shrink:0;white-space:nowrap}
body.hudMode .bottomCommandArrow{flex:0 0 36px;width:36px;min-height:48px;padding:0;border:1px solid #b49457;border-radius:7px;background:linear-gradient(#695331,#27281c);color:#ffe8b4;font:30px Georgia}
body.hudMode .bottomCommandArrow:disabled{opacity:.3}

.royalQuickOrders{position:fixed;z-index:62;transform:translateX(-50%);max-width:200px;text-align:center;padding:6px 9px;border:1px solid #b49457;background:#20251ee8;border-radius:12px;color:#ffe9b2;box-shadow:0 4px 15px #0008}
.royalQuickOrders[hidden],.royalMarchCounter[hidden]{display:none!important}.royalQuickOrders strong{display:block;max-width:175px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:11px Georgia;margin-bottom:5px}.royalQuickOrders>div{display:flex;gap:9px;justify-content:center;align-items:center}.royalQuickOrders button{width:42px;height:42px;min-height:42px;border-radius:50%;border:2px solid #f4e4b8;color:white;font:20px Georgia;padding:0}.royalQuickOrders .royalHelp{background:radial-gradient(#4fa46b,#12672b)}.royalQuickOrders .royalAttack{background:radial-gradient(#c74d40,#8b201c)}.royalQuickOrders .royalQuickClose{width:30px;height:30px;min-height:30px;border:1px solid #b49457;background:#343226}.royalQuickOrders button:disabled{opacity:.35}.royalMarchCounter{position:fixed;right:12px;bottom:calc(var(--hudHeight) + 12px);z-index:56;min-height:44px;padding:9px 13px;border:1px solid #b49457;border-radius:9px;background:#24291fea;color:#ffe5a4;font:13px Georgia}

.armyReturnIndicator{position:fixed;bottom:calc(var(--hudHeight) + 65px);left:50%;transform:translateX(-50%);z-index:55;min-height:44px;padding:8px 14px;border:1px solid #b49457;border-radius:9px;background:#1f332df0;color:#caffde;font:13px Georgia;white-space:nowrap}.armyReturnIndicator[hidden]{display:none!important}

.marchNotice{position:fixed;bottom:calc(var(--hudHeight) + 116px);left:50%;transform:translateX(-50%);z-index:66;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 28px);padding:8px 10px 8px 14px;background:#1d332bed;border:1px solid #b99a5b;border-radius:10px;box-shadow:0 4px 18px #0006;color:#f4e1ad;font:13px Georgia}.marchNotice[hidden]{display:none!important}.marchNotice[data-incoming="true"]{background:#4b231eeb;border-color:#dc8f65}.marchNotice button{min-width:36px;min-height:36px;background:#302e23;border:1px solid #a88c55;color:#ffe5b2;border-radius:7px;font-size:22px}
/* Small commands anchored to the selected building or person. */
#itemControls{position:fixed;z-index:85;width:max-content;max-width:min(370px,calc(100vw - 16px));padding:7px;border:1px solid #b89956;border-radius:12px;background:linear-gradient(150deg,#263a31f5,#101c18f5);color:#f6e4bb;box-shadow:0 5px 22px #0009;pointer-events:auto;touch-action:manipulation}
#itemControls[hidden]{display:none!important}.itemControlHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-left:5px}.itemControlHeader strong{font:600 12px Georgia,serif;max-width:275px}.itemControlHeader>button{min-width:36px;min-height:36px;padding:0;border-radius:50%;font-size:22px;background:#121e18;border:1px solid #7e784e;color:#f6e4bb}
#itemControlActions{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}#itemControlActions>button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;min-width:49px;min-height:48px;padding:5px 7px;border:1px solid #8a794b;border-radius:8px;background:linear-gradient(#344b39,#1d3024);color:#f3e6bd;gap:3px}#itemControlActions>button>span{font-size:20px;line-height:1}#itemControlActions>button>small{font:600 10px system-ui;white-space:nowrap}#itemControlActions>button:disabled{opacity:.45;cursor:default}#itemControlActions>button:not(:disabled):hover,#itemControlActions>button:focus-visible{border-color:#bbf6a2;background:#33553c;outline:2px solid #c1f28e;outline-offset:1px}#itemControlHint{display:block;max-width:335px;max-height:42px;overflow:auto;padding:6px 3px 0;font:10px/1.35 system-ui;color:#d4cdb5}
.hospitalPreview{width:100%;height:190px;background-repeat:no-repeat;background-size:200% auto}.hospitalPatientList{display:grid;gap:8px;margin:16px 0}.hospitalPatientList article{display:grid;gap:5px;padding:12px;border:1px solid #85764c;border-radius:8px;background:#142920}.hospitalPatientList article b{color:#b6eab1}.hospitalSummary{color:#d9eec0;font-weight:700}#supplyClock{position:fixed;z-index:65;left:12px;top:calc(var(--topResourceBottom,100px) + 5px);max-width:calc(100vw - 95px);padding:8px 12px;border:1px solid #ad9865;border-radius:9px;background:#163028ed;color:#e4e8c2;font:600 11px system-ui;box-shadow:0 3px 9px #0006}#supplyClock[hidden]{display:none}
.shadowSiegePortrait{width:100%;height:auto;max-height:185px;object-fit:contain}.shadowLore{color:#badcf5;font-family:Georgia,serif}.shadowHealth{color:#bfe9ff;font-weight:700}.shadowDefenseControls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:15px 0}.shadowDefenseControls button{min-height:48px;padding:9px;border:1px solid #5b91b4;border-radius:8px;background:linear-gradient(#213c50,#152835);color:#e5f0fa}.shadowDefenseControls button:disabled{opacity:.45}.shadowWaveGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.shadowWaveGrid article{display:grid;gap:5px;padding:12px 8px;border:1px solid #425b6b;border-radius:8px;background:#12222e}.shadowWaveGrid article strong{font-size:10px;color:#a1c8dc}.shadowWaveGrid article b{font-size:13px}.shadowWaveGrid article small{font-size:10px;color:#b7c9d2}.shadowWaveGrid article.next{border-color:#63d5ff;box-shadow:inset 0 0 18px #2787cf26}.shadowWaveGrid article.held{border-color:#63a67b}.shadowWaveGrid article.breached{border-color:#b36a6b}#shadowSiegeAlert{position:fixed;z-index:64;left:12px;top:calc(var(--topResourceBottom,100px) + 42px);max-width:calc(100vw - 95px);padding:8px 12px;border:1px solid #6193b4;border-radius:9px;background:#102637ed;color:#d3efff;font:600 11px system-ui;box-shadow:0 3px 12px #0008}#shadowSiegeAlert.underSiege{border-color:#6bd6ff;box-shadow:0 0 15px #2b9de744}#shadowSiegeAlert[hidden]{display:none}@media(max-width:480px){.shadowDefenseControls{grid-template-columns:1fr}.shadowWaveGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.shadowWaveGrid article{padding:8px 5px}}
.blackMountainPortrait{display:block;width:100%;max-height:320px;object-fit:contain;margin:8px auto 18px}#blackMountainDialog{max-width:min(580px,calc(100vw - 24px));background:linear-gradient(155deg,#182431,#0c151e);border-color:#547291;color:#d8e5ef}#blackMountainDialog h2{color:#c4e4ff}#blackMountainDialog .muted{color:#adc0cf}
/* World navigation remains available when the command menus are retracted. */
#worldZoomControls{position:fixed;right:12px;bottom:calc(var(--hudHeight,110px) + 12px);z-index:75;display:grid;gap:3px;padding:5px;border:1px solid #b49a62;border-radius:12px;background:linear-gradient(#283a30ed,#13251ded);box-shadow:0 4px 15px #0008;color:#f4e6bd}#worldZoomControls[hidden]{display:none!important}#worldZoomControls button{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid #8e8252;border-radius:8px;background:linear-gradient(#3b4b34,#223323);color:#ffefc7;font:600 25px/1 system-ui;touch-action:manipulation}#worldZoomControls button:disabled{opacity:.4}#worldZoomControls button:focus-visible{outline:2px solid #bceaa0;outline-offset:2px}#worldZoomValue{text-align:center;font:600 10px/1.4 system-ui}canvas#map{touch-action:none}

#resourceGiftDialog form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#resourceGiftDialog label{display:grid;gap:4px}#resourceGiftDialog input,#royalWitchCommand select,#travelMap{width:100%;min-width:0}#resourceGiftDialog form>button,#resourceGiftDialog form>p{grid-column:1/-1}#cityOrdersDialog{max-width:560px}#royalWitchCommand{max-width:540px}

.eggHuntPortrait{width:145px;height:120px;object-fit:contain;float:right;margin:0 0 12px 18px}#eggHuntMission{overflow:auto;border-color:#7d9270}#eggHuntMission progress{width:min(100%,320px);height:14px;accent-color:#8aaf69;display:block}#eggHuntMission button{margin:8px 8px 0 0}@media(max-width:560px){.eggHuntPortrait{width:100px;height:100px;margin-left:8px}}