/* Compact credits with a transparent botanical crown and inset reading surface. */
.supporter-credits{position:relative;isolation:isolate;width:100%;min-width:0;box-sizing:border-box;padding:56px 14px 12px;flex:0 0 auto;align-self:stretch;border-color:transparent!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none;}
.supporter-credits::before{content:"";position:absolute;inset:30px 6px 8px;z-index:-2;pointer-events:none;border-radius:0 0 12px 12px;background:linear-gradient(180deg,transparent,rgba(43,34,64,.97) 24px,rgba(27,23,43,.98));}
.supporter-credits>.section-title{position:absolute;right:14px;top:49px;display:flex;align-items:center;min-height:28px;padding:0!important;}
.supporter-credits h2{position:absolute;width:1px;height:1px;padding:0!important;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.supporter-credits-pause{position:absolute;right:16px;bottom:16px;width:28px;min-height:28px;padding:0;line-height:1;}
.supporter-credits [hidden]{display:none!important;}
.supporter-credits-intro{margin:0 40px 0 40px;color:#c7b7d8;font-size:13px;line-height:18px;text-align:center;min-height:36px;}
.supporter-credits-viewport{position:relative;height:120px;margin:8px 20px;overflow:hidden;mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent);}
.supporter-credits-names{box-sizing:border-box;min-height:128px;list-style:none;margin:0;padding:12px 8px;display:flex;flex-direction:column;justify-content:center;gap:12px;text-align:center;}
.supporter-credits-names li{margin:0;color:color-mix(in srgb,#b2a0c3, #fff0bb calc(var(--credit-focus,0) * 100%));text-shadow:none;font-size:16px;line-height:1.5;overflow-wrap:anywhere;}
.supporter-credits-empty{height:100%;display:grid;place-items:center;box-sizing:border-box;margin:0;padding:18px;color:#c7b7d8;font-size:16px;line-height:1.5;text-align:center;}
.supporter-credits-footer{display:flex;align-items:center;justify-content:center;padding:0 28px;}
.supporter-mango-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;min-height:40px;padding:0;color:#e4c87f;font-size:16px;text-align:center;text-underline-offset:4px;}
.supporter-mango-icon{display:block;flex:0 0 24px;width:24px;height:24px;object-fit:contain;pointer-events:none;}
.supporter-grove-frame{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none;object-fit:fill;}
.supporter-credits-names li::before{content:"";display:inline-block;width:18px;height:18px;margin-right:7px;vertical-align:-3px;background:url("../ui/supporter-mango.png") center/contain no-repeat;}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.supporter-mango-link:hover .supporter-mango-icon{animation:mango-grove-wiggle .55s ease-in-out;}}
@keyframes mango-grove-wiggle{0%,100%{transform:rotate(0)}30%{transform:rotate(-12deg)}65%{transform:rotate(10deg)}}
.supporter-mango-link:visited{color:#e4c87f;}
.supporter-mango-link:hover{color:#ffe9a8;}
.supporter-mango-link:focus-visible,.supporter-credits-viewport:focus-visible{outline:2px solid #d9c080;outline-offset:2px;border-radius:6px;}
@media(prefers-reduced-motion:reduce){
  .supporter-credits-viewport{overflow:auto;mask-image:none;}
  .credits-rolling .supporter-credits-track{animation:none;transform:none;}
  .supporter-credits-names[aria-hidden="true"]{display:none;}
}

/* Stationary nameplate; the credit track moves independently above it. */
.supporter-credits-viewport::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:210px;max-width:100%;height:38px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20210%2038%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M23%204H187M23%2034H187M16%2011V27M194%2011V27%22%20stroke%3D%22%23bd9752%22%20stroke-opacity%3D%22.6%22%2F%3E%3Cg%20stroke%3D%22%23e0bf77%22%20stroke-width%3D%221%22%3E%3Cpath%20d%3D%22M16%2012c-9-1-7-9-1-8%204%201%203%206%200%205%207%200%2010-4%208-7M16%2026c-9%201-7%209-1%208%204-1%203-6%200-5%207%200%2010%204%208%207M194%2012c9-1%207-9%201-8-4%201-3%206%200%205-7%200-10-4-8-7M194%2026c9%201%207%209%201%208-4-1-3-6%200-5-7%200-10%204-8%207%22%2F%3E%3Cpath%20d%3D%22M11%2019Q2%2010%202%2016Q3%2022%2011%2019Q4%2029%203%2024Q3%2020%2011%2019M199%2019Q208%2010%20208%2016Q207%2022%20199%2019Q206%2029%20207%2024Q207%2020%20199%2019%22%20fill%3D%22%238c743c%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;}
.supporter-credits-track{position:relative;}
@media(prefers-reduced-motion:reduce){.supporter-credits-viewport::before{display:none;}.supporter-credits-names li{color:#f0dfb1;text-shadow:none;}}