/* 제1대 총선 배틀 이벤트 진행 칸(js/asm-event.js): 대결판(어두운 무대)·내 국회·도전 목록에서 같은 모양. 색은 놓인 곳의 이름(--card·--ink·--line)을 따른다 */
.asm-ev { margin: 10px 0; padding: 12px 12px 8px; border-radius: 14px; border: 1px solid color-mix(in srgb, #F2C744 55%, var(--line)); background: linear-gradient(135deg, color-mix(in srgb, #F2C744 14%, var(--card)), var(--card) 60%); }
.asm-ev h4 { margin: 0 0 8px; font: var(--hw) 15px var(--head); display: flex; align-items: baseline; gap: 8px; }
.asm-ev h4::before { content: 'EVENT'; font: 800 10px var(--body); letter-spacing: .08em; color: #fff; background: #D94F3D; padding: 2px 6px; border-radius: 4px; }
.asm-ev h4 small { margin-left: auto; font: 700 12px var(--body); color: var(--muted); }
.asm-ev ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.asm-ev li { display: grid; grid-template-columns: 22px 1fr auto; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 10px; background: color-mix(in srgb, var(--ink) 5%, transparent); }
.asm-ev li i { width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--gc); display: grid; place-items: center; font: 900 12px var(--body); font-style: normal; color: #fff; }
.asm-ev li.got i { background: var(--gc); }
.asm-ev li span { display: grid; min-width: 0; } .asm-ev li b { font-size: 13.5px; color: var(--ink); } .asm-ev li small { font-size: 11.5px; color: var(--muted); }
.asm-ev li em { font-style: normal; font-size: 12px; font-weight: 800; color: var(--gc); white-space: nowrap; }
.asm-ev .note { margin: 8px 0 2px; font-size: 11.5px; }
.asm-ev-app { margin: 10px 0; padding: 10px 12px; border-radius: 12px; font-size: 13px; background: color-mix(in srgb, #F2C744 16%, var(--card)); border: 1px solid color-mix(in srgb, #F2C744 50%, var(--line)); }
.chal-ev .asm-ev { margin-top: 0; }