/* Floralia — map quests (เควสแมพ, js/questmap.js): the quest box line and the book's tab */
#questbox .q-side.q-mq { background: rgba(240, 200, 110, 0.08); border-color: rgba(240, 200, 110, 0.32); }
#questbox .q-side.q-mq:hover { background: rgba(240, 200, 110, 0.18); }
#questbox .q-side.q-mq.on { border-color: #8be37b; background: rgba(139, 227, 123, 0.14); }
#questbox .q-side.q-mq em { background: #f0c86e; color: #2a1a06; }
#questbox .q-side.q-mq.lock { opacity: 0.75; }
#questbox .q-side.q-mq span { color: #fff4dc; }
#questbox .q-side.q-mq small { color: #e6d3a8; }
#questbox .q-mqself { margin-top: 3px; }

#questbook .qb-mqbar { position: relative; height: 16px; border-radius: 8px; background: rgba(0, 0, 0, 0.28); overflow: hidden; margin: 6px 0 8px; }
#questbook .qb-mqbar i { position: absolute; inset: 0 auto 0 0; background: linear-gradient(90deg, #d9a443, #f0c86e); border-radius: 8px; }
#questbook .qb-mqbar span { position: relative; display: block; text-align: center; font: 700 0.72rem/16px Mali, sans-serif; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8); }
#questbook .qb-mqlist div { display: flex; gap: 6px; align-items: baseline; }
#questbook .qb-mqlist div small { margin-left: auto; opacity: 0.75; }
#questbook .qb-mqlist div.lock { opacity: 0.6; }
#questbook .qb-mqlist div.now { font-weight: 700; }
#questbook .qb-chrow[data-qmap] { cursor: pointer; }
#questbook .qb-chrow.sel { outline: 2px solid #f0c86e; outline-offset: -2px; border-radius: 8px; }