@layer pages;@layer pages{.sup-page{max-width:1180px;margin-inline:auto;gap:30px}.sup-section{display:grid;gap:16px}.sup-patreon .icon,.sup-kofi .icon{width:16px;height:16px}.sup-empty{display:grid;justify-items:center;gap:10px;padding:26px 16px 18px}.sup-empty-text{margin:0;color:var(--muted);text-align:center}.sup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:0;padding:0;list-style:none}.sup-card>a,.sup-card>span{display:flex;align-items:center;gap:14px;min-width:0;padding:14px 16px;border-radius:var(--radius-md);background:radial-gradient(120% 90% at 30% 0%,color-mix(in srgb,var(--sup-color) 14%,var(--color-transparent)),var(--color-transparent) 70%),var(--surface-2);box-shadow:var(--edge-light),inset 0 2px color-mix(in srgb,var(--sup-color) 60%,var(--color-transparent));color:var(--text);text-decoration:none;transition:background-color .16s ease,transform .16s ease}.sup-card>a:hover,.sup-card>a:focus-visible{background-color:color-mix(in srgb,var(--sup-color) 10%,var(--surface-2));transform:translateY(-1px)}.sup-avatar{flex:none;width:52px;height:52px;padding:3px;border-radius:50%;background:conic-gradient(from var(--flair-angle, 0deg),var(--sup-color),color-mix(in srgb,var(--sup-color) 20%,var(--color-transparent)) 25%,var(--sup-color) 50%,color-mix(in srgb,var(--sup-color) 20%,var(--color-transparent)) 75%,var(--sup-color));box-shadow:0 0 16px color-mix(in srgb,var(--sup-color) 38%,var(--color-transparent));animation:flair-rotation 6s linear infinite}.sup-avatar img,.sup-avatar-blank{display:block;width:100%;height:100%;border-radius:50%;background:var(--surface);object-fit:cover}.sup-name{display:grid;min-width:0}.sup-name b{overflow:hidden;color:var(--sup-color);font-family:var(--font-game);font-size:var(--type-lg);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.sup-name small{color:var(--muted);font-size:var(--type-sm);font-variant-numeric:tabular-nums}.sup-self{display:grid;gap:12px;padding:16px 20px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--sup-color) 10%,var(--surface-2));box-shadow:var(--edge-light),inset 0 2px color-mix(in srgb,var(--sup-color) 65%,var(--color-transparent))}.sup-self-title{margin:0;color:var(--text);font-family:var(--font-game);font-size:var(--type-lg);font-weight:600}.sup-self-controls{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.sup-self-toggle,.sup-self-uid{display:inline-flex;align-items:center;gap:8px}.sup-self-uid>span,.sup-self small{color:var(--muted);font-size:var(--type-sm)}.sup-self .sup-self-error{color:var(--danger)}@media (prefers-reduced-motion: reduce){.sup-avatar{animation:none}}@media (max-width: 560px){.sup-page .page-head{flex-wrap:wrap}.sup-page .page-head-main{flex-basis:100%}.sup-grid{grid-template-columns:minmax(0,1fr)}}}