Template:Gigachad/styles.css

/* Template:Gigachad/styles.css */

.gigachad-scene {
    display: inline-block;
    position: relative;
}

/* The aura overlay */
.gigachad-aura {
    position: fixed;
    /* We remove width/height/inset entirely and use top/right/bottom/left in wikitext */
    z-index: 999998;
    background: rgba(0, 0, 0, 0.85);
    opacity: 0;
    transition: opacity 0.5s ease;
}

/* Your original box styles */
.gigachad-box {
    margin: 5px auto;
    /* 'fit-content' is usually allowed, but if it flags, use 'display: inline-flex' */
    display: inline-flex; 
    align-items: center;
    gap: 10px;
    box-shadow: inset 0px 0px 8px black;
    background: linear-gradient(#636363,#3A3A3A);
    color: #fff;
    font-size: 95%;
    text-align: center;
    padding: 5px 10px;
    position: relative;
    z-index: 999999;
}

.gigachad-title {
    color: #fff;
    text-shadow: 0px 0px 2px #ffffff;
    font-size: 140%;
}

.gigachad-subtitle {
    text-shadow: 0px 0px 2px #ffffff;
    font-size: 120%;
}

.gigachad-scene:hover .gigachad-aura {
    opacity: 1;
}

.gigachad-scene:hover .gigachad-box {
    transform: scale(1.05);
    transition: transform 0.4s ease;
}