/* City workspace: map, contextual inspector, and an independent activity rail. */
[hidden]{display:none!important}
header{min-height:65px;padding:12px 24px}.brand small{margin-top:5px}.brand>span{font-size:19px}
.realm-nav{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;padding:6px 16px;background:#0c242b;border-bottom:1px solid #3c585b}
.realm-nav button{border:0;background:transparent;padding:7px 14px;font-size:11px;color:#c5d4cc}.realm-nav button:disabled{opacity:.35}.realm-nav button[aria-pressed=true]{color:var(--gold);background:#294348}
main{max-width:1920px;padding:16px 20px}.heading{margin-bottom:13px;gap:20px}.heading h1{font-size:31px;margin:2px 0}.heading p:not(.eyebrow){display:none}.heading .eyebrow{font-size:8px}.stats{gap:17px;margin-left:auto}.view-tabs{display:flex;gap:3px;background:#0c242b;padding:3px;border:1px solid var(--line);border-radius:7px}.view-tabs button{padding:8px 19px;border:0;background:transparent;font-size:12px}.view-tabs [aria-current]{color:#172b2f;background:var(--gold)}
#resources{gap:8px;margin-bottom:13px}.resource{padding:9px 15px;gap:12px}.resource strong{display:inline-block;font-size:20px;margin:0 8px 1px 0}.resource .resource-label{display:block;font-size:9px;margin-bottom:3px}.resource small{display:block;font-size:10px}.resource-icon{font-size:25px}
.workspace{display:grid;grid-template-columns:310px minmax(400px,1fr) 230px;gap:12px;align-items:start}
.city-inspector{padding:0;overflow:hidden;min-width:0}.city-tabs{display:grid;grid-template-columns:repeat(5,1fr);background:#102b31;border-bottom:1px solid var(--line)}.city-tabs button{padding:13px 3px;font-size:10px;border:0;border-radius:0;background:transparent;border-bottom:2px solid transparent}.city-tabs button[aria-pressed=true]{color:var(--gold);border-bottom-color:var(--gold);background:#29464a}.inspector-content{padding:16px;max-height:calc(100vh - 277px);min-height:440px;overflow:auto;scrollbar-color:#5f7c76 #17343a}
.subtle{border:0;background:transparent;color:var(--gold);padding:0 0 14px;font-size:11px}.library-heading h2{font-size:23px}.library-heading p{margin:6px 0 15px}.category-tabs{display:flex;gap:4px;margin-bottom:12px}.category-tabs button{flex:1;font-size:10px;padding:8px 4px;background:#173237}.category-tabs [aria-pressed=true]{background:#4d6151;border-color:#c3b789;color:#f8e6bd}
#catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#catalog .catalog-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:5px;padding:7px 3px 9px;min-height:117px;background:radial-gradient(ellipse at 50% 35%,#3e5b51,#18353a 75%)}#catalog .catalog-item .icon{width:65px;height:60px}#catalog .catalog-item strong{font-size:10px;line-height:1.3;font-weight:500}#catalog .catalog-item small{font-size:8px;line-height:1.4;margin-top:4px}.catalog-item.locked{opacity:.58}
#catalog[data-category=resources] [data-group]:not([data-group=resources]),#catalog[data-category=military] [data-group]:not([data-group=military]),#catalog[data-category=waterfront] [data-group]:not([data-group=waterfront]){display:none}
.detail-icon:has(.painted-sprite){width:160px;height:145px;margin-bottom:10px}#details h2{font-size:25px;line-height:1.1}.detail-row{gap:12px;align-items:baseline;margin:10px 0;font-size:11px}.detail-row strong{text-align:right}.detail-level{font-size:9px}.tip{margin-top:14px;padding:11px;font-size:11px}.city-actions button{font-size:10px;padding:7px}.primary{font-size:12px;padding:11px}.muted{font-size:11px;line-height:1.65}
.city-panel{min-width:0}.map-heading{padding:12px 14px}.map-controls{padding:8px 12px}.fort-toolbar{padding:7px 12px}.map-scroll{height:calc(100vh - 360px);min-height:420px;max-height:850px;padding:12px}.map-scroll #city-shell{min-width:0;width:100%;padding:30px;max-width:none;margin:auto}.map-scroll #grid{grid-template-columns:repeat(21,minmax(0,1fr))}.fort-slot{width:30px;height:30px}.fort-slot span{font-size:18px}.waterfront-status{font-size:10px;line-height:1.5;padding:8px 12px}.legend{padding:9px 12px;gap:9px;font-size:9px}
.activity-rail{display:block;padding:15px;max-height:calc(100vh - 230px);overflow:auto}.activity-rail section+section{margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.activity-rail h2{font-size:21px}.activity-rail #queue-count{font:10px 'DM Sans',Arial;color:var(--gold)}.activity-rail .queue-job{padding:10px;margin:10px 0}.activity-rail .queue-job strong{font-size:11px}.history-entry{font-size:10px}.save-tools{margin-top:12px}.save-tools button,.file-button{font-size:11px}#view-art{margin-top:20px;width:100%}
.inspector-military{margin:0;padding:0;border:0;background:transparent}.inspector-military .military-heading{display:none}.inspector-military #army-summary{font-size:11px;gap:9px;margin:0 0 16px}.inspector-military .military-columns{display:block}.inspector-military[data-panel=enlist] .military-columns>section:not(#recruitment){display:none}.inspector-military[data-panel=command] #recruitment{display:none}.inspector-military h3{font:22px 'Cormorant Garamond',Georgia;margin:10px 0}.inspector-military .military-columns label{font-size:11px}.inspector-military .military-columns input,.inspector-military .military-columns select{font-size:12px;padding:8px}.inspector-military>.muted{font-size:10px}.inspector-military .military-columns>section:last-child h3:last-of-type{display:none}
#reports-panel .raid-report{font-size:11px}#reports-panel summary{line-height:1.5}#reports-panel .raid-report p{font-size:11px}#art-dialog{width:min(1200px,94vw);max-width:none;max-height:90vh;padding:20px;overflow:auto}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:-20px;z-index:1;background:#18343a;padding:10px 0}.dialog-heading h2{margin:0}#art-dialog .art-samples{margin-top:15px;padding:15px}#art-dialog .art-sample-grid img{height:190px}
footer{font-size:9px;margin:16px 0 0}.activity-rail .queue-section{margin:0;padding:0;border:0}
@media(min-width:1600px){.workspace{grid-template-columns:330px minmax(600px,1fr) 260px}.map-scroll{min-height:600px}}
@media(max-width:1150px){.workspace{grid-template-columns:290px minmax(360px,1fr)}.activity-rail{grid-column:1/-1;display:grid;grid-template-columns:1.6fr 1fr;gap:20px;max-height:none}.activity-rail section+section{margin:0;padding:0;border:0}.inspector-content{max-height:650px}.map-scroll{height:550px;min-height:350px}.realm-nav button{padding:6px 9px}.stats{font-size:10px;gap:10px}.view-tabs button{padding:8px 12px}}
@media(max-width:800px){header{padding:12px 15px}.header-right{gap:8px}.header-right button{font-size:11px}.realm-nav{justify-content:flex-start;flex-wrap:nowrap;overflow:auto;padding:5px 10px}.realm-nav button{flex-shrink:0}main{padding:12px}.heading{flex-wrap:wrap;gap:10px}.heading h1{font-size:28px}.stats{flex-direction:column;gap:5px}.view-tabs{width:100%;justify-content:center}.view-tabs button{flex:1;padding:7px}.workspace{display:grid;grid-template-columns:minmax(0,1fr)}.city-panel{grid-row:1}.city-inspector{grid-row:2}.activity-rail{grid-row:3;grid-column:1;grid-template-columns:1fr 1fr}.inspector-content{max-height:none;min-height:0;padding:15px}.map-scroll{height:auto;max-height:630px;min-height:0;padding:10px}.map-scroll #city-shell{padding:28px}.fort-slot{width:27px;height:27px}.map-heading #mode{max-width:60%;text-align:right;line-height:1.4}.map-controls>span{display:inline;font-size:8px}.map-controls{gap:7px}.map-controls>div{gap:6px}.resource{padding:9px 11px}.resource strong{font-size:18px}.resource small{font-size:9px}#resources{grid-template-columns:repeat(2,1fr);gap:6px}.city-tabs button{font-size:12px}.category-tabs button{font-size:12px}#catalog{grid-template-columns:repeat(3,minmax(0,1fr))}#catalog .catalog-item{min-height:140px}#catalog .catalog-item .icon{width:95px;height:85px}#catalog .catalog-item strong{font-size:12px}#catalog .catalog-item small{font-size:10px}.detail-icon:has(.painted-sprite){float:right;width:130px;height:125px;margin-left:12px}.detail-row{font-size:12px}#details:after{content:'';display:block;clear:both}.map-controls button{font-size:11px}.waterfront-status{font-size:10px}#toast{max-width:92vw;width:max-content;font-size:12px}.art-sample-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){.activity-rail{display:block}.activity-rail section+section{margin-top:20px;border-top:1px solid var(--line);padding-top:15px}#catalog .catalog-item .icon{width:75px;height:70px}#catalog .catalog-item strong{font-size:10px}.map-controls>span{display:none}.brand small{font-size:6px}.brand>span{font-size:15px}.resource-icon{font-size:20px}}
.queue-state{display:block;font-size:8px;letter-spacing:1px;color:#a9bbb1;margin-bottom:6px}.queue-job.working{border-left:2px solid var(--gold)}.activity-rail .queue-inspect{display:block;text-align:left;border:0;background:transparent;color:#f3e5c6;padding:0;font-size:11px;line-height:1.5}.queue-finish{display:block;font-size:9px;color:var(--muted);margin-top:7px}
@media(min-width:1151px){.map-scroll{height:calc(100vh - 480px);min-height:360px}.inspector-content{max-height:calc(100vh - 330px);min-height:360px}.activity-rail{max-height:calc(100vh - 285px)}}
.tile.bonus-source{outline:2px solid #a7ede0;outline-offset:-2px;background:#9dd7bc55}.impact-building{display:block;border:0;border-bottom:1px solid #47665c;border-radius:0;padding:10px 0;background:transparent;width:100%;text-align:left;font-size:11px;line-height:1.5}.impact-building span{display:block;color:#e9d49d;font-size:11px;margin-top:4px}

.map-pan-controls{display:flex;gap:4px;padding:5px 12px;background:#102b31;border-top:1px solid var(--line)}.map-pan-controls button{padding:4px 12px;font-size:16px;line-height:1.1}.map-scroll:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}

#activity-summary>button{width:100%;text-align:left;font-size:11px;padding:9px;background:#244449}#activity-summary .muted{font-size:10px}#recruit-max{font-size:11px;margin-bottom:8px}

#trade-workspace label{display:block;font-size:11px;margin:10px 0}#trade-workspace input,#trade-workspace select{width:100%;padding:8px;margin-top:5px}#trade-workspace h3{font-size:21px;margin-top:20px}

/* Keep management tasks focused while preserving the city action navigation. */
.manage-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 18px}.manage-sections button{padding:10px 6px;text-align:left;font-size:12px}.manage-sections button span{display:block;font-size:10px;margin-top:4px;opacity:.8}.manage-sections button[aria-pressed="true"]{background:var(--gold);color:#102b31;border-color:var(--gold)}#councillor-management section[hidden]{display:none!important}#councillor-management section h3:first-child{margin-top:0}#councillor-management label{display:block;margin:10px 0;font-size:12px}#councillor-management input,#councillor-management select{display:block;max-width:100%;width:100%;box-sizing:border-box;padding:8px;margin-top:5px}#councillor-management .tip button{margin:3px 3px 3px 0}

/* Five resource balances remain in one row on desktop. */
@media(min-width:801px){#resources{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* Keep selection visible above large sprites at every zoom level. */
#grid .tile.selected{outline:3px solid #fff0ad;outline-offset:-3px;z-index:8;box-shadow:inset 0 0 0 5px #172c29,0 0 12px #ffe08d;}
#grid .tile.selected::after{content:'◆';position:absolute;right:2px;top:0;color:#fff2af;font-size:12px;text-shadow:0 1px 3px #000;}
#grid .tile:focus-visible{outline:3px solid white;outline-offset:-3px;z-index:9;}
.docked-fleet{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.docked-fleet span{display:flex;flex-direction:column;border:1px solid #617a71;background:#163c40;padding:10px;border-radius:6px;flex:1;min-width:100px}.docked-fleet b{font-size:20px;color:#efdc9d;margin-bottom:5px}
.manage-sections{flex-wrap:wrap}

#manage-layouts textarea{box-sizing:border-box;width:100%;min-height:6rem;resize:vertical;background:#102729;color:#e4eadb;border:1px solid #53716b;border-radius:6px;padding:10px;font:12px/1.5 monospace;}
.docked-fleet img{width:100%;height:82px;object-fit:contain;margin-bottom:6px}.docked-ship{pointer-events:none}
.docked-fleet span{min-width:64px;padding:8px;flex:1 1 0}.docked-fleet img{height:74px}

/* Readable report cards and touch controls at narrow widths. */
#city-report-summary details{margin:12px 0;border-bottom:1px solid #53716b;padding-bottom:12px}
#city-report-summary summary{cursor:pointer;font-weight:700;padding:10px 0}
#city-report-summary .tip,#manage-research .tip{overflow-wrap:anywhere}
#manage-research details{margin:12px 0}
#mode{overflow-wrap:anywhere}
dialog{box-sizing:border-box;max-width:min(480px,94vw)}
@media(max-width:800px){
 .city-tabs button,.map-pan-controls button,#zoom-in,#zoom-out,#map-reset{min-height:44px}
 .inspector-content input,.inspector-content select,.inspector-content textarea{font-size:16px;max-width:100%;box-sizing:border-box}
 .manage-sections button{min-width:0;overflow-wrap:anywhere}
 #manage-layouts button,#manage-research button{max-width:100%;white-space:normal;min-height:40px}
 .inspector-content,.inspector-content section{min-width:0}
}

/* First-city lessons stay in the page flow, leaving the map and controls usable. */
#first-city-tutorial{margin:14px 0;padding:16px 20px;border:1px solid #a18c5d;border-radius:8px;background:#18383c;color:#ece6d0;overflow-wrap:anywhere}
#first-city-tutorial h2{margin:8px 0;font-size:22px}
#first-city-tutorial p{margin:8px 0;max-width:1000px}
.tutorial-heading,.tutorial-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between}
.tutorial-actions{justify-content:flex-start;margin:12px 0}
#first-city-tutorial button{min-height:44px;white-space:normal}
#tutorial-next{background:#d3bd82;color:#152e32}
#first-city-tutorial progress{width:100%;height:9px;accent-color:#d3bd82}
.tutorial-highlight{outline:3px solid #ffe2a0!important;outline-offset:3px;box-shadow:0 0 12px #f4cb75!important}
.tutorial-supplies{border-top:1px solid #647767;padding-top:10px}
@media(max-width:800px){#first-city-tutorial{padding:14px}#first-city-tutorial h2{font-size:21px}.tutorial-actions button{flex:1 1 130px}.tutorial-heading button{font-size:12px}}
#tutorial-return{position:fixed;right:16px;bottom:16px;z-index:30;background:#d3bd82;color:#152e32;min-height:44px;box-shadow:0 3px 16px #0008}

/* Shared World / Region geography explorer */
#geography-view{width:min(1100px,96vw);max-width:96vw;max-height:94vh;overflow:auto;padding:20px;background:#142328;color:#e9e4d2;border:1px solid #9a8553;border-radius:12px}
.geo-toolbar,#geo-find,.geo-pan,.geo-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}
.geo-toolbar label,#geo-find label{display:flex;align-items:center;gap:6px}
#geo-find input{width:85px}
.geo-layout{display:grid;grid-template-columns:minmax(0,720px) minmax(180px,1fr);gap:18px}
#geography-map{display:block;width:100%;height:auto;aspect-ratio:1;border:1px solid #a28b51;touch-action:none;cursor:crosshair;background:#153e57}
#geography-map:focus-visible{outline:3px solid #fff;outline-offset:3px}
.geo-legend span{display:inline-flex;gap:5px;align-items:center;text-transform:capitalize;font-size:12px}
.geo-legend i{display:inline-block;width:13px;height:13px;border:1px solid #cbd7cc}
#geo-inspector{padding:10px;background:#ffffff08;border-radius:8px}
@media(max-width:700px){#geography-view{padding:12px}.geo-layout{grid-template-columns:1fr}.geo-toolbar button{min-height:40px}#geo-inspector{font-size:14px}}

.encounter-portrait{width:min(100%,170px);aspect-ratio:1;margin:0 auto 1rem;background-size:200% 200%;background-repeat:no-repeat;filter:drop-shadow(0 5px 5px #0008)}


/* Empire management and route activity */
#city-selector{max-width:220px;margin-left:12px}#empire-view,#found-city-view{max-width:none;width:min(760px,94vw);max-height:90vh;overflow:auto}#empire-content label,#found-city-view label{display:block;margin:10px 0}#empire-content input{max-width:110px;margin-left:12px}.geo-movement{border-bottom:1px solid #52635b;padding:8px 0}.geo-movement button{margin-left:12px}#geo-movements{max-height:220px;overflow:auto}#geography-map{touch-action:none}

#empire-view{width:min(1100px,94vw)}.empire-filters{display:flex;flex-wrap:wrap;gap:12px}.empire-filters label{display:grid;gap:4px;min-width:140px}.empire-filters input,.empire-filters select{max-width:240px;width:100%}.empire-command-rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;max-height:55vh;overflow:auto}.empire-command-rows .tip{margin:0;overflow-wrap:anywhere}

#empire-goals{margin:18px 0}#empire-goals summary{font-weight:bold;cursor:pointer}#empire-goals [data-goal-cities]{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}#empire-goals label{display:flex;align-items:center;gap:6px}#empire-goals [data-goal-status]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px}#empire-goals input[type=number]{max-width:100px}#empire-goals button{margin:4px}#empire-goals [hidden]{display:none}

#empire-raids{margin:18px 0}#empire-raids summary{font-weight:bold;cursor:pointer}#empire-raids [data-empire-raids]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;max-height:55vh;overflow:auto;margin:12px 0}#empire-raids label{display:flex;align-items:center;gap:6px}#empire-raids input[type=number]{max-width:100px}#empire-raids button{margin:4px}#empire-raids [hidden]{display:none}

.recruit-stat-card{border:1px solid #8a926e;border-radius:8px;background:#132e32;padding:12px;margin:10px 0;color:#eee9d5}.recruit-stat-card>strong{font-size:1.05rem}.recruit-role{color:#e4c982;font-weight:600;margin:4px 0 10px}.recruit-stat-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.recruit-stat-card dl>div{background:#ffffff08;border-radius:4px;padding:6px}.recruit-stat-card dt{font-size:.8rem;color:#bbc9c5}.recruit-stat-card dd{margin:2px 0 0;font-weight:700;font-variant-numeric:tabular-nums}.recruit-stat-card p{font-size:.85rem;margin:10px 0 6px}.recruit-stat-card small{display:block;color:#bbc9c5;font-size:.75rem;line-height:1.4}

/* Empire trade and marketplace: tables scroll within the dialog on small screens. */
#commerce-view{width:min(1400px,96vw);max-width:96vw;max-height:90vh;overflow:auto}#commerce-tools{border-top:1px solid #52716a55;padding-top:12px;margin-top:16px}.commerce-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.commerce-actions label{margin:4px}.commerce-table-scroll{overflow-x:auto}.commerce-table{border-collapse:collapse;min-width:1050px;width:100%;font-size:12px}.commerce-table th,.commerce-table td{border:1px solid #68827755;padding:9px;text-align:left;vertical-align:top}.commerce-table th{color:#e2cf9c}.commerce-table td p{margin:0 0 6px}.commerce-table small{font-size:10px;opacity:.8}.commerce-table td strong{font-size:15px}.commerce-cargo{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}#commerce-message{white-space:pre-wrap;color:#dbcb9a;min-height:1em}#commerce-view form{margin:12px 0;padding:12px;border:1px solid #68827755;border-radius:6px}#commerce-view label{display:flex;flex-direction:column;gap:5px;margin:8px 0}#commerce-view select,#commerce-view input{max-width:100%;padding:8px}#commerce-view button{margin:4px;padding:8px 12px}
/* Painted environment; these layers never change plot or defense geometry. */
#grid{background-image:linear-gradient(#80904b26,#536b3b26),url('assets/region-painted/meadow.png');background-size:100% 100%,38% 38%;}
#city-shell.wall-built:before{border-image:url('assets/environment-v2/limestone.png') 90 round;border-width:11px;filter:drop-shadow(0 3px 2px #15261a99);}
#city-shell[data-shore]:not([data-shore="none"]):before{border-image:none;border-width:0;filter:none;}
.wall-built #harbor-wall polyline{stroke:#62594b;stroke-width:13px;}
.wall-built #harbor-wall polyline.masonry{stroke:url(#city-wall-stone);stroke-width:9px;filter:drop-shadow(0 1px 1px #ffffff66);}
#city-shell:not(.wall-built) #harbor-wall .masonry{display:none;}
.fort-slot.occupied{background:radial-gradient(ellipse at 50% 75%,#71684c99,transparent 70%);border-color:#b6a68088;box-shadow:0 2px 3px #13271b66;}
.fort-slot.occupied .sprite{filter:drop-shadow(1px 3px 2px #172417aa);transform:scale(1.22);transform-origin:50% 75%;}
.item-wallet{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px;background:#152e2d;border:1px solid #a68a5355;border-radius:8px}.item-wallet p{margin:0}.item-wallet strong{color:#f2d596}.item-wallet small{color:#bdc6ba}.item-shop-filters{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.item-shop-filters label{flex:1;min-width:160px}.item-shop-filters select{width:100%}.item-shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin-bottom:20px}.item-shop-card{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #b99c5c66;border-radius:9px;background:linear-gradient(140deg,#2c4238,#192c2a);min-width:0}.item-shop-card h3,.item-shop-card p{margin:0}.item-shop-card h3{font-size:17px;line-height:1.35}.item-emblem{align-self:center;display:grid;place-items:center;width:56px;height:56px;border:1px solid #d6bd7f;border-radius:50%;color:#f1d59b;background:radial-gradient(#607057,#233d33);font-size:30px}.item-owned{text-align:center;color:#ded8bd}.item-owned strong{font-size:20px;color:#fff1c1}.item-effect{flex:1;line-height:1.5}.item-shop-card button{width:100%}.item-shop-card .item-reason{display:block;color:#dfcdb2;line-height:1.45;overflow-wrap:anywhere}.item-locked{border-color:#52645b;background:#1b2c29}.item-locked .item-emblem{opacity:.6}
/* A Tabernacle is one anchored sprite over its nine protected city plots. */
#grid .tabernacle-anchor{z-index:4;}
#grid .tabernacle-anchor .painted-sprite{left:-100%;top:-100%;width:300%;height:300%;object-fit:contain;pointer-events:none;}
#grid .tabernacle-annex{background:transparent;border-color:#d7bf7b25;}
#grid .tabernacle-anchor.pending .painted-sprite{opacity:.65;}

#rankings-view{width:min(1000px,94vw);max-width:94vw;max-height:90vh;overflow:auto}#rankings-view form{display:flex;gap:12px;flex-wrap:wrap;align-items:end}#rankings-view label{display:grid;gap:5px}#rankings-view select,#rankings-view input{padding:9px;max-width:100%}.ranking-table{border-collapse:collapse;width:100%;margin:12px 0}.ranking-table th,.ranking-table td{text-align:left;padding:10px;border-bottom:1px solid #68827766}.ranking-table button{text-align:left}#rankings-view [data-status]{min-height:1.5em}

.alliance-members{display:grid;gap:10px}.alliance-members article{border:1px solid #68827766;border-radius:6px;padding:12px}.alliance-members button{margin:4px}#shared-alliance label{display:grid;gap:5px;margin:10px 0}#shared-alliance input,#shared-alliance select,#shared-alliance textarea{width:100%;max-width:100%;padding:8px;box-sizing:border-box}#shared-alliance details{margin:14px 0}.alliance-copy{white-space:pre-wrap;overflow-wrap:anywhere}#shared-alliance [data-alliance-status]{min-height:1.5em;color:#e2cf9c}

#alliance-operations form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#alliance-operations label{display:grid;gap:5px}#alliance-operations input,#alliance-operations select{padding:9px;width:100%;max-width:100%;box-sizing:border-box}#alliance-operations article button{margin:5px 5px 0 0}#alliance-operations h3{margin-top:22px}

#alliance-operations-view{width:min(1100px,94vw);max-width:94vw;max-height:90vh;overflow:auto}#alliance-operations-view #alliance-operations form{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end}#alliance-operations-view #alliance-operations article{margin:12px 0;padding:14px}

#communications-view{width:min(1000px,94vw);max-width:94vw;max-height:90vh;overflow:auto}#communications-view header{padding:0;min-height:0;background:none;gap:12px}#communications-view nav,.communication-tools{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}#communications-view label{display:grid;gap:6px;margin:10px 0}#communications-view textarea,#communications-view input,#communications-view select{padding:10px;max-width:100%;box-sizing:border-box}#communications-view textarea{width:100%}.communication-message{border:1px solid #68827766;border-radius:6px;padding:12px;margin:12px 0}.communication-message button{font-size:12px;margin:6px 5px 0 0}.communication-body{white-space:pre-wrap;overflow-wrap:anywhere}.communication-message small{color:#bcc8bf}#communications-view [aria-pressed=true]{border-color:var(--gold);background:#3b5043}#communications-view [data-messages]{max-height:50vh;overflow:auto}

/* Player identity uses the same text size as account buttons. */
.heading #player-identity{font:600 14px 'DM Sans',Arial,sans-serif;letter-spacing:.3px;line-height:1.4;margin:0 0 8px}

.city-name-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.city-name-row h1{min-width:0;overflow-wrap:anywhere}.city-name-row select{max-width:100%;font-size:14px}.city-list-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0}.city-list-tools #city-selector{min-width:160px;max-width:100%}#manage-city-lists-dialog{width:min(760px,94vw);max-width:94vw;max-height:88vh;overflow:auto}.city-list-create,.city-list-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}.city-list-create input{flex:1;min-width:150px}.city-list-row>button:first-child{flex:1;text-align:left}.city-list-row [aria-pressed=true]{border-color:var(--gold)}.city-list-members{max-height:35vh;overflow:auto;border:1px solid var(--line);padding:8px;margin-top:8px}.city-list-members label{display:flex;align-items:center;gap:8px;margin:5px 0}.city-list-members input{width:auto}#manage-city-lists-dialog label>input:not([type=checkbox]){display:block;max-width:100%}

.city-left-column{min-width:0;display:flex;flex-direction:column;gap:12px}#city-troop-overview{border:1px solid var(--line);border-radius:9px;padding:16px 18px;background:#1b383d}#city-troop-overview h2{font-size:20px;margin:0 0 12px}#city-troop-overview h2:not(:first-child){border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.troop-overview-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;margin:9px 0}.troop-overview-row strong{color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap}.troop-overview-note{font-size:10px;margin-bottom:0}
@media(max-width:800px){.city-left-column{grid-row:2}}

.troop-dismiss-controls{display:flex;gap:8px;margin:4px 0 13px}.troop-dismiss-controls input{min-width:0;width:100%;padding:6px;font-size:12px}.troop-dismiss-controls button{font-size:11px;padding:6px 10px}

#server-clock-bar{position:sticky;top:0;z-index:25;display:flex;justify-content:center;align-items:center;gap:12px;padding:7px 12px;background:#102b31;border-bottom:1px solid var(--line);color:var(--gold);font-size:12px}#server-clock-bar time{font-variant-numeric:tabular-nums;font-family:"DM Sans",Arial,sans-serif;font-weight:600;letter-spacing:.4px}@media(max-width:430px){#server-clock-bar{font-size:11px;gap:8px}}

#nephilim-view{max-width:950px;width:94vw}#nephilim-view table{width:100%;border-collapse:collapse}#nephilim-view td,#nephilim-view th{padding:10px;text-align:left;border-bottom:1px solid var(--line)}.nephilim-intro{display:flex;align-items:center;gap:20px}.nephilim-intro img{width:170px;height:200px;object-fit:contain}@media(max-width:600px){.nephilim-intro{display:block}.nephilim-intro img{float:right;width:110px;height:150px}}
#chat-player-profile,#friends-view,#daily-login-view,#councillor-walkthrough{width:min(680px,94vw);max-width:94vw;max-height:90vh;overflow:auto;box-sizing:border-box}#chat-player-profile button,#friends-view button,#daily-login-view button,#councillor-walkthrough button{margin:6px}#communications-view [data-conversations] button{margin:5px}#communications-view [data-profile]{font-weight:bold;color:var(--gold)}

#father-quote-dialog{width:min(620px,92vw);max-height:85vh;overflow:auto;box-sizing:border-box}#father-quote-dialog blockquote{font-family:Georgia,serif;font-size:clamp(1.15rem,2.2vw,1.55rem);line-height:1.6;border-left:3px solid var(--gold);margin:24px 0;padding:0 20px}#father-quote-dialog a{color:var(--gold)}

.region-city-portrait{width:150px;height:125px;margin:auto;background-image:url(assets/settlement-growth/atlas-v1.png);background-size:800% 400%;background-repeat:no-repeat}.region-city-details dl{display:grid;grid-template-columns:auto 1fr;gap:8px}.region-city-details dd{margin:0}.region-travel-scroll{overflow-x:auto}.region-city-details table{width:100%;border-collapse:collapse;font-size:.85rem}.region-city-details th,.region-city-details td{padding:8px 5px;border-bottom:1px solid #68827766;text-align:left}.region-city-details td:last-child{white-space:nowrap}

#councillor-guide-resume{position:fixed;right:20px;bottom:20px;z-index:90;max-width:calc(100vw - 40px);box-shadow:0 4px 20px #0008} .councillor-guide-highlight{outline:3px solid #e4c271;outline-offset:5px;scroll-margin:30px}

/* Move the map aside while using city commands underneath. */
#geography-view{position:fixed;z-index:100;resize:both;min-width:min(420px,94vw);min-height:240px;box-shadow:0 12px 50px #0009}
#geography-view>.dialog-heading{position:sticky;top:-20px;z-index:2;background:#142328;padding:10px 0;cursor:grab;touch-action:none;user-select:none}
#geography-view>.dialog-heading:active{cursor:grabbing}
#geography-view>.dialog-heading h2::after{content:' · drag to move';font:12px sans-serif;color:#b9c7c3}
#geography-view>.dialog-heading:focus-visible{outline:2px solid #e4c271}

#action-error-dialog{width:min(520px,92vw);max-height:85vh;overflow:auto;border:2px solid #d39a64}#action-error-message{font-size:1.1rem;line-height:1.5;color:#ffe1bc}#action-error-dialog::backdrop{background:#0008}

#instructions{width:min(850px,94vw);max-width:94vw;max-height:88vh;overflow:auto}#instructions details{border-bottom:1px solid #52635b;padding:12px 0}#instructions summary{cursor:pointer;font-weight:bold;color:#e4c271}#instructions p{line-height:1.6}

/* Report inbox lives in a wide, bounded dialog rather than the city inspector. */
#reports-dialog{width: min(1040px,96vw);max-width:96vw;max-height:90vh;overflow:auto;background:#142f33;color:#eee6d5;border:1px solid #a58d56;border-radius:12px;padding:20px}#reports-dialog::backdrop{background:#061619b8}#reports-dialog .dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;position:sticky;top:-20px;background:#142f33;z-index:2;padding:12px 0;border-bottom:1px solid #527073}#reports-dialog #reports-panel{display:block}#reports-dialog .live-report-list>details{padding:14px 0;border-bottom:1px solid #496467}#reports-dialog summary{cursor:pointer;color:#e8ce92;padding:8px 0}#reports-dialog .battle-table-wrap{overflow-x:auto;margin:14px 0}#reports-dialog .battle-troops{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}#reports-dialog .battle-troops th,#reports-dialog .battle-troops td{padding:12px 10px;text-align:right;border-bottom:1px solid #3c595c;vertical-align:top}#reports-dialog .battle-troops th:first-child,#reports-dialog .battle-troops td:first-child{text-align:left}#reports-dialog .battle-unit-symbol{display:block;font-size:28px;color:#e4c57c}#reports-dialog .battle-loss{color:#ffc1b4}#reports-dialog .battle-strength{display:flex;gap:24px;flex-wrap:wrap;margin:16px 0}#reports-dialog .battle-strength strong{display:block}#reports-dialog progress{width:100%;accent-color:#d8bd80}#reports-dialog pre{white-space:pre-wrap}#reports-dialog h2{color:#e8ce92}#reports-dialog .battle-troops details .battle-table-wrap{max-width:600px}@media(max-width:600px){#reports-dialog{padding:12px}#reports-dialog .battle-troops th,#reports-dialog .battle-troops td{padding:9px 6px}}

/* Empire workspace: task tabs preserve the map and avoid one long management page. */
#empire-view{width:min(1360px,96vw);max-width:96vw;height:88vh;max-height:94vh;overflow:auto;padding:20px;background:#142f33;color:#eee6d5;border:1px solid #a58d56;border-radius:12px}#empire-view::backdrop{background:#061619a8}#empire-view>.dialog-heading{position:sticky;top:-20px;z-index:5;background:#142f33;display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #496467}#empire-view .empire-workspace-tabs{display:flex;gap:7px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid #496467}#empire-view .empire-workspace-tabs button[aria-selected=true]{background:#dbc18a;color:#132e32;border-color:#dbc18a}#empire-view .empire-workspace-filter{display:flex;align-items:end;gap:14px;flex-wrap:wrap;padding:16px 0}#empire-view .empire-workspace-filter label{display:grid;gap:6px;min-width:150px}#empire-view .empire-workspace-filter p{width:100%;margin:0;color:#bdd0d1}#empire-view .empire-table-scroll{overflow:auto;width:100%}#empire-view .empire-data-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}#empire-view .empire-data-table th,#empire-view .empire-data-table td{text-align:left;vertical-align:top;border-bottom:1px solid #426064;padding:12px 10px;min-width:95px}#empire-view .empire-data-table thead{background:#203e42}#empire-view .empire-city-link{background:transparent;border:0;color:#edd298;padding:2px;text-align:left;text-decoration:underline}#empire-view .empire-overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:18px 0}#empire-view .empire-overview-stats article{padding:16px;background:#203e42;border-radius:7px}#empire-view .empire-overview-stats span{display:block;color:#bdd0d1;margin-bottom:10px}#empire-view .empire-overview-stats strong{font-size:22px}#empire-view [role=tabpanel]{padding-top:10px}#empire-view [hidden]{display:none!important}#empire-view #empire-content:empty{display:none}#empire-view [data-workspace-legacy=cities]>details{margin-top:20px}#empire-view h3{color:#ecd29a}@media(max-width:650px){#empire-view{padding:12px;height:92vh}#empire-view>.dialog-heading{top:-12px}#empire-view .empire-workspace-filter label{min-width:120px;flex:1}#empire-view .empire-workspace-tabs{gap:5px}#empire-view .empire-workspace-tabs button{padding:9px}}

/* Personal map layers and saved locations. */
#map-layer-settings{margin:12px 0;padding:12px;border:1px solid #536b6a;border-radius:7px;background:#19383c}#map-layer-settings>summary{color:#ead198;cursor:pointer;padding:5px}#map-layer-settings [data-map-layer-options]{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin:14px 0}#map-layer-settings .map-layer-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:8px;background:#24454a}#map-layer-settings input[type=color]{width:48px;min-height:30px;padding:2px}#map-layer-settings input[type=checkbox]{width:auto}#map-layer-settings form,#map-layer-settings .map-filter-levels{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:12px 0}#map-layer-settings label{display:grid;gap:5px}#map-layer-settings .map-saved-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid #456164}#map-layer-settings .map-saved-row i{display:inline-block;width:14px;height:14px;border-radius:3px;margin-right:8px}#map-layer-settings select{max-width:100%}#map-layer-settings form label{min-width:130px;max-width:100%}

#geography-view{position:fixed}#geography-view #map-layer-settings{margin:0;padding:5px 10px;max-width:100%}#geography-view #map-layer-settings[open]{position:absolute;left:18px;top:135px;width:min(350px,calc(100% - 36px));max-height:65vh;overflow:auto;z-index:8;box-shadow:0 12px 30px #0008;padding:12px}#geography-view #map-layer-settings[open]>summary{position:sticky;top:-12px;padding:12px 0;background:#19383c;z-index:1}#geography-view #map-layer-settings[open] [data-map-layer-options]{grid-template-columns:1fr}

#music-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}#music-controls label{display:flex;align-items:center;gap:8px;margin:0;font-size:13px}#music-controls input{width:90px}#music-status{font-size:12px;color:#c6d4d0}header .header-right{flex-wrap:wrap}@media(max-width:650px){#music-controls{width:100%}#music-status{display:none}}

/* Public player profiles and basic avatar selection. */
#chat-player-profile{width:min(900px,95vw);background:#173438;color:#eee6d5;border:1px solid #aa915c;border-radius:12px;padding:22px}#chat-player-profile .dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}#chat-player-profile .public-player-heading{display:flex;align-items:center;gap:24px;padding:15px 0}#chat-player-profile .player-avatar{width:150px;height:150px;object-fit:cover;border-radius:10px;border:1px solid #b99d63}#chat-player-profile .player-profile-tabs{display:flex;gap:10px;border-bottom:1px solid #537073;padding:12px 0}#chat-player-profile [aria-selected=true]{background:#d9bd83;color:#173438}#chat-player-profile .public-player-cities{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:14px}#chat-player-profile [data-public-city]{display:flex;align-items:center;gap:12px;border:1px solid #496467;border-radius:8px;padding:10px}#chat-player-profile .region-city-portrait{width:90px;height:80px;flex-shrink:0}#chat-player-profile [data-public-city] p{margin:7px 0}#chat-player-profile [hidden]{display:none!important}#chat-player-profile .player-avatar-picker{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:20px 0}#chat-player-profile .player-avatar-picker label{display:grid;gap:5px;justify-items:center}#chat-player-profile .player-avatar-picker img{width:90px;height:90px;object-fit:cover;border-radius:7px}#chat-player-profile .player-profile-actions{display:flex;flex-wrap:wrap}#chat-player-profile [role=tabpanel]{padding-top:14px}@media(max-width:500px){#chat-player-profile .player-avatar{width:105px;height:105px}#chat-player-profile .public-player-heading{gap:12px}#chat-player-profile{padding:14px}}

#chat-player-profile [data-public-city] .region-city-portrait{margin:0}#chat-player-profile [data-public-city]>div:last-child{flex:1}

/* Theopneia identity: compact emblem preserves space for gameplay. */
.brand .brand-emblem{display:block;width:52px;height:52px;flex:0 0 52px;object-fit:contain;letter-spacing:normal}.brand{gap:12px;min-width:0}header{gap:16px;flex-wrap:wrap}.header-right{min-width:0;justify-content:flex-end}#instructions .guide-title-art{display:block;width:100%;max-width:460px;height:auto;aspect-ratio:16/9;object-fit:contain;margin:0 auto 18px;border-radius:6px}#music-controls select{max-width:190px}@media(max-width:800px){.brand .brand-emblem{width:44px;height:44px;flex-basis:44px}}@media(max-width:430px){header .header-right{width:100%;justify-content:flex-start}.brand{max-width:100%;letter-spacing:2px}.brand small{letter-spacing:1.3px}}

/* Consistent empire dashboard and task navigation. */
#empire-view .dialog-heading h2{margin:0}#empire-view .empire-workspace-tabs{position:sticky;top:46px;z-index:4;background:#142f33;padding:10px 0;gap:6px}#empire-view .empire-workspace-tabs button{white-space:nowrap;font-size:12px}#empire-view .empire-dashboard-intro{display:flex;align-items:start;justify-content:space-between;gap:20px;margin:8px 0 18px}#empire-view .empire-dashboard-intro h3{margin:0 0 7px}#empire-view .empire-dashboard-intro p{margin:0;color:#bdd0d1}#empire-view .empire-treasury{display:grid;gap:5px;min-width:190px;text-align:right}#empire-view .empire-treasury span{font-size:12px;color:#bdd0d1}#empire-view .empire-treasury strong{color:#ecd29a;font-size:20px}#empire-view .empire-overview-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}#empire-view .empire-overview-stats button{text-align:left;display:flex;flex-direction:column;gap:7px;background:#203e42;padding:13px;border-color:#496467;min-width:0}#empire-view .empire-overview-stats button span{margin:0;font-size:12px;line-height:1.4}#empire-view .empire-overview-stats button strong{font-size:26px;color:#f0d492}#empire-view .empire-overview-stats button small{font-size:10px;color:#bdd0d1}#empire-view .empire-dashboard-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}#empire-view .empire-attention-card{display:flex;justify-content:space-between;align-items:start;gap:14px;padding:13px;background:#1c383c;border:1px solid #486066;border-left:4px solid #c4a968;margin:10px 0;border-radius:6px}#empire-view .empire-attention-card.severity-critical{border-left-color:#f28a70;background:#3a3031}#empire-view .empire-attention-card.severity-watch{border-left-color:#85bcb4}#empire-view .empire-attention-card p{font-size:12px;line-height:1.5;margin:7px 0;overflow-wrap:anywhere}#empire-view .empire-attention-card strong{display:block;font-size:13px}#empire-view .empire-attention-card button{flex-shrink:0;font-size:11px;padding:7px}#empire-view .empire-severity{display:block;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#edc887;margin-bottom:4px}#empire-view .empire-next-event{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #426064}#empire-view .empire-next-event strong,#empire-view .empire-next-event span,#empire-view .empire-next-event small{display:block;margin:3px 0}#empire-view .empire-next-event span,#empire-view .empire-next-event small{font-size:12px;color:#bdd0d1}#empire-view .empire-councillor-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:24px}#empire-view .empire-councillor-strip>div{background:#203e42;border:1px solid #52736e;padding:12px;border-radius:6px}#empire-view .empire-councillor-strip .inactive{border-color:#a58d56}#empire-view .empire-councillor-strip span{display:block;font-size:11px;color:#bdd0d1;line-height:1.5;margin-top:6px}#empire-view .empire-row-actions{display:flex;flex-wrap:wrap;gap:5px;min-width:145px}#empire-view .empire-row-actions button{font-size:11px;padding:6px 8px}#empire-view .empire-data-table thead{position:sticky;top:0;z-index:1}#empire-view .empire-data-table tbody tr:hover{background:#214146}#empire-view .empire-table-scroll{max-height:62vh;scrollbar-color:#577b7d #12292d}#empire-view .empire-navigation-status:empty{display:none}#empire-view .empire-navigation-status{padding:10px;background:#203e42;border-left:3px solid #edc887}#empire-view .empire-scope-note{font-size:12px;color:#bdd0d1}#empire-view .empire-clear-state{padding:15px;background:#203e42;border-left:3px solid #85bcb4;line-height:1.5}@media(max-width:1050px){#empire-view .empire-overview-stats{grid-template-columns:repeat(3,minmax(0,1fr))}#empire-view .empire-dashboard-columns{grid-template-columns:1fr}}@media(max-width:650px){#empire-view .empire-workspace-tabs{flex-wrap:nowrap;overflow:auto;top:44px;padding:8px 0}#empire-view .empire-workspace-tabs button{flex-shrink:0}#empire-view .empire-dashboard-intro{flex-direction:column;gap:12px}#empire-view .empire-treasury{text-align:left}#empire-view .empire-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#empire-view .empire-councillor-strip{grid-template-columns:repeat(2,minmax(0,1fr))}#empire-view .empire-attention-card{flex-direction:column;gap:6px}#empire-view .empire-workspace-filter input{max-width:100%}}

#empire-view .empire-overview-stats button{line-height:1.25}#empire-view .empire-dashboard-intro{line-height:1.4}#empire-view .empire-workspace-filter{padding:10px 0}#empire-view .empire-overview-stats{margin:12px 0}

/* Shared alliance activity navigation and accessible event tables. */
.alliance-activities-dialog{width:min(1050px,94vw);max-width:94vw;max-height:90dvh;overflow:auto;box-sizing:border-box}
.activity-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:1rem}
.activity-cards section{padding:1rem;border:1px solid #607d78;border-radius:10px;background:#18383b}
.alliance-activities-dialog table{width:100%;border-collapse:collapse}.alliance-activities-dialog th,.alliance-activities-dialog td{text-align:left;padding:.55rem;border-bottom:1px solid #486366}
.alliance-activities-dialog input[data-unit]{width:9rem;max-width:30vw}.alliance-activities-dialog form{margin-block:1rem}.alliance-activities-dialog label{display:inline-flex;flex-direction:column;gap:.3rem;margin:.4rem;max-width:100%}
.activity-blocked{border-left:4px solid #e7bb70;padding:.65rem;background:#443c2b}.activity-feedback:not(:empty){padding:.6rem;border:1px solid #8aa59b}.alliance-activities-dialog .dialog-heading{flex-wrap:wrap;gap:.5rem}

/* Full inventory dialog: grouped sets with actions under each item. */
#items-dialog{width:min(1180px,94vw);max-width:94vw;max-height:90dvh;box-sizing:border-box;overflow:auto;padding:20px;color:var(--text,#ece6d4);background:#173239;border:1px solid #b99c5c;border-radius:10px}
#items-dialog::backdrop{background:#0009}#items-dialog>.dialog-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}#items-dialog-title{margin:0}#items-dialog-city{color:#c0cfca;font-size:13px}
#items-dialog .item-wallet{align-items:center;position:sticky;top:-20px;z-index:2;box-shadow:0 5px 14px #0005}#items-dialog .item-get-talents{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid #dcc17d;border-radius:6px;background:#dcc17d;color:#152c30;font-weight:bold;text-decoration:none}
#items-dialog .item-shop-filters select{padding:9px;box-sizing:border-box;max-width:100%}#items-dialog .item-shop-filters label{display:flex;flex-direction:column;gap:6px;min-width:min(180px,100%)}#items-dialog .item-set-title{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid #9c8d5b;padding-bottom:9px;color:#efd59c}#items-dialog .item-set-title small{font:normal 12px sans-serif;color:#bbc9c1}#items-dialog .item-shop-card h3{text-align:center}#items-dialog .item-shop-card button{min-height:40px;margin:0}#items-dialog .item-shop-card{scroll-margin-top:130px}#items-dialog details{margin:16px 0}#items-dialog details summary{cursor:pointer;padding:8px 0}#items-dialog .item-shop-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}
@media(max-width:520px){#items-dialog{padding:14px}#items-dialog .item-wallet{position:static}#items-dialog .item-shop-filters{display:grid;grid-template-columns:minmax(0,1fr)}#items-dialog .item-shop-filters label{min-width:0}#items-dialog .item-get-talents{width:100%;box-sizing:border-box}}

#items-dialog{overflow-anchor:none}

#items-dialog>.dialog-heading{position:sticky;top:-20px;z-index:4;background:#173239;padding:10px 0}#items-dialog .item-wallet{top:50px}@media(max-width:520px){#items-dialog>.dialog-heading{top:-14px}}

#items-dialog p{margin-block:8px}#items-dialog .item-wallet p{margin:0}#items-dialog .item-shop-filters{margin:10px 0}#items-dialog .item-shop-filters label{font-size:13px}#items-dialog .item-set-title{margin:12px 0}#items-dialog .dialog-heading h2{font-size:25px}#items-dialog .item-shop-card{padding:12px;gap:6px}#items-dialog .item-shop-card p{margin:0}

#items-dialog #item-gameplay-rewards{scroll-margin-top:160px}

#knowledge-dialog{width:min(1120px,94vw);max-width:94vw;max-height:90dvh;box-sizing:border-box;overflow:auto;overflow-anchor:none;padding:20px;background:#173239;color:#ece6d4;border:1px solid #b99c5c;border-radius:10px}#knowledge-dialog::backdrop{background:#0009}#knowledge-dialog>.dialog-heading{position:sticky;top:-20px;background:#173239;z-index:3;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:8px 0}#knowledge-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}#knowledge-tabs [aria-pressed=true]{background:#dbc07e;color:#142c30}#knowledge-body .tip{padding:14px;border:1px solid #8a946955;border-radius:8px;margin:12px 0}#knowledge-body label{display:block;margin:10px 0}#knowledge-body input{display:block;width:100%;box-sizing:border-box;padding:10px}#knowledge-body details{margin:12px 0}#knowledge-body summary{cursor:pointer;padding:8px}.refining-grid,.stewardship-balances{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px}.stewardship-balances p{padding:12px;border:1px solid #8a946955;border-radius:8px}.combat-material-reward{margin-top:16px;padding:12px;border:1px solid #ac965a;border-radius:8px}#knowledge-body .refining-grid button{margin:4px;min-height:40px}

#councillor-dialog{width:min(1120px,94vw);max-width:94vw;max-height:90dvh;overflow:auto;box-sizing:border-box;overflow-anchor:none}#councillor-dialog .dialog-heading{position:sticky;top:0;z-index:3;background:#17363b;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem}#councillor-dialog #councillor-management{max-height:none;overflow:visible;width:100%;box-sizing:border-box}#councillor-dialog .manage-sections{display:flex;flex-wrap:wrap;gap:.5rem}#councillor-dialog select,#councillor-dialog input,#councillor-dialog textarea{max-width:100%;box-sizing:border-box}#councillor-dialog form{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end}#councillor-dialog form label{flex:1 1 180px;min-width:0}#councillor-dialog::backdrop{background:#001418b8}@media(max-width:600px){#councillor-dialog{padding:.75rem}#councillor-dialog .dialog-heading{flex-wrap:wrap}#councillor-dialog .manage-sections button{flex:1 1 120px}#councillor-dialog h2{font-size:1.3rem}}

#command-dialog{position:fixed;z-index:101;width:min(1050px,94vw);max-width:94vw;max-height:88dvh;min-height:240px;resize:both;overflow:auto;box-sizing:border-box;background:#142f33;color:#eee6d5;border:1px solid #a58d56;border-radius:12px;padding:18px;box-shadow:0 12px 50px #0009}#command-dialog>.dialog-heading{display:flex;align-items:center;gap:12px;position:sticky;top:-18px;z-index:3;background:#142f33;padding:12px 0;cursor:grab;touch-action:none}#command-dialog h2{font-size:26px;margin:0 auto 0 0}#command-dialog nav{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}#command-dialog nav button[aria-pressed=true]{background:#dbc18a;color:#132e32}#command-dialog label{display:block;margin:8px 0}#command-dialog input,#command-dialog select{max-width:100%;box-sizing:border-box}#command-dialog fieldset{min-width:0;display:flex;flex-wrap:wrap;gap:12px}#command-dialog fieldset label{flex:1 1 180px;min-width:0}#command-dialog-body>section{overflow-wrap:anywhere}#command-dialog #raid-planner{display:block}#command-dialog #raid-planner>[data-raid-troop]{max-width:100%}@media(max-width:600px){#command-dialog{padding:12px;resize:none}#command-dialog>.dialog-heading{flex-wrap:wrap;top:-12px}#command-dialog h2{font-size:21px;width:100%}}

#command-dialog{font-size:14px;line-height:1.5}#command-dialog label{display:grid;gap:5px}#command-dialog input,#command-dialog select{background:#203e42;color:#eee6d5;border:1px solid #587174;border-radius:6px;padding:9px;font:inherit}#command-dialog input[type=checkbox]{width:auto}#command-dialog #raid-planner>label:has([data-raid-troop]){display:inline-grid;width:calc(33.333% - 14px);vertical-align:top;margin-right:10px}#command-dialog #raid-planner>label:has([type=checkbox]){display:flex;align-items:center}#command-dialog .muted{font-size:12px}#command-dialog #command-origin{width:100%}@media(max-width:700px){#command-dialog #raid-planner>label:has([data-raid-troop]){width:calc(50% - 14px)}}@media(max-width:420px){#command-dialog #raid-planner>label:has([data-raid-troop]){width:100%;margin-right:0}}

#command-dialog label,#command-dialog select{min-width:0}#command-dialog select{width:100%}

#commerce-view{width:min(1180px,94vw);max-width:94vw;max-height:90dvh;overflow:auto;box-sizing:border-box;font-size:14px;line-height:1.5}#commerce-view>.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-20px;z-index:3;background:#142f33;padding:12px 0}#commerce-view>nav{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}#commerce-view>nav button[aria-pressed=true]{background:#dbc18a;color:#132e32}#commerce-view label{display:grid;gap:5px;min-width:0;margin:8px 0}#commerce-view input,#commerce-view select,#commerce-view textarea{min-width:0;max-width:100%;box-sizing:border-box;background:#203e42;color:#eee6d5;border:1px solid #587174;border-radius:6px;padding:9px;font:inherit}#commerce-view select{width:100%}#commerce-view input[type=checkbox]{width:auto}#commerce-view label:has([type=checkbox]){display:flex;align-items:center}#commerce-view #trade-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#commerce-view #trade-form .tip,#commerce-view #send-shipment{grid-column:1/-1}#commerce-view .commerce-actions{display:flex;flex-wrap:wrap;gap:10px}#commerce-view #commerce-tools{display:none}#commerce-view #trade-panel>h2,#commerce-view #trade-panel>.eyebrow{display:none}#commerce-view #trade-automation form{max-width:100%}#commerce-view .muted{font-size:12px}@media(max-width:600px){#commerce-view{padding:12px}#commerce-view>.dialog-heading{top:-12px;flex-wrap:wrap}#commerce-view #trade-form{grid-template-columns:minmax(0,1fr)}#commerce-view h2{font-size:22px}}

#layout-dialog{width:min(1180px,94vw);max-width:94vw;max-height:90dvh;overflow:auto;box-sizing:border-box;background:#142f33;color:#eee6d5;padding:20px;border:1px solid #a58d56;border-radius:12px;overflow-anchor:none;font-size:14px;line-height:1.5}#layout-dialog>.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-20px;z-index:3;background:#142f33;padding:12px 0}#layout-dialog label{display:grid;min-width:0;gap:5px;margin:10px 0}#layout-dialog input,#layout-dialog select,#layout-dialog textarea{width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:9px;background:#203e42;color:#eee6d5;border:1px solid #587174;border-radius:6px;font:inherit}#layout-dialog textarea{font-family:monospace}#layout-dialog details{padding:12px;margin:12px 0;border:1px solid #486468;border-radius:8px}#layout-dialog summary{cursor:pointer;color:#e6c889;font-weight:600}#layout-dialog button,#layout-dialog a{margin:5px}#layout-dialog li{overflow-wrap:anywhere}#layout-dialog::backdrop{background:#001418b8}@media(max-width:600px){#layout-dialog{padding:12px}#layout-dialog>.dialog-heading{top:-12px;flex-wrap:wrap}#layout-dialog h2{font-size:22px}#layout-dialog details{padding:8px}}

#alliance-view{width:min(1180px,94vw);max-width:94vw;max-height:90dvh;overflow:auto;box-sizing:border-box;background:#142f33;color:#eee6d5;padding:20px;border:1px solid #a58d56;border-radius:12px;font-size:14px;line-height:1.5;overflow-anchor:none}#alliance-view>.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-20px;z-index:3;background:#142f33;padding:12px 0}#alliance-view>nav{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}#alliance-view>nav [aria-pressed=true]{background:#dbc18a;color:#132e32}#alliance-view label{display:grid;gap:5px;min-width:0;margin:10px 0}#alliance-view input,#alliance-view select,#alliance-view textarea{width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:9px;background:#203e42;color:#eee6d5;border:1px solid #587174;border-radius:6px;font:inherit}#alliance-view .alliance-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#alliance-view .alliance-members article{padding:12px;border:1px solid #486468;border-radius:8px}#alliance-view [hidden]{display:none!important}#alliance-view button{margin:4px}#alliance-view form{padding:12px;border:1px solid #486468;border-radius:8px;margin:12px 0}#alliance-view p,#alliance-view article{overflow-wrap:anywhere}#alliance-view::backdrop{background:#001418b8}@media(max-width:600px){#alliance-view{padding:12px}#alliance-view>.dialog-heading{top:-12px;flex-wrap:wrap}#alliance-view .alliance-members{grid-template-columns:minmax(0,1fr)}#alliance-view h2{font-size:22px}}

.workspace.city-sidebar-collapsed>.city-left-column{display:none}.workspace.city-sidebar-collapsed{grid-template-columns:minmax(400px,1fr) 230px}.quick-build-tools{padding:10px;background:#203e42;border:1px solid #587174;border-radius:8px;margin-bottom:12px}.quick-build-tools label{display:flex;gap:8px;align-items:center}.quick-build-tools input{width:auto}.quick-build-tools p{font-size:12px}.troop-groups{display:flex;flex-wrap:wrap;gap:4px}.troop-groups button{padding:8px}.troop-groups [aria-pressed=true],.troop-card[aria-pressed=true]{border-color:#e7cb8e;background:#405548}.troop-palette{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.troop-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:8px;min-width:0;min-height:150px}.troop-card strong{font-size:12px}.troop-card small{font-size:10px}.troop-portrait{display:inline-block;flex-shrink:0;width:84px;height:84px;object-fit:contain;border-radius:8px}.troop-atlas{background-image:url('assets/troops/portraits-v1.webp');background-size:500% 300%;background-repeat:no-repeat}.troop-hover{display:none;position:absolute;z-index:20;bottom:100%;left:0;background:#102b30;color:#eee6d5;padding:12px;border:1px solid #dac18a;border-radius:8px;width:240px;max-width:75vw;text-align:left;box-shadow:0 5px 20px #0008}.troop-card:hover .troop-hover,.troop-card:focus-visible .troop-hover{display:block}.troop-overview-row button{display:flex;gap:8px;align-items:center;padding:3px;text-align:left;font-size:12px}.troop-overview-row .troop-portrait{width:45px;height:45px}#toggle-city-sidebar{min-height:38px}@media(max-width:1150px){.workspace.city-sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.workspace.city-sidebar-collapsed .activity-rail{grid-column:1/-1}}@media(max-width:800px){.workspace.city-sidebar-collapsed{grid-template-columns:minmax(0,1fr)}}@media(hover:none){.troop-card:hover .troop-hover{display:none}}

.troop-overview-row button{max-width:calc(100% - 55px);min-width:0}.troop-overview-row button span:not(.troop-portrait){overflow-wrap:anywhere}.troop-card{overflow-wrap:anywhere}

/* Cosmetic Alaunt: one small layer, synchronized to city time; no game-state writes. */
.city-alaunt{position:absolute;inset:0;pointer-events:none;z-index:6}.city-alaunt[hidden]{display:none}.alaunt-bed,.alaunt-patrol{position:absolute;width:6%;height:6%;left:44%;top:55%;object-fit:contain;filter:drop-shadow(0 2px 1px #0005)}
.alaunt-bed{animation:alaunt-rest 1800s steps(1,end) infinite;animation-delay:var(--alaunt-delay,0s)}
.alaunt-patrol{animation:alaunt-route 1800s linear infinite;animation-delay:var(--alaunt-delay,0s);opacity:0}.alaunt-patrol img{position:absolute;width:100%;height:100%;object-fit:contain;}.alaunt-patrol img+img{animation-direction:reverse}
@keyframes alaunt-gait{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes alaunt-rest{0%{opacity:1}96.6667%{opacity:0}100%{opacity:1}}
@keyframes alaunt-route{0%,96.6666%{left:44%;top:55%;opacity:0;transform:scaleX(1)}96.6667%{left:44%;top:55%;opacity:1;transform:scaleX(1)}97.5%{left:65%;top:42%;transform:scaleX(1)}97.51%{transform:scaleX(-1)}98.5%{left:32%;top:33%;transform:scaleX(-1)}99%{left:30%;top:58%;transform:scaleX(-1)}99.01%{transform:scaleX(1)}99.99%{left:44%;top:55%;opacity:1}100%{left:44%;top:55%;opacity:0}}
.alaunt-paused *, .city-alaunt[hidden] *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.alaunt-bed{animation:none;opacity:1}.alaunt-patrol{display:none}}

/* Artwork is populated on demand; only the selected category loads pictures. */
#art-dialog .art-library-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}#art-dialog .art-library-tabs button[aria-pressed=true]{background:#526c56;border-color:#e4ce8c}#art-dialog .art-library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px}#art-dialog .art-library-grid figure{margin:0;min-width:0;background:#19383d;border:1px solid #617773;border-radius:8px;overflow:hidden}#art-dialog .art-library-card{padding:0;width:100%;border:0;border-radius:0;background:#284943;cursor:zoom-in}.art-library-image{display:block;width:100%;aspect-ratio:1;background-repeat:no-repeat}#art-dialog figcaption{padding:12px}#art-dialog figcaption strong,#art-dialog figcaption small{display:block;line-height:1.4}#art-dialog figcaption small{margin-top:4px;color:#bfd1cb}#art-detail-dialog{width:min(760px,92vw);max-width:none;max-height:90vh;overflow:auto;padding:20px}.art-library-enlarged{width:min(100%,60vh,560px);aspect-ratio:1;height:auto;margin:auto;background-repeat:no-repeat;background-color:#284943;border-radius:8px}#art-detail-dialog .art-library-enlarged[style*="background-size:contain"]{background-size:contain}@media(max-width:430px){#art-dialog .art-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#art-dialog .art-library-tabs button{font-size:12px;padding:8px}#art-dialog figcaption{padding:8px}#art-dialog figcaption strong{font-size:14px}}

/* Keep floating map controls within narrow viewports. */
@media(max-width:700px){#geography-view .geo-toolbar label{min-width:0;max-width:100%}#geography-view .geo-toolbar select{min-width:0;max-width:100%}#geography-view #geo-inspector{min-width:0;overflow-wrap:anywhere}}

/* Environment cohesion: static textures and contact shadows, no animation loop. */
.map-scroll{background-color:#536447;background-image:radial-gradient(ellipse at 45% 35%,#c5bf7530,transparent 65%),linear-gradient(#263d3029,#162c355c),url('assets/region-painted/meadow.png');background-size:100% 100%,100% 100%,420px 420px;box-shadow:inset 0 12px 35px #10271f55}
#grid{background-image:radial-gradient(ellipse at 35% 25%,#d6c78318,transparent 70%),linear-gradient(#65734618,#263d3026),url('assets/region-painted/meadow.png');background-size:100% 100%,100% 100%,38% 38%}
#grid .tile:not(.sea):not(.pending):not(.placement-valid):not(.selected):not(.touching){background-color:transparent;border-color:#d8d7ac0d;box-shadow:none}
#grid .tile.building:not(.sea):not(.pending){background-image:radial-gradient(ellipse at 50% 80%,#5c4b3659,transparent 73%)}
#grid .tile .painted-sprite{filter:drop-shadow(1px 3px 2px #142b2670)}
#grid .tile small{background:#162d2bd9;color:#ffdda1;border:1px solid #b9a16c80;border-radius:2px;padding:1px 2px;text-shadow:0 1px #000}
#city-shell{--bank-angle:90deg}
#city-shell[data-shore="east"]{--bank-angle:270deg}
#city-shell[data-shore="north"]{--bank-angle:180deg}
#city-shell[data-shore="south"]{--bank-angle:0deg}
#grid .tile.sea{background-color:#20586a;background-image:linear-gradient(#244a6226,#12354845),url('assets/region-painted/water.png');background-size:100% 100%,160px 160px;background-attachment:local}
#grid .tile.sea.shoreline{background-image:linear-gradient(var(--bank-angle),#174a5caa,#65a29860),url('assets/region-painted/water.png')}
#grid .tile.shoreline:not(.sea):not(.placement-valid){background-image:linear-gradient(var(--bank-angle),#67a399b3 0%,#c6b987b0 20%,#b4ac7355 39%,transparent 76%)}
#city-shell.wall-built:before{box-shadow:inset 0 2px 2px #fff4,0 5px 8px #132c2870}
.wall-built #harbor-wall polyline.masonry{filter:drop-shadow(1px 3px 2px #152a2380)}
.fort-slot.occupied{border-color:#b9ad8270;background:radial-gradient(ellipse at 50% 75%,#8f805c80,transparent 75%);box-shadow:0 3px 4px #142b2755}

/* A quieter landscape and compact desktop chrome keep the map in view. */
#grid{background-image:linear-gradient(#73805373,#68774b73),url('assets/region-painted/meadow.png');background-size:100% 100%,45% 45%}
.map-scroll{background-image:radial-gradient(ellipse at 40% 30%,#b0af6930,transparent 70%),linear-gradient(#69774c80,#405c4970),url('assets/region-painted/meadow.png');background-size:100% 100%,100% 100%,520px 520px}
#geography-view{padding:16px}
#geography-view .dialog-heading{padding:4px 0;top:-16px}
#geography-view>.muted{margin:4px 0 8px}
#geography-view .geo-toolbar,#geography-view #geo-find{gap:6px;margin:6px 0}
#geography-view .geo-toolbar button,#geography-view #geo-find button{padding:6px 10px;min-height:34px}
#geography-view .geo-toolbar select{max-width:280px}
#geography-view #geo-find input{max-width:90px}
@media(min-width:1000px){
 header{min-height:50px;padding:5px 20px}.brand-emblem{width:40px;height:40px}.brand{gap:10px}.brand small{margin-top:3px}
 #music-controls{gap:7px;font-size:11px}#music-controls button{padding:5px 8px}#music-controls input[type=range]{width:75px}
 .realm-nav{padding:3px 12px;gap:2px}.realm-nav button{padding:6px 10px}
 main{padding-top:10px}.heading{gap:12px;margin-bottom:8px}
 .heading>div:first-child{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:18px;row-gap:4px;min-width:0}
 #player-identity{grid-column:1;grid-row:1;margin:0}
 #account-controls{grid-column:2;grid-row:1;justify-content:flex-end;margin:0!important;gap:5px!important}
 #account-controls button{padding:4px 8px;font-size:11px}
 .city-name-row{grid-column:1/-1;grid-row:2}.city-name-row h1{font-size:27px}
 .city-list-tools{grid-column:1/-1;grid-row:3;margin:0;gap:6px}.city-list-tools button{padding:5px 9px;font-size:11px}
 #resources{margin-bottom:8px}.resource{padding:6px 12px}.resource strong{font-size:19px}
 .map-heading{padding:7px 12px}.map-controls{padding:5px 10px}.fort-toolbar{padding:4px 10px}
 .map-scroll{height:calc(100vh - 365px);min-height:340px}
}

/* Desktop geography puts controls beside the map rather than above it. */
@media(min-width:1100px){
 #geography-view{width:min(1280px,96vw)}
 #geography-view[open]{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:8px 16px;align-items:start}
 #geography-view>.dialog-heading{grid-column:1/-1;grid-row:1}
 #geography-view>.muted:first-of-type{grid-column:1/-1;grid-row:2;margin:0 0 4px}
 #geography-view>.geo-toolbar{grid-column:2;grid-row:3;margin:0;align-content:start}
 #geography-view>#geo-find{grid-column:2;grid-row:4;margin:0}
 #geography-view>.geo-layout{display:contents}
 #geography-view>.geo-layout>div{grid-column:1;grid-row:3/6;min-width:0}
 #geography-view #geo-inspector{grid-column:2;grid-row:5;min-width:0}
 #geography-view>#geo-movements,#geography-view>.geo-legend,#geography-view>.muted:not(:first-of-type){grid-column:1/-1}
 #geography-view .geo-toolbar label{flex-wrap:wrap;max-width:100%}
 #geography-view .geo-toolbar select{max-width:265px}
}

/* Keep the complete square map and its pan buttons within desktop height. */
@media(min-width:1100px){
 #geography-view{width:min(1280px,96vw)}
 #geography-view[open]{grid-template-columns:minmax(0,1fr) 270px;gap:6px 12px}
 #geography-view>.geo-layout>div{position:relative;top:auto}
 #geography-view #geo-inspector{max-height:calc(94dvh - 370px);min-height:120px;overflow:auto}
 #geography-view .geo-pan{margin:5px 0}
 #geography-view .geo-toolbar select{max-width:250px}
}

@media(min-width:1100px){#geography-view .geo-toolbar label:has(#geo-continent){flex-basis:100%}#geography-view .geo-toolbar label:has(#geo-target){flex-basis:100%}#geography-view .geo-toolbar label:has(#geo-pillar){flex-basis:100%}}

@media(min-width:1100px){#geography-view[open]{grid-template-rows:max-content max-content max-content max-content max-content;grid-auto-rows:max-content}}

#movement-inspection{width:min(760px,94vw);max-width:94vw;max-height:90vh;overflow:auto}#movement-inspection article{padding:10px 0;border-bottom:1px solid #8e98754d}#movement-inspection article p{margin:5px 0}#movement-inspection .dialog-heading{gap:12px}