/* Below panels (42), damage numbers (40), and enemy bars (35). No WebGL work. */
#qoQuestMarks{position:fixed;inset:0;z-index:31;pointer-events:none;overflow:hidden}
#qoQuestMarks[hidden]{display:none}
.qoQuestMark{position:absolute;left:0;top:0;pointer-events:none;opacity:0;transition:opacity .3s ease;will-change:transform,opacity}
.qoQuestMark.is-on{opacity:1}
.qoQuestMark span{display:block;width:48px;margin-left:-24px;margin-top:-46px;text-align:center;font:900 46px/1 Georgia,serif;color:#ffd36a;-webkit-text-stroke:2px #352006;paint-order:stroke fill;text-shadow:0 1px 2px #100a03,0 0 9px #ffc95599;animation:qoQuestBob 2.2s ease-in-out infinite,qoQuestGlow 2.6s ease-in-out infinite}
html.qoTouch .qoQuestMark span,body.touch .qoQuestMark span,#qoQuestMarks.is-touch .qoQuestMark span{font-size:54px;width:64px;margin-left:-32px;margin-top:-54px;-webkit-text-stroke:3px #160e05;filter:drop-shadow(0 2px 2px #100a03)}
/* v2 run 36: a dark soft halo behind the glyph keeps the gold readable on sunlit sand, snow and pale stone
   (a Glass Dunes keeper's "!" all but vanished against its tent); on dark floors it disappears into the dark */
.qoQuestMark span{position:relative;isolation:isolate;-webkit-text-stroke:2.5px #1c1003}
.qoQuestMark span::before{content:'';position:absolute;left:50%;top:52%;width:50px;height:70px;margin:-35px 0 0 -25px;border-radius:50%;z-index:-1;background:radial-gradient(closest-side,rgba(12,7,2,.88) 0,rgba(12,7,2,.74) 50%,rgba(12,7,2,.32) 78%,rgba(12,7,2,0) 100%)}
html.qoTouch .qoQuestMark span::before,body.touch .qoQuestMark span::before,#qoQuestMarks.is-touch .qoQuestMark span::before{width:60px;height:82px;margin:-41px 0 0 -30px}
/* quest-name plate over the glyph: givers within 12 m (QO.QuestMarks NAME_R) */
.qoQuestMark .qmN{position:absolute;left:0;bottom:50px;transform:translateX(-50%);white-space:nowrap;font:400 12px/1.25 "Cinzel",Georgia,serif;letter-spacing:1.2px;color:#ffe6a8;text-shadow:0 0 4px #000,0 0 2px #000;padding:2px 9px 3px;border:1px solid rgba(233,185,74,.62);background:linear-gradient(180deg,rgba(20,13,6,.88),rgba(9,6,3,.74));border-radius:2px;opacity:0;transition:opacity .25s ease}
.qoQuestMark.has-name .qmN{opacity:1}
html.qoTouch .qoQuestMark .qmN,body.touch .qoQuestMark .qmN,#qoQuestMarks.is-touch .qoQuestMark .qmN{font-size:15px;bottom:60px;padding:3px 10px 4px}
.qoQuestMark.name-below .qmN,#qoQuestMarks.is-touch .qoQuestMark.name-below .qmN{bottom:auto;top:10px}
/* standing on a vendor card: a touch smaller, the card names the quest */
.qoQuestMark.on-card span{font-size:40px;margin-top:-40px}
html.qoTouch .qoQuestMark.on-card span,body.touch .qoQuestMark.on-card span,#qoQuestMarks.is-touch .qoQuestMark.on-card span{font-size:46px;margin-top:-46px}
@keyframes qoQuestBob{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-5px,0)}}
@keyframes qoQuestGlow{0%,100%{text-shadow:0 1px 2px #100a03,0 0 7px #ffc95588}50%{text-shadow:0 1px 2px #100a03,0 0 12px #ffc955bb}}
@media(prefers-reduced-motion:reduce){.qoQuestMark span{animation:none}}