/* Live data map: larger targets and separate selection list on small screens. */
#panel.world-panel{left:24px;right:24px;top:calc(82px + var(--safe-t));bottom:calc(88px + var(--safe-b));width:auto;max-height:none}
#panel.world-panel #panelBody{max-width:1100px;margin:auto}
.live-world-map{padding-top:4px}
.live-world-map>h2{padding-right:44px;font-size:25px;margin:8px 0}
.wm-toolbar,.wm-compass{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.wm-toolbar button,.wm-compass button,.wm-more,.wm-error button{min-height:44px}
.wm-toolbar label{display:flex;gap:6px;align-items:center;font-size:12px;color:#c4cfb9}
.wm-toolbar select{width:auto;max-width:100%;margin:0;min-height:44px;background:#1d2b23;color:#e5e9d8;border:1px solid #6b7b62;border-radius:7px;padding:8px}
.wm-summary{padding:10px;border:1px solid #5a71574d;border-radius:8px;background:#122018}
.wm-error{padding:12px;background:#402b21;border:1px solid #b38662;border-radius:8px}
.wm-layout{display:grid;grid-template-columns:minmax(0,calc(var(--cols)*56px + 12px)) minmax(240px,1fr);gap:20px;margin:18px 0}
.wm-scroll{overflow:auto;width:fit-content;max-width:100%;border:1px solid #79856b;border-radius:8px;padding:5px;background:#101c17;overscroll-behavior:contain;scrollbar-width:thin}
.wm-grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(44px,1fr));gap:2px;min-width:calc(var(--cols)*46px - 2px);max-width:calc(var(--cols)*56px)}
.wm-sector{position:relative;border:1px solid color-mix(in srgb,var(--region),#101b16 55%);border-radius:3px;background:color-mix(in srgb,var(--region),#101b16 84%);color:#dee1cc;min-height:44px;min-width:44px;padding:4px;aspect-ratio:1;text-align:center;font-size:19px;line-height:1.1}
.wm-sector.known{background:color-mix(in srgb,var(--region),#101b16 62%)}
.wm-sector small{position:absolute;right:3px;bottom:2px;font-size:10px;color:#fff}
.wm-sector.own{border:2px solid #eed599;color:#ffe5a8;background:#4b4930}
.wm-sector.allied{box-shadow:inset 0 0 0 2px #8dc6ad}
.wm-sector.selected{outline:2px solid #f0eee0;outline-offset:0;z-index:1}
.wm-sector:focus-visible{outline:3px solid #fff;outline-offset:0;z-index:2}
.wm-sector.on-route{background:#314c4c;border-color:#82bbbe}
.wm-sector.on-route.own{border-color:#eed599;color:#ffe5a8}
.wm-key{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0!important;font-size:11px!important}
.wm-allied{color:#95cbb4}
.wm-legend{border-top:1px solid #61735b66;padding-top:10px;font-size:12px}
.wm-legend summary{cursor:pointer;min-height:36px;display:flex;align-items:center}
.wm-legend ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.wm-legend li{display:flex;align-items:center;gap:8px}.wm-legend i{width:12px;height:12px;border-radius:3px;flex-shrink:0}
.wm-detail{padding:14px;border:1px solid #83937360;border-radius:12px;background:#142219;overflow-wrap:anywhere;align-self:start}
.wm-detail h3{margin:0 0 8px;color:#eed1a0}
.wm-back{display:none;margin-bottom:14px;min-height:44px}
.wm-settlements{list-style:none;padding:0;margin:14px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:0 14px}.wm-settlements li{border-top:1px solid #697b5f66;padding:12px 0}.wm-settlements strong{display:block;margin-bottom:7px}.wm-settlements p{font-size:12px!important;margin:6px 0!important}
.wm-privacy{border-top:1px solid #65775b55;padding:14px 0;font-size:11px!important}
.wm-provisions{padding:12px 14px;border:1px solid #657956;border-radius:9px;background:#20332a;margin:14px 0}.wm-provisions h3,.wm-provisions h4{margin:0 0 8px}.wm-provisions button{min-height:44px}
.wm-route{border-top:1px solid #81937b66;padding-top:12px;margin-top:14px}.wm-route h4{margin:0 0 10px;color:#e3d5ad}.wm-route label{display:flex;align-items:center;gap:12px;font-size:12px}.wm-route select{width:auto;min-width:60px;min-height:44px;margin:0;background:#1d2b23;color:#e5e9d8;border:1px solid #6b7b62;border-radius:7px;padding:8px}.wm-route>button{min-height:44px;margin:10px 0}.wm-route-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:12px 0}.wm-route-stats div{padding:8px;background:#1d3027;border-radius:6px}.wm-route-stats dt{font-size:11px;color:#bbcab4}.wm-route-stats dd{margin:4px 0 0;font-weight:600;color:#eee0c3}
.campaign-world{border-top:1px solid #64785766;padding-top:16px}.campaign-world>summary{cursor:pointer;min-height:44px;font-size:15px;color:#dfd8b8}
#game:has(#panel.world-panel:not([hidden])) #sceneTools,#game:has(#panel.world-panel:not([hidden])) #photoCaption{display:none}
#game:has(#panel.world-panel:not([hidden]))~#atlasLink{display:none}
@media(max-width:1000px){.wm-layout{grid-template-columns:minmax(0,1fr)}.wm-detail{min-width:0}.wm-back{display:block}}
@media(max-width:899px){#panel.world-panel{left:0;right:0;top:calc(64px + var(--safe-t));bottom:calc(78px + var(--safe-b));border-radius:12px 12px 0 0;padding:14px}.wm-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.wm-toolbar label{min-width:0;justify-content:space-between}.wm-toolbar label:last-child{grid-column:span 2}.wm-toolbar select{flex:1;min-width:0;max-width:calc(100% - 44px)}.wm-compass{gap:5px}.wm-compass button{flex:1;font-size:11px;padding:8px 4px}.wm-layout{gap:14px}.wm-grid{min-width:calc(var(--cols)*46px - 2px)}}