:root{
  --bg:#eef2f7;--ink:#253241;--muted:#6f7f91;--card:#fff;--line:#e7edf4;
  --birth:#ffc72c;--birth2:#ff865d;--death:#7c5cff;--death2:#c174ff;--net:#21c6c4;--green:#35b86b;--red:#d94b4b;
  --shadow:0 22px 70px rgba(20,32,45,.13);--soft:0 10px 26px rgba(20,32,45,.08);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);min-height:100vh}
button,select,input{font-family:inherit}
.topbar{height:76px;background:#fff;border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center}
.topbar-inner{width:min(1180px,94vw);display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px;font-weight:950;font-size:24px;letter-spacing:-.04em}.brand-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#ffcf58,#7c5cff);box-shadow:0 8px 16px rgba(124,92,255,.22);font-size:19px}.top-note{color:#6d7a8a;font-size:12px;line-height:1.2;text-align:left;font-weight:800}
.page{width:min(1180px,94vw);margin:24px auto 44px}.hero{background:radial-gradient(circle at 12% 100%,#f3efff 0,#fff 38%,#fff7d9 100%);border-radius:28px;box-shadow:var(--shadow);padding:30px 18px 28px;text-align:center;margin-bottom:18px}.hero h1{font-size:clamp(42px,6vw,78px);line-height:.95;letter-spacing:-.075em;font-weight:950;margin-bottom:16px}.hero p{font-size:clamp(16px,2vw,24px);color:#273545;line-height:1.25}.flash-word{color:#d29a00;font-weight:950}.subline{margin-top:10px;color:#778397;font-size:12px;font-weight:800}
.search-card{background:#fff;border-radius:24px;box-shadow:var(--soft);padding:16px 18px;margin-bottom:18px;display:grid;grid-template-columns:minmax(240px,1.6fr) 160px 170px 160px 175px 112px;gap:10px;align-items:center}.search-input,.small-select,.select{width:100%;border:1px solid #dbe3ea;background:#f8fafc;border-radius:16px;padding:13px 14px;font-size:13px;font-weight:900;color:#26333d;outline:none}.search-input:focus,.small-select:focus,.select:focus{border-color:var(--net);box-shadow:0 0 0 4px rgba(33,198,196,.12)}
.map-card{position:relative;background:linear-gradient(180deg,#dff8ff,#d7f2ff);border-radius:28px;box-shadow:var(--shadow);overflow:hidden;border:1px solid rgba(255,255,255,.9);height:570px;margin-bottom:18px}.map-ui{position:absolute;top:18px;left:18px;right:18px;z-index:20;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:none}.status-area{display:flex;flex-wrap:wrap;gap:8px;pointer-events:auto}.status-pill,.btn{background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.9);box-shadow:var(--soft);border-radius:999px;padding:11px 14px;font-size:12px;font-weight:950;color:#26333d;white-space:nowrap}.status-pill{display:flex;align-items:center;gap:8px}.live-dot,.birth-dot,.death-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.live-dot{background:var(--net);box-shadow:0 0 0 5px rgba(33,198,196,.13);animation:pulseDot 1.3s ease-in-out infinite}.birth-dot{background:var(--birth)}.death-dot{background:var(--death)}@keyframes pulseDot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.65);opacity:.65}}.controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;pointer-events:auto}.controls .select{width:auto;min-width:146px;background:rgba(255,255,255,.95);box-shadow:var(--soft);border-color:rgba(255,255,255,.9)}.btn,.report-btn{cursor:pointer;border:0}.btn.active{background:#26333d;color:#fff}.map-wrap{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.world-map-img{position:absolute;left:1%;right:1%;top:8%;width:98%;height:86%;object-fit:fill;opacity:.98;filter:drop-shadow(0 18px 26px rgba(56,116,70,.10));z-index:1}.map-overlay{position:absolute;left:1%;right:1%;top:8%;width:98%;height:86%;z-index:2;overflow:visible}.country-point{fill:rgba(38,51,61,.45);stroke:#fff;stroke-width:1.4;cursor:pointer;transition:all .18s ease}.country-point.dim{opacity:.12}.country-point.search-hit{fill:#26333d;stroke:#fff;stroke-width:3}.country-point:hover{fill:#26333d;stroke:#fff;stroke-width:3}.country-point.flash-birth{fill:var(--birth);stroke:#fff;stroke-width:4;filter:drop-shadow(0 0 16px rgba(255,199,44,.95))}.country-point.flash-death{fill:var(--death);stroke:#fff;stroke-width:4;filter:drop-shadow(0 0 18px rgba(124,92,255,.95))}.glow-ring{position:absolute;width:22px;height:22px;border-radius:50%;transform:translate(-50%,-50%);animation:ring 1.25s ease-out forwards;z-index:12;pointer-events:none}.glow-ring.birth{border:3px solid rgba(255,199,44,.85);background:rgba(255,199,44,.2)}.glow-ring.death{border:3px solid rgba(124,92,255,.85);background:rgba(124,92,255,.17)}.event-emoji{position:absolute;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;box-shadow:0 10px 24px rgba(20,32,45,.18),0 0 0 7px rgba(255,255,255,.18);transform:translate(-50%,-50%);font-size:15px;z-index:13;animation:pop 1.15s ease-out forwards;pointer-events:none}.event-emoji.birth{background:rgba(255,204,59,.96)}.event-emoji.death{background:rgba(124,92,255,.95);color:#fff}@keyframes ring{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}15%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(4.4)}}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}18%{opacity:1;transform:translate(-50%,-50%) scale(1)}72%{opacity:1}100%{opacity:0;transform:translate(-50%,-88%) scale(.85)}}.tooltip{position:absolute;z-index:30;pointer-events:none;background:rgba(38,51,61,.96);color:#fff;border-radius:14px;padding:10px 12px;font-size:12px;font-weight:850;box-shadow:var(--soft);display:none;max-width:280px;line-height:1.25}.tooltip small{display:block;color:rgba(255,255,255,.72);font-weight:700;margin-top:4px}.watermark{position:absolute;right:18px;bottom:20px;z-index:21;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.9);border-radius:999px;padding:9px 14px;font-size:15px;font-weight:950;color:rgba(38,51,61,.65);box-shadow:var(--soft)}.map-loading{position:absolute;inset:0;display:grid;place-items:center;color:#536170;font-weight:950;z-index:9;pointer-events:none;text-align:center;line-height:1.4}.map-ready .map-loading{display:none}.map-error{background:#fff;border:1px solid #ffd0d0;color:#9d2e2e;padding:16px 18px;border-radius:18px;box-shadow:var(--soft)}
.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}.kpi{background:#fff;border-radius:22px;box-shadow:var(--soft);padding:17px 18px 16px;min-height:105px;border-top:4px solid transparent}.kpi-birth{border-top-color:var(--birth)}.kpi-death{border-top-color:var(--death)}.kpi-net{border-top-color:var(--net)}.kpi-label{font-size:11px;letter-spacing:.08em;color:#68768a;font-weight:950;text-transform:uppercase;margin-bottom:10px}.kpi-value{font-size:28px;line-height:.95;font-weight:950;letter-spacing:-.055em;color:#26333d;font-variant-numeric:tabular-nums;white-space:nowrap}.kpi-note{margin-top:10px;font-size:11px;color:#7e8a99;font-weight:750}.lower{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.panel{background:#fff;border-radius:24px;box-shadow:var(--soft);padding:18px 20px 20px;min-height:292px}.panel h2{font-size:20px;letter-spacing:-.035em;margin-bottom:12px}.panel-help{font-size:11px;color:#718094;font-weight:750;line-height:1.35;margin-bottom:10px}.recent-list{height:220px;overflow:auto;padding-right:6px}.recent-list::-webkit-scrollbar,.table-wrap::-webkit-scrollbar{width:8px;height:8px}.recent-list::-webkit-scrollbar-thumb,.table-wrap::-webkit-scrollbar-thumb{background:#9aa5b3;border-radius:999px}.recent-item{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f4f7fa;border-radius:18px;padding:12px 14px;margin-bottom:9px;font-size:13px;font-weight:850}.recent-item.birth{border-left:5px solid var(--birth)}.recent-item.death{border-left:5px solid var(--death)}.recent-time{color:#536170;font-weight:700;font-variant-numeric:tabular-nums}.activity-row{display:grid;grid-template-columns:minmax(90px,118px) 1fr 75px;gap:10px;align-items:center;margin:9px 0;font-size:12px;font-weight:950}.bar-track{height:10px;border-radius:999px;background:#edf2f6;overflow:hidden}.bar-fill{height:100%;border-radius:999px;width:0%}.bar-fill.birth{background:linear-gradient(90deg,#ffc72c,#ff835f)}.bar-fill.death{background:linear-gradient(90deg,#7c5cff,#c174ff)}.bar-fill.net{background:linear-gradient(90deg,#20c6c4,#35b86b)}.bar-fill.negative{background:linear-gradient(90deg,#e65555,#ff9e9e)}.pct{text-align:right;color:#26333d;font-variant-numeric:tabular-nums}.report-card{background:#fff;border-radius:26px;box-shadow:var(--soft);padding:20px;margin-top:18px}.report-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.report-head h2{font-size:24px;letter-spacing:-.04em}.report-head p{color:#748296;font-size:12px;font-weight:800;margin-top:5px}.report-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.report-btn{border:0;background:#138960;color:#fff;border-radius:999px;padding:10px 13px;font-size:11px;font-weight:950;white-space:nowrap}.report-btn.secondary{background:#edf2f6;color:#26333d}.report-btn.dark{background:#26333d;color:#fff}.report-grid{display:grid;grid-template-columns:1fr;gap:18px}.table-wrap{overflow:auto;border:1px solid #edf2f6;border-radius:18px;margin-bottom:18px;max-height:420px}.report-table{width:100%;border-collapse:collapse;font-size:12px}.report-table th{position:sticky;top:0;background:#f4f7fa;text-align:left;color:#59687a;font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:11px;font-weight:950;z-index:1}.report-table td{padding:10px 11px;border-top:1px solid #edf2f6;font-weight:850;color:#26333d;white-space:nowrap}.report-table tr:hover td{background:#fbfdff}.report-country-name{cursor:pointer;color:#1f7c88}.net-positive{color:#108252!important}.net-negative{color:#c73d3d!important}.rank-badge{display:inline-block;background:#edf2f6;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:950;color:#26333d}.rank-badge.birth{background:#fff4ca}.rank-badge.death{background:#eee9ff}.region-summary{display:grid;gap:10px}.region-card{border:1px solid #edf2f6;background:#fbfdff;border-radius:18px;padding:13px 14px}.region-title{display:flex;justify-content:space-between;gap:8px;font-weight:950;font-size:13px}.region-sub{margin-top:6px;color:#728092;font-size:11px;font-weight:800;line-height:1.35}.highlight-box{border-radius:18px;background:linear-gradient(135deg,#f4fffe,#fff);border:1px solid #bff3f1;padding:14px;margin-bottom:12px}.highlight-box b{display:block;font-size:15px;margin-bottom:4px}.highlight-box span{color:#728092;font-size:11px;font-weight:800;line-height:1.45}.birth-box{background:linear-gradient(135deg,#fff8dc,#fff);border-color:#ffe9a8}.death-box{background:linear-gradient(135deg,#f4f1ff,#fff);border-color:#d9d0ff}.combined-box{background:linear-gradient(135deg,#f4fffe,#fff);border-color:#bff3f1}.side-stack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mini-table{width:100%;border-collapse:collapse;font-size:11px}.mini-table td{padding:7px 0;border-bottom:1px solid #eef3f7;font-weight:850}.mini-table td:last-child{text-align:right;color:#26333d}.hidden{display:none!important}.footer-note{margin-top:18px;color:#728092;font-size:12px;font-weight:750;text-align:center;line-height:1.4}
@media(max-width:1100px){.search-card{grid-template-columns:1fr 1fr 1fr}.kpis{grid-template-columns:repeat(3,1fr)}.lower{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr}.map-card{height:520px}}
@media(max-width:720px){.topbar{height:auto;padding:15px 0}.topbar-inner{align-items:flex-start}.brand{font-size:20px}.top-note{font-size:10px}.page{width:94vw;margin-top:16px}.hero{padding:24px 12px}.hero h1{font-size:44px}.hero p{font-size:16px}.search-card{grid-template-columns:1fr}.map-card{height:430px;border-radius:22px}.map-ui{top:12px;left:12px;right:12px}.status-pill,.btn,.controls .select{font-size:10px;padding:8px 9px;min-width:auto}.controls{justify-content:flex-start}.kpis{grid-template-columns:1fr 1fr}.kpi-value{font-size:24px}.watermark{font-size:11px;right:10px;bottom:10px}.activity-row{grid-template-columns:95px 1fr 62px}.report-head{flex-direction:column}.report-actions{justify-content:flex-start}.report-table{font-size:11px}.report-card{padding:14px}.panel{padding:16px}.map-overlay,.world-map-img{top:13%;height:78%}}
@media(max-width:460px){.kpis{grid-template-columns:1fr}.hero h1{font-size:38px}.map-card{height:390px}}


/* V5: Right narrow cards converted into full-width professional quick summary */
.report-grid{grid-template-columns:1fr!important;gap:18px!important;}
.quick-summary{margin-top:4px;border-top:1px solid #edf2f6;padding-top:16px;}
.quick-summary-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px;}
.quick-summary-head h3{font-size:20px;letter-spacing:-.035em;margin:0;color:#253241;}
.quick-summary-head p{margin-top:4px;color:#728092;font-size:12px;font-weight:800;}
.side-stack{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
.side-stack .region-card{min-height:138px;padding:16px 18px;background:#fbfdff;border:1px solid #e4ecf4;box-shadow:0 8px 18px rgba(20,32,45,.05);}
.side-stack .region-title{font-size:14px;align-items:center;}
.side-stack .region-title span:last-child{background:#edf2f6;border-radius:999px;padding:4px 8px;font-size:11px;}
.side-stack .region-sub{font-size:12px;line-height:1.55;}
.mini-table{font-size:12px;}
.mini-table td{padding:8px 0;vertical-align:top;}
.report-main{min-width:0;}
@media(max-width:900px){.side-stack{grid-template-columns:1fr!important;}.quick-summary-head h3{font-size:18px;}}

/* V6: Fixed KPI card sizing - prevents cards from resizing/expanding when country names are long */
.kpis{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:stretch!important;
}
.kpi{
  width:100%!important;
  min-width:0!important;
  height:122px!important;
  min-height:122px!important;
  max-height:122px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.kpi-label,.kpi-value,.kpi-note{
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
.kpi-value{
  height:44px!important;
  max-height:44px!important;
  display:flex!important;
  align-items:center!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
#latestEvent{
  height:48px!important;
  max-height:48px!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  white-space:normal!important;
  line-height:1.04!important;
  font-size:clamp(22px,1.85vw,28px)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  word-break:normal!important;
}
@media(max-width:1100px){
  .kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .kpi{height:118px!important;min-height:118px!important;max-height:118px!important;}
}
@media(max-width:720px){
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .kpi{height:112px!important;min-height:112px!important;max-height:112px!important;}
  .kpi-value{font-size:24px!important;height:38px!important;max-height:38px!important;}
  #latestEvent{font-size:21px!important;height:44px!important;max-height:44px!important;}
}
@media(max-width:460px){
  .kpis{grid-template-columns:1fr!important;}
  .kpi{height:110px!important;min-height:110px!important;max-height:110px!important;}
}

/* V7: Hard-lock KPI grid and Latest Event content. Cards never resize from long country names or changing numbers. */
.kpis{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-auto-rows:128px!important;
  gap:14px!important;
  align-items:stretch!important;
}
.kpis > .kpi{
  width:100%!important;
  min-width:0!important;
  height:128px!important;
  min-height:128px!important;
  max-height:128px!important;
  padding:16px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  overflow:hidden!important;
  contain:layout paint!important;
}
.kpis > .kpi *{
  min-width:0!important;
  max-width:100%!important;
}
.kpi-label{
  height:18px!important;
  max-height:18px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.kpi-value{
  height:42px!important;
  max-height:42px!important;
  display:block!important;
  font-size:28px!important;
  line-height:42px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  font-variant-numeric:tabular-nums!important;
  font-feature-settings:"tnum" 1, "lnum" 1!important;
}
.kpi-note{
  height:18px!important;
  max-height:18px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.latest-event-box{
  height:46px!important;
  max-height:46px!important;
  line-height:1!important;
  display:grid!important;
  grid-template-rows:25px 18px!important;
  align-items:center!important;
  overflow:hidden!important;
  white-space:normal!important;
}
.latest-event-box span{
  display:block!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  font-size:25px!important;
  line-height:25px!important;
  font-weight:950!important;
  letter-spacing:-.04em!important;
}
.latest-event-box small{
  display:block!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  font-size:13px!important;
  line-height:18px!important;
  font-weight:900!important;
  color:#6f7f91!important;
}
.kpi-latest .kpi-note{display:none!important;}
@media(max-width:1100px){
  .kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:124px!important;}
  .kpis > .kpi{height:124px!important;min-height:124px!important;max-height:124px!important;}
}
@media(max-width:720px){
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:118px!important;}
  .kpis > .kpi{height:118px!important;min-height:118px!important;max-height:118px!important;padding:14px 16px!important;}
  .kpi-value{font-size:23px!important;height:36px!important;line-height:36px!important;max-height:36px!important;}
  .latest-event-box span{font-size:22px!important;}
  .latest-event-box small{font-size:12px!important;}
}
@media(max-width:460px){
  .kpis{grid-template-columns:1fr!important;grid-auto-rows:112px!important;}
  .kpis > .kpi{height:112px!important;min-height:112px!important;max-height:112px!important;}
}


/* V8: Larger latest-event country name while cards remain locked to same size. */
.latest-event-box{
  height:54px!important;
  max-height:54px!important;
  grid-template-rows:27px 24px!important;
  row-gap:2px!important;
}
.latest-event-box span{
  font-size:26px!important;
  line-height:27px!important;
}
.latest-event-box small{
  font-size:17px!important;
  line-height:22px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:1100px){
  .latest-event-box{height:52px!important;max-height:52px!important;grid-template-rows:26px 23px!important;row-gap:2px!important;}
  .latest-event-box span{font-size:25px!important;line-height:26px!important;}
  .latest-event-box small{font-size:16px!important;line-height:22px!important;}
}
@media(max-width:720px){
  .latest-event-box{height:48px!important;max-height:48px!important;grid-template-rows:24px 21px!important;row-gap:2px!important;}
  .latest-event-box span{font-size:23px!important;line-height:24px!important;}
  .latest-event-box small{font-size:15px!important;line-height:20px!important;}
}
@media(max-width:460px){
  .latest-event-box small{font-size:16px!important;}
}