.free-rune { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; border-radius: 16px; background: transparent; pointer-events: auto; touch-action: none; cursor: grab; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
.free-rune-art { position: absolute; inset: 0; background: url('./assets/free-rune-sheet.webp') var(--rune-position) center / 400% 100% no-repeat; filter: drop-shadow(0 0 8px color-mix(in srgb, var(--rune-color) 22%, transparent)); pointer-events: none; transition: filter .16s; }
.free-rune.is-held { cursor: grabbing; z-index: 2; }
.free-rune.is-held .free-rune-art { filter: drop-shadow(0 0 12px var(--rune-color)) brightness(1.12); }
.free-rune:focus-visible { outline: 2px solid #d2f9f2; outline-offset: 2px; background: #ffffff08; }
.free-rune-trail { position: absolute; pointer-events: none; border-radius: 50%; width: 7px; height: 7px; box-shadow: 0 0 7px currentColor; opacity: .7; transform: translate(-50%, -50%); }
@media (prefers-reduced-motion: reduce) { .free-rune-art { transition: none; } .free-rune-trail { display: none; } }