.world-region-undiscovered {
    border-color: #303839 !important;
    background: radial-gradient(circle at 50% 45%, #334044, #151b1d 70%) !important;
    filter: grayscale(.8) brightness(.66) !important;
}

.world-region-undiscovered:hover {
    filter: grayscale(.45) brightness(.88) !important;
}

.world-region-mystery {
    position: absolute;
    left: 50%;
    top: 48%;
    transform: translate(-50%, -50%);
    color: rgba(226, 237, 227, .5);
    font: 700 31px Georgia, serif;
    text-shadow: 0 2px 5px #000;
}

.world-screen-v4 .world-mini-undiscovered {
    background: #1d2526 !important;
    opacity: .55;
}

.world-region-ai {
    box-shadow: inset 0 0 0 1px rgba(199, 100, 66, .55), 0 0 9px rgba(172, 73, 45, .42);
}

.world-region-event {
    border-color: rgba(229, 198, 88, .82);
}

.world-region-live-markers {
    position: absolute;
    z-index: 8;
    right: 4px;
    top: 4px;
    display: flex;
    gap: 3px;
    pointer-events: none;
}

.world-region-live-markers i,
.world-region-live-markers b {
    min-width: 17px;
    height: 17px;
    display: grid;
    place-items: center;
    padding: 0 3px;
    border: 1px solid currentColor;
    border-radius: 9px;
    color: var(--faction-color, #ecd36d);
    background: rgba(18, 14, 10, .86);
    font: 700 10px/1 Arial, sans-serif;
    box-sizing: border-box;
}

.world-region-live-markers b { color: #f0d66d; }
.world-screen-v4 .world-mini-ai { background: #bf633f !important; box-shadow: 0 0 3px #ed9873; }
.world-screen-v4 .world-mini-event { outline: 1px solid #f1d45f !important; outline-offset: -1px; }

.world-screen-v4 .world-site-ai_outpost .world-site-marker {
    border-color: #cc7658;
    box-shadow: 0 0 12px rgba(198, 81, 54, .55), inset 0 0 12px rgba(0,0,0,.5);
}

.world-screen-v4 .world-site-world_event .world-site-marker {
    border-color: #e4c969;
    box-shadow: 0 0 14px rgba(231, 200, 86, .7), inset 0 0 9px rgba(60,41,10,.45);
    animation: living-world-event-pulse 2.2s ease-in-out infinite;
}

@keyframes living-world-event-pulse {
    50% { filter: brightness(1.25); transform: translateY(-2px); }
}

.living-world-overview-button {
    margin-left: auto;
    border-color: #c99d49 !important;
    color: #ffe8aa !important;
}

.living-world-region-summary {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-left: auto;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.living-world-region-summary span {
    padding: 5px 8px;
    border: 1px solid var(--faction-color, #84704e);
    border-radius: 12px;
    color: #f6e6bd;
    background: rgba(20, 16, 11, .78);
    font: 700 10px Arial, sans-serif;
}

.living-world-modal-card {
    width: 560px;
    max-height: min(86vh, 720px);
    overflow: auto;
    border-color: #8c7447;
    background: linear-gradient(160deg, #29251d, #141715 68%);
    box-shadow: 0 22px 70px rgba(0,0,0,.7), inset 0 0 28px rgba(191,146,68,.08);
}

.living-world-modal-body {
    color: #ddd1b2;
    line-height: 1.5;
}

.living-world-lead { color: #bfb18c; }

.living-world-target,
.living-world-faction {
    --faction-color: #a65d3f;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    margin: 8px 0;
    border: 1px solid var(--faction-color);
    border-left-width: 5px;
    border-radius: 8px;
    background: rgba(8, 10, 9, .55);
}

.living-world-target span,
.living-world-faction > span {
    width: 36px;
    text-align: center;
    color: var(--faction-color);
    font-size: 28px;
}

.living-world-target div,
.living-world-faction div { display: grid; gap: 3px; }
.living-world-target small,
.living-world-faction small { color: #a99c80; }
.living-world-danger { color: #e69a72; font-weight: 700; }
.living-world-event-icon { float: left; margin: 3px 14px 8px 0; color: #e7cb67; font-size: 42px; }

.living-world-details {
    clear: both;
    display: grid;
    gap: 5px;
    margin: 15px 0;
}

.living-world-details div { display: flex; justify-content: space-between; gap: 14px; padding: 7px; background: rgba(0,0,0,.24); }
.living-world-details dt { color: #a99c80; }
.living-world-details dd { margin: 0; color: #f2dd9a; font-weight: 700; text-align: right; }
.living-world-modal-card h4 { margin: 18px 0 8px; color: #e7c96e; }
.living-world-events { display: grid; gap: 6px; }

.living-world-event-row {
    display: grid;
    gap: 3px;
    width: 100%;
    padding: 9px 11px;
    border: 1px solid #5c5138;
    border-radius: 7px;
    color: #ead9ac;
    background: rgba(15,17,13,.72);
    text-align: left;
    cursor: pointer;
}

.living-world-event-row span { color: #a99c80; font-size: 11px; }
.living-world-loading { padding: 28px 0; color: #c7b78d; text-align: center; }

@media (max-width: 760px) {
    .living-world-overview-button { margin-left: 0; }
    .living-world-region-summary { width: 100%; justify-content: flex-start; margin: 7px 0 0; }
    .living-world-modal-card { width: 94%; max-height: 82vh; }
}