:root {
  --color-bg: #251221;
  --color-surface: ;
  --color-surface-2: #221925;
  --color-header: #2f1a2e;
  --color-ivyer: #2a102f;
  --color-text: #fbfcfd;
  --color-muted: #f4e4fa;
  --color-primary: #c47cf8;
  --color-primary-dark: #c871f8;
  --color-accent: ;
  --color-link: #c275f6;
  --color-link-hover: #ffe9a8;
  --color-border: #23132f;
  --color-btn: #cd7df1;
  --color-btn-text: #201628;
  --color-btn-hover: #c778f7;
  --color-shadow: rgba(0, 0, 0, 0.4);
  --color-overlay: rgba(8, 10, 14, 0.72);
  --color-success: #c778f7;
  --color-star: #ca70f3;
  --color-slot-bg: #323;
  --color-input-bg: #323;
}

* { 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;}

.sue { max-width: 33vw;}

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

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

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

.kellen,
.benedict,
.nadia,
.anastasia,
.nitin,
.serena,
.rommy,
.aldo,
.emerie,
.denver,
.aliza,
.perla,
.kareem,
.april,
.summer {
  background: var(--color-header);
  border-bottom: 1px solid var(--color-border);
  box-shadow: 0 6px 18px var(--color-shadow);
  padding: 3vw;
}

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

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

.zelda { padding: 0.5rem; }

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

.brenna,
.odin,
.marlowe,
.viddy,
.sandra,
.zita,
.joan,
.adi,
.lakas,
.melina,
.fattouche,
.major,
.molly,
.sullivan,
.nora {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: 24px;
  margin: 28px 0;
}

.frida,
.ezra,
.carrera,
.cecelia,
.meadow,
.imani {
  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%;
}

.frida img,
.ezra img,
.carrera img,
.cecelia img,
.meadow img,
.imani img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

.brady,
.clara,
.carrera-body {
  padding: 12px 14px 16px;
}

.brady h3,
.clara h3,
.carrera-body h3,
.cecelia h3 {
  font-size: 1rem;
  margin: 0 0 6px;
  color: var(--color-text);
}

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

.lovisa,
.tate,
.samara {
  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;
}

.lovisa:hover,
.tate:hover,
.samara:hover {
  background: var(--color-btn-hover);
  color: var(--color-bg) !important;
}

.oswald,
.dara,
.nelly,
.seth,
.arely,
.kyree,
.melissa,
.brianna,
.eloise,
.nova,
.lynn,
.destiny,
.rocco,
.elinore,
.boyd {
  background: var(--color-surface-2);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: 28px;
  margin-bottom: 32px;
}

.oswald h2,
.dara h2,
.nelly h2,
.seth h2,
.arely h2,
.kyree h2,
.melissa h2,
.brianna h2,
.eloise h2,
.nova h2,
.lynn h2,
.destiny h2,
.rocco h2,
.elinore h2,
.boyd h2 {
  color: var(--color-primary);
  margin-top: 1.6rem;
  margin-bottom: 0.8rem;
  font-size: 1.45rem;
}

.oswald p,
.dara p,
.nelly p {
  color: var(--color-muted);
}

.lilyana,
.ivy,
.jade,
.piers,
.eve,
.fonzie,
.eric,
.neil,
.desiree,
.kenneth,
.adaline,
.mary,
.mack,
.kayleigh,
.ivy-line {
  background: var(--color-ivyer);
  border-top: 1px solid var(--color-border);
  color: var(--color-muted);
  padding: 28px 0 18px;
  margin-top: 20px;
}

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

@media (max-width: 767px) {
  .ray { width: 140px; height: 40px; }
  .frida img,
  .ezra img,
  .carrera img,
  .cecelia img,
  .meadow img,
  .imani img { height: 150px; }
}