.portal-placeholder{height:44px;pointer-events:none}
@view-transition{navigation:auto}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
.artifact-entry{position:absolute;left:var(--entry-x,16.028025793650794%);top:var(--entry-y,80.15606873549885%);width:220px;height:228px;transform:translate(-50%,-50%);border:0;padding:0;background:none;color:var(--gold);cursor:pointer;-webkit-tap-highlight-color:transparent}
.artifact-entry .entry-art{display:block;width:100%;height:auto;overflow:visible}
a.artifact-entry{display:flex;align-items:center;justify-content:center;text-align:center}
.artifact-label{position:absolute;bottom:9px;left:0;right:0;font:400 9px var(--font);letter-spacing:2.3px;opacity:.65;text-shadow:0 1px 7px var(--navy);transition:opacity .6s}
.artifact-entry[data-portal="04"] .artifact-label{top:80%;bottom:auto}
.artifact-entry:is(:hover,:focus-visible,.is-revealed) .artifact-label{opacity:1}
.artifact-entry:is(:hover,:focus-visible,.is-revealed) .portal-glint{opacity:.9}
.artifact-entry:is(:hover,:focus-visible,.is-revealed) .portal-aperture{opacity:.85}
.artifact-entry:is(:hover,:focus-visible,.is-revealed) .portal-dust{transform:translate(var(--sand-x,-3px),-4px);opacity:.42}
.artifact-entry:is(:hover,:focus-visible,.is-revealed) .portal-motes{opacity:.4;transform:translate(2px,-3px)}
.artifact-entry:focus-visible{outline:1px dashed #d8cba666;outline-offset:0;border-radius:45%}
@media(min-width:1800px){.artifact-entry{width:245px;height:250px}}
@media(max-width:1100px){.artifact-entry{width:200px;height:212px}}
@media(max-width:700px){.artifact-entry{width:170px;height:190px}.artifact-label{font-size:8px;letter-spacing:1.8px;bottom:4px}}
@media(prefers-reduced-motion:reduce){.artifact-entry *{transition:none!important}.artifact-entry:is(:hover,:focus-visible,.is-revealed) .portal-dust,.artifact-entry:is(:hover,:focus-visible,.is-revealed) .portal-motes{transform:none}}