.participant-panel {
  --participant-line: #d9d5cc;
  --participant-muted: #777;
  background: #efede7;
  color: #171817;
}

.participant-panel > main {
  background: radial-gradient(circle at 88% 4%, rgba(168, 194, 63, .12), transparent 24%), #efede7;
  color: #171817;
}

.participant-panel .participant-intro {
  min-height: 142px;
  border-color: #2b2d2b;
  border-left-color: rgb(215, 255, 57);
  background: rgb(17, 17, 17);
  color: #fff;
  box-shadow: 0 14px 36px rgba(20, 21, 19, .14);
}

.participant-panel .participant-intro-copy > span,
.participant-panel .participant-intro-code strong {
  color: rgb(215, 255, 57);
}

.participant-panel .participant-intro-copy h3 {
  margin: 7px 0 6px;
  color: #fff;
  font-size: clamp(21px, 2.5vw, 30px);
}

.participant-panel .participant-intro-copy p { color: #a5a79f; }
.participant-panel .participant-intro-code { min-width: 175px; border-left-color: rgba(255, 255, 255, .16); }
.participant-panel .participant-intro-code small { color: #8e9189; }
.participant-panel .participant-intro-code strong { margin-top: 7px; font-size: clamp(27px, 3.5vw, 39px); text-shadow: none; }

.participant-code-image-button {
  display: inline-flex;
  min-height: 31px;
  margin-top: 12px;
  padding: 0 12px;
  align-items: center;
  justify-content: center;
  border: 1px solid #4b4d49;
  background: transparent;
  color: #fff;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  cursor: pointer;
}

.participant-code-image-button:hover { border-color: rgb(215, 255, 57); background: rgb(215, 255, 57); color: #111; }
.participant-panel .participant-registration-card { border-color: #d9d5cc; background: #fff; color: #171817; box-shadow: 0 10px 30px rgba(30, 31, 28, .06); }
.participant-panel .participant-categories-card > h3 { color: #171817; }
.participant-panel .participant-categories-card > small { color: #657d0e; }
.participant-panel .participant-category-status-grid[data-enhanced] { grid-template-columns: minmax(0, 1fr); }
.participant-panel .participant-category-toggle { min-height: 42px; padding: 0 12px; border-radius: 4px; box-shadow: none; }
.participant-panel .participant-category-group.all .participant-category-toggle { border-color: #292a28; background: rgb(17, 17, 17); color: #fff; }
.participant-panel .participant-category-group.all .participant-category-toggle b,
.participant-panel .participant-category-group.all .participant-category-toggle i { color: rgb(215, 255, 57); }
.participant-panel .participant-category-item { border-color: #dedad1; background: #f7f5f0; color: #20211f; }
.participant-panel .participant-feature-actions button { min-height: 138px; border-color: rgb(215, 255, 57); background: #fff; color: #171817; box-shadow: 0 10px 28px rgba(30, 31, 28, .06); }
.participant-panel .participant-feature-actions button > span,
.participant-panel .participant-feature-actions button > i { color: #657d0e; }
.participant-panel .participant-feature-actions button > small { color: #70736d; }
.participant-panel .participant-feature-actions button.locked { border-color: rgba(164, 48, 39, .48); background: rgba(164, 48, 39, .10); color: #73332e; box-shadow: none; }
.participant-panel .participant-feature-actions button.locked > span,
.participant-panel .participant-feature-actions button.locked > i { color: #a13f36; }
.participant-panel .participant-feature-actions button.locked > small { color: #856d69; }

@media (max-width: 750px) {
  .participant-panel > main { background: radial-gradient(circle at 90% 0, rgba(168, 194, 63, .12), transparent 24%), #efede7; }
  .participant-panel .participant-intro { min-height: 124px; align-items: center; flex-direction: row; gap: 12px; background: rgb(17, 17, 17); }
  .participant-panel .participant-intro-copy { min-width: 0; }
  .participant-panel .participant-intro-copy h3 { font-size: 19px; overflow-wrap: anywhere; }
  .participant-panel .participant-intro-copy p { font-size: 8px; }
  .participant-panel .participant-intro-code { min-width: 118px; width: auto; padding: 5px 0 5px 12px; border-top: 0; border-left: 1px solid rgba(255, 255, 255, .16); text-align: right; }
  .participant-panel .participant-intro-code strong { font-size: 24px; }
  .participant-code-image-button { min-height: 29px; margin-top: 9px; padding: 0 8px; font-size: 6px; }
  .participant-panel .participant-category-status-grid[data-enhanced] { grid-template-columns: minmax(0, 1fr); gap: 7px; }
  .participant-panel .participant-category-toggle { min-height: 37px; padding: 0 8px; gap: 5px; }
  .participant-panel .participant-category-toggle span { font-size: 7px; letter-spacing: .03em; }
  .participant-panel .participant-category-toggle b { font-size: 14px; }
  .participant-panel .participant-feature-actions { grid-template-columns: 1fr 1fr; gap: 8px; }
  .participant-panel .participant-feature-actions button { min-height: 112px; padding: 14px; }
}

@media (max-width: 430px) {
  .participant-panel .participant-feature-actions button { min-height: 92px; }
  .participant-panel .participant-feature-actions button > small { display: none; }
}