/* Biome card styling (kept separate from style.css on purpose). */

.biome-hud-card {
  /* Positioned by `.hud-right-stack` (see style.css). */
  width: 100%;
  border-radius: 14px;
  padding: 10px 10px 10px;
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow: 0 16px 50px rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.08);
  background:
    radial-gradient(240px 120px at 20% 0%, rgba(255,200,90,0.14), transparent 60%),
    radial-gradient(220px 140px at 90% 90%, rgba(120,180,255,0.10), transparent 60%),
    rgba(0,0,0,0.35);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  user-select: none;
}

.biome-hud-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

.biome-hud-title {
  font-weight: 900;
  letter-spacing: 0.4px;
  color: rgba(240,244,255,0.95);
}

.biome-hud-close {
  width: 26px;
  height: 26px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(0,0,0,0.28);
  color: rgba(240,244,255,0.92);
  cursor: pointer;
  font: inherit;
  font-weight: 900;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.biome-hud-close:hover { border-color: rgba(var(--tw-season-accent-rgb), 0.55); background: rgba(var(--tw-season-accent-rgb), 0.14); }
.biome-hud-close:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(var(--tw-season-accent-rgb), 0.18); border-color: rgba(var(--tw-season-accent-rgb), 0.60); }

.biome-hud-toggle {
  /* Positioned by `.hud-right-stack` (see style.css). */
  width: 100%;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(0,0,0,0.32);
  color: rgba(240,244,255,0.92);
  cursor: pointer;
  font: inherit;
  font-weight: 900;
  letter-spacing: 0.2px;
}
.biome-hud-toggle:hover { border-color: rgba(var(--tw-season-accent-rgb), 0.55); background: rgba(var(--tw-season-accent-rgb), 0.14); }
.biome-hud-toggle:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(var(--tw-season-accent-rgb), 0.18); border-color: rgba(var(--tw-season-accent-rgb), 0.60); }

.biome-hud-card .biome-card {
  box-shadow: 0 10px 24px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.08);
}

.biome-card {
  --tw-biome-season-overlay:
    linear-gradient(
      90deg,
      rgba(var(--tw-season-accent-rgb), 0.00) 0%,
      rgba(var(--tw-season-accent-rgb), 0.00) 55%,
      rgba(var(--tw-season-accent-rgb), 0.10) 78%,
      rgba(var(--tw-season-accent-rgb), 0.22) 100%
    );
  border-radius: 14px;
  padding: 12px 12px 11px;
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow: 0 10px 24px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.10);
  color: rgba(255,255,255,0.92);
  background: linear-gradient(135deg, rgba(255,255,255,0.08), rgba(0,0,0,0.12));
}

.biome-card-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

.biome-card-k {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  opacity: 0.85;
}

.biome-card-v {
  margin-top: 6px;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.2px;
}

.biome-card-glyph {
  font-size: 14px;
  opacity: 0.9;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(0,0,0,0.18);
  font-variant-ligatures: none;
}

/* Per-biome themes (weather-card-ish gradients) */
.biome-ocean {
  border-color: rgba(120,180,255,0.22);
  background:
    var(--tw-biome-season-overlay),
    radial-gradient(120px 90px at 18% 22%, rgba(120,180,255,0.35), transparent 62%),
    radial-gradient(220px 140px at 70% 10%, rgba(40,110,255,0.20), transparent 55%),
    linear-gradient(135deg, rgba(10,25,60,0.78), rgba(0,0,0,0.18));
}

.biome-shallow {
  border-color: rgba(120,210,255,0.22);
  background:
    var(--tw-biome-season-overlay),
    radial-gradient(140px 100px at 15% 20%, rgba(120,220,255,0.30), transparent 62%),
    linear-gradient(135deg, rgba(10,55,80,0.75), rgba(0,0,0,0.18));
}

.biome-river {
  border-color: rgba(120,200,255,0.22);
  background:
    var(--tw-biome-season-overlay),
    radial-gradient(170px 120px at 18% 20%, rgba(120,200,255,0.30), transparent 60%),
    radial-gradient(220px 140px at 75% 30%, rgba(60,140,255,0.18), transparent 62%),
    linear-gradient(135deg, rgba(10,45,90,0.72), rgba(0,0,0,0.18));
}

.biome-beach {
  border-color: rgba(255,220,120,0.22);
  background:
    var(--tw-biome-season-overlay),
    radial-gradient(160px 120px at 18% 20%, rgba(255,220,120,0.30), transparent 60%),
    radial-gradient(260px 160px at 80% 10%, rgba(120,180,255,0.14), transparent 60%),
    linear-gradient(135deg, rgba(95,75,25,0.70), rgba(0,0,0,0.18));
}

.biome-plains {
  border-color: rgba(120,255,160,0.18);
  background:
    var(--tw-biome-season-overlay),
    radial-gradient(180px 140px at 16% 18%, rgba(120,255,160,0.22), transparent 62%),
    linear-gradient(135deg, rgba(15,70,35,0.70), rgba(0,0,0,0.18));
}

.biome-forest {
  border-color: rgba(80,220,140,0.18);
  background:
    var(--tw-biome-season-overlay),
    radial-gradient(170px 130px at 16% 18%, rgba(80,220,140,0.20), transparent 62%),
    radial-gradient(260px 160px at 75% 10%, rgba(40,160,90,0.12), transparent 62%),
    linear-gradient(135deg, rgba(10,55,30,0.72), rgba(0,0,0,0.18));
}

.biome-desert {
  border-color: rgba(255,200,90,0.22);
  background:
    var(--tw-biome-season-overlay),
    radial-gradient(160px 120px at 18% 20%, rgba(255,200,90,0.25), transparent 60%),
    radial-gradient(260px 160px at 85% 25%, rgba(255,140,60,0.14), transparent 60%),
    linear-gradient(135deg, rgba(90,55,10,0.72), rgba(0,0,0,0.18));
}

.biome-tundra {
  border-color: rgba(200,235,255,0.20);
  background:
    var(--tw-biome-season-overlay),
    radial-gradient(170px 130px at 18% 20%, rgba(200,235,255,0.22), transparent 62%),
    radial-gradient(260px 160px at 85% 10%, rgba(120,180,255,0.12), transparent 62%),
    linear-gradient(135deg, rgba(55,75,90,0.68), rgba(0,0,0,0.18));
}

.biome-mountains {
  border-color: rgba(200,200,210,0.18);
  background:
    var(--tw-biome-season-overlay),
    radial-gradient(180px 140px at 18% 20%, rgba(200,200,210,0.18), transparent 62%),
    radial-gradient(260px 160px at 85% 35%, rgba(120,120,140,0.10), transparent 62%),
    linear-gradient(135deg, rgba(55,55,65,0.70), rgba(0,0,0,0.18));
}

.biome-swamp {
  border-color: rgba(120,190,160,0.18);
  background:
    var(--tw-biome-season-overlay),
    radial-gradient(170px 130px at 18% 22%, rgba(120,190,160,0.18), transparent 62%),
    radial-gradient(260px 160px at 85% 18%, rgba(70,120,95,0.12), transparent 62%),
    linear-gradient(135deg, rgba(25,50,40,0.72), rgba(0,0,0,0.18));
}

.biome-unknown {
  border-color: rgba(255,255,255,0.12);
  background:
    var(--tw-biome-season-overlay),
    radial-gradient(160px 120px at 18% 22%, rgba(255,255,255,0.10), transparent 62%),
    linear-gradient(135deg, rgba(30,30,36,0.72), rgba(0,0,0,0.18));
  color: rgba(255,255,255,0.78);
}