Widget:Gurren2

<style> /* Core variables */

root {

 --overlay-bg: rgba(24,24,24,0.6);
 --overlay-fg: #e0e0e0;
 --link-color: #58a6ff;

}

/* Page background (user-defined) stays visible behind overlay */ body.skin-vector {

 background-size: cover;
 background-position: center;
 color: var(--overlay-fg) !important;

}

/* Main content overlay */ body.skin-vector #content, body.skin-vector .mw-body, body.skin-vector .mw-body-content {

 background: var(--overlay-bg) !important;
 backdrop-filter: blur(8px) !important;
 -webkit-backdrop-filter: blur(8px) !important;

}

/* Sidebar overlay */ body.skin-vector #mw-panel {

 background: rgba(24,24,24,0.5) !important;
 backdrop-filter: blur(12px) !important;
 -webkit-backdrop-filter: blur(12px) !important;

}

/* Header and footer overlays */ body.skin-vector #mw-head, body.skin-vector #mw-head-base, body.skin-vector #mw-footer {

 background: var(--overlay-bg) !important;
 backdrop-filter: blur(10px) !important;
 -webkit-backdrop-filter: blur(10px) !important;

}

/* Text and links */nbody.skin-vector a, body.skin-vector a:visited {

 color: var(--link-color) !important;

} body.skin-vector a:hover {

 opacity: 0.8 !important;

} </style>