.world-options { width: min(620px, 100%); gap: 18px; }
.hero-content { min-height: calc(100vh - 56px); padding-top: clamp(54px, 9vh, 96px); }
.world-option {
  min-height: 154px;
  padding: 12px 38px 13px 14px;
  display: flex;
  grid-template-columns: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.2);
  text-align: center;
  backdrop-filter: none;
}
.world-option::before { content: ''; position: absolute; inset: 7px; border: 1px solid rgba(139,92,36,.1); pointer-events: none; }
.world-option:hover, .world-500:hover { transform: translateY(-4px); background: transparent; border-color: rgba(156,96,25,.68); box-shadow: 0 16px 34px rgba(101,58,21,.12), inset 0 0 26px rgba(255,239,197,.14); }
.world-logo { display: block; width: min(220px, 90%); height: 84px; object-fit: contain; filter: drop-shadow(0 8px 12px rgba(77,44,14,.22)); transition: transform .25s ease; }
.world-option:hover .world-logo { transform: scale(1.04); }
.world-label small, .world-label strong { display: block; }
.world-label small { color: #926326; font-size: 7px; font-weight: 700; letter-spacing: 1.6px; }
.world-label strong { margin-top: 4px; color: #5e4329; font: 600 8px/1 'Cinzel', serif; letter-spacing: .8px; text-transform: uppercase; }
.world-500 { background: transparent; color: var(--ink); border-color: rgba(118,76,37,.38); }
.world-500:hover { border-color: rgba(154,73,44,.58); box-shadow: 0 16px 34px rgba(101,58,21,.12), inset 0 0 28px rgba(104,139,206,.08); }
.world-500 .world-label small { color: #9b583d; }
.world-500 .world-label strong { color: #624234; }
@media (max-width: 850px) { .hero-content { min-height: 100vh; padding-top: 42vh; } .world-option { min-height: 136px; } .world-logo { height: 76px; } }