/* The header and page now share exactly the same Dark Cyber glyph metrics. */
html#pcu-themed-site[data-pcu-theme="cyber"] :is(.pcu-cipher-header,.pcu-matrix.pcu-cipher-rain){font:24px/1.35 Consolas,"Yu Gothic",monospace}

/* Two local vector layers, animated by transforms only; no canvas or frame loop. */
html#pcu-themed-site[data-pcu-theme="midnight"]{--pcu-scenery:radial-gradient(ellipse at 85% 24%,#0755802b,transparent 65%)}
html#pcu-themed-site[data-pcu-theme="midnight"] .pcu-season-details{display:none}
html#pcu-themed-site[data-pcu-theme="midnight"] .pcu-theme-scene::before,
html#pcu-themed-site[data-pcu-theme="midnight"] .pcu-theme-scene::after{
 content:"";position:absolute;inset:-8%;pointer-events:none;
 background:center/cover no-repeat;transform-origin:55% 48%;
 animation:pcu-wave-undulate 28s ease-in-out -9s infinite alternate paused
}
html#pcu-themed-site[data-pcu-theme="midnight"] .pcu-theme-scene::before{
 background-image:url("wave-ribbons.svg");opacity:.29;
 mask-image:linear-gradient(90deg,#000 0%,#0009 28%,#0007 50%,#000c 74%,#000 100%)
}
html#pcu-themed-site[data-pcu-theme="midnight"] .pcu-theme-scene::after{
 background-image:url("wave-mesh.svg");opacity:.23;
 animation-name:pcu-wave-counter;animation-duration:36s;animation-delay:-17s
}
html#pcu-themed-site[data-pcu-theme="midnight"] .site-header::before{
 background-image:url("wave-ribbons.svg");background-size:cover;background-position:50% 50%;opacity:.29
}
@keyframes pcu-wave-undulate{
 from{transform:translate3d(-1.8%,1.4%,0) rotate(-1.5deg) scale(1.02,1.04)}
 to{transform:translate3d(1.8%,-1.4%,0) rotate(1.5deg) scale(1.05,.97)}
}
@keyframes pcu-wave-counter{
 from{transform:translate3d(1.4%,-1.2%,0) rotate(1deg) scale(1.03,1)}
 to{transform:translate3d(-1.4%,1.2%,0) rotate(-1deg) scale(1,.95)}
}
html#pcu-themed-site[data-pcu-theme="midnight"][data-pcu-motion="on"]:not([data-pcu-theme-hidden="true"]) .pcu-theme-scene::before,
html#pcu-themed-site[data-pcu-theme="midnight"][data-pcu-motion="on"]:not([data-pcu-theme-hidden="true"]) .pcu-theme-scene::after{animation-play-state:running}
@media(max-width:767px){
 html#pcu-themed-site[data-pcu-theme="midnight"] .pcu-theme-scene::before{background-size:auto 105%;background-position:66% 50%;opacity:.22}
 html#pcu-themed-site[data-pcu-theme="midnight"] .pcu-theme-scene::after{opacity:.15}
}
@media(prefers-reduced-motion:reduce){
 html#pcu-themed-site[data-pcu-theme="midnight"] .pcu-theme-scene::before,
 html#pcu-themed-site[data-pcu-theme="midnight"] .pcu-theme-scene::after{animation:none!important;transform:none}
}
@media print{html#pcu-themed-site[data-pcu-theme="midnight"] .site-header::before{display:none!important}}