/* Unified emerald and gold styling for all worlds. */
.world-card {
  --world-accent:#9fcba3;
  --world-accent-strong:#eddfab;
  position:relative;
  isolation:isolate;
  min-height:292px;
  padding:24px 25px 22px;
  border:1px solid var(--world-accent);
  border-radius:17px;
  overflow:hidden;
  box-shadow:0 18px 32px #0006, inset 0 0 0 1px #ffffff0e;
  transition:transform .22s ease,box-shadow .22s ease;
}
.world-card:hover {transform:translateY(-3px);box-shadow:0 24px 43px #0008,0 0 24px #cda15f26}
.world-card {
  background:
    radial-gradient(circle at 98% 1%,#79b98635,transparent 51%),
    radial-gradient(circle at 13% 94%,#1b8b7426,transparent 52%),
    linear-gradient(142deg,#203f3b,#173137 58%,#15252b);
}
.world-card::before {
  content:'';
  position:absolute;
  inset:0 0 auto;
  height:5px;
  background:linear-gradient(90deg,transparent,var(--world-accent-strong) 45%,var(--world-accent) 80%,transparent);
  z-index:1;
}
.world-card::after {
  content:'♜';
  position:absolute;
  z-index:0;
  left:-14px;
  top:-44px;
  color:var(--world-accent-strong);
  font-family:Georgia,serif;
  opacity:.055;
  font-size:235px;
  line-height:1;
  pointer-events:none;
}
.world-card--ts1::after{content:'⚔';font-size:205px;top:-7px;left:-10px}
.world-card .world-top,.world-card .world-metrics,.world-card .world-actions{position:relative;z-index:2}
.world-card .world-top{border-bottom:1px solid #ffffff2b;padding-bottom:17px;gap:15px}
.world-card .world-emblem {
  width:70px;
  height:70px;
  border:2px solid var(--world-accent);
  border-radius:14px;
  color:#fff5da;
  text-shadow:0 2px 6px #000a;
  box-shadow:inset 0 2px 9px #ffffff20,0 6px 18px #0005;
}
.world-card .world-emblem{background:linear-gradient(145deg,#7c9d58,#315e51 61%,#21383d)}
.world-card h3{font-family:Georgia,Cairo,sans-serif;font-size:32px;color:#fff1ce;letter-spacing:.4px}
.world-card .subtitle{color:var(--world-accent-strong);font-size:13px;margin-top:3px}
.world-card .world-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.world-card .world-metric {
  min-height:96px;
  justify-content:center;
  border:1px solid #ffffff28;
  border-radius:10px;
  background:linear-gradient(180deg,#ffffff13,#030d143b);
  padding:13px;
  box-shadow:inset 0 1px 0 #ffffff12;
}
.world-card .world-metric small{font-size:12px;color:#e6d6bc;font-weight:800;margin-bottom:6px}
.world-card .world-metric strong {
  display:block;
  font-family:Tahoma,Arial,sans-serif;
  font-weight:800;
  font-size:clamp(19px,2vw,26px);
  line-height:1.3;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
  text-align:right;
  color:#ffffff;
  text-shadow:0 2px 5px #0006;
}
.world-card .world-metric strong.metric-date{text-align:left;letter-spacing:.1px}
.world-card .world-metric strong.metric-count{font-size:32px;color:var(--world-accent-strong)}
.world-card .world-actions{gap:12px;margin-top:5px}
.world-card .action-btn {
  flex:1;
  border-radius:8px;
  padding:11px 16px;
  border-color:var(--world-accent);
  font-size:14px;
  color:#f8e4c1;
  background:linear-gradient(180deg,#ffffff12,#00000028);
}
.world-card .action-btn.primary{border-color:#95d9aa;background:linear-gradient(180deg,#60af71,#21683d);color:#fff}
.world-card .action-btn:focus-visible{outline-color:#fff}
.modal-world {border-color:#91bc99;background:linear-gradient(135deg,#204037,#252b2d)}
.modal-world>strong {color:#cce7bb}
.modal-world .modal-stats strong[dir=ltr]{display:inline-block;direction:ltr;font-variant-numeric:tabular-nums}
@media(max-width:600px) {
  .world-card{min-height:0;padding:19px 17px 20px;border-radius:14px}
  .world-card .world-top{padding-bottom:14px}
  .world-card .world-emblem{width:60px;height:60px;font-size:32px}
  .world-card h3{font-size:28px}
  .world-card .world-metrics{gap:9px;margin:14px 0}
  .world-card .world-metric{min-height:86px;padding:9px}
  .world-card .world-metric strong{font-size:18px}
  .world-card .world-metric strong.metric-count{font-size:26px}
  .world-card .action-btn{min-width:0;padding:11px 9px}
}
@media(max-width:345px){
  .world-card .world-metrics{gap:7px}
  .world-card .world-metric{padding:8px 6px}
  .world-card .world-metric strong{font-size:16px}
  .world-card .world-metric small{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.world-card{transition:none}}