.ma-list { display: grid; gap: 6px; }
.ma-row { display: flex; align-items: flex-start; gap: 10px; padding: 8px 10px; background: var(--wa-surface); border: 1px solid var(--wa-border); border-radius: var(--wa-radius); }
.ma-row[hidden] { display: none; }
.ma-row-img { width: 48px; height: 48px; flex: none; object-fit: contain; }
.ma-row-main { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.ma-row-title { font-weight: 600; }
.ma-row-when { font-size: .85rem; }
.ma-row-side { display: flex; flex-direction: column; align-items: center; gap: 6px; flex: none; }
.ma-row-side img { width: 40px; height: 40px; object-fit: contain; }
.ma-rumor { font-style: italic; }
.ma-check { flex: none; padding-top: 2px; }
.ma-check input { width: 18px; height: 18px; accent-color: var(--wa-accent); }
.ma-event.wa-done .ma-row-title { color: var(--wa-muted); }
.ma-group-head { display: flex; align-items: center; gap: 10px; padding: 14px 4px 6px; }
.ma-group-head img { width: 44px; height: 44px; flex: none; object-fit: contain; }
.ma-group-title { font-size: 1.05rem; font-weight: 700; margin: 12px 0 2px; }
.ma-group-head .ma-group-title { margin: 0; }
.ma-pill { position: sticky; bottom: 10px; width: fit-content; max-width: calc(100% - 32px); margin: 10px auto 0; padding: 6px 14px; border-radius: 16px; background: var(--wa-surface); border: 1px solid var(--wa-border); box-shadow: var(--wa-shadow); font-weight: 600; z-index: 3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ma-pill[hidden] { display: none; }
.ma-damage-tools { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.ma-damage-tools select { width: 100%; min-width: 0; }
.ma-damage-row { align-items: center; }
.ma-damage-result { flex: none; display: grid; justify-items: end; max-width: 45%; text-align: end; }
.ma-effect { font-style: italic; }
.ma-planner-tools { display: grid; gap: 10px; }
.ma-fill { display: flex; }
.ma-fill button { flex: 1; }
.ma-planner-show { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
.ma-clock { max-width: 560px; margin: 0 auto; }
.ma-clock .wa-card { margin: 12px 0; }
.ma-clock-now { font-size: 1.9rem; font-weight: 700; text-align: center; margin-bottom: 8px; }
.ma-clock-caption { font-size: .85rem; color: var(--wa-muted); text-align: center; margin: 8px 0 4px; }
.ma-clock-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 3px 0; }
.ma-clock-row b { text-align: end; }
.ma-clock-inputs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 8px 0; }
.ma-clock-inputs .wa-input { width: 100%; min-width: 0; }
.ma-tracker-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(56px, 1fr)); gap: 4px; }
.ma-tracker-item { position: relative; display: flex; align-items: center; justify-content: center; height: 56px; padding: 0; border: 1px solid var(--wa-border); border-radius: 8px; background: var(--wa-surface); cursor: pointer; }
.ma-tracker-item img { width: 40px; height: 40px; object-fit: contain; opacity: .3; }
.ma-tracker-item.found img { opacity: 1; }
.ma-tracker-badge { position: absolute; right: 4px; bottom: 2px; font-size: .75rem; font-weight: 700; color: var(--wa-text); }
.ma-counter { align-items: center; }
.ma-counter-btn { padding: 6px 12px; flex: none; }
.ma-counter-value { min-width: 62px; text-align: center; flex: none; }
.ma-song-head { display: flex; gap: 14px; align-items: flex-start; }
.ma-song-title { font-size: 1.15rem; font-weight: 700; }
.ma-song-summary { font-weight: 700; color: var(--wa-accent-fg); }
.ma-cycle-badge { flex: none; align-self: center; padding: 3px 10px; border-radius: 11px; border: 1px solid var(--wa-border); font-size: .72rem; font-weight: 700; white-space: nowrap; }
.ma-cycle-badge.ma-loss { background: var(--wa-accent); color: var(--wa-accent-text); border-color: transparent; }
.ma-song-marks { margin: 6px 0 12px; padding-inline-start: 20px; }
.ma-song-actions { display: grid; gap: 8px; margin-top: 10px; }
.ma-song-actions .wa-btn { width: 100%; }
.ma-kept-item { display: flex; align-items: center; justify-content: center; height: 48px; position: relative; border: 1px solid var(--wa-border); border-radius: 8px; background: var(--wa-surface); }
.ma-kept-item img { width: 32px; height: 32px; object-fit: contain; }