.hud-quest.qr-card{border:1px solid #383345;border-radius:12px;background:linear-gradient(115deg,#1a1922,#15151d);margin:9px 0;overflow:hidden;font-size:14px;color:#e8e5ed}
.qr-card>summary{list-style:none;display:flex;align-items:center;gap:13px;padding:15px 17px;cursor:pointer;min-height:68px}
.qr-card>summary::-webkit-details-marker{display:none}.qr-card>summary:hover{background:#ffffff04}.qr-card>summary:focus-visible{outline:2px solid #b6a1e8;outline-offset:-3px}
.qr-card .qr-marker{display:grid;place-items:center;flex:0 0 30px;width:30px;height:34px;border-radius:8px;color:#e9c476;background:#b98d251b;border:1px solid #a9813747;font-size:23px;font-weight:800}
.qr-card.is-done .qr-marker{color:#9bd4ae;background:#37644725;border-color:#5c93604d}.qr-card.is-deferred .qr-marker{color:#b7afc2;background:#57506126;border-color:#77708040}
.qr-heading{min-width:0;flex:1}.qr-heading>b{display:block;font-size:15px;line-height:1.4;color:#f1ecf8}.qr-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px;margin-top:5px;color:#b1a9bd;font-size:12px;line-height:1.5}
.qr-tag{padding:1px 6px;border:1px solid #6e5c8045;border-radius:5px;color:#c4b6d8}.qr-status{max-width:190px;padding:5px 9px;border-radius:6px;background:#88729815;color:#c2b3d0;font-size:12px;line-height:1.4}.is-done .qr-status{color:#a8d7b6}.qr-chevron{font-size:18px;color:#b6a6c7;transition:transform .15s}.qr-card[open] .qr-chevron{transform:rotate(180deg)}
.qr-body{padding:0 17px 15px;border-top:1px solid #383345}.qr-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0}.qr-toolbar label{display:flex;align-items:center;gap:10px;color:#bdb4c8;font-size:12px}.qr-toolbar select{font-size:13px;padding:7px 10px;border-radius:7px;min-width:135px;background:#24212d;color:#f0e8fa;border:1px solid #574964}.qr-source{color:#a99db7;font-size:12px}.qr-card a{color:#c9b0ee;text-decoration:none}.qr-card a:hover{text-decoration:underline}
.qr-steps{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:10px}.qr-steps>section{min-width:0;border:1px solid #37313f;border-radius:9px;padding:12px;background:#ffffff02}.qr-steps h4{display:flex;align-items:center;gap:7px;margin:0 0 12px;font-size:12px;font-weight:600;color:#cabdd8;letter-spacing:.03em}.qr-steps h4>span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#9d81b918;color:#baa1d5;font-size:11px}.qr-person{margin:10px 0;font-size:13px;line-height:1.6}.qr-person>b{font-weight:600}.qr-location{display:flex;align-items:center;flex-wrap:wrap;gap:3px 6px;color:#b7a9c4;font-size:12px}.qr-coordinates{font:inherit;color:#d4c38d;background:#c3a65710;border:1px solid #a38e5935;padding:2px 6px;border-radius:5px;cursor:pointer}.qr-coordinates:hover{background:#c3a65725}.qr-coordinates:focus-visible{outline:2px solid #d4c38d}.qr-unrecorded{color:#a99daf;font-size:12px;line-height:1.65;margin:0}.qr-starter-item{display:block;font-size:12px;line-height:1.6;margin-top:9px}
.qr-objectives ul{list-style:none;margin:0;padding:0}.qr-objectives li{display:flex;align-items:flex-start;gap:8px;margin:10px 0;font-size:13px;line-height:1.55}.qr-objective-count{flex:0 0 34px;color:#e2cc8d;font-size:13px;text-align:center;padding:3px 0;background:#bda05612;border-radius:5px}.qr-objectives li>span:last-child>small{display:block;color:#a99db7;font-size:12px;line-height:1.5}
.qr-requirement{display:flex;align-items:flex-start;gap:12px;margin:12px 0;font-size:12px}.qr-requirement>b{flex:0 0 103px;color:#bdb0cb;font-weight:500}.qr-requirement>span{display:flex;flex-wrap:wrap;gap:6px}.qr-prerequisite{display:inline-block;border:1px solid #66547550;padding:2px 6px;border-radius:5px}.qr-prerequisite.is-met{color:#a4d1b0;border-color:#638e664d}.qr-note,.qr-skill{font-size:13px;line-height:1.65;padding:11px 13px;border-left:2px solid #a58ab9;border-radius:0 6px 6px 0;background:#9c81b40c}.qr-skill{font-size:12px;color:#c9bdac;border-left-color:#ba9c6a}.qr-gallery{margin:12px 0;border:1px solid #42364d;border-radius:8px;padding:10px 12px}.qr-gallery>summary{cursor:pointer;font-size:13px;color:#cdbbdd}.qr-gallery figure{margin:12px 0 0}.qr-gallery img{display:block;width:100%;max-height:460px;object-fit:contain;background:#101015;border-radius:6px}.qr-gallery figcaption{font-size:12px;line-height:1.7;color:#b5a6c2;margin-top:8px}.qr-gallery figcaption>span{display:block;color:#968aa0}.qr-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:12px;color:#a295af;line-height:1.6}
@media(max-width:850px){.qr-steps{grid-template-columns:1fr 1fr}.qr-steps>.qr-objectives{grid-column:1/-1;grid-row:2}.qr-status{max-width:145px}.qr-toolbar{flex-wrap:wrap}.qr-footer{flex-wrap:wrap}}
@media(max-width:550px){.qr-card>summary{gap:9px;padding:13px 11px;flex-wrap:wrap}.qr-heading{flex-basis:calc(100% - 65px)}.qr-status{margin-left:39px;max-width:none}.qr-chevron{margin-left:auto}.qr-body{padding:0 11px 13px}.qr-steps{grid-template-columns:1fr}.qr-steps>.qr-objectives{grid-row:auto;grid-column:auto}.qr-toolbar label{width:100%;justify-content:space-between}.qr-requirement{flex-direction:column;gap:5px}.qr-requirement>b{flex:auto}.qr-heading>b{font-size:14px}.qr-footer>span{display:none}}
@media(prefers-reduced-motion:reduce){.qr-chevron{transition:none}}

.qr-card .qr-coordinates{min-height:36px;padding:6px 8px}.qr-card .qr-location{gap:5px}
.qr-record-link{border:0;background:none;color:#c9b0ee;font:inherit;padding:4px 0;text-decoration:underline;text-underline-offset:3px;min-height:36px}.qr-map-details{margin:13px 0;border:1px solid #5a456640;border-radius:8px;background:#201b2b55}.qr-map-details>summary{cursor:pointer;font-size:12px;min-height:44px;padding:9px 12px;color:#d0bddf}.qr-map-details>.quest-map{border:0;border-top:1px solid #5a456640;border-radius:0 0 8px 8px}.qr-map-details .qm-frame{max-width:680px;margin:auto}.qr-map-details .qm-locations{max-height:260px}.qr-map-details .qm-full-map img{max-height:700px}