.page-shell {
  width: min(100%, 1100px);
  padding: 0;
}

.card {
  border-color: rgba(170, 214, 255, 0.14) !important;
  background:
    linear-gradient(155deg, rgba(13, 25, 43, 0.94), rgba(8, 14, 26, 0.88)) !important;
  box-shadow: 0 22px 54px rgba(2, 8, 20, 0.34);
}

.hero {
  background:
    radial-gradient(circle at top left, rgba(112, 214, 255, 0.16), transparent 28%),
    radial-gradient(circle at bottom right, rgba(149, 134, 255, 0.10), transparent 26%),
    linear-gradient(155deg, rgba(13, 25, 43, 0.96), rgba(8, 14, 26, 0.92)) !important;
}

.hero h1,
.section-head h2,
.chain-species,
.chain-done-text,
.pet-name,
.stat .value {
  color: #f5fbff !important;
}

.subline,
.muted,
.footnote,
.stat .kicker {
  color: #95adc8 !important;
}

.home-link {
  border-color: rgba(170, 214, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

.controls select,
.chain-controls select {
  border-color: rgba(170, 214, 255, 0.18) !important;
  background:
    linear-gradient(155deg, rgba(17, 31, 52, 0.96), rgba(9, 17, 30, 0.94)) !important;
  background-image:
    linear-gradient(155deg, rgba(17, 31, 52, 0.96), rgba(9, 17, 30, 0.94)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23d9f3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='m3.5 5.75 4.5 4.5 4.5-4.5'/%3E%3C/svg%3E") !important;
  color: #f5fbff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 32px rgba(2, 8, 20, 0.22) !important;
}

.controls select:hover,
.chain-controls select:hover {
  border-color: rgba(196, 230, 255, 0.38) !important;
}

.controls select:focus,
.chain-controls select:focus {
  border-color: rgba(255, 208, 124, 0.82) !important;
  box-shadow:
    0 0 0 3px rgba(255, 208, 124, 0.18),
    0 18px 34px rgba(2, 8, 20, 0.28) !important;
}

.controls select option,
.chain-controls select option {
  background: #132338;
  color: #f5fbff;
}

.controls select option:checked,
.chain-controls select option:checked {
  background: #3769a4;
  color: #ffffff;
}

.controls select option:disabled,
.chain-controls select option:disabled {
  color: #8ea7c2;
}

.pet-card,
.chain-step-card,
.chain-node,
.segmented,
.chip,
.chain-empty {
  border-color: rgba(170, 214, 255, 0.14) !important;
  background:
    linear-gradient(155deg, rgba(14, 26, 44, 0.92), rgba(8, 14, 26, 0.82)) !important;
}