/* Weapon artwork replaces labels without changing the existing touch target. */
body.playing #sword.attackWeaponButton{display:grid;place-items:center;padding:3px!important;overflow:visible;border-radius:50%;border:1px solid #bed7e478;background:radial-gradient(circle at 45% 35%,#91cbe518,#06131c99 68%,#09151eb0);box-shadow:inset 0 0 0 3px #0b1b2630,inset 0 0 0 4px #b0d9e329,0 4px 14px #0005;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;transition:background .12s,border-color .12s,box-shadow .12s}
body.playing #sword.attackWeaponButton::before,body.playing #sword.attackWeaponButton::after{content:none!important;display:none!important}
#sword.attackWeaponButton .attackWeaponArt{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none;filter:brightness(1.25) drop-shadow(0 1px 2px #000) drop-shadow(0 0 1px #c4e9ffc0);transition:filter .12s,transform .12s}
body.playing #sword.attackWeaponButton.on,body.playing #sword.attackWeaponButton:active{border-color:#e7faff;background:radial-gradient(circle,#acdff12e,#10283955 65%,#0a182266);box-shadow:inset 0 0 12px #9ee4ff33,0 0 13px #8accec66}
#sword.attackWeaponButton.on .attackWeaponArt,#sword.attackWeaponButton:active .attackWeaponArt{filter:drop-shadow(0 0 5px #d8f7ffbb) brightness(1.22);transform:scale(.94)}
#sword.attackWeaponButton:focus-visible{outline:2px solid #dcf5ff;outline-offset:5px}
@media(prefers-reduced-motion:reduce){#sword.attackWeaponButton,#sword.attackWeaponButton .attackWeaponArt{transition:none}}