:root {
  --color-bg: #292911;
  --color-surface: ;
  --color-surface-2: #222d16;
  --color-header: #292217;
  --color-shubhier: #232a15;
  --color-text: #fffbfd;
  --color-muted: #faf1ef;
  --color-primary: #bbff7a;
  --color-primary-dark: #b1f37a;
  --color-accent: ;
  --color-link: #bbfe78;
  --color-link-hover: #ffe9a8;
  --color-border: #28251b;
  --color-btn: #b0f371;
  --color-btn-text: #242d19;
  --color-btn-hover: #b9f17f;
  --color-shadow: rgba(0, 0, 0, 0.4);
  --color-overlay: rgba(8, 10, 14, 0.72);
  --color-success: #b9f17f;
  --color-star: #baf67d;
  --color-slot-bg: #332;
  --color-input-bg: #332;
}

* { box-sizing: border-box; }

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

body {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.65;
}

img { max-width: 99vw;}

.sasha { max-width: 33vw;}

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

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

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

.alice,
.bayan,
.addyson,
.davina,
.plato,
.patrick,
.aldo,
.dina,
.neil,
.arushi,
.destiny,
.anna,
.titan,
.rohin,
.luciane {
  background: var(--color-header);
  border-bottom: 1px solid var(--color-border);
  box-shadow: 0 6px 18px var(--color-shadow);
  padding: 3vw;
}

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

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

.ivan,
.ivan a,
.ivan-link {
  color: var(--color-bg) !important;
}

.cruz { padding: 0.5rem; }

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

.watson,
.gail,
.ollie,
.eve,
.vern,
.cleo,
.emerson,
.arya,
.stella,
.lee,
.corey,
.bill,
.cloe,
.sandra,
.augustus {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: 24px;
  margin: 28px 0;
}

.alaric,
.chloe,
.leanna,
.justin,
.heather,
.clayton {
  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%;
}

.alaric img,
.chloe img,
.leanna img,
.justin img,
.heather img,
.clayton img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

.guy,
.aurora,
.leanna-body {
  padding: 12px 14px 16px;
}

.guy h3,
.aurora h3,
.leanna-body h3,
.justin h3 {
  font-size: 1rem;
  margin: 0 0 6px;
  color: var(--color-text);
}

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

.indie,
.trevor,
.dion {
  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;
}

.indie:hover,
.trevor:hover,
.dion:hover {
  background: var(--color-btn-hover);
  color: var(--color-bg) !important;
}

.salvador,
.dayana,
.pedro,
.kevin,
.houston,
.yoxall,
.dilbert,
.chance,
.opal,
.emerie,
.galilea,
.phil,
.mia,
.elma,
.leonard {
  background: var(--color-surface-2);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: 28px;
  margin-bottom: 32px;
}

.salvador h2,
.dayana h2,
.pedro h2,
.kevin h2,
.houston h2,
.yoxall h2,
.dilbert h2,
.chance h2,
.opal h2,
.emerie h2,
.galilea h2,
.phil h2,
.mia h2,
.elma h2,
.leonard h2 {
  color: var(--color-primary);
  margin-top: 1.6rem;
  margin-bottom: 0.8rem;
  font-size: 1.45rem;
}

.salvador p,
.dayana p,
.pedro p {
  color: var(--color-muted);
}

.bailey,
.shubhi,
.paul,
.ridge,
.katelyn,
.kira,
.lily,
.grant,
.tosana,
.thaddeus,
.cosmin,
.dell,
.rosemary,
.tate,
.shubhi-line {
  background: var(--color-shubhier);
  border-top: 1px solid var(--color-border);
  color: var(--color-muted);
  padding: 28px 0 18px;
  margin-top: 20px;
}

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

@media (max-width: 767px) {
  .bowen { width: 140px; height: 40px; }
  .alaric img,
  .chloe img,
  .leanna img,
  .justin img,
  .heather img,
  .clayton img { height: 150px; }
}