/* Zeon enhancement layer — non-layout only. Base system lives in styles.css. */
::selection{background:rgba(255,255,255,.22)}
:focus-visible{outline:2px solid var(--royal,#8c34e9);outline-offset:2px;border-radius:8px}
.tier-card::after{content:"";position:absolute;inset:-1px;border-radius:inherit;opacity:0;transition:opacity .3s ease;background:radial-gradient(500px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.07),transparent 45%);pointer-events:none}
.tier-card:hover::after{opacity:1}
.card::after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .3s ease;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.05),transparent 45%);pointer-events:none}
.card:hover::after{opacity:1}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}