/* Quest illustrations share the roadbook's image-card treatment. */
.quest-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.quest-row{position:relative;isolation:isolate;display:block;border:1px solid #73826170;border-radius:7px;background:#18251c;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.quest-row::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#07130b12 18%,#07130b33 38%,#07130bce 72%,#07130bf5 100%)}
.quest-row .quest-open{position:relative;display:flex;align-items:flex-end;gap:12px;width:100%;min-height:228px;height:100%;padding:62px 18px 18px;background:transparent;text-align:left;flex-wrap:nowrap}
.quest-row .quest-image{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none;border:0;border-radius:0;transition:transform .35s,filter .2s}
.quest-row .quest-open>.quest-card-copy{display:block;flex:1;min-width:0;grid-column:auto;grid-row:auto;text-shadow:0 2px 7px #0009}
.quest-row .quest-open strong{font:600 24px/1.12 var(--serif);color:#fff6e5;overflow-wrap:anywhere}
.quest-row .quest-open small{font:400 11px/1.5 var(--sans);color:#e0e5d6;margin-top:7px;white-space:normal;overflow:visible;text-overflow:clip}
.quest-row .quest-open>.level-tag{position:absolute;top:14px;right:14px;grid-column:auto;grid-row:auto;min-width:0;flex:0 0 auto;margin:0;padding:5px 9px;border:1px solid #d5c59477;border-radius:99px;background:#122019e8;backdrop-filter:blur(5px);color:#f4dfac;font:500 10px/1.25 var(--sans);text-shadow:none}
.quest-row .quest-open>svg{grid-column:auto;grid-row:auto;width:18px;height:18px;margin-bottom:2px;color:#f0d39a;flex-shrink:0}
.quest-row .quest-check{position:absolute;top:8px;left:8px;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;padding:0;border:1px solid #d5c59466;border-radius:50%;background:#122019df;backdrop-filter:blur(5px);cursor:pointer}
.quest-row .quest-check input{width:20px;height:20px;min-width:20px;margin:0;border-color:#d5c594;background:#111d17;border-radius:4px}
.quest-row .quest-check input:checked{background:var(--gold);border-color:var(--gold)}
.quest-row.done{background:#18251c;border-color:#c2af7888}
.quest-row.done .quest-image{filter:saturate(.65) brightness(.85)}
.quest-row.done .quest-open strong{color:#fff6e5}
.quest-row:hover{border-color:#dcc18b;box-shadow:0 0 0 1px #dcc18b33}
.quest-row:hover .quest-image{transform:scale(1.035)}
.quest-row:focus-within{border-color:#f0d39a;box-shadow:0 0 0 2px #f0d39a88}
.quest-row .quest-open:focus-visible{outline:2px solid #f0d39a;outline-offset:-4px}
.quest-row .quest-check input:focus-visible{outline:2px solid #fff4cd;outline-offset:3px}
@media(min-width:801px) and (max-width:1100px){.quest-list{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.quest-list{grid-template-columns:minmax(0,1fr);gap:12px}.quest-row .quest-open{min-height:218px;padding:60px 16px 16px}.quest-row .quest-open strong{font-size:25px}.quest-row .quest-open small{font-size:11px}.quest-row .quest-open>.level-tag{top:13px;right:13px}}
@media(prefers-reduced-motion:reduce){.quest-row,.quest-row .quest-image{transition:none}.quest-row:hover .quest-image{transform:none}}
@media print{.quest-list{grid-template-columns:1fr;gap:6px}.quest-row{break-inside:avoid;background:none;border:1px solid #999}.quest-row::before,.quest-image,.quest-row .quest-check{display:none!important}.quest-row .quest-open{min-height:0;padding:10px}.quest-row .quest-open strong,.quest-row.done .quest-open strong,.quest-row .quest-open small{color:#222;text-shadow:none}.quest-row .quest-open>.level-tag{position:static;color:#333;background:none;border:0;backdrop-filter:none}}