/* Rings: the few shapes portal.css does not already carry. */
.ringgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:16px}
.ringcard{display:block;text-align:left;text-decoration:none;cursor:pointer;
  background:rgba(0,0,0,.34);border:1px solid var(--line);border-radius:15px;padding:16px;
  transition:.18s;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.ringcard:hover{border-color:var(--line-hi);transform:translateY(-2px);box-shadow:var(--glow-arcane)}
.ringcard h3{margin:0;font:600 19px/1.2 var(--font-head);color:var(--cream)}
.ringcard .sym{font:600 11.5px/1 var(--font-body);letter-spacing:1.6px;text-transform:uppercase;color:var(--gold)}
.ringcard .bar{margin:12px 0 7px}
.ringcard .line{display:flex;justify-content:space-between;gap:10px;
  font-size:13.5px;color:var(--dim);font-variant-numeric:tabular-nums}
.ringcard .line b{color:var(--cream);font-weight:600}
.ringpills{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 4px}
.chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:14px}
.chip{font:600 13px/1 var(--font-body);letter-spacing:1.2px;color:var(--cream);
  background:rgba(58,32,102,.42);border:1px solid rgba(190,160,255,.30);
  border-radius:99px;padding:9px 14px;font-variant-numeric:tabular-nums}
.center{text-align:center;justify-content:center}