:root{--shape-squircle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 2C58 2 63 7 69 13L87 31C93 37 98 42 98 50C98 58 93 63 87 69L69 87C63 93 58 98 50 98C42 98 37 93 31 87L13 69C7 63 2 58 2 50C2 42 7 37 13 31L31 13C37 7 42 2 50 2Z' fill='black'/%3E%3C/svg%3E");--shape-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 3C75.96 3 97 24.04 97 50C97 75.96 75.96 97 50 97C24.04 97 3 75.96 3 50C3 24.04 24.04 3 50 3Z' fill='black'/%3E%3C/svg%3E");--shape-hexagon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='50,5 89,27.5 89,72.5 50,95 11,72.5 11,27.5' fill='black' stroke='black' stroke-width='10' stroke-linejoin='round'/%3E%3C/svg%3E");--shape-shield: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M14 14Q14 11 17 11L83 11Q86 11 86 14L86 48Q86 74 50 92Q14 74 14 48Z' fill='black'/%3E%3C/svg%3E");--shape-gem: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='50,10 90,50 50,90 10,50' fill='black' stroke='black' stroke-width='13' stroke-linejoin='round'/%3E%3C/svg%3E");--shape-blossom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M30 30C22 -2 78 -2 70 30C102 22 102 78 70 70C78 102 22 102 30 70C-2 78 -2 22 30 30Z' fill='black'/%3E%3C/svg%3E")}.author-clans .clan-badge[data-shape=squircle],.clan-hub-card .author-clans .clan-badge.clan-badge-hub[data-shape=squircle],.clanhub2027-aura-wrap .author-clans .clan-badge.clan-badge-hub[data-shape=squircle],.clan-show-header .author-clans .clan-badge.clan-badge-xl[data-shape=squircle],.clan-form-current .author-clans .clan-badge.clan-badge-lg[data-shape=squircle],.clan-preview-hex[data-shape=squircle],.clan-shape-swatch[data-shape=squircle]{--hex-mask: var(--shape-squircle);--clan-poirier-mask-image: var(--shape-squircle);--post-author-badge-mask-image: var(--shape-squircle)}.author-clans .clan-badge[data-shape=circle],.clan-hub-card .author-clans .clan-badge.clan-badge-hub[data-shape=circle],.clanhub2027-aura-wrap .author-clans .clan-badge.clan-badge-hub[data-shape=circle],.clan-show-header .author-clans .clan-badge.clan-badge-xl[data-shape=circle],.clan-form-current .author-clans .clan-badge.clan-badge-lg[data-shape=circle],.clan-preview-hex[data-shape=circle],.clan-shape-swatch[data-shape=circle]{--hex-mask: var(--shape-circle);--clan-poirier-mask-image: var(--shape-circle);--post-author-badge-mask-image: var(--shape-circle)}.author-clans .clan-badge[data-shape=hexagon],.clan-hub-card .author-clans .clan-badge.clan-badge-hub[data-shape=hexagon],.clanhub2027-aura-wrap .author-clans .clan-badge.clan-badge-hub[data-shape=hexagon],.clan-show-header .author-clans .clan-badge.clan-badge-xl[data-shape=hexagon],.clan-form-current .author-clans .clan-badge.clan-badge-lg[data-shape=hexagon],.clan-preview-hex[data-shape=hexagon],.clan-shape-swatch[data-shape=hexagon]{--hex-mask: var(--shape-hexagon);--clan-poirier-mask-image: var(--shape-hexagon);--post-author-badge-mask-image: var(--shape-hexagon)}.author-clans .clan-badge[data-shape=shield],.clan-hub-card .author-clans .clan-badge.clan-badge-hub[data-shape=shield],.clanhub2027-aura-wrap .author-clans .clan-badge.clan-badge-hub[data-shape=shield],.clan-show-header .author-clans .clan-badge.clan-badge-xl[data-shape=shield],.clan-form-current .author-clans .clan-badge.clan-badge-lg[data-shape=shield],.clan-preview-hex[data-shape=shield],.clan-shape-swatch[data-shape=shield]{--hex-mask: var(--shape-shield);--clan-poirier-mask-image: var(--shape-shield);--post-author-badge-mask-image: var(--shape-shield)}.author-clans .clan-badge[data-shape=gem],.clan-hub-card .author-clans .clan-badge.clan-badge-hub[data-shape=gem],.clanhub2027-aura-wrap .author-clans .clan-badge.clan-badge-hub[data-shape=gem],.clan-show-header .author-clans .clan-badge.clan-badge-xl[data-shape=gem],.clan-form-current .author-clans .clan-badge.clan-badge-lg[data-shape=gem],.clan-preview-hex[data-shape=gem],.clan-shape-swatch[data-shape=gem]{--hex-mask: var(--shape-gem);--clan-poirier-mask-image: var(--shape-gem);--post-author-badge-mask-image: var(--shape-gem)}.author-clans .clan-badge[data-shape=blossom],.clan-hub-card .author-clans .clan-badge.clan-badge-hub[data-shape=blossom],.clanhub2027-aura-wrap .author-clans .clan-badge.clan-badge-hub[data-shape=blossom],.clan-show-header .author-clans .clan-badge.clan-badge-xl[data-shape=blossom],.clan-form-current .author-clans .clan-badge.clan-badge-lg[data-shape=blossom],.clan-preview-hex[data-shape=blossom],.clan-shape-swatch[data-shape=blossom]{--hex-mask: var(--shape-blossom);--clan-poirier-mask-image: var(--shape-blossom);--post-author-badge-mask-image: var(--shape-blossom)}.clan-shape-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:10px;margin-top:4px}.clan-shape-opt{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px 10px;border:1.5px solid var(--border-color, #2a2f36);border-radius:12px;background:var(--bg-surface-alt, rgba(255, 255, 255, .02));cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s cubic-bezier(.34,1.56,.64,1);-webkit-tap-highlight-color:transparent}.clan-shape-opt:hover{border-color:color-mix(in srgb,var(--accent-primary, #a8c545) 45%,var(--border-color, #2a2f36))}@media(hover:hover)and (prefers-reduced-motion:no-preference){.clan-shape-opt:hover{transform:translateY(-2px)}}.clan-shape-opt input[type=radio]{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.clan-shape-opt:has(input:checked){border-color:var(--accent-primary, #a8c545);background:color-mix(in srgb,var(--accent-primary, #a8c545) 12%,transparent)}.clan-shape-opt:has(input:focus-visible){outline:2px solid var(--accent-primary, #a8c545);outline-offset:2px}.clan-shape-swatch{--clan-poirier-mask-image: var(--shape-squircle);width:48px;height:48px;flex-shrink:0;background-color:var(--bg-surface, #2b2d31);background-image:linear-gradient(135deg,#6a8cff,#a06aff 55%,#ff6ab0);background-size:cover;background-position:center;-webkit-mask-image:var(--clan-poirier-mask-image);mask-image:var(--clan-poirier-mask-image);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.clan-shape-opt:has(input:checked) .clan-shape-swatch{transform:scale(1.06)}.clan-shape-name{font-size:.74rem;font-weight:600;color:var(--text-muted, #a8b1bb);letter-spacing:.01em;text-align:center}.clan-shape-opt:has(input:checked) .clan-shape-name{color:var(--text-main, #e9ecef)}.clan-shape-opt:after{content:"";position:absolute;top:6px;right:6px;width:16px;height:16px;border-radius:50%;background:var(--accent-primary, #a8c545) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 11L3.5 8l1-1 2 2 5-5 1 1z' fill='white'/%3E%3C/svg%3E") center / 12px no-repeat;opacity:0;transform:scale(.5);transition:opacity .16s ease,transform .16s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.clan-shape-opt:has(input:checked):after{opacity:1;transform:scale(1)}@supports not (selector(:has(*))){.clan-shape-opt input[type=radio]{position:static;opacity:1;width:auto;height:auto;inset:auto}.clan-shape-opt:after{display:none}}