/* Keep the final mark's geometry and palette intact; size is owned by layout. */
[data-symbol] { display: block; aspect-ratio: 1; flex-shrink: 0; }
[data-symbol] .symbol-svg { display: block; width: 100%; height: 100%; overflow: visible; }
[data-symbol] .symbol-gold,
[data-symbol] .symbol-craft,
[data-symbol] .symbol-overlap { shape-rendering: geometricPrecision; }
[data-symbol="small"] { position: relative; z-index: 1; }
[data-symbol="hero"], [data-symbol="story"] { isolation: isolate; }
@media (prefers-reduced-motion: reduce) {
  [data-symbol] .symbol-svg * { animation: none !important; transition: none !important; }
}