/* ==========================================================
   MISSIONI — overlay scontri (biomi → nemici)
   (contenitore/card/testata/righe: vedi components.css)
   ================================================---------- */

.ms-title { display: flex; align-items: center; gap: 6px; }
.ms-back { font-size: 1.2rem; line-height: 1; }

.ms-list { display: flex; flex-direction: column; gap: var(--sp-2); }
.ms-ico { font-size: 1.6rem; }
.ms-body { flex: 1; display: flex; flex-direction: column; gap: 2px; }
.ms-name { font-size: 0.95rem; letter-spacing: 0.5px; }
.ms-name small { opacity: 0.7; font-size: 0.7rem; }
.ms-sub { font-size: 0.72rem; color: rgba(224, 208, 255, 0.7); }
.ms-meta { font-size: 0.7rem; color: var(--info); margin-top: 2px; }
.ms-arrow { font-size: 1.4rem; color: var(--accent); opacity: 0.8; }
.ms-fight {
    font-size: 0.72rem; letter-spacing: 1px; color: var(--pericolo);
    border: 1px solid var(--pericolo); padding: 5px 8px;
}

.ms-explore {
    font-family: inherit; color: var(--successo); cursor: pointer;
    background: rgba(0, 255, 130, 0.12); border: 1px solid var(--successo);
    padding: 11px; letter-spacing: 1px; font-size: 0.82rem; width: 100%;
    transition: background 0.15s ease;
}
.ms-explore:hover { background: rgba(0, 255, 130, 0.25); }

.ms-dungeon {
    font-family: inherit; color: var(--oro); cursor: pointer;
    background: rgba(255, 210, 63, 0.10); border: 1px solid var(--oro);
    padding: 11px; letter-spacing: 1px; font-size: 0.82rem; width: 100%;
    text-align: left;
    transition: background 0.15s ease;
}
.ms-dungeon:hover { background: rgba(255, 210, 63, 0.22); }