/* Round 13: Intel card, rivalries panel, ideology matrix, audio settings */
.r13-intel { margin: 10px 0; padding: 10px 12px; border: 1px solid var(--line2, #2a3646); border-radius: 8px; background: rgba(255,255,255,.02); }
.r13-intel h3 { margin: 0 0 6px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; font-size: 1rem; }
.r13-intel h4 { margin: 8px 0 4px; font-size: .85rem; letter-spacing: .04em; text-transform: uppercase; color: var(--muted); }
.r13-q { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 4px; }
.r13-meters { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 14px; }
.r13m { display: grid; grid-template-columns: 70px 1fr 38px; align-items: center; gap: 6px; font-size: .8rem; }
.r13m small { color: var(--muted); }
.r13bar { position: relative; height: 8px; background: rgba(255,255,255,.07); border-radius: 4px; overflow: hidden; }
.r13bar i { position: absolute; top: 0; bottom: 0; border-radius: 4px; background: #8aa; }
.r13bar i.neg { background: #e0564f; } .r13bar i.pos { background: #4fbf7a; } .r13bar i.info { background: #5aa0e0; }
.r13bar b { position: absolute; top: -1px; bottom: -1px; width: 1px; background: rgba(255,255,255,.35); }
.r13m em { font-style: normal; text-align: right; }
.r13-why { list-style: none; margin: 6px 0; padding: 0; font-size: .85rem; }
.r13-why li { padding: 2px 0; } .r13-why li.pos .mono { color: #4fbf7a; } .r13-why li.neg .mono { color: #e0564f; }
.r13-why .mono { display: inline-block; min-width: 34px; }
.r13-rivals ul { list-style: none; margin: 0; padding: 0; font-size: .86rem; } .r13-rivals li { padding: 3px 0; border-bottom: 1px solid rgba(255,255,255,.05); }
.r13-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.r13-cols h4 { margin: 4px 0; font-size: .8rem; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); }
.r13-rivals .swatch { display: inline-block; width: 10px; height: 10px; border-radius: 2px; vertical-align: middle; }
.r13-matrix { border-collapse: collapse; font-size: .72rem; }
.r13-matrix th, .r13-matrix td { padding: 3px 4px; text-align: center; border: 1px solid rgba(255,255,255,.06); }
.r13-matrix th.rh { text-align: right; white-space: nowrap; }
.r13-matrix thead th { writing-mode: vertical-rl; transform: rotate(180deg); white-space: nowrap; height: 96px; }
.r13-matrix td.l-3 { background: #7a1f1f; } .r13-matrix td.l-2 { background: #a2433a; } .r13-matrix td.l-1 { background: #5c4434; }
.r13-matrix td.l0 { background: transparent; color: var(--muted); } .r13-matrix td.l1 { background: #2f5d45; } .r13-matrix td.l2 { background: #2f7d55; }
.r13-legend span { display: inline-block; padding: 1px 6px; margin: 2px; border-radius: 3px; font-size: .75rem; }
.aud-row { display: grid; grid-template-columns: 90px 1fr 46px 70px; gap: 8px; align-items: center; margin: 4px 0; }
.aud-row input[type=range] { width: 100%; }
@media (max-width: 700px) {
  .r13-cols { grid-template-columns: 1fr; }
  .r13-meters { grid-template-columns: 1fr; }
  .aud-row { grid-template-columns: 70px 1fr 40px 56px; }
}