:root{color-scheme:dark;--f4-bg:#25231f;--f4-panel:#332e26;--f4-ink:#f1e5cc;--f4-accent:#d9a466}
body{background:var(--f4-bg);color:var(--f4-ink)}
#f4msa-map-nav{position:relative;z-index:1100;height:64px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 24px;background:#25231f;border-bottom:2px solid #ad7948;font:14px/1.3 Georgia,serif}
#f4msa-map-nav a{color:#eddbc0;text-decoration:none}#f4msa-map-nav .identity{display:flex;align-items:center;gap:10px}#f4msa-map-nav img{width:42px;height:42px;object-fit:contain}#f4msa-map-nav strong{font-size:22px}#f4msa-map-nav small{display:block;font:11px/1.4 system-ui,sans-serif;letter-spacing:.05em;color:#c7b899}
#f4msa-map-nav nav{display:flex;align-items:center;gap:20px}#f4msa-map-nav [aria-current]{color:#e5ab6b;border-bottom:1px solid #e5ab6b;padding-bottom:4px}
#map{height:calc(100dvh - 64px)}.hud{top:76px;max-height:calc(100dvh - 100px);background:rgba(45,40,33,.96);border:1px solid #79674e;color:#f1e5cc}.hud-title{font-family:Georgia,serif}.hud a{color:#e0b885}.small{color:#dbccb3}
.prop-panel,.weather-panel,.peers-panel,.route-details-panel,.los-panel,.node-search-results{background:#302b24!important;color:#f1e5cc!important;border-color:#79674e!important}.map-toggle,.legend-toggle,.hud-action{border-color:#79674e!important;color:#ead6b8!important;background:#3e3529!important}.map-toggle:hover,.legend-toggle:hover{background:#57432f!important}.node-search-input{background:#25231f!important;color:#f1e5cc!important;border-color:#79674e!important}
#f4msa-map-notice{font:12px/1.5 system-ui,sans-serif;margin-top:12px;padding-top:10px;border-top:1px solid #79674e;color:#dcc8a9}#f4msa-map-notice a{text-decoration:underline}
@media(max-width:640px){#f4msa-map-nav{height:92px;padding:8px 12px;align-items:flex-start;flex-wrap:wrap;gap:5px}#f4msa-map-nav strong{font-size:18px}#f4msa-map-nav img{width:34px;height:34px}#f4msa-map-nav nav{width:100%;justify-content:space-between;gap:8px;font-size:12px}#map{height:calc(100dvh - 92px)}.hud{top:102px;max-height:calc(100dvh - 124px);max-width:300px}.prop-panel,.weather-panel,.peers-panel,.route-details-panel{max-height:calc(100dvh - 125px)}}

.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#332e26;color:#f1e5cc}.leaflet-popup-content .small{color:#f1e5cc}.leaflet-popup-content a{color:#efbd82}.leaflet-popup-content-wrapper{border:1px solid #a77b4d}.f4msa-reception{margin-top:8px;padding-top:7px;border-top:1px solid #8e7454;line-height:1.5}.f4msa-reception small{color:#d8c9b2}.leaflet-container a.leaflet-popup-close-button{color:#f1e5cc}

.f4msa-peer-item{width:100%;background:transparent;color:#f1e5cc;border:0;border-bottom:1px solid #665641;text-align:left;cursor:pointer;padding:9px 3px;font:12px/1.4 system-ui}.f4msa-peer-item:hover{background:#534334}.f4msa-peer-item i{width:10px;height:4px;display:inline-block;flex-shrink:0;margin-right:6px}.f4msa-peer-item .peer-count small{display:block;color:#d4c1a6}.f4msa-peer-legend{font:11px/1.8 system-ui;display:flex;gap:10px;flex-wrap:wrap;padding:8px 0}#peers-out-heading,#peers-out{display:none}#peers-panel .peers-lists{display:block}#peers-meta{line-height:1.5;padding:8px 0}#peers-panel{max-width:min(410px,calc(100vw - 30px))}

.leaflet-container .leaflet-popup-content-wrapper,.leaflet-container .leaflet-popup-tip{background:#332e26!important;color:#f8ecd6!important}.leaflet-container .leaflet-popup-content,.leaflet-container .leaflet-popup-content .small{color:#f8ecd6!important}.leaflet-container .f4msa-reception small{color:#e2d3ba!important}.leaflet-container .leaflet-popup-content button{color:inherit}
