/* Radioactive Easter Egg Styles - Pro Shard-Based Disintegration */

/* Global State Activated on Body */
body.radioactive-mode {
    overflow-x: hidden;
}

/* Green Radioactive Atmosphere / Vignette */
body.radioactive-mode::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    background: radial-gradient(circle, transparent 20%, rgba(57, 255, 20, 0.4) 60%, rgba(20, 80, 20, 0.9) 100%);
    box-shadow: inset 0 0 150px rgba(57, 255, 20, 0.6);
    z-index: 9999;
    opacity: 0;
    animation: radioactive-vignette-fade-in 5s ease-in forwards;
    mix-blend-mode: hard-light;
}

@keyframes radioactive-vignette-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Individual Element Decay */
.element.radioactive-decay {
    position: relative;
    /* Original content is hidden by JS styles (transparent) to maintain hover state */
}

/* Radioactive Shards (The falling pieces) */
.radioactive-shard {
    position: fixed;
    pointer-events: none;
    z-index: 10001;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    /* Inherits element styles via cloning */
    background-clip: padding-box;
}