/* The table stays fixed. Only a deliberate hover or keyboard focus lifts tiles. */
#periodic-table .element{animation:none!important;translate:none!important;rotate:none!important;transform:none;transform-origin:center;transition:transform .17s cubic-bezier(.2,.7,.3,1),box-shadow .17s ease,filter .17s ease,border-color .17s ease,background .17s ease,opacity .17s ease}
#periodic-table .element::before{opacity:0!important;animation:none!important}
#periodic-table .element.is-hover-neighbor{z-index:2}
#periodic-table .element.is-hover-neighbor-corner{transform:translateY(-.75px) scale(1.035);box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--tile-glow,var(--element-color)) 22%,transparent),0 0 13px color-mix(in srgb,var(--tile-glow,var(--element-color)) 25%,transparent),0 0 24px color-mix(in srgb,var(--tile-glow,var(--element-color)) 9%,transparent);filter:brightness(1.025)}
#periodic-table .element.is-hover-neighbor-side{z-index:3;transform:translateY(-2px) scale(1.07);box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--tile-glow,var(--element-color)) 30%,transparent),0 0 19px color-mix(in srgb,var(--tile-glow,var(--element-color)) 44%,transparent),0 0 31px color-mix(in srgb,var(--tile-glow,var(--element-color)) 16%,transparent);filter:brightness(1.065)}
#periodic-table .element.is-hover-main{z-index:5;transform:translateY(-3px) scale(1.14);border-color:color-mix(in srgb,var(--tile-glow,var(--element-color)) 70%,white);box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--tile-glow,var(--element-color)) 38%,transparent),0 0 0 1px color-mix(in srgb,var(--tile-glow,var(--element-color)) 75%,transparent),0 0 29px color-mix(in srgb,var(--tile-glow,var(--element-color)) 58%,transparent),0 0 42px color-mix(in srgb,var(--tile-glow,var(--element-color)) 23%,transparent),0 9px 15px #0005;filter:brightness(1.12)}
.element[aria-disabled="true"]{cursor:default}
#results-dialog .result-tile{transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;cursor:default}
@media(hover:hover) and (pointer:fine){
 #results-dialog .result-tile:hover,#results-dialog .result-tile:focus-visible{z-index:2;transform:translateY(-3px) scale(1.06);filter:brightness(1.16);outline:0;box-shadow:0 0 0 1px var(--result-tile-color,var(--element-color)),0 0 19px color-mix(in srgb,var(--result-tile-color,var(--element-color)) 45%,transparent)}
}
@media(prefers-reduced-motion:reduce){#results-dialog .result-tile{transition:none}#results-dialog .result-tile:hover,#results-dialog .result-tile:focus-visible{transform:none}}
@media(prefers-reduced-motion:reduce){#periodic-table .element{transition:none}#periodic-table .element.is-hover-main,#periodic-table .element.is-hover-neighbor{transform:none}}