/* Theme 1: Aurora Paws (subtle gradient + paw pattern) */
:root{
  --bg:#f7f8ff;
  --fg:#111827;
  --muted:#6b7280;
  --primary:#111827;
  --accent:#e0e7ff;
  --border:rgba(17,24,39,.10);
  --card:#ffffff;
  --shadow:0 14px 40px rgba(17,24,39,.10);
}

body{
  background:
    radial-gradient(900px 520px at 18% 0%, #eef2ff 0%, transparent 60%),
    radial-gradient(900px 520px at 82% 18%, #e0f2fe 0%, transparent 58%),
    linear-gradient(180deg, var(--bg) 0%, #ffffff 55%, #ffffff 100%);
}

/* Soft paw-print pattern overlay */
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.55;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22160%22%20height%3D%22160%22%20viewBox%3D%220%200%20160%20160%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23111827%22%20stroke-opacity%3D%22.07%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(14%2020)%20rotate(-14)%22%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%2214%22%20r%3D%226%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%2234%22%20cy%3D%229%22%20r%3D%226%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%2250%22%20cy%3D%229%22%20r%3D%226%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%2266%22%20cy%3D%2214%22%20r%3D%226%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M30%2046C24%2034%2034%2026%2046%2027C52%2027%2056%2028%2060%2031C72%2026%2082%2036%2076%2048C70%2066%2056%2074%2046%2074C34%2074%2020%2064%2030%2046Z%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(78%2092)%20rotate(18)%22%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%2214%22%20r%3D%226%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%2234%22%20cy%3D%229%22%20r%3D%226%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%2250%22%20cy%3D%229%22%20r%3D%226%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%2266%22%20cy%3D%2214%22%20r%3D%226%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M30%2046C24%2034%2034%2026%2046%2027C52%2027%2056%2028%2060%2031C72%2026%2082%2036%2076%2048C70%2066%2056%2074%2046%2074C34%2074%2020%2064%2030%2046Z%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-repeat:repeat;
}

.site-header{
  background:rgba(255,255,255,.86);
  backdrop-filter:saturate(1.2) blur(10px);
}

.main-nav a:hover{ background: rgba(224,231,255,.75); }
.lang-switch a.active{ background: rgba(224,231,255,.75); }
.main-nav li.active{ background: rgba(224,231,255,.75); }

/* Home hero */
.home-hero{
  position:relative;
  overflow:hidden;
  padding:18px 20px;
  background:linear-gradient(135deg, #111827 0%, #374151 55%, #111827 100%);
  color:#fff;
  border-color:rgba(255,255,255,.10);
}
.home-hero .hero-kicker{ color: rgba(255,255,255,.85); font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.home-hero h2{ margin:6px 0 8px 0; font-size:26px; letter-spacing:.02em; }
.home-hero p{ margin:0; color: rgba(255,255,255,.82); max-width:60ch; }
.home-hero .hero-actions{ margin-top:14px; display:flex; flex-wrap:wrap; gap:10px; }
.home-hero .btn{ border-color: rgba(255,255,255,.22); }
.home-hero .btn.primary{ background:#fff; color:#111827; }
.home-hero .btn.ghost{ background:transparent; color:#fff; }
.home-hero .hero-art{ position:absolute; right:-40px; bottom:-30px; width:520px; height:240px; opacity:.9; }

/* Year menu */
.year-menu{ display:flex; flex-direction:column; gap:4px; }
.year-menu a.btn{ border-radius:14px; padding:2px 12px; }
.year-menu a.btn.primary{ background:linear-gradient(180deg, #111827 0%, #1f2937 100%); }

/* Rank badges */
.rank-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:30px;
  height:30px;
  padding:0 10px;
  border-radius:12px;
  border:1px solid var(--border);
  background:#fff;
  font-weight:800;
}
.rank-1{ background: rgba(255,215,0,.16); border-color: rgba(255,215,0,.35); }
.rank-2{ background: rgba(192,192,192,.22); border-color: rgba(192,192,192,.45); }
.rank-3{ background: rgba(205,127,50,.20); border-color: rgba(205,127,50,.40); }

/* Slightly nicer table hover */
.table tbody tr:hover td{ background: rgba(17,24,39,.035); }