/* mapa: dymka po najechaniu, czasy marszu, legenda wyglądu wiosek i premii (map-art.js / map-tip.js) */
.m-vil:hover { filter:drop-shadow(0 0 3px rgba(200,16,46,.95)); }
.m-bonus { pointer-events:none; }
.mm-barb.mm-bonus { fill:#e0a412; stroke:var(--ink); stroke-width:.25; }

.map-tip {
  position:fixed; z-index:60; max-width:min(440px, 92vw); padding:8px 10px 10px; pointer-events:none;
  background:var(--white); color:var(--ink); border:2px solid var(--ink); border-radius:4px;
  box-shadow:3px 3px 0 rgba(18,17,16,.35); font:13px var(--type);
}
.map-tip h4, .map-facts h4 { margin:0 0 4px; font:700 14px var(--serif); }
.map-tip.hidden { display:none; }
.map-facts { margin-top:8px; }
.map-facts h4 { margin-top:8px; }
.bonus-line { align-items:center; justify-content:flex-start; }
.bonus-line .sub { margin-left:auto; text-align:right; }
.bonus-ico { width:22px; height:22px; flex:0 0 22px; }

.travel { display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:3px; margin-top:6px; }
.travel-cell { display:flex; flex-direction:column; align-items:center; gap:1px; padding:3px 1px; background:var(--paper-2); border:1px solid var(--paper-4); border-radius:3px; }
.travel-cell:nth-child(even) { background:var(--paper); }
.travel-cell .ico { width:22px; height:22px; flex-basis:22px; }
.travel-cell span { font:12px var(--type); white-space:nowrap; }

.map-legend { margin:6px 0 2px; }
.map-legend summary { cursor:pointer; font-weight:700; }
.legend-sec h4 { margin:8px 0 2px; font:700 13px var(--serif); }
.legend-row { display:flex; flex-wrap:wrap; gap:6px 8px; }
.legend-item { display:flex; flex-direction:column; align-items:center; width:92px; text-align:center; font-size:12px; line-height:1.15; }
.legend-item .legend-ico { width:68px; height:92px; background:#efe1bd; border:1px solid var(--paper-4); border-radius:3px; }
.legend-item .sub { font-size:11px; }
@media (max-width:640px) { .travel { grid-template-columns:repeat(4, minmax(0, 1fr)); } }
.village-bonus { padding:1px 7px; background:#f3d77a; border:1.5px solid var(--ink); border-radius:10px; font:700 12px var(--type); white-space:nowrap; }
.village-bonus.hidden { display:none; }
.village-link { font-weight:400; font-size:inherit; text-decoration:underline dotted; }

/* minimapa: szerszy panel boczny i równe kwadraty w siatce pól */
#tab-map .layout { grid-template-columns:minmax(0,1fr) 480px; }
#minimap rect { shape-rendering:crispEdges; }
.mm-player { fill:#c8102e; stroke-width:.12; }
.mm-me { fill:#2f6fd0; }
.mm-me { stroke:var(--ink); stroke-width:.14; }
.mm-barb.mm-bonus { stroke-width:.12; }
@media (max-width:900px) { #tab-map .layout { grid-template-columns:1fr; } }