.era-world-374{max-width:1320px;margin:24px auto;padding:0 24px;font-family:Arial,Helvetica,sans-serif;color:#071d38}
.era-world-374 *{box-sizing:border-box}
.era-world-shell{background:linear-gradient(180deg,#eaf6fd 0%,#d9edf8 100%);border:1px solid #a8c8dc;border-radius:22px;padding:16px;box-shadow:0 18px 42px rgba(7,29,56,.13)}
.era-world-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:12px}
.era-world-kicker{display:inline-block;background:#ff6b00;color:#fff;padding:6px 11px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.06em}
.era-world-head h2{margin:8px 0 4px;font-size:29px;line-height:1.05;color:#071d38}
.era-world-head p{margin:0;color:#526a80;font-size:13px;font-weight:700}
.era-world-level{display:flex;align-items:center;gap:7px;background:#07966f;color:#fff;padding:10px 14px;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}
.era-world-level i{width:9px;height:9px;border-radius:50%;background:#7fffc4;box-shadow:0 0 0 4px rgba(127,255,196,.18)}
.era-world-level.yellow{background:#d5a000}.era-world-level.orange{background:#e76600}.era-world-level.red{background:#c62828}

.era-world-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:10px}
.era-world-summary>div{background:#fff;border:1px solid #cadce8;border-radius:14px;padding:14px 13px;min-width:0}
.era-world-summary strong{display:block;font-size:25px;line-height:1;color:#071d38;margin-bottom:6px}
.era-world-summary small{display:block;color:#597087;font-size:11px;font-weight:900;line-height:1.2}

.era-world-filters{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:10px}
.era-world-filters button{border:0;background:#071d38;color:#fff;border-radius:12px;min-height:48px;padding:8px 10px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px}
.era-world-filters button.active,.era-world-filters button:hover{background:#ff6b00}
.era-world-filters button span{font-size:17px}.era-world-filters button b{margin-left:auto}

.era-world-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:11px}
.era-world-map-card,.era-world-events{background:#fff;border:1px solid #c5d8e5;border-radius:16px;overflow:hidden;min-width:0}
.era-world-map-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #dbe7ef;background:#f8fbfd}
.era-world-map-toolbar small,.era-world-events-head small{display:block;color:#ff6b00;font-size:9px;font-weight:900;letter-spacing:.07em}
.era-world-map-toolbar strong{display:block;margin-top:2px;font-size:14px}
.era-world-map-actions{display:flex;align-items:center;gap:8px;color:#63778a;font-size:10px;font-weight:900}
.era-world-map-actions button{border:0;background:#071d38;color:#fff;border-radius:8px;padding:7px 9px;font-weight:900;cursor:pointer}
.era-world-map{height:490px;background:#d7e8f1;z-index:1}
.era-world-legend{display:flex;gap:14px;flex-wrap:wrap;padding:9px 12px;background:#f8fbfd;border-top:1px solid #dbe7ef;font-size:10px;font-weight:900;color:#526a80}
.era-world-legend span{display:flex;align-items:center;gap:5px}.era-world-legend i{width:10px;height:10px;border-radius:50%}
.era-world-legend .eq{background:#2774c9}.era-world-legend .fire{background:#f4511e}.era-world-legend .flood{background:#0088cc}.era-world-legend .cyclone{background:#7e57c2}.era-world-legend .era{background:#d81b60}

.era-world-events{display:flex;flex-direction:column}
.era-world-events-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px;border-bottom:1px solid #dbe7ef}
.era-world-events-head h3{margin:3px 0 0;font-size:20px}
.era-world-events-head>span{background:#edf7f2;color:#07845e;border:1px solid #bce2d4;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900}
.era-world-events-list{padding:4px 14px;overflow:auto;max-height:495px;flex:1}
.era-world-event{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;padding:12px 0;border-bottom:1px solid #dfe8ee;cursor:pointer}
.era-world-event:hover{background:#f7fbfd}
.era-world-event-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eef5fa;font-size:18px}
.era-world-event strong{display:block;font-size:12px;line-height:1.25}.era-world-event small{display:block;color:#667b8f;font-size:10px;margin-top:4px;line-height:1.3}
.era-world-event .level{display:inline-block;margin-top:5px;padding:3px 6px;border-radius:999px;background:#edf7f2;color:#07845e;font-size:8px;font-weight:900}
.era-world-event .level.orange{background:#fff1e6;color:#dc5b00}.era-world-event .level.red{background:#ffe9e9;color:#b72020}
.era-world-loading{padding:28px 10px;text-align:center;color:#61788c;font-weight:900}
.era-world-source{padding:10px 14px;background:#f8fbfd;border-top:1px solid #dbe7ef;color:#61788c;font-size:10px}

.era-world-footer{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:10px}
.era-world-footer button,.era-world-footer a{border:0;background:#ff6b00;color:#fff;border-radius:10px;padding:10px 13px;font-weight:900;font-size:11px;cursor:pointer}
.era-world-footer a{background:#071d38}.era-world-footer>span{color:#597087;font-size:10px;font-weight:900}.era-world-clock{margin-left:auto;background:#fff;border:1px solid #c5d8e5;border-radius:9px;padding:8px 10px}

.era-world-marker{border:2px solid #fff;border-radius:50%;box-shadow:0 3px 9px rgba(0,0,0,.35)}
@media(max-width:1050px){.era-world-layout{grid-template-columns:1fr}.era-world-summary{grid-template-columns:repeat(3,1fr)}.era-world-filters{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.era-world-374{padding:0 10px}.era-world-head{display:block}.era-world-level{display:inline-flex;margin-top:10px}.era-world-summary{grid-template-columns:repeat(2,1fr)}.era-world-filters{grid-template-columns:repeat(2,1fr)}.era-world-map{height:420px}.era-world-map-toolbar{align-items:flex-start;flex-direction:column}.era-world-clock{margin-left:0}}
@media(max-width:430px){.era-world-summary,.era-world-filters{grid-template-columns:1fr}.era-world-map{height:360px}}