.hph-root{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hph-base{background:radial-gradient(120% 90% at 50% -10%,#10241c,#0a0a0a 48%,#050505),linear-gradient(#0000 55%,#0d2b20 130%);position:absolute;inset:0}.hph-shell{object-fit:cover;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.hph-vignette{position:absolute;inset:0;box-shadow:inset 0 0 90px 20px #000c}.hph-fog{background:radial-gradient(at 15% 100%,#7be8a814,#0000 46%),radial-gradient(at 85% 100%,#7742ab24,#0000 50%);animation:30s ease-in-out infinite alternate hph-drift;position:absolute;inset:55% -15% -15%}.hph-skyline{color:#06120d;opacity:.65;height:34%;position:absolute;bottom:0;left:0;right:0}.hph-skyline svg{width:100%;height:100%}.hph-bat{color:#8b829b;opacity:.6;width:46px;height:18px;animation:22s ease-in-out infinite alternate hph-drift;position:absolute;top:14%;right:10%}.hph-numeral{font-family:var(--font-premium,"Playfair Display", serif);letter-spacing:.02em;background:linear-gradient(155deg,#f6e7b0,#c9a84c 32%,#7be8a8,#4a2f6b 78%,#c9a84c);color:#0000;filter:drop-shadow(0 0 22px #7742ab73)drop-shadow(0 2px #0009);-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;font-size:clamp(64px,22vw,128px);font-weight:800;line-height:1;display:flex;position:absolute;inset:0}.hph-numeral.is-compact{font-size:clamp(40px,16vw,72px)}.hph-grain{opacity:.045;background-image:repeating-linear-gradient(115deg,#ffffff80 0 1px,#0000 1px 4px);position:absolute;inset:0}@keyframes hph-drift{0%{transform:translate(-6px)}to{transform:translate(8px,-6px)}}@media(prefers-reduced-motion:reduce){.hph-fog,.hph-bat{animation:none}}