:root {
  --color-bg: #2d2f0c;
  --color-surface: ;
  --color-surface-2: #2f2005;
  --color-header: #2e2905;
  --color-ligiaer: #292407;
  --color-text: #fffefa;
  --color-muted: #f6fddc;
  --color-primary: #f3cc36;
  --color-primary-dark: #fcc031;
  --color-accent: ;
  --color-link: #f9c438;
  --color-link-hover: #ffe9a8;
  --color-border: #212209;
  --color-btn: #fbc73b;
  --color-btn-text: #252406;
  --color-btn-hover: #ffcf3e;
  --color-shadow: rgba(0, 0, 0, 0.4);
  --color-overlay: rgba(8, 10, 14, 0.72);
  --color-success: #ffcf3e;
  --color-star: #f5cc32;
  --color-slot-bg: #331;
  --color-input-bg: #331;
}

* { box-sizing: border-box; }

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

body {
  font-family: "Spline Sans", Geneva, Tahoma, sans-serif;
  line-height: 1.65;
}

img { max-width: 99vw;}

.cartman { max-width: 33vw;}

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

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

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

.norah,
.vin,
.jerome,
.coraline,
.elinore,
.kianchau,
.karina,
.hasslo,
.vick,
.sky,
.nancy,
.meera,
.augustus,
.daphne,
.howard {
  background: var(--color-header);
  border-bottom: 1px solid var(--color-border);
  box-shadow: 0 6px 18px var(--color-shadow);
  padding: 3vw;
}

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

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

.adele { padding: 0.5rem; }

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

.tanner,
.monroe,
.bethany,
.kate,
.nicole,
.chuck,
.kayleigh,
.hera,
.dimitris,
.anirban,
.noel,
.yevgen,
.irena,
.jobs,
.edward {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: 24px;
  margin: 28px 0;
}

.poppy,
.peter,
.aspen,
.carmelo,
.saanvi,
.hugh {
  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%;
}

.poppy img,
.peter img,
.aspen img,
.carmelo img,
.saanvi img,
.hugh img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

.dylan,
.cameron,
.aspen-body {
  padding: 12px 14px 16px;
}

.dylan h3,
.cameron h3,
.aspen-body h3,
.carmelo h3 {
  font-size: 1rem;
  margin: 0 0 6px;
  color: var(--color-text);
}

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

.chip,
.tia,
.sevki {
  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;
}

.chip:hover,
.tia:hover,
.sevki:hover {
  background: var(--color-btn-hover);
  color: var(--color-bg) !important;
}

.kara,
.gene,
.ainsley,
.eleanor,
.mira,
.cass,
.anderson,
.sunny,
.doug,
.rob,
.jasper,
.carl,
.lloyd,
.seth,
.raina {
  background: var(--color-surface-2);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: 28px;
  margin-bottom: 32px;
}

.kara h2,
.gene h2,
.ainsley h2,
.eleanor h2,
.mira h2,
.cass h2,
.anderson h2,
.sunny h2,
.doug h2,
.rob h2,
.jasper h2,
.carl h2,
.lloyd h2,
.seth h2,
.raina h2 {
  color: var(--color-primary);
  margin-top: 1.6rem;
  margin-bottom: 0.8rem;
  font-family: "Sour Gummy", sans-serif;
  font-size: 1.45rem;
}

.kara p,
.gene p,
.ainsley p {
  color: var(--color-muted);
}

.emerie,
.ligia,
.watson,
.houston,
.magnolia,
.grace,
.brad,
.wren,
.josephine,
.dora,
.grannbo,
.rohin,
.chin,
.opal,
.ligia-line {
  background: var(--color-ligiaer);
  border-top: 1px solid var(--color-border);
  color: var(--color-muted);
  padding: 28px 0 18px;
  margin-top: 20px;
}

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

@media (max-width: 767px) {
  .justin { width: 140px; height: 40px; }
  .poppy img,
  .peter img,
  .aspen img,
  .carmelo img,
  .saanvi img,
  .hugh img { height: 150px; }
}
