.map-card.locked{opacity:.48;filter:grayscale(.45)}
.map-card.locked:hover{transform:none;border-color:var(--line)}
.notice{padding:13px 15px;border-radius:13px;background:rgba(136,212,191,.13);color:#b9f0df;font-size:13px}
.timeline{border-left:2px solid var(--gold);margin:8px 0;padding-left:21px}.timeline div{position:relative;padding:0 0 17px;color:var(--muted);font-size:13px;line-height:1.5}.timeline div:before{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:var(--gold);left:-27px;top:4px}
.drag-list{display:grid;gap:9px;margin-top:18px}.drag-item{cursor:grab;padding:14px;border-radius:12px;border:1px solid #ddc8ad;background:#fff8eb;color:#4c3750;text-align:left}.drag-item.dragging{opacity:.45}.drag-item.correct{background:#b9e5cf;border-color:#54a77d}.drag-item.wrong{background:#f5b7a9;border-color:#dd7463}
.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.match-grid select{padding:12px;border-radius:10px;border:1px solid #ddc8ad;background:#fff8eb;color:#4c3750;font:inherit;width:100%}.result-line{margin-top:18px;padding:12px;border-radius:12px;background:#efe0c4;color:#57394d;font-size:14px}
@media(max-width:760px){.match-grid{grid-template-columns:1fr}}