.family-symbol{display:inline-block;flex-shrink:0;aspect-ratio:1;width:100%;height:auto;background-repeat:no-repeat;background-size:500% 600%;pointer-events:none}body #board .family-symbol{position:absolute;width:94%;height:94%;left:3%;top:3%;filter:drop-shadow(0 3px 3px #0004)}.family-picker{display:grid;gap:14px;margin:18px 0 24px}.symbol-family{border:1px solid #35404b;border-radius:14px;background:linear-gradient(145deg,#15222c,#10181f);overflow:hidden;padding:16px}.symbol-family[data-selected=true]{border-color:var(--family-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--family-color) 18%,transparent)}.symbol-family header{display:flex;align-items:center;justify-content:space-between;gap:10px}.symbol-family h3{margin:0;font-size:16px;color:#f0f5fb}.symbol-family header small{color:var(--family-color);font-size:9px;letter-spacing:1px;white-space:nowrap}.symbol-family p{font-size:11px;color:#9eadbb;line-height:1.6;margin:8px 0 12px}.family-contact-sheet{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-bottom:12px}.family-contact-sheet>span{display:grid;place-items:center;background:#070e1570;border:1px solid #ffffff06;border-radius:7px;min-width:0;aspect-ratio:1}.family-contact-sheet .family-symbol{width:100%}.symbol-family button{display:block;width:100%;border:1px solid #ffffff24;border-radius:8px;background:#21323d;color:#e7f8ff;padding:10px;font-size:12px;font-weight:600;font-family:inherit}.symbol-family button[aria-pressed=true]{background:var(--family-color)!important;color:#111d26!important;border-color:transparent}.family-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#a8b8c7;font-size:11px;margin-bottom:10px}.family-custom{border:1px solid #465765;border-radius:7px;background:transparent;color:#d4e2ec;padding:8px 10px;font:inherit}.family-current-icons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:12px 0}.family-current-icons>span{aspect-ratio:1;background:#080e1670;border-radius:7px}.asset-thumb>.family-symbol{width:90%;height:90%;font-size:inherit}body #board.gravity-active .family-symbol{z-index:2;will-change:transform}@media(prefers-reduced-motion:reduce){body #board.gravity-active .family-symbol{will-change:auto}}