/* RKMARK1025 ランキングの印（mbtisvaf-rkmark-1025.php / rkmark.js） */
/* アイコンの印: 魅力値の王冠（上）・貢献値のメダル（右下）。アイコンの親の中に重ねる（アイコン自体は丸く切られているので中には入れない） */
.rkm-ic{position:absolute;z-index:3;pointer-events:none;display:block;line-height:0}
.rkm-ic img,.rkm-ic svg{display:block;width:100%;height:100%;object-fit:contain;overflow:visible}
.rkm-ic--c{filter:drop-shadow(0 1px 2px rgba(40,20,0,.45))}
.rkm-ic--g{filter:drop-shadow(0 1px 1.5px rgba(10,30,90,.5))}
.rkm-svg{display:block;width:100%;height:100%;overflow:visible}

/* 名前の横のまとめた紋（二冠・三冠）。印（.crk）の後ろ・名前の前。縮めない・ゆがめない */
.rkm-em{display:inline-block;flex:none;width:17px;height:17px;object-fit:contain;margin:0 .24em 0 0;vertical-align:-3px;overflow:visible}
.rkm-em--3{filter:drop-shadow(0 0 2px rgba(255,214,90,.75))}
/* まとめた紋に堕天が入っている時は、堕天の黒い王冠（daten.js）を名前の横から隠す（2つ出さない。契約の紋はそのまま） */
.rkm-hd>.dtb--c1,.rkm-hd>.dtb--c2,.rkm-hd>.dtb--c3{display:none}
/* 堕天の名前の色（文字を透かす）を、紋に移さない */
.dt-name .rkm-em{-webkit-text-fill-color:initial}

/* プロフィール: 名前の下に、持っている印を並べ、二冠・三冠の称号を添える（狭い画面では折り返す。切らない） */
.rkm-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 4px}
.rkm-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px 3px 5px;border-radius:99px;font-size:11.5px;line-height:1.3;white-space:nowrap;background:#fff;border:1px solid #f0d9e8;color:#5a3a6a}
.rkm-chip svg{width:20px;height:20px;flex:none}
.rkm-chip b{font-weight:900}
.rkm-chip--c{background:linear-gradient(135deg,#fff7d6,#ffe3f0);border-color:#f5c4dc;color:#a8306e}
.rkm-chip--g{background:linear-gradient(135deg,#eaf3ff,#fff8e0);border-color:#bcd5f5;color:#1e4e9a}
.rkm-chip--d{background:linear-gradient(135deg,#251433,#120a1a);border-color:rgba(199,155,255,.5);color:#ecdfff}
.rkm-ttl{display:inline-flex;align-items:center;gap:5px;padding:3px 11px 3px 6px;border-radius:99px;font-size:12px;font-weight:900;line-height:1.3;color:#fff;background:linear-gradient(90deg,#c0418a,#e3a21a);box-shadow:0 2px 8px rgba(192,65,138,.3);white-space:nowrap}
.rkm-ttl svg{width:20px;height:20px;flex:none}
.rkm-ttl--3{background:linear-gradient(90deg,#c0418a,#e3a21a 50%,#3a1656);box-shadow:0 0 0 1px #ffe27a,0 2px 10px rgba(155,77,255,.45)}
.dt-card .rkm-chip:not(.rkm-chip--d){background:rgba(255,255,255,.92)}
/* 届いた絵の称号の札（リボン）。絵の比のまま（627x120・532x120）。高さ 40px */
.rkm-ttl--img{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0;border-radius:0;background-color:transparent;background-position:center;background-size:contain;background-repeat:no-repeat;box-shadow:none!important}
.rkm-ttl--i2{aspect-ratio:627/120}
.rkm-ttl--i3{aspect-ratio:532/120}
.rkm-ttl--img b{font-size:14px;font-weight:900;color:#fff;letter-spacing:.08em;margin-top:-2px;text-shadow:0 0 2px #7a1e50,0 1px 0 #7a1e50,0 -1px 0 #7a1e50,1px 0 0 #7a1e50,-1px 0 0 #7a1e50}
/* 暗い所（堕天の名前・カード・ランキング）では、紋とメダルの黒い所が背景に溶ける → ふちに白い光 */
:is(.dt-name,.dt-card,.dt-rkbox,.dt-panel) :is(.rkm-em,.rkm-one){filter:drop-shadow(0 0 1px rgba(255,255,255,.9)) drop-shadow(0 0 .5px rgba(255,255,255,.9))}

/* 見本（?rkmdemo=1） */
.rkm-demo{margin:10px 12px 14px;padding:10px 12px;border-radius:14px;background:#fff;border:1.5px dashed #d9c8ea}
.rkm-demo__h{margin:0 0 8px;font-size:12px;font-weight:900;color:#8b6cc1}
.rkm-demo__r{display:flex;align-items:center;gap:10px;padding:14px 0 8px;border-top:1px solid #f3eaf7}
.rkm-demo__r:first-of-type{border-top:0}
.rkm-dav{position:relative;flex:none;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#ffe3f0,#d8c4f0)}
.rkm-dav .rkm-ic{position:absolute}
.rkm-demo__b{flex:1;min-width:0}
.rkm-demo__nm{margin:0;font-size:13.5px;font-weight:900;color:#3a2a55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}
.rkm-demo__nm .rkm-dtb{display:inline-block;width:16px;height:16px;margin-right:.24em;vertical-align:-3px}
.rkm-demo__l{margin:0;font-size:10.5px;color:#8b7f95}
.rkm-demo__sz{flex:none;display:flex;align-items:flex-end;gap:5px}
.rkm-demo__sz>span{display:block}
.rkm-demo__sz svg{display:block;width:100%;height:100%}