/* RoccoQuest V10.9.62 — Mystery Pathfinder, badge details and mobile polish */
.rq62BadgeTrigger{cursor:pointer;position:relative;transition:transform .16s ease,border-color .16s ease!important}
.rq62BadgeTrigger:after{content:'BEKIJK';position:absolute;right:9px;top:7px;color:#ff9a55;font-size:8px;font-weight:950;letter-spacing:1px}
.rq62BadgeTrigger:active{transform:scale(.98)}
.rq62Modal{position:fixed;inset:0;z-index:240;background:#000c;display:none;align-items:flex-end;justify-content:center;padding:14px}
.rq62Modal.open{display:flex}
.rq62Sheet{width:min(560px,100%);max-height:88vh;overflow:auto;background:linear-gradient(155deg,#0d3428,#041b14);color:#fff4e4;border:1px solid #dc7935;border-radius:24px 24px 18px 18px;padding:20px;box-shadow:0 24px 80px #000c}
.rq62Top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.rq62Top h2{margin:4px 0 7px}
.rq62Close{width:40px;height:40px;flex:0 0 40px;border:1px solid #d8792d70;border-radius:50%;background:#09291f;color:#ff9148;font-size:22px}
.rq62BadgeList{display:grid;gap:9px;margin-top:15px}
.rq62BadgeRow{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;background:#092a20;border:1px solid #a9633970;border-radius:15px;padding:12px}
.rq62BadgeIcon{width:48px;height:48px;display:grid;place-items:center;background:#123b2e;border-radius:50%;font-size:26px}
.rq62BadgeRow small{display:block;color:#cfc3b3;margin-top:3px;line-height:1.35}
.rq62Near{margin-top:17px;border-top:1px solid #ffffff1c;padding-top:12px}
.rq62NearRow{margin-top:10px}
.rq62NearLine{display:flex;justify-content:space-between;gap:10px;font-size:13px}
.rq62Bar{height:8px;background:#14382d;border-radius:99px;overflow:hidden;margin-top:6px}
.rq62Bar span{display:block;height:100%;background:linear-gradient(90deg,#ec6c18,#ff9d55)}
.rq62MysteryComplete{margin:13px 0;padding:15px;border-radius:16px;background:linear-gradient(135deg,#173e31,#382719);border:1px solid #ff9a55;box-shadow:0 8px 24px #0004}
.rq62MysteryComplete b{display:block;color:#ffad72;font-size:17px;margin-bottom:5px}
.rq62MysteryReward{display:inline-block;margin-top:9px;padding:7px 10px;border-radius:99px;background:#ff7b22;color:#fff;font-weight:900;font-size:12px}
@media(min-width:620px){.rq62Modal{align-items:center}.rq62Sheet{border-radius:24px}}