.social-tabs { display:flex; gap:7px; margin-bottom:12px; }.social-tabs button,.social-row, .social-help { font:13px Arial,sans-serif; }.social-row { display:flex; justify-content:space-between; padding:10px; margin:5px 0; background:#101614; border:1px solid #39454a; }.social-row span { color:#70d59a; }.social-help { color:#b9c6c5; }.social-guild-name { font-size:16px; }

.map-card, .set-card {
    position: relative;
    display: flex;
    min-height: 105px;
    align-items: center;
    gap: 14px;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 12px;
    background: #121923;
    border: 1px solid #303b49;
    border-left: 4px solid var(--map-accent, var(--set-color, #58a6ff));
    border-radius: 7px;
}
.map-card.selected { box-shadow: inset 0 0 0 1px var(--map-accent); }
.map-card.locked { opacity: .58; }
.map-card-image { position: absolute; inset: 0; background-position: center; background-size: cover; opacity: .55; }
.map-card-content { position: relative; flex: 1; display: flex; flex-direction: column; gap: 3px; }
.map-card-content strong, .set-card strong { color: #fff; font-size: 16px; }
.map-card-content small, .set-card small { color: #aeb9c8; }
.map-card-content p { margin: 5px 0; font-size: 13px; color: #d9e1ec; }
.map-card-content span, .set-card span { color: var(--map-accent, var(--set-color, #79c0ff)); font-size: 12px; }
.map-card button, .set-card button { position: relative; min-width: 106px; }

.set-card { min-height: 78px; background: linear-gradient(90deg, #121923, #171d2a); border-left-color: var(--set-color); }
.set-card > div:nth-child(2) { flex: 1; display: flex; flex-direction: column; gap: 3px; }
.set-swatch { flex: 0 0 42px; height: 42px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fff, var(--set-color) 35%, #111 78%); border: 2px solid var(--set-color); box-shadow: 0 0 14px var(--set-color); }

.btn-world:hover { border-color: #79c0ff; box-shadow: 0 4px 12px rgba(121,192,255,.2); }
.btn-sets:hover { border-color: #d2a8ff; box-shadow: 0 4px 12px rgba(210,168,255,.2); }

@media (max-width: 620px) {
    body { padding: 10px; padding-bottom: 88px; }
    .mmorpg-city-hub { padding: 14px; }
    .hub-menu-grid { grid-template-columns: 1fr; }
    .mmorpg-hub-btn.full-width { grid-column: auto; }
    .map-card, .set-card { align-items: flex-start; flex-wrap: wrap; }
    .map-card button, .set-card button { width: 100%; }
    .overlay-panel { width: 180px; top: 8px; left: 8px; }
    .farm-scene-legend { display: none; }
}