/* The server's top-3 crowns (js/crown.js, 2026-10-19): the small crown before a name, the lit crown rows on the ranking
   screen's พลังต่อสู้ CP รวม board, the line on the character card. No soft halos (a crisp 1px drop at most). */
.cr-ic { display: inline-block; vertical-align: middle; object-fit: contain; flex: none; pointer-events: none; }
.chat-line .cr-ic { width: 24px; height: 17px; margin: -3px 3px 0 0; }
.sc-nm .cr-ic { width: 25px; height: 18px; margin: -2px 4px 0 0; }
#rankui .rk-name .cr-ic { width: 54px; height: 38px; margin: -6px 8px 0 0; }
#rankui.rk-narrow .rk-name .cr-ic { width: 38px; height: 27px; margin: -4px 5px 0 0; }
#rankui .rk-row.cr1 { background: linear-gradient(90deg, rgba(242, 198, 106, 0.16), rgba(242, 198, 106, 0.03) 60%); box-shadow: inset 3px 0 0 #e8b54e; }
#rankui .rk-row.cr2 { background: linear-gradient(90deg, rgba(200, 214, 232, 0.13), rgba(200, 214, 232, 0.02) 60%); box-shadow: inset 3px 0 0 #b9c7da; }
#rankui .rk-row.cr3 { background: linear-gradient(90deg, rgba(214, 140, 84, 0.14), rgba(214, 140, 84, 0.02) 60%); box-shadow: inset 3px 0 0 #c98450; }
#rankui .rk-pnote.cr-perk { display: flex; align-items: center; gap: 4px; }
#rankui .rk-pnote.cr-perk img { width: 40px; height: 40px; object-fit: contain; flex: none; }
#rankui .rk-pnote.cr-perk span { margin-left: 6px; }
#pinfo .pi-plate h3 .cr-ic { width: 48px; height: 34px; margin: -6px 2px 0 0; }
#pinfo .pi-plate .cr-chip { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; padding: 2px 10px 2px 4px; border-radius: 12px; font: 600 13px Mali, sans-serif; background: rgba(242, 198, 106, 0.12); box-shadow: inset 0 0 0 1px rgba(242, 198, 106, 0.45); color: #f2d58a; }
#pinfo .pi-plate .cr-chip.cr-r2 { background: rgba(200, 214, 232, 0.1); box-shadow: inset 0 0 0 1px rgba(200, 214, 232, 0.45); color: #dbe5f2; }
#pinfo .pi-plate .cr-chip.cr-r3 { background: rgba(214, 140, 84, 0.12); box-shadow: inset 0 0 0 1px rgba(214, 140, 84, 0.5); color: #f0b48a; }
#pinfo .pi-plate .cr-chip img { width: 28px; height: 20px; object-fit: contain; }
/* the crown's own title (Crown.titleTag, the card's title line): a small dark plate framed in the crown's metal */
.cr-tt { display: inline-block; margin-left: 8px; padding: 0 9px; border-radius: 10px; font: 700 12.5px/20px Mali, sans-serif; font-style: normal; vertical-align: middle; background: rgba(24, 17, 12, 0.88); box-shadow: inset 0 0 0 1.5px currentColor; }
.cr-tt.cr-t1, #pinfo .pi-ttl.cr-t1 { color: #f6cd5c; }
.cr-tt.cr-t2, #pinfo .pi-ttl.cr-t2 { color: #d5e0ee; }
.cr-tt.cr-t3, #pinfo .pi-ttl.cr-t3 { color: #e89a62; }
#rankui .rk-pnote .cr-tt { margin: 0 2px; }
#pinfo .pi-ttl.cr-tt { margin: 0 0 4px; padding: 0 10px; font-size: 13px; line-height: 21px; }