*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0;background:#e4e8df;color:#202826;font:14px/1.45 Arial,sans-serif}.map-view{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.map-tools{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#202826;color:#fff}.map-tools button,.map-tools a{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #ffffff35;border-radius:5px;background:#ffffff0c;color:inherit;text-decoration:none;cursor:pointer;font:28px/1 Arial,sans-serif}.map-tools a{margin-left:auto}.map-tools svg{width:23px;height:23px}.map-tools button:hover,.map-tools a:hover{background:#ffffff25}.map-tools button:disabled{opacity:.35;cursor:default}.map-tools :focus-visible,#map:focus-visible{outline:3px solid #ef8b7e;outline-offset:-3px}#map{width:100%;height:100%;min-height:0;background:#e4e8df;font:14px Arial,sans-serif}#map-help{margin:0;padding:8px 12px;background:#f5f6f2;font-size:12px;min-height:34px}.leaflet-control-attribution{font-size:10px;max-width:calc(100vw - 20px);line-height:1.5}.leaflet-control-attribution a{color:#315752}.leaflet-container img.leaflet-image-layer{max-width:none!important}html:fullscreen .map-view{height:100dvh}@media(max-width:359px){.map-tools{padding:6px 8px;gap:5px}#map-help{padding:7px 10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.map-view{grid-template-rows:auto auto minmax(0,1fr) auto}.terrain-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px;background:#f2f4ef}.terrain-modes button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:0;padding:8px 10px;border:1px solid #cbd4c8;border-radius:5px;color:#26352d;background:white;font:700 13px/1.4 Arial,sans-serif;cursor:pointer}.terrain-modes button[aria-pressed=true]{background:#26362b;color:white;border-color:#26362b}.terrain-modes button:focus-visible{outline:3px solid #b33b2d;outline-offset:2px}.terrain-dot{flex:none;width:10px;height:10px;border-radius:50%;background:#0f7d57}[data-terrain=bad]>.terrain-dot{background:#bb3126}.terrain-count{font-size:11px;font-weight:400}.map-footer{background:#f5f6f2}.density-legend{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;padding:9px 12px 0}.density-scale{width:90px;height:9px;border-radius:5px;background:linear-gradient(90deg,#0f7d5720,#0f7d57)}html[data-terrain=bad] .density-scale{background:linear-gradient(90deg,#bb312620,#bb3126)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#map-help{font-size:12px;line-height:1.45;min-height:40px;margin:0}

.map-canvas{position:relative;min-height:0;overflow:hidden}

/* Controls float on the map; source marks keep isolated responses visible. */
.map-view{grid-template-rows:auto minmax(0,1fr) auto}
.map-tools{position:absolute;z-index:600;top:12px;right:12px;display:flex;flex-direction:column;gap:0;padding:0;background:#fff;color:#25372d;border:1px solid #b9c7b6;border-radius:7px;box-shadow:0 2px 10px #20322030;overflow:hidden}
.map-tools button,.map-tools a{border:0;border-radius:0;border-bottom:1px solid #e0e6dc;background:#fff;color:#25372d;flex-basis:44px}
.map-tools a{margin:0;border-bottom:0}
.map-tools button:hover,.map-tools a:hover{background:#e7eee2}
.map-tools button:disabled{opacity:.4}
.feedback-source-mark{filter:drop-shadow(0 0 1px #14271c)}
@media(max-width:359px){.map-tools{top:8px;right:8px;padding:0;gap:0}}
/* Match the game-area viewer: zoom left, other map tools right. */
html,body{overflow:hidden}
.map-view{min-height:0;overflow:hidden}
.map-tools.map-zoom{left:12px;right:auto}
.map-tools>:last-child{border-bottom:0}
@media(max-width:359px){.map-tools.map-zoom{left:8px}}
/* Both response types can be inspected together without narrowing touch targets. */
.terrain-modes{grid-template-columns:repeat(3,minmax(0,1fr))}
.terrain-dot-both{background:linear-gradient(90deg,#0f7d57 50%,#bb3126 50%)}
@media(max-width:520px){.terrain-modes{gap:6px;padding:8px}.terrain-modes button{display:grid;grid-template-columns:10px minmax(0,1fr);column-gap:4px;row-gap:2px;min-height:60px;padding:5px}.terrain-label{font-size:12px;line-height:1.2}.terrain-count{grid-column:2;line-height:1.2}.terrain-dot{grid-row:1/3}}