/* =========================
   MINIMAP
========================= */
#minimapContainer{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  padding:10px;
  border-radius:var(--radius);
  border:2px solid var(--ui-border);
  background:var(--panel-gradient);
  box-shadow:var(--shadow);
  width:100%;
  max-width:320px;
}

#minimapCoords{color:var(--ui-gold);font-size:0.95rem;text-align:center}
#minimap{
  width:clamp(150px,18vw,220px);
  height:clamp(150px,18vw,220px);
  border-radius:50%;
  border:3px solid var(--ui-gold);
  background:rgba(0,0,0,0.35);
  image-rendering:pixelated;
  box-shadow:inset 0 0 12px rgba(0,0,0,0.6),0 0 14px rgba(216,180,106,0.25);
}

.worldMapModal{
  position:fixed;
  inset:0;
  background:rgba(8,6,4,0.85);
  backdrop-filter:blur(5px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  z-index:3000;
}

.worldMapPanel{
  width:min(96vw, 1400px);
  height:min(92vh, 900px);
  display:flex;
  flex-direction:column;
  border-radius:18px;
  border:2px solid rgba(216,180,106,0.72);
  background:linear-gradient(180deg, rgba(42,34,27,0.96), rgba(17,13,10,0.94));
  box-shadow:0 20px 45px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.06);
  overflow:hidden;
}

.worldMapHeader{
  flex:none;
}

.worldMapToolbar{
  flex:none;
}

.worldMapViewport{
  flex:1;
  overflow:auto;
  border-top:1px solid rgba(216, 180, 106, 0.15);
  background:
    linear-gradient(180deg, rgba(7,6,5,0.94), rgba(18,14,11,0.98)),
    radial-gradient(circle at top, rgba(216,180,106,0.1), transparent 55%);
  padding:16px;
  cursor:grab;
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
}
.worldMapViewport:active{cursor:grabbing;}

#worldMapCanvas{
  display:block;
  image-rendering:pixelated;
  transform-origin:top left;
  box-shadow:0 0 0 1px rgba(255,255,255,0.04), 0 18px 30px rgba(0,0,0,0.35);
}

/* Dynamic Biome Themes for World Map Panel */
body.biome-plaine .worldMapPanel {
  border-color: rgba(168, 207, 69, 0.72) !important;
  background: linear-gradient(180deg, rgba(30, 42, 23, 0.98), rgba(16, 22, 10, 0.99)) !important;
}
body.biome-foret .worldMapPanel {
  border-color: rgba(125, 167, 68, 0.72) !important;
  background: linear-gradient(180deg, rgba(22, 33, 18, 0.98), rgba(11, 17, 9, 0.99)) !important;
}
body.biome-jungle .worldMapPanel {
  border-color: rgba(46, 139, 87, 0.72) !important;
  background: linear-gradient(180deg, rgba(14, 33, 23, 0.98), rgba(7, 17, 11, 0.99)) !important;
}
body.biome-montagne .worldMapPanel {
  border-color: rgba(125, 130, 138, 0.72) !important;
  background: linear-gradient(180deg, rgba(32, 33, 35, 0.98), rgba(16, 17, 18, 0.99)) !important;
}
body.biome-desert .worldMapPanel {
  border-color: rgba(243, 212, 130, 0.72) !important;
  background: linear-gradient(180deg, rgba(42, 35, 25, 0.98), rgba(21, 18, 13, 0.99)) !important;
}
body.biome-neige .worldMapPanel {
  border-color: rgba(203, 220, 230, 0.72) !important;
  background: linear-gradient(180deg, rgba(23, 28, 32, 0.98), rgba(12, 14, 16, 0.99)) !important;
}
body.biome-noel .worldMapPanel {
  border-color: rgba(255, 71, 87, 0.72) !important;
  background: linear-gradient(180deg, rgba(33, 14, 16, 0.98), rgba(17, 7, 8, 0.99)) !important;
}
body.biome-dinosaures .worldMapPanel {
  border-color: rgba(61, 106, 54, 0.72) !important;
  background: linear-gradient(180deg, rgba(18, 28, 16, 0.98), rgba(9, 14, 8, 0.99)) !important;
}
body.biome-volcan .worldMapPanel {
  border-color: rgba(255, 51, 0, 0.72) !important;
  background: linear-gradient(180deg, rgba(33, 15, 15, 0.98), rgba(17, 8, 8, 0.99)) !important;
}
body.biome-celeste .worldMapPanel {
  border-color: rgba(162, 155, 254, 0.72) !important;
  background: linear-gradient(180deg, rgba(22, 20, 31, 0.98), rgba(11, 10, 16, 0.99)) !important;
}
body.biome-minotor .worldMapPanel {
  border-color: rgba(160, 107, 62, 0.72) !important;
  background: linear-gradient(180deg, rgba(28, 22, 18, 0.98), rgba(14, 11, 9, 0.99)) !important;
}
body.biome-cimetiere .worldMapPanel {
  border-color: rgba(155, 89, 182, 0.72) !important;
  background: linear-gradient(180deg, rgba(22, 16, 25, 0.98), rgba(11, 8, 13, 0.99)) !important;
}
body.biome-eveilam .worldMapPanel {
  border-color: rgba(142, 197, 74, 0.72) !important;
  background: linear-gradient(180deg, rgba(24, 31, 18, 0.98), rgba(12, 16, 9, 0.99)) !important;
}