/* Local preview: retain the shared supporter content and live like control. */
.supporter-card[data-supporter-id="sp-e41f7e183ea825af"] {
  position: relative;
  isolation: isolate;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  padding: 20px 20px 25px;
}
.supporter-card[data-supporter-id="sp-e41f7e183ea825af"]::before {
  content: "";
  position: absolute;
  inset: -7px -4px -10px;
  z-index: -1;
  pointer-events: none;
  background: url("site-assets/support/king-card.webp") center / 100% 100% no-repeat;
  clip-path: polygon(1% 22%, 3% 16%, 7% 10%, 11% 6%, 16% 6%, 21% 8%, 72% 8%, 76% 5%, 79% 2%, 82% 1%, 86% 3%, 90% 8%, 94% 14%, 98% 21%, 99% 26%, 99% 31%, 98% 36%, 98% 61%, 99% 68%, 98% 75%, 95% 83%, 91% 91%, 87% 95%, 82% 95%, 77% 93%, 24% 93%, 19% 95%, 13% 93%, 7% 88%, 3% 81%, 1% 75%, 1% 65%, 2% 60%, 2% 34%, 1% 30%);
}
.supporter-card[data-supporter-id="sp-e41f7e183ea825af"]::after {
  content: "";
  position: absolute;
  inset: -7px -4px -10px;
  pointer-events: none;
  background: url("site-assets/support/king-outline.svg") center / 100% 100% no-repeat;
}
.supporter-card[data-supporter-id="sp-e41f7e183ea825af"] .supporter-person { padding-right: 22%; }
.supporter-card[data-supporter-id="sp-e41f7e183ea825af"] .supporter-person > div { min-width: 0; }
.supporter-card[data-supporter-id="sp-e41f7e183ea825af"] .supporter-empty { color: #796b53; padding-top: 12px; }
/* Restore the original full-width, softly squared like control on every card. */
.supporter-card .supporter-like {
  align-self: stretch;
  width: 100%;
  border-radius: 9px;
  background: #f7f9ff;
  border-color: #cbd3e8;
  color: #354e7c;
  font-weight: 700;
  min-height: 40px;
  text-align: center;
}
.supporter-card .supporter-like[aria-pressed="true"] {
  background: #f8e3ec;
  color: #b74f7b;
  border-color: #dc9db5;
}
.supporter-card[data-supporter-id="sp-e41f7e183ea825af"] .supporter-like {
  align-self: flex-start;
  width: auto;
  max-width: calc(100% - 20px);
  min-width: 110px;
  min-height: 36px;
  margin: 10px 0 0 10px;
  padding: 6px 16px;
  border: 1px solid #79501f;
  border-radius: 12px 6px 12px 6px;
  color: #684018;
  background: linear-gradient(160deg, #fff6d6, #f5d588);
  box-shadow: inset 0 1px 0 #fffdf0, 0 2px 0 #be893a;
  font-size: 13px;
}
.supporter-card[data-supporter-id="sp-e41f7e183ea825af"] .supporter-like:hover {
  background: linear-gradient(160deg, #fffbe9, #ffe0a0);
}
.supporter-card[data-supporter-id="sp-e41f7e183ea825af"] .supporter-like[aria-pressed="true"] {
  color: #70361c;
  background: linear-gradient(160deg, #ffd98a, #efb74e);
  box-shadow: inset 0 1px 3px #bd852b;
}
@media (max-width: 600px) {
  .supporter-card[data-supporter-id="sp-e41f7e183ea825af"] {
    padding: 10px;
    border: 2px solid #715021;
    border-radius: 14px 19px 14px 19px;
    background: linear-gradient(125deg, #fff9e6 15%, #fff0be 68%, #f4c15b);
    box-shadow: inset 0 0 0 2px #efc56b, inset 0 0 0 3px #fff6d6;
  }
  .supporter-card[data-supporter-id="sp-e41f7e183ea825af"]::before,
  .supporter-card[data-supporter-id="sp-e41f7e183ea825af"]::after { display: none; }
  .supporter-card[data-supporter-id="sp-e41f7e183ea825af"] .supporter-person { padding-right: 0; gap: 5px; }
  .supporter-card[data-supporter-id="sp-e41f7e183ea825af"] .supporter-empty { padding-top: 0; }
  .supporter-card[data-supporter-id="sp-e41f7e183ea825af"] .supporter-like {
    min-width: 0;
    max-width: 100%;
    margin: 6px 0 0;
    padding: 6px 12px;
    min-height: 40px;
  }
}