:root {
  --color-bg: #022806;
  --color-surface: ;
  --color-surface-2: #092705;
  --color-header: #0d2808;
  --color-wesleyer: #0c2d01;
  --color-text: #fffefb;
  --color-muted: #daf1d8;
  --color-primary: #1dfc21;
  --color-primary-dark: #18f125;
  --color-accent: ;
  --color-link: #10f120;
  --color-link-hover: #ffe9a8;
  --color-border: #062b06;
  --color-btn: #15f92e;
  --color-btn-text: #022603;
  --color-btn-hover: #12f228;
  --color-shadow: rgba(0, 0, 0, 0.4);
  --color-overlay: rgba(8, 10, 14, 0.72);
  --color-success: #12f228;
  --color-star: #12fd23;
  --color-slot-bg: #131;
  --color-input-bg: #131;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--color-bg);
  color: var(--color-text);
}

body {
  font-family: Teachers, Tahoma, sans-serif;
  line-height: 1.65;
}

img { max-width: 99vw;}

.magali { max-width: 33vw;}

table tr td { border: var(--color-text) 1px solid; margin: 2vw; }
th { color: var(--color-primary)}

table.suzanne tr.suzanne td.suzanne {
    border: none !important;
    border-collapse: collapse;
}
.suzanne  { border: none; }

a { color: var(--color-link); text-decoration: none; }
a:hover { color: var(--color-link-hover); }

.hazel,
.ali,
.melnicoff,
.mike,
.elijah,
.itzel,
.karl,
.quentin,
.gigi,
.kipp,
.simon,
.haley,
.yahir,
.javier,
.aleena {
  background: var(--color-header);
  border-bottom: 1px solid var(--color-border);
  box-shadow: 0 6px 18px var(--color-shadow);
  padding: 3vw;
}

.zelda { width: 180px; height: 50px; object-fit: contain; }

.cora a,
.ed,
.nav-item a,
.cora-link {
  color: var(--color-text) !important;
}

.ed { padding: 0.5rem; }

.cora a:hover,
.ed:hover {
  color: var(--color-primary) !important;
}

.ned,
.skip,
.tricia,
.love,
.cesar,
.nelci,
.jermaine,
.moura,
.nick,
.carol,
.julio,
.ziggy,
.kara,
.nolan,
.serena {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: 24px;
  margin: 28px 0;
}

.kevin,
.lynn,
.zainab,
.katja,
.alexia,
.hunts {
  background: var(--color-slot-bg);
  border: 1px solid var(--color-border);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 16px var(--color-shadow);
  height: 100%;
}

.kevin img,
.lynn img,
.zainab img,
.katja img,
.alexia img,
.hunts img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

.hassan,
.sandy,
.zainab-body {
  padding: 12px 14px 16px;
}

.hassan h3,
.sandy h3,
.zainab-body h3,
.katja h3 {
  font-size: 1rem;
  margin: 0 0 6px;
  color: var(--color-text);
}

.edna { color: var(--color-star); font-size: 0.9rem; }

.alexandra,
.seamus,
.sandra {
  display: inline-block;
  background: var(--color-btn);
  color: var(--color-bg) !important;
  border: 0;
  border-radius: 6px;
  padding: 6px 12px;
  font-weight: 700;
  font-size: 0.85rem;
}

.alexandra:hover,
.seamus:hover,
.sandra:hover {
  background: var(--color-btn-hover);
  color: var(--color-bg) !important;
}

.cameron,
.hattie,
.plato,
.yadiel,
.joaquin,
.cloe,
.matias,
.nadia,
.garrett,
.kehlani,
.osmar,
.cartman,
.colette,
.chris,
.coen {
  background: var(--color-surface-2);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: 28px;
  margin-bottom: 32px;
}

.cameron h2,
.hattie h2,
.plato h2,
.yadiel h2,
.joaquin h2,
.cloe h2,
.matias h2,
.nadia h2,
.garrett h2,
.kehlani h2,
.osmar h2,
.cartman h2,
.colette h2,
.chris h2,
.coen h2 {
  color: var(--color-primary);
  margin-top: 1.6rem;
  margin-bottom: 0.8rem;
  font-size: 1.45rem;
}

.cameron p,
.hattie p,
.plato p {
  color: var(--color-muted);
}

.quincy,
.wesley,
.gail,
.sloan,
.otto,
.ryleigh,
.autumn,
.elisa,
.dahlia,
.kyle,
.gene,
.harley,
.treasure,
.trevor,
.wesley-line {
  background: var(--color-wesleyer);
  border-top: 1px solid var(--color-border);
  color: var(--color-muted);
  padding: 28px 0 18px;
  margin-top: 20px;
}

.marek img { height: 32px; width: 72px; object-fit: contain; margin-right: 8px; }
.badge-18 { width: 64px; height: 64px; }

@media (max-width: 767px) {
  .zelda { width: 140px; height: 40px; }
  .kevin img,
  .lynn img,
  .zainab img,
  .katja img,
  .alexia img,
  .hunts img { height: 150px; }
}
