.clan-hero-band{height:92px}@media (min-width:640px){.clan-hero-band{height:116px}}.clan-hero-mark{position:absolute;right:5%;top:50%;color:var(--i2);opacity:.2;transform:translateY(-50%) rotate(-10deg);pointer-events:none}.clan-hero-crest{position:relative;z-index:1;display:inline-flex;margin-top:-40px;border-radius:24px;box-shadow:0 0 0 4px var(--card),0 6px 18px rgba(0,0,0,.25)}.cl-swatch{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:999px;cursor:pointer}.cl-swatch>span{width:32px;height:32px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),0 0 0 1px var(--line);transition:transform .15s ease}.cl-swatch:hover>span{transform:scale(1.08)}.cl-swatch:has(input:checked)>span{box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--gold)}.cl-swatch:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:1px}.cl-swatch svg{position:absolute}.cl-emb{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);color:var(--muted);cursor:pointer;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.cl-emb:hover{color:var(--ink);border-color:var(--muted)}.cl-emb:has(input:checked){color:var(--gold);border-color:var(--gold);background:var(--glow)}.cl-emb:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:1px}html[data-fx=off] .cl-swatch>span{transition:none}@media (prefers-reduced-motion:reduce){.cl-swatch>span{transition:none}}