/* A small scouting card, available before tip-off without crowding the court. */
#campaign .opponent-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#campaign .opponent-roster button{padding:10px 9px;font-size:13px;min-width:0}
#campaign .opponent-roster button small{font-size:9px;letter-spacing:0;line-height:1.3;opacity:.85;margin-top:4px}
#campaign .opponents-shade .modal{width:490px;gap:14px}
#campaign .opponent-scout{border:1px solid #8d9b7655;border-radius:7px;padding:15px;background:#e6e6d2;color:#354d3d}
#campaign .scout-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
#campaign .scout-heading h3{font:25px Georgia;margin:0}
#campaign .scout-heading>span{font-size:11px;color:#5b7053;text-align:right}
#campaign .opponent-scout p{font:12px/1.5 Arial;color:#54664e;margin:0}
#campaign .opponent-attributes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;margin:16px 0}
#campaign .opponent-attributes>div>span{display:flex;justify-content:space-between;align-items:center;font-size:11px}
#campaign .opponent-attributes b{font-size:12px;font-variant-numeric:tabular-nums}
#campaign .opponent-attributes small{font-size:9px;opacity:.6;margin-left:2px;font-weight:400}
#campaign .rating-pips{display:flex;gap:4px;margin-top:5px}
#campaign .rating-pips i{flex:1;height:4px;background:#c4ccb4;border-radius:2px}
#campaign .rating-pips i.filled{background:#557b50}
#campaign .opponent-tip{border-top:1px solid #8d9b7633;padding-top:10px}
#campaign .opponent-tip b{color:#3b563e;margin-right:4px}
#campaign details.opponent-scout{margin:14px 0;pointer-events:auto}
#campaign .opponent-scout summary{cursor:pointer;list-style:none;position:relative;padding-right:21px;touch-action:manipulation}
#campaign .opponent-scout summary::-webkit-details-marker{display:none}
#campaign .opponent-scout summary:after{content:'+';position:absolute;right:0;top:5px;font:24px Georgia}
#campaign .opponent-scout[open] summary:after{content:'−'}
#campaign .opponent-scout summary>span{display:block;font:bold 9px Arial;letter-spacing:.07em;color:#647752}
#campaign .opponent-scout summary>b{display:block;font:18px Georgia;margin:5px 0}
#campaign .opponent-scout summary>small{font:10px Arial;color:#647752}
#campaign .opponent-scout[open] summary{margin-bottom:14px}
@media(max-width:380px){#campaign .opponents-shade{padding:12px}#campaign .opponents-shade .modal{padding:18px}#campaign .opponent-roster button{padding:9px 7px}#campaign .opponent-roster button small{font-size:8px}#campaign .opponent-attributes{column-gap:14px}}