.mythic-rank-badge { position:relative;isolation:isolate;display:flex;align-items:center;gap:18px;min-height:66px;box-sizing:border-box;padding:12px 18px;margin:14px 0;border:1px solid #d7a65088;border-radius:3px 16px 3px 16px;background:radial-gradient(ellipse at 0 50%,#ac671c40,transparent 65%),linear-gradient(115deg,#221829,#071726);box-shadow:inset 0 0 22px #ffc5680a,0 4px 20px #0003;color:#ffe2a3;text-decoration:none; }
.mythic-rank-badge:hover { border-color:#ffe2a3;box-shadow:0 0 22px #ffc56822; }
.mythic-rank-badge:focus-visible { outline:2px solid #ffe2a3;outline-offset:4px; }
.mythic-rank-emblem { display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid #e5bb79;transform:rotate(45deg);background:#e8c36a12;box-shadow:0 0 16px #e8c36a33; }
.mythic-rank-emblem b { transform:rotate(-45deg);font:700 22px var(--display);text-shadow:0 0 12px #ffd070; }
.mythic-rank-copy { display:flex;flex-direction:column;gap:4px;min-width:0; }
.mythic-rank-copy small { color:#c0a789;font-size:10px;letter-spacing:1.8px;text-transform:uppercase; }
.mythic-rank-copy strong { font:800 clamp(13px,1.5vw,17px) var(--display);letter-spacing:1px;color:#ffe2a3;text-shadow:0 0 18px #ffc56855; }
.mythic-badge-canvas { position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:5; }
.mythic-badge-canvas[hidden] { display:none; }
.data-card .mythic-rank-badge { margin:12px 0; }
@media(max-width:560px) { .mythic-rank-badge { padding-right:12px;gap:14px; }.mythic-rank-copy small { letter-spacing:1px; } }