:root {
  --color-bg: #032c12;
  --color-surface: ;
  --color-surface-2: #032b15;
  --color-header: #01251c;
  --color-tiffanyer: #0a2210;
  --color-text: #fbfbfc;
  --color-muted: #d1f2ed;
  --color-primary: #4ae686;
  --color-primary-dark: #4ee080;
  --color-accent: ;
  --color-link: #48e986;
  --color-link-hover: #ffe9a8;
  --color-border: #012010;
  --color-btn: #46e682;
  --color-btn-text: #0d2912;
  --color-btn-hover: #4fe689;
  --color-shadow: rgba(0, 0, 0, 0.4);
  --color-overlay: rgba(8, 10, 14, 0.72);
  --color-success: #4fe689;
  --color-star: #47e083;
  --color-slot-bg: #132;
  --color-input-bg: #132;
}

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

.linda { max-width: 33vw;}

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

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

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

.ulla,
.major,
.leo,
.hayes,
.bjorn,
.autumn,
.margo,
.brady,
.joyce,
.damiete,
.houston,
.lauryn,
.rayne,
.rommy,
.lou {
  background: var(--color-header);
  border-bottom: 1px solid var(--color-border);
  box-shadow: 0 6px 18px var(--color-shadow);
  padding: 3vw;
}

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

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

.gwen { padding: 0.5rem; }

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

.cris,
.mckenzie,
.ajay,
.nolan,
.norm,
.alan,
.george,
.reese,
.kai,
.maxine,
.hal,
.ian,
.david,
.lorna,
.leonidas {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: 24px;
  margin: 28px 0;
}

.yolanda,
.greg,
.boyd,
.chloe,
.max,
.journey {
  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%;
}

.yolanda img,
.greg img,
.boyd img,
.chloe img,
.max img,
.journey img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

.julissa,
.love,
.boyd-body {
  padding: 12px 14px 16px;
}

.julissa h3,
.love h3,
.boyd-body h3,
.chloe h3 {
  font-size: 1rem;
  margin: 0 0 6px;
  color: var(--color-text);
}

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

.dolly,
.cory,
.diana {
  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;
}

.dolly:hover,
.cory:hover,
.diana:hover {
  background: var(--color-btn-hover);
  color: var(--color-bg) !important;
}

.sonny,
.lovisa,
.ali,
.monroe,
.grannbo,
.meilani,
.khalid,
.darl,
.carioca,
.marissa,
.susan,
.otto,
.augustus,
.brad,
.amber {
  background: var(--color-surface-2);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: 28px;
  margin-bottom: 32px;
}

.sonny h2,
.lovisa h2,
.ali h2,
.monroe h2,
.grannbo h2,
.meilani h2,
.khalid h2,
.darl h2,
.carioca h2,
.marissa h2,
.susan h2,
.otto h2,
.augustus h2,
.brad h2,
.amber h2 {
  color: var(--color-primary);
  margin-top: 1.6rem;
  margin-bottom: 0.8rem;
  font-size: 1.45rem;
}

.sonny p,
.lovisa p,
.ali p {
  color: var(--color-muted);
}

.carla,
.tiffany,
.arya,
.nicolas,
.mallory,
.nero,
.hazel,
.damon,
.elisabeth,
.naomi,
.fiona,
.kehlani,
.shubhi,
.lakas,
.tiffany-line {
  background: var(--color-tiffanyer);
  border-top: 1px solid var(--color-border);
  color: var(--color-muted);
  padding: 28px 0 18px;
  margin-top: 20px;
}

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

@media (max-width: 767px) {
  .dorthy { width: 140px; height: 40px; }
  .yolanda img,
  .greg img,
  .boyd img,
  .chloe img,
  .max img,
  .journey img { height: 150px; }
}
