/* The glyph itself is glass: no disc, ring, halo or background panel. */
:root{--glass-icon-depth:#1a3ccc;--glass-icon-shadow:#12298c2e}
:root[data-theme="dark"]{--glass-icon-depth:#12298c;--glass-icon-shadow:#050d1d88}
:root .glass-module-icon{display:grid;place-items:center;pointer-events:none;transform:perspective(600px) rotateX(var(--icon-rx,0deg)) rotateY(var(--icon-ry,0deg));transition:transform 240ms ease}
:root .glass-module-icon .glass-glyph{width:100px;height:100px;overflow:visible;filter:drop-shadow(2px 5px 3px var(--glass-icon-shadow))}
:root .intro-art .glass-module-icon .glass-glyph{width:170px;height:170px}
.intro-art{perspective:600px}
@media(hover:hover){
 :root .module-card:hover .glass-module-icon,:root .intro-art:hover .glass-module-icon{transform:perspective(600px) translateY(-4px) rotateX(var(--icon-rx,0deg)) rotateY(var(--icon-ry,0deg)) scale(1.06)}
}
:root .module-card-link:focus-visible .glass-module-icon,:root .intro-hero:focus-within .glass-module-icon{transform:perspective(600px) translateY(-3px) rotateY(-8deg) scale(1.04)}
@media(max-width:900px){:root .intro-art .glass-module-icon .glass-glyph{width:135px;height:135px}}
@media(max-width:600px){:root .intro-art .glass-module-icon .glass-glyph{width:64px;height:64px}}
@media(prefers-reduced-motion:reduce){:root .glass-module-icon{transform:none!important;transition:none!important}}

/* Native transparent glass renders preserve refraction and studio highlights in both themes. */
:root .glass-module-icon img.crystal-module-art{display:block;width:136px;height:136px;object-fit:contain;filter:none;content:normal}
:root .intro-art .glass-module-icon img.crystal-module-art{width:225px;height:225px}
@media(max-width:900px){:root .intro-art .glass-module-icon img.crystal-module-art{width:175px;height:175px}}
@media(max-width:600px){:root .intro-art .glass-module-icon img.crystal-module-art{width:84px;height:84px}}

:root .module-card .bonus-module-art{width:170px;height:auto;aspect-ratio:16/9}
:root .bonus-module-art .bonus-art-dark{display:none}
:root[data-theme="dark"] .bonus-module-art .bonus-art-light{display:none}
:root[data-theme="dark"] .bonus-module-art .bonus-art-dark{display:block}

:root .bonus-module-art img{display:block;width:100%;height:auto;object-fit:contain;filter:none}