/* 2.1.1: bind the approved concept to the live modules; concept.css owns the design. */
:root{--font:Golos,Arial,sans-serif;--mono:Plex,monospace;--panel:var(--surface);--panel-dark:#141a14;--mint:var(--lime);--dim:var(--faint);--blue:#a6b99a}
body{letter-spacing:normal}.cc-hidden{display:none!important}#app{min-height:100vh}.main-shell{min-width:0}.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#34432b transparent}.nav-link{width:100%;border:0;background:transparent;text-align:left;font-family:var(--font)}.nav-link>[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.viewer-shortcut{display:none!important}.brand-mark,.brand-mark.small{border-color:#879968;color:var(--lime)}.brand-mark:after{background:var(--bg)}
.topbar .connection-indicator{font-size:9px;gap:7px;white-space:nowrap}.connection-indicator.online .status-dot{box-shadow:0 0 0 3px #a9c58a0b}.page-heading h1{font-size:29px;letter-spacing:-1px;font-weight:600;line-height:1.3;margin:0}.page-heading .eyebrow{line-height:1.5}.global-footer{align-items:center}.global-footer .button.text{font:8px var(--mono);min-height:0}.notice:empty{display:none}
/* Legacy metric shorthands must not replace Golos or split the single summary card. */
#concept-metrics{gap:0;margin:0 0 25px;background:#1b201a}.metrics .metric{position:static;border:0;background:none;border-radius:0;padding:19px 21px}.metrics .metric+.metric{border-left:1px solid var(--border)}.metrics .metric-label{font:400 10px/1.5 var(--font);letter-spacing:normal;color:#a5b29a}.metrics .metric>div{margin:9px 0 6px;gap:9px}.metrics .metric strong{font:400 31px/1.2 var(--font);letter-spacing:-1px}.metrics .metric strong.text-metric{font-size:22px;letter-spacing:-.6px}.metrics .metric .metric-comparison{font:16px var(--mono);color:#5f7151;max-width:none}.metrics .metric .metric-note{font:10px/1.5 var(--font);max-width:none}.metrics .metric small{font:10px/1.5 var(--font);color:#839278}
/* The overview uses the same two columns as the concept, without the old roster rail. */
.operations-layout{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(260px,1fr);grid-template-rows:auto auto;gap:22px;align-items:start}.operations-layout>.map-panel{grid-column:1;grid-row:1}.operations-layout>#concept-operation-aside{grid-column:2;grid-row:1}.operations-layout>.decision-panel{grid-column:1;grid-row:2}.operations-layout>#concept-fly-preview{grid-column:2;grid-row:2}.operations-layout>.cc-screen,.operations-layout>.control-tabs,.operations-layout>.control-panel,.operations-layout>.roster-panel,.operations-layout>.management-panel{grid-column:1/-1;grid-row:auto;min-width:0}body[data-section=army] .operations-layout,body[data-section=events] .operations-layout,body[data-section=eyes] .operations-layout{grid-template-columns:minmax(0,1fr)}body[data-section=events] .decision-panel{grid-column:1/-1;grid-row:auto}body[data-section=events] .decision-list{height:min(65vh,760px)}
.map-panel,.roster-panel,.decision-panel,.control-panel{background:var(--surface);border-color:var(--border)}.map-card .card-heading h2{display:flex;gap:10px;align-items:center}.live-label{display:inline-flex;font:7px var(--mono);color:var(--green);border-color:#a3bc6b42;background:#a3bc6b0c;border-radius:3px;padding:3px 5px}.map-container{height:410px;min-height:410px;background:#232e25;flex:1}.map-vignette{box-shadow:inset 0 0 70px #0a130d22}.map-top-strip{top:17px;left:17px;right:17px;justify-content:flex-start;gap:7px}.map-tag{font:8px var(--mono);letter-spacing:1px;background:#152117e8;border-color:#52634880;border-radius:3px;padding:6px 9px;color:#dce5cf}.map-tag i{border-radius:50%;background:var(--green)}.map-source-status{font:7px var(--mono);background:#162017c9;border:1px solid #52634838;color:#b7c4ad;border-radius:3px;padding:6px 8px;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-tools{top:auto;right:16px;bottom:65px;border-color:#58654d;background:#182219ed;gap:0}.map-tools button{height:29px;width:27px;color:#bcc9ad;font:20px var(--mono)}.map-tools button:hover{background:#33412b}.map-tools button svg{width:15px;height:15px}.map-bottom-strip{bottom:18px;left:17px;right:18px;align-items:end}.coordinates{font:8px var(--mono);color:#c4d3b3;background:#172019de;border:1px solid #4f5f4844;border-radius:3px;padding:7px 9px}.coordinates span{color:#94a483;margin:0 7px}.map-bottom-strip .map-scale{position:static;color:#b5c4a4;font:7px var(--mono);gap:0;text-shadow:0 1px 2px #132015}.map-scale i{margin:5px auto 0;border-color:#a9b695;height:6px}.map-zoom{display:none}.map-footer.map-bottom{padding:17px 20px;gap:12px;flex-wrap:wrap;background:var(--surface);font-size:9px}.map-footer .mono{font-size:8px;letter-spacing:.3px}.map-footer .legend{gap:10px;font-size:8px}.legend-dot{height:5px;width:5px;border-radius:1px}.legend-dot.army{background:#c7daa5}.legend-dot.builder{background:#8fb8a0}.legend-dot.enemy{background:#d99488}.legend-dot.player{background:#d7b981}.legend-dot.dynmap{border-color:#a0ad94}#sensor-map-note,#map-update{display:none}.map-tooltip{border-color:#657951;background:#172117f5;color:#edf0e7;border-radius:5px}.map-tooltip span{color:#a9b79c}.map-empty{border-color:#495d3c;background:#172117eb;border-radius:5px}.map-empty span{line-height:1.7}.map-layer-controls{padding:13px 17px;gap:12px;flex-wrap:wrap;border-top:1px solid var(--border);background:#151d14}.map-layer-controls label{color:#acb99f;font-size:9px;gap:6px}.map-layer-controls input{width:11px;height:11px;border-color:#60764d;background:#1d2818}.map-layer-controls input:checked{background:var(--lime);border-color:var(--lime);box-shadow:inset 0 0 0 2px #1d2818}.map-command-tools{padding:12px 17px;gap:9px;background:#151d14;border-color:var(--border)}.map-command-tools label{font-size:10px;color:#a9b99a}.map-command-tools span{color:var(--muted);font-size:9px}.map-command-tools input,.map-command-tools select{padding:7px 9px;font-size:10px;border-color:#46563b;background:#121811}.map-command-tools button{font-size:10px;padding:8px 10px;background:#263021;border-color:#46563b;color:#d7e1cd}
.decision-heading.card-heading{padding:22px 23px 10px}.decision-heading h2{font-size:16px;font-weight:600;letter-spacing:-.4px}.decision-heading .event-count{display:none}.decision-list{height:232px;padding:0 23px 12px;scrollbar-color:#4a5c3d transparent}.decision-list .event-row{grid-template-columns:48px 6px minmax(0,1fr);gap:12px;padding:12px 0;border-color:#2c3528}.event-time{font:8px/1.7 var(--mono);color:var(--faint)}.event-mark{background:var(--green);box-shadow:0 0 0 3px #a9c58a0a}.event-text{font-size:10px;color:#c2ccba}.event-text strong{font-weight:400;color:var(--text)}.event-source{font:7px var(--mono);color:#829673;letter-spacing:.6px}.empty-state{color:var(--faint);line-height:1.8}.selected-bot .bot-health{font:9px var(--mono);color:#b8c6a9}.selected-bot .bot-health>span{gap:5px}
/* The remaining army controls keep their API and use the same olive cards. */
.roster-panel{max-height:none;min-height:0}.roster-heading{padding:22px 23px 18px}.roster-heading h2{font-size:16px;font-weight:600}.count-badge{background:#273021;border-color:#44543a;color:#a5b995;border-radius:3px}.roster-tabs{margin-inline:23px;border-color:var(--border);gap:22px}.roster-tabs button{color:var(--muted);padding-bottom:12px}.roster-tabs button span{color:#728565}.roster-search{margin:16px 23px 8px;max-width:410px}.roster-search svg{color:#728565}.roster-search input{background:#121811;border-color:#3c4b32;color:var(--text);border-radius:5px;padding:10px 12px 10px 30px}.roster-list{padding:5px 15px 16px;max-height:580px;scrollbar-color:#4a5c3d transparent;display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:8px}.roster-list>.empty-state{grid-column:1/-1}.bot-card{padding:15px;border:1px solid #35432d;border-radius:5px;background:#1b2319}.bot-card:hover{background:#263020}.bot-card.selected{background:#283522;border-color:#6b8155}.bot-avatar{background:#33432a;border-color:#536b43;color:#c7daa5;border-radius:5px}.bot-avatar.builder{background:#29392d;border-color:#48694d;color:#9fc29b}.bot-avatar.offline{background:#262c23;border-color:#3d4835;color:#7e8c73}.bot-name{font:400 11px var(--font);max-width:none}.bot-squad,.bot-status,.bot-task,.bot-coordinates,.bot-source{color:#91a080}.bot-task{font-size:10px;color:#c0ccb6}.bot-coordinates{font:8px/1.7 var(--mono)}.bot-aim{border-color:#405335;color:#a9bb99}.roster-panel .bot-health{font:8px var(--mono);margin:0;border:0;padding:0;display:inline;color:#9bad8b}.roster-panel .bot-health.low{color:var(--red)}.roster-bottom{border-color:var(--border);color:#7f9172;padding:13px 23px}.text-button{color:#a4bc8f}.control-tabs{position:static;display:flex;flex-wrap:wrap;gap:7px;padding:0;background:none;border:0;border-radius:0;z-index:auto}.control-tabs button{font:11px var(--font);padding:10px 13px;border-radius:5px;border-color:#415335;background:#202a1c;color:#a8ba99}.control-tabs button[aria-pressed=true]{background:#c7daa5;border-color:#c7daa5;color:#26321f}.management-panel,.war-panel{padding:23px;background:var(--surface);border:1px solid var(--border);border-radius:7px;color:var(--text)}.management-panel .panel-heading{padding:0 0 16px;border-bottom:1px solid var(--border);align-items:center;flex-direction:row}.management-panel .panel-heading h2{font-size:17px;font-weight:600}.management-panel h2{color:var(--text);letter-spacing:-.4px}.management-panel h3{font-size:14px;font-weight:600;letter-spacing:-.2px}.management-panel p,.war-panel p{color:var(--muted);font-size:11px;line-height:1.8}.management-panel .war-form{gap:12px;align-items:end}.management-panel .war-form label{font-size:10px;color:#b1c0a5;min-width:140px;gap:6px}.management-panel .war-form strong{font-size:11px;color:#bccbae}.management-panel input,.management-panel select,.management-panel textarea{background:#121811;border-color:#415035;color:var(--text);font-size:11px;padding:10px 11px;min-width:0;max-width:100%}.management-panel input[type=checkbox]{width:13px;min-width:0;accent-color:var(--lime)}.management-panel input[type=range]{padding:0;accent-color:var(--lime)}.management-panel button{background:#25301f;border-color:#45573a;color:#d8e4cd;font-size:11px;padding:10px 13px}.management-panel button:hover{background:#34452c}.management-panel details{border-color:#3b4a31;border-radius:5px;background:#161d14}.management-panel summary{font-size:11px;color:#b6c7a7}.war-note{border-color:var(--border)}.control-heading{padding:22px 23px 0}.control-heading h2{font-size:16px;font-weight:600}.module-row{margin-inline:23px;border-color:var(--border)}.module-row strong{font:11px var(--font)}.module-row div>span,.module-note,.relation-form>label{color:#90a17e}.module-note,.relation-form{margin-inline:23px}.relation-form input,.relation-form select{border-color:#425337;background:#121811;font-size:10px}.switch{background:#2b3625;border-color:#536449}.switch[aria-checked=true]{background:#425735;border-color:#839b69}.switch[aria-checked=true] i{background:var(--lime)}
/* Live-only content inside the concept's build, Fly and admin layouts. */
.cc-screen{grid-column:1/-1;min-width:0}.cc-screen p,.cc-screen dd{overflow-wrap:anywhere}.cc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:22px}.cc-list-row{display:flex;flex-direction:column;gap:5px;padding:16px 23px;border-bottom:1px solid #303b2a;overflow-wrap:anywhere}.cc-list-row:last-child{border-bottom:0}.cc-list-row strong{font-size:11px;font-weight:400}.cc-list-row>span{font-size:10px;line-height:1.7;color:var(--muted)}.cc-muted{color:var(--muted);font-size:11px;line-height:1.8}.cc-builders-list>.cc-muted,#cc-build-skills>.cc-muted,#cc-learning-events>.cc-muted,#cc-backups>.cc-muted{margin:0;padding:16px 23px 22px}.cc-skills-card{margin-top:22px}.cc-screen progress{display:block;appearance:none;width:100%;height:4px;overflow:hidden;border:0;border-radius:2px;background:#35452c;accent-color:var(--lime)}.cc-screen progress::-webkit-progress-bar{background:#35452c}.cc-screen progress::-webkit-progress-value{background:var(--lime)}.cc-screen progress::-moz-progress-bar{background:var(--lime)}.cc-activations{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at center,#b9a5df09,transparent 66%)}.cc-signal-node{position:absolute;display:block;width:5px;height:5px;border-radius:50%;background:#cab7e8;box-shadow:0 0 9px #b9a5df66}.neural-legend b{font-weight:400;color:#c4cdbd}.decision-verdict{justify-content:space-between}.decision-verdict b{font-weight:400;font-family:var(--mono);margin-left:8px}.feedback-card form>label{display:block}.feedback-card form>label+label{margin-top:17px}.feedback-card label textarea,.feedback-card label select{font-family:var(--font)}.feedback-choice[data-feedback-kind=punish]>b{color:var(--red)}.feedback-choice[data-feedback-kind=punish].active{border-color:#a96d62;background:#a96d620b}.cc-rewards{display:flex;gap:24px;margin:20px 23px 0;padding-top:18px;border-top:1px solid var(--border);font-size:10px;color:#a8bd91}.cc-rewards b{font:19px var(--mono);display:block;margin-top:6px}.cc-rewards>span+span{color:#d4aa9b}.learning-card>.notice.cc-training-note{margin:20px 23px 0}.cc-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:23px}.cc-stat-grid>article{padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:7px;min-width:0}.cc-stat-grid span{display:block;font-size:10px;color:var(--muted);margin-bottom:13px}.cc-stat-grid strong{display:block;font-size:23px;font-weight:400;letter-spacing:-.6px;overflow-wrap:anywhere}.cc-details{display:grid;grid-template-columns:1fr auto;gap:16px;margin:0;padding:0 23px 23px;font-size:11px}.cc-details dt{color:var(--muted)}.cc-details dd{margin:0;font:10px var(--mono);text-align:right}.cc-access-note{margin:20px 23px 0;font-size:10px;line-height:1.8;color:var(--muted)}.cc-admin-actions{padding:0 23px 23px;margin:0}#cc-admin-result,#cc-feedback-result{font-size:10px;color:var(--lime);line-height:1.8}.cc-screen button:disabled{cursor:not-allowed}
/* Keep the real viewer's renderer and controls, with the approved palette. */
#viewer-panel{padding:0;overflow:hidden}#viewer-panel .panel-heading{padding:22px 23px 19px;border-bottom:1px solid var(--border)}#viewer-panel .panel-heading h2{font-size:16px}#view-connection{font:9px var(--mono);color:var(--muted)}#viewer-panel>.war-form{margin:0;padding:14px 20px;align-items:center;gap:12px}#viewer-panel .war-form label{min-width:0;font-size:9px}#viewer-panel .war-form select{width:auto;padding:7px 8px;font-size:10px}#viewer-panel .war-form button{padding:8px 10px;font-size:9px}#viewer-panel .war-form input[type=range]{max-width:110px;height:auto;min-width:70px}#viewer-panel>.bot-viewport{border:0;border-block:1px solid var(--border);height:480px;background:#131b12;margin-top:0;border-radius:0}#viewer-panel>.bot-viewport canvas{touch-action:none;cursor:grab}#viewer-panel>.bot-viewport canvas.dragging{cursor:grabbing}#viewer-panel>.bot-viewport:fullscreen{height:100vh;width:100vw}#viewer-panel>.bot-viewport .view-overlay{background:#131b12df;color:#c6d3b8;font-size:12px}#viewer-panel>.bot-viewport .view-caption,#viewer-panel>.bot-viewport .view-hud{font-family:var(--mono);background:#172117b8;border-color:#71845966;color:#e6eddb}#viewer-panel>p{margin:0;padding:13px 23px;font-size:10px;line-height:1.8;color:var(--muted)}#viewer-panel>#view-details{border-bottom:1px solid var(--border);color:#b5c7a4}
.login-screen{background:radial-gradient(ellipse at 25% 60%,#54663b22,transparent 65%),#131714}.login-form{background:#1b2319;border-color:#3c4b33;border-radius:7px}.login-intro h1 span{color:var(--lime)}.login-intro>p,.login-form>p{color:#96a58b}.login-form input{background:#121811;border-color:#45553a;border-radius:5px;color:var(--text);font-family:var(--mono)}.primary-button{background:var(--lime);color:#26321f;border-radius:5px}.primary-button:hover{background:#d4e4ba}.login-foot{border-color:var(--border);color:#7f9471}.login-cross{border-color:var(--lime)}
@media(min-width:1600px){.operations-layout{gap:26px;grid-template-columns:minmax(0,2.35fr) minmax(260px,1fr)}.map-container{height:480px;min-height:480px}.metrics .metric{padding:22px 25px}.metrics .metric strong{font-size:36px}.metrics .metric strong.text-metric{font-size:22px}#viewer-panel>.bot-viewport{height:590px}}
@media(max-width:1250px){.operations-layout{grid-template-columns:minmax(0,1.8fr) 270px;gap:18px}.metrics .metric{padding:17px}.metrics .metric-label{font-size:9px}.metrics .metric strong.text-metric{font-size:18px}.metrics .metric small{font-size:9px}.metrics .metric .metric-note{font-size:9px}.map-source-status{display:none}.map-footer.map-bottom{padding:13px;font-size:8px}.map-footer .legend{gap:8px;font-size:7px}.map-layer-controls{padding:12px 15px;gap:10px}.map-layer-controls label{font-size:8px}.cc-stat-grid{gap:14px}.cc-stat-grid>article{padding:17px}.cc-stat-grid strong{font-size:20px}#viewer-panel>.bot-viewport{height:450px}}
@media(max-width:1050px){.nav-link>[data-icon]{display:inline-flex}.nav-link>span:not([data-icon]){display:none}.page-heading h1{font-size:25px}.metrics .metric{padding:17px}.topbar .connection-indicator{font-size:8px}.cc-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#viewer-panel>.bot-viewport{height:500px}}
@media(max-width:800px){.operations-layout{grid-template-columns:minmax(0,1fr);gap:22px}.operations-layout>.map-panel,.operations-layout>#concept-operation-aside,.operations-layout>.decision-panel,.operations-layout>#concept-fly-preview{grid-column:1;grid-row:auto}.operations-layout>#concept-operation-aside{grid-template-columns:1fr 1fr;gap:18px}.metrics .metric:nth-child(3){border-left:0;border-top:1px solid var(--border)}.metrics .metric:nth-child(4){border-top:1px solid var(--border)}.metrics .metric-label{font-size:10px}.metrics .metric strong.text-metric{font-size:23px}.page-heading h1{font-size:27px}.map-container{height:400px;min-height:400px}.map-footer.map-bottom{font-size:9px}.map-footer .legend{font-size:8px}.decision-list{height:225px}.map-top-strip{left:12px}.map-bottom-strip{left:12px}.cc-actions{gap:8px}.cc-details{font-size:10px}.management-panel{padding:20px}.management-panel .panel-heading{flex-wrap:wrap;gap:8px}.management-panel .war-form label{width:auto;flex:1;min-width:150px}#viewer-panel>.bot-viewport{height:450px}}
@media(max-width:540px){.sidebar{overflow:visible}.nav-link>span:not([data-icon]){display:block}.nav-link{width:auto;font-size:7px}.nav-link>[data-icon]{height:18px}.nav-link[data-section=admin]>span:not([data-icon]){font-size:0}.nav-link[data-section=admin]>span:not([data-icon]):after{content:'Админка';font-size:7px}.nav-link[data-section=build]>span:not([data-icon]){font-size:0}.nav-link[data-section=build]>span:not([data-icon]):after{content:'Стройка';font-size:7px}.topbar .connection-indicator{font-size:7px;gap:5px}.topbar-actions>.icon-button{display:none}.page-heading h1{font-size:26px}.metrics .metric{padding:17px}.metrics .metric-label{font-size:9px}.metrics .metric strong{font-size:30px}.metrics .metric strong.text-metric{font-size:20px}.metrics .metric small{font-size:8px}#concept-metrics{margin-bottom:18px}.operations-layout,.operations-layout>#concept-operation-aside{gap:17px}.operations-layout>#concept-operation-aside{grid-template-columns:1fr}.map-container{height:365px;min-height:365px}.map-top-strip{left:10px;right:10px;top:13px}.map-tag{font-size:7px;padding:6px 7px}.map-tools{right:10px;bottom:60px}.map-bottom-strip{left:10px;right:10px;bottom:15px;gap:5px}.coordinates{font-size:7px;padding:6px}.coordinates span{margin-inline:4px}.map-bottom-strip .map-scale{font-size:6px}.map-scale i{max-width:60px}.map-footer.map-bottom{padding:13px 12px;font-size:8px;gap:9px}.map-footer .legend{font-size:7px;gap:9px}.live-label{font-size:6px}.decision-heading.card-heading{padding:20px 18px 10px;gap:9px}.decision-heading h2{font-size:15px}.decision-heading .button.text{font-size:8px}.decision-list{height:245px;padding-inline:18px}.decision-list .event-row{grid-template-columns:41px 5px minmax(0,1fr);gap:9px}.event-time{font-size:7px}.roster-heading{padding:20px 18px 16px}.roster-heading h2{font-size:15px}.roster-tabs{margin-inline:18px;gap:19px}.roster-search{margin-inline:18px;max-width:none}.roster-list{padding:5px 10px 12px;grid-template-columns:1fr}.roster-bottom{padding-inline:18px}.control-heading{padding-inline:18px}.module-row,.module-note,.relation-form{margin-inline:18px}.management-panel{padding:18px}.management-panel .war-form label{min-width:100%;width:100%}.management-panel .war-form textarea{width:100%}.control-tabs{gap:6px}.control-tabs button{font-size:10px;padding:9px 10px}.cc-stat-grid{gap:10px}.cc-stat-grid>article{padding:16px}.cc-stat-grid strong{font-size:19px}.cc-stat-grid span{font-size:9px}.cc-details{padding-inline:18px;font-size:10px;gap:13px}.cc-details dd{font-size:9px}.cc-access-note{margin-inline:18px}.cc-admin-actions{padding-inline:18px}.cc-list-row{padding-inline:18px}.cc-rewards{margin-inline:18px}.learning-card>.notice.cc-training-note{margin-inline:18px}.cc-builders-list>.cc-muted,#cc-build-skills>.cc-muted,#cc-learning-events>.cc-muted,#cc-backups>.cc-muted{padding-inline:18px}#viewer-panel .panel-heading{padding:19px 17px 16px}#viewer-panel>.war-form{padding:12px;gap:10px}#viewer-panel .war-form label{width:auto;min-width:0;flex:1}#viewer-panel .war-form select{max-width:150px}#viewer-panel .war-form button{font-size:9px;padding:8px}#viewer-panel>.bot-viewport{height:410px}#viewer-panel>p{padding-inline:17px;font-size:9px}.global-footer .button.text{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

body[data-section=army] .control-tabs [data-panel="viewer-panel"]{display:none}.cc-pause-actions{display:grid;gap:10px;margin:22px 0}

.map-container .map-legend{bottom:18px;left:17px;max-width:75%;flex-wrap:wrap;gap:12px;z-index:2}.map-bottom-strip .coordinates{display:none}.map-bottom-strip{pointer-events:none}.map-bottom-strip .map-scale{margin-left:auto}.map-panel{align-self:stretch}@media(max-width:540px){.map-container .map-legend{left:10px;bottom:15px;gap:8px;max-width:78%;font-size:7px}}

/* A canvas must not contribute intrinsic dimensions to the flex map card. */
#world-map{position:absolute;inset:0;width:100%;height:100%}.map-panel .map-container{flex:0 0 auto}

.towny-layer-status{font:8px var(--mono);color:#c7d6b3;background:#172219e8;border:1px solid #52634880;border-radius:3px;padding:6px 8px;white-space:nowrap}@media(max-width:540px){.towny-layer-status{font-size:7px;padding:5px}.map-top-strip{flex-wrap:wrap}}