.dg-hfx{--ox:50%;--oy:30%;pointer-events:none;position:absolute;inset:0;container-type:size}.dg-hfx__art{left:calc(var(--ox) + var(--dx,0px));top:var(--oy);width:max(100cqw,441.176cqh);height:max(100cqh,22.6667cqw);translate:calc(var(--ox) * -1) calc(var(--oy) * -1);position:absolute}.dg-hfx__art>i{left:var(--x);top:var(--y);width:var(--s);aspect-ratio:var(--ar,1);border-radius:50%;position:absolute;translate:-50% -50%}.dg-hfx__lamp{opacity:.6;background:radial-gradient(closest-side,#ffce7ae6,#ff9b4166 52%,#0000)}.dg-hfx__window{opacity:.5;background:radial-gradient(closest-side,#ffc464cc,#ffa04638 55%,#0000)}.dg-hfx__magic{opacity:.6;background:radial-gradient(closest-side,#ffb0ff80,#ba5cff38 55%,#0000)}@media not (min-width:40rem){.dg-hfx{--ox:0%;--oy:50%}.dg-hfx--gate{--ox:100%}.dg-hfx--art{--dx:var(--hh-castle-dx,0px);-webkit-mask-image:linear-gradient(90deg,#000 44%,#0000 60%);mask-image:linear-gradient(90deg,#000 44%,#0000 60%)}.dg-hfx--far{display:none}}@media (prefers-reduced-motion:reduce){.dg-hfx{display:none}}
