/* Agent Mirror card (#1098). Site palette only (frontend.md). */
.am-card { --am-accent: rgb(0 207 255); --am-pos: rgb(0 255 136); --am-neg: rgb(255 68 68); --am-blue: rgb(59 130 246);
  --am-text: rgb(255 255 255); --am-text2: rgb(169 184 204);
  background: rgba(17,24,39,0.6); border: 1px solid rgba(0,150,255,0.15); border-radius: 14px;
  padding: 16px; margin: 16px auto; max-width: 960px; color: var(--am-text); box-sizing: border-box; }
.am-card[hidden] { display: none; }
.am-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 12px; }
.am-kick { font-family: var(--font-display, 'Archivo Black', sans-serif); color: var(--am-accent); letter-spacing: .04em; text-transform: uppercase; font-size: 13px; }
.am-more { color: var(--am-accent); font-size: 13px; text-decoration: none; }
.am-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 10px; }
.am-stat { background: rgb(13 21 32); border: 1px solid rgba(0,150,255,0.15); border-radius: 10px; padding: 10px; }
.am-k { display: block; color: var(--am-text2); font-size: 12px; }
.am-v { display: block; font-size: 20px; margin-top: 2px; font-variant-numeric: tabular-nums; }
.am-v.pos { color: var(--am-pos); } .am-v.neg { color: var(--am-neg); }
.am-guilds, .am-list { margin-top: 12px; display: grid; gap: 8px; }
.am-row { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; padding: 8px 10px;
  border-radius: 8px; background: rgb(17 26 40); font-size: 14px; }
.am-row a { color: var(--am-accent); text-decoration: none; }
.am-row .am-k { display: inline; }
.am-badge { display: inline-block; padding: 1px 8px; border-radius: 999px; font-size: 12px;
  border: 1px solid rgba(0,150,255,0.15); color: var(--am-accent); margin-left: 6px; }
.am-badge.pos { color: var(--am-pos); } .am-badge.blue { color: var(--am-blue); }
.am-h { color: var(--am-text2); font-size: 12px; margin: 4px 0 0; text-transform: uppercase; letter-spacing: .04em; }
.am-note { color: var(--am-text2); font-size: 12px; margin: 12px 0 0; }
@media (max-width: 480px) { .am-card { margin: 12px 16px; padding: 12px; } .am-v { font-size: 18px; } }