*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,sans-serif}
body{background:#000;color:#fff;overflow:hidden}
canvas{position:fixed;inset:0}

.overlay{
  position:fixed;inset:0;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  gap:12px;text-align:center;
}

.year{
  font-size:clamp(4rem,14vw,11rem);
  font-weight:900;
  text-shadow:0 0 20px gold,0 0 70px orange;
}

.subtitle{font-size:1.8rem}
.countdown{font-size:1.4rem}

.stats{display:flex;gap:20px;margin-top:10px}
.stat i{margin-right:6px}

.card{
  margin-top:14px;
  width:min(420px,90vw);
  padding:14px;
  border-radius:16px;
  background:rgba(255,255,255,.08);
  backdrop-filter:blur(8px);
}

.card-title{font-weight:700;margin-bottom:8px}

.country{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:6px 0;
  font-size:.95rem;
}

.country-left{
  display:flex;align-items:center;gap:8px;
}

.country-left img{width:20px;border-radius:3px}
.country-count{font-weight:700}

.share{display:flex;gap:10px;margin-top:10px}
.share-btn{
  width:42px;height:42px;
  display:flex;align-items:center;justify-content:center;
  border-radius:12px;
  background:rgba(255,255,255,.1);
  color:#fff;text-decoration:none;
}
.share-btn.ok{background:rgba(0,200,120,.4)}