.map-page .header{flex-wrap:wrap}.map-page .header nav{flex-wrap:wrap;justify-content:flex-end;min-width:0}.map-page .header nav a{white-space:nowrap}
.map-territory-legend{margin:0;padding:10px 18px 12px;border:1px solid #cabb9e;border-bottom:0;background:#f5f0e5;min-width:0}.map-territory-legend[hidden]{display:none}.map-territory-legend legend{padding:0 6px;font-size:13px;font-weight:700;color:#293f51}.map-territory-options{display:flex;flex-wrap:wrap;gap:10px 24px}.map-territory-options label{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:14px}.map-territory-options input{width:16px;height:16px;accent-color:#293f51}.territory-color{width:14px;height:14px;display:inline-block;border:2px solid var(--territory-color);background:color-mix(in srgb,var(--territory-color) 20%,transparent);border-radius:3px}.territory-capital{--territory-color:#c08f2f}.territory-villages{--territory-color:#4e96df}.territory-claims{--territory-color:#51b077}.map-territory-legend p{font-size:12px;line-height:1.45;color:#676457;margin:8px 0 0}
.map-wrap{max-width:1600px;margin:auto;padding:36px 28px}.map-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.map-heading h1{font-size:clamp(32px,4vw,52px);margin:8px 0}.map-heading p{margin:4px 0;color:#676457}.map-status-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 18px;border:1px solid #cabb9e;border-bottom:0;background:#f5f0e5;border-radius:10px 10px 0 0}.map-status-bar p{margin:0;font-size:15px}.text-button{background:none;border:0;color:#735b34;font:inherit;cursor:pointer;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.map-window{position:relative;height:clamp(460px,70vh,900px);min-height:460px;border:1px solid #b5a17a;background:#e7e2d5;border-radius:0 0 10px 10px;overflow:hidden;box-shadow:0 8px 26px #3d301115}.map-window iframe{width:100%;height:100%;border:0;display:block}.map-window iframe[hidden]{display:none}.map-wait{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px}.map-wait[hidden]{display:none}.map-wait>span{font-size:62px;color:#a4884f}.map-wait h2{margin:14px 0;font-size:28px}.map-wait p{max-width:580px;line-height:1.6;color:#646257}.map-caption{display:flex;justify-content:space-between;gap:24px;margin-top:14px;color:#646257;font-size:14px;line-height:1.6}.map-caption p{max-width:850px;margin:0}.map-caption a{white-space:nowrap}.map-window:fullscreen{height:100vh;max-height:none;border:0;border-radius:0}button:disabled{opacity:.5;cursor:wait}@media(max-width:700px){.map-wrap{padding:20px 12px}.map-heading{align-items:flex-start}.map-heading .button{padding:12px;white-space:nowrap;font-size:14px}.map-window{height:65vh;min-height:420px}.map-caption{flex-direction:column;gap:8px}.map-status-bar{padding:10px}.map-status-bar p{font-size:13px}}

/* Difficulty colors share the server region bands; fills on the map remain 35%. */
.territory-difficulty .territory-color{background:linear-gradient(90deg,#79b883,#c37782)}
.map-difficulty-key{display:flex;flex-wrap:wrap;gap:.45rem;margin:.5rem 0;font-size:.8rem}.map-difficulty-key span{padding:.2rem .5rem;border-radius:4px;color:#29333a}.map-difficulty-key .difficulty-1{background:#79b88355}.map-difficulty-key .difficulty-2{background:#b8c87855}.map-difficulty-key .difficulty-3{background:#e3bf7055}.map-difficulty-key .difficulty-4{background:#d99b7255}.map-difficulty-key .difficulty-5{background:#c3778255}

.map-actions{display:flex;align-items:center;gap:14px}.map-actions .text-button{min-height:44px}@media(max-width:700px){.map-heading{flex-wrap:wrap}.map-actions{width:100%;justify-content:space-between}.map-page .language-picker{position:static;inset:auto;max-width:calc(100% - 24px);width:max-content;margin:20px auto}}
