/* V11.7 — The Untold Truth branded badge system */
.tut-role-badge{
  --badge-accent:#cda653;
  --badge-accent2:#7e622a;
  --badge-glow:rgba(205,166,83,.24);
  display:inline-flex;align-items:center;gap:9px;vertical-align:middle;
  padding:5px 10px 5px 6px;border:1px solid color-mix(in srgb,var(--badge-accent) 72%, #111);
  border-radius:999px;background:linear-gradient(180deg,rgba(18,22,24,.97),rgba(5,8,10,.98));
  box-shadow:0 0 0 1px rgba(255,255,255,.025) inset,0 7px 22px var(--badge-glow);
  color:#f7e5b6;font-weight:900;font-size:.72rem;letter-spacing:.055em;text-transform:uppercase;
  white-space:nowrap;
}
.tut-role-badge .badge-seal{
  width:28px;height:28px;display:grid;place-items:center;border-radius:50%;
  border:1px solid var(--badge-accent);position:relative;overflow:hidden;flex:0 0 28px;
  background:
    radial-gradient(circle at 35% 28%,rgba(255,255,255,.18),transparent 34%),
    linear-gradient(145deg,var(--badge-accent2),#090c0d 56%,#050708);
  box-shadow:0 0 0 2px rgba(0,0,0,.55) inset,0 0 13px var(--badge-glow);
}
.tut-role-badge .badge-seal img{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 1px 2px #000)}
.tut-role-badge .badge-mini{
  position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;
  display:grid;place-items:center;background:var(--badge-accent);color:#071013;
  border:1px solid #020304;font-size:7px;font-weight:1000;line-height:1;
}
.tut-role-badge .badge-copy{display:flex;flex-direction:column;line-height:1.05}
.tut-role-badge .badge-copy small{font-size:.51rem;letter-spacing:.08em;color:rgba(255,255,255,.55);font-weight:700;margin-bottom:2px}
.tut-role-badge .badge-copy b{font-size:.69rem;color:#f7e5b6}
.tut-role-badge.compact{padding:3px 7px 3px 4px;gap:6px;font-size:.65rem}
.tut-role-badge.compact .badge-seal{width:22px;height:22px;flex-basis:22px}.tut-role-badge.compact .badge-seal img{width:16px;height:16px}
.tut-role-badge.compact .badge-copy small{display:none}
.tut-role-badge.compact .badge-copy b{font-size:.62rem}
.tut-role-badge.icon-only{padding:3px}.tut-role-badge.icon-only .badge-copy{display:none}
.tut-role-badge[data-role="founder"]{--badge-accent:#f4c45e;--badge-accent2:#7e5410;--badge-glow:rgba(244,196,94,.35)}
.tut-role-badge[data-role="manager"]{--badge-accent:#d7ad54;--badge-accent2:#214b79;--badge-glow:rgba(52,116,182,.23)}
.tut-role-badge[data-role="admin"]{--badge-accent:#d6b55d;--badge-accent2:#613179;--badge-glow:rgba(123,66,158,.24)}
.tut-role-badge[data-role="writer"]{--badge-accent:#d0b05c;--badge-accent2:#245e35;--badge-glow:rgba(55,132,76,.23)}
.tut-role-badge[data-role="reviewer"]{--badge-accent:#d6b85f;--badge-accent2:#1c5369;--badge-glow:rgba(52,135,165,.23)}
.tut-role-badge[data-role="media"]{--badge-accent:#dba75a;--badge-accent2:#6b2a22;--badge-glow:rgba(161,61,45,.22)}
.tut-role-badge[data-role="moderator"]{--badge-accent:#d9b45d;--badge-accent2:#5b2c6e;--badge-glow:rgba(120,61,144,.22)}
.tut-role-badge[data-role="volunteer"]{--badge-accent:#d4b45e;--badge-accent2:#1f604f;--badge-glow:rgba(44,126,103,.22)}
.tut-role-badge[data-role="member"]{--badge-accent:#dfb75d;--badge-accent2:#225c45;--badge-glow:rgba(67,143,105,.22)}
.tut-role-badge[data-role="supporter"]{--badge-accent:#e1bb61;--badge-accent2:#285c38;--badge-glow:rgba(79,149,98,.24)}
.tut-role-badge[data-role="founding-supporter"]{--badge-accent:#e7c36d;--badge-accent2:#244b74;--badge-glow:rgba(61,115,169,.24)}

.tut-badge-card{border:1px solid rgba(209,168,78,.24);border-radius:18px;background:linear-gradient(180deg,rgba(14,19,22,.96),rgba(6,9,11,.98));padding:18px;text-align:center}
.tut-badge-card .large-seal{width:94px;height:94px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;position:relative;border:2px solid var(--badge-accent,#d5ad57);background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.16),transparent 34%),linear-gradient(145deg,var(--badge-accent2,#654b19),#080b0d 58%);box-shadow:0 0 24px var(--badge-glow,rgba(213,173,87,.25))}
.tut-badge-card .large-seal img{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 3px 5px #000)}
.badge-showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:15px}
.badge-rule-note{margin:16px 0;padding:15px 17px;border-radius:14px;border:1px solid rgba(214,173,84,.28);background:rgba(214,173,84,.07)}
.badge-rule-note b{color:#e3b95d}

/* V11.9 distinct badge identities */
.tut-role-badge .badge-seal{overflow:visible}
.tut-role-badge .badge-symbol{font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:1;color:#ffe6a1;text-shadow:0 1px 3px #000;z-index:2}
.tut-role-badge .badge-brand{position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);font-size:5px;letter-spacing:.08em;padding:1px 3px;border-radius:4px;background:#07090a;border:1px solid var(--badge-accent);color:var(--badge-accent);z-index:3}
.tut-role-badge[data-role="founder"] .badge-seal{border-radius:35% 35% 46% 46%;clip-path:polygon(12% 17%,28% 27%,50% 4%,72% 27%,88% 17%,94% 46%,77% 91%,23% 91%,6% 46%)}
.tut-role-badge[data-role="manager"] .badge-seal{border-radius:8px;clip-path:polygon(50% 0,93% 18%,86% 70%,50% 100%,14% 70%,7% 18%)}
.tut-role-badge[data-role="admin"] .badge-seal{clip-path:polygon(50% 0,64% 18%,88% 14%,86% 39%,100% 50%,82% 64%,86% 88%,62% 84%,50% 100%,37% 84%,13% 88%,18% 64%,0 50%,15% 38%,12% 14%,36% 18%)}
.tut-role-badge[data-role="writer"] .badge-seal{border-radius:75% 15% 75% 15%;transform:rotate(-8deg)}
.tut-role-badge[data-role="writer"] .badge-symbol{transform:rotate(8deg)}
.tut-role-badge[data-role="reviewer"] .badge-seal{border-radius:50%;border-width:2px}
.tut-role-badge[data-role="reviewer"] .badge-seal:after{content:"";position:absolute;width:10px;height:3px;background:var(--badge-accent);right:-7px;bottom:0;transform:rotate(45deg);border-radius:2px}
.tut-role-badge[data-role="media"] .badge-seal{border-radius:7px;box-shadow:0 0 0 2px rgba(0,0,0,.6) inset,0 0 13px var(--badge-glow)}
.tut-role-badge[data-role="moderator"] .badge-seal{border-radius:50% 50% 42% 42%;clip-path:polygon(50% 0,95% 25%,88% 75%,50% 100%,12% 75%,5% 25%)}
.tut-role-badge[data-role="volunteer"] .badge-seal{border-radius:50% 50% 58% 58%;clip-path:polygon(50% 100%,5% 42%,8% 18%,30% 5%,50% 25%,70% 5%,92% 18%,95% 42%)}
.tut-role-badge[data-role="member"] .badge-seal{clip-path:polygon(50% 0,90% 25%,90% 75%,50% 100%,10% 75%,10% 25%)}
.tut-role-badge[data-role="supporter"] .badge-seal{border-radius:50%;clip-path:polygon(50% 100%,5% 43%,9% 18%,30% 5%,50% 25%,70% 5%,91% 18%,95% 43%)}
.tut-role-badge[data-role="founding-supporter"] .badge-seal{border-radius:5px;transform:rotate(45deg)}
.tut-role-badge[data-role="founding-supporter"] .badge-symbol,.tut-role-badge[data-role="founding-supporter"] .badge-brand{transform:rotate(-45deg)}
.tut-role-badge[data-role="founding-supporter"] .badge-brand{transform:translateX(-50%) rotate(-45deg)}