/* The supplied white-on-black lettering becomes gold through an SVG luminance mask. */
.gate-lantern { position:absolute; z-index:1; inset:0; pointer-events:none; opacity:0; transition:opacity .45s ease; --lamp-x:50%; --lamp-y:45%; --lamp-radius:190px; mask-image:radial-gradient(circle var(--lamp-radius) at var(--lamp-x) var(--lamp-y),#000 0%,#000 38%,#000a 61%,transparent 100%); }
.drag-sword-page .gate__sword-artifact { z-index: 2; }
.gate-lantern::before { position:absolute; inset:0; content:''; background:radial-gradient(circle calc(var(--lamp-radius) * 1.1) at var(--lamp-x) var(--lamp-y),#c5a05b0d,transparent 88%); }
.gate-lantern__script { position:absolute; top:46%; left:50%; width:min(96vw,1540px); height:auto; transform:translate(-50%,-50%); overflow:visible; }
.gate-lantern__compass { position:absolute; top:46%; left:50%; width:min(112vw,95svh); height:auto; transform:translate(-50%,-50%) rotate(-8deg); overflow:visible; color:#c9a45d; opacity:.58; }
.gate-lantern__compass circle,.gate-lantern__compass line,.gate-lantern__compass path { fill:none; stroke:currentColor; stroke-width:.85; vector-effect:non-scaling-stroke; }
.gate-lantern__compass .compass-star { stroke-width:1.15; }
.gate[data-lantern='on'] .gate-lantern { opacity:1; }
.gate.is-open .gate-lantern { opacity:0; visibility:hidden; }
@media(prefers-reduced-motion:reduce) { .gate-lantern { transition:none; } }
body.motion-reduced .gate-lantern { transition:none; }