/* Shared title skins: the base title stays unchanged; ownership is checked by the server. */
:is(.ti-plate,.bp-mini-plate)[data-ti-skin] {
  --ti-edge:#729bc0; --ti-ink:#e1effe; --ti-top:#396c92; --ti-bottom:#224863;
  display:inline-flex; align-items:center; justify-content:center; gap:5px; position:relative;
  isolation:isolate; overflow:hidden; box-sizing:border-box; vertical-align:middle;
  min-height:23px; min-width:71px; padding:4px 10px; font-size:11px; line-height:1.2;
  font-weight:600; letter-spacing:.5px; white-space:nowrap; color:var(--ti-ink);
  border:1px solid transparent; border-radius:6px; text-shadow:none;
  background:linear-gradient(180deg,var(--ti-top),var(--ti-bottom)) padding-box,
    linear-gradient(140deg,#ffffffa0,var(--ti-edge) 22%,#343445 53%,var(--ti-edge) 83%,#ffffff60) border-box;
  box-shadow:0 2px 5px #00000024;
}
:is(.ti-plate,.bp-mini-plate)[data-ti-skin].ti-ti-new { border-radius:8px 4px 8px 4px; }
:is(.ti-plate,.bp-mini-plate)[data-ti-skin].ti-ti-pro { --ti-edge:#b69be5; --ti-ink:#f0e6ff; --ti-top:#68508f; --ti-bottom:#43315f; border-radius:3px 8px 3px 8px; }
:is(.ti-plate,.bp-mini-plate)[data-ti-skin].ti-ti-star { --ti-edge:#e6ca82; --ti-ink:#ffe9b0; --ti-top:#7a6133; --ti-bottom:#4d3d21; clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%); border-radius:2px; padding-inline:14px; }
:is(.ti-plate,.bp-mini-plate)[data-ti-skin].ti-ti-master { --ti-edge:#d2b781; --ti-ink:#ffe8b9; --ti-top:#984448; --ti-bottom:#5b202b; border-radius:4px; }
:is(.ti-plate,.bp-mini-plate)[data-ti-skin]::before {
  content:""; display:block; flex:0 0 12px; width:12px; height:12px; background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 10v4M9 6v12M14 3v18M19 8v8'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 10v4M9 6v12M14 3v18M19 8v8'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
}
:is(.ti-plate,.bp-mini-plate)[data-ti-skin].ti-ti-pro::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 5v14M12 5v14M20 5v14M1 9h6M9 15h6M17 8h6'/%3E%3C/g%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 5v14M12 5v14M20 5v14M1 9h6M9 15h6M17 8h6'/%3E%3C/g%3E%3C/svg%3E"); }
:is(.ti-plate,.bp-mini-plate)[data-ti-skin].ti-ti-star::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 2.8 6.4 7 1-5.1 4.9 1.2 7L12 18l-5.9 3.3 1.2-7-5.1-4.9 7-1Z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 2.8 6.4 7 1-5.1 4.9 1.2 7L12 18l-5.9 3.3 1.2-7-5.1-4.9 7-1Z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E"); }
:is(.ti-plate,.bp-mini-plate)[data-ti-skin].ti-ti-master::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 6 5 4 4-7 4 7 5-4-3 12H6ZM6 22h12' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 6 5 4 4-7 4 7 5-4-3 12H6ZM6 22h12' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
:is(.ti-plate,.bp-mini-plate)[data-ti-skin="studio"] { border:1px solid var(--ti-edge); border-radius:3px; clip-path:none; padding-inline:9px; background:repeating-linear-gradient(90deg,#ffffff04 0,#ffffff04 1px,transparent 1px,transparent 8px),linear-gradient(100deg,#ffffff0c,transparent 45%),#2d3b46; box-shadow:inset 3px 0 0 #00000033,inset 4px 0 0 var(--ti-edge); }
:is(.ti-plate,.bp-mini-plate)[data-ti-skin="studio"].ti-ti-pro { background-color:#393344; }
:is(.ti-plate,.bp-mini-plate)[data-ti-skin="studio"].ti-ti-star { --ti-edge:#bba36b; background-color:#3e382b; }
:is(.ti-plate,.bp-mini-plate)[data-ti-skin="studio"].ti-ti-master { --ti-edge:#bba36b; background-color:#422d2f; }
:is(.ti-plate,.bp-mini-plate)[data-ti-skin="enamel"]::after { content:""; position:absolute; inset:-10px -50%; background:linear-gradient(110deg,transparent 39%,#ffffff2b 49%,transparent 60%); transform:translateX(-65%); opacity:0; pointer-events:none; }
.bp-skin-option:hover [data-ti-skin="enamel"]::after { animation:ti-skin-glint .8s ease-out both; }
.chat-who .ti-plate[data-ti-skin] { min-height:20px; min-width:61px; padding:2px 7px; font-size:10px; margin:0; }
@keyframes ti-skin-glint { 0%{opacity:0;transform:translateX(-65%)}25%{opacity:1}100%{opacity:0;transform:translateX(65%)} }
@media(prefers-reduced-motion:reduce) { :is(.ti-plate,.bp-mini-plate)[data-ti-skin]::after { animation:none!important; } }

/* Independent illustrated title badges; the lettering is part of the artwork. */
:is(.ti-plate,.bp-mini-plate).ti-ti-mixmaster { --title-art:url('./assets/nameplates/mixmaster.png?v=premium-titles-20261101'); }
:is(.ti-plate,.bp-mini-plate).ti-ti-celestialvoice { --title-art:url('./assets/nameplates/celestialvoice.png?v=premium-titles-20261101'); }
:is(.ti-plate,.bp-mini-plate).ti-ti-veteran { --title-art:url('./assets/nameplates/veteran.png?v=premium-titles-20261101'); }
body :is(.ti-plate,.bp-mini-plate):is(.ti-ti-mixmaster,.ti-ti-celestialvoice,.ti-ti-veteran) {
  display:inline-block; position:relative; flex:none; width:104px; max-width:100%; min-width:0; height:27px;
  margin:0; padding:0; border:0; border-radius:0; box-shadow:none; clip-path:none;
  background:var(--title-art) center / 100% auto no-repeat transparent;
  color:transparent!important; font-size:0!important; line-height:0; vertical-align:middle;
}
body :is(.ti-plate,.bp-mini-plate):is(.ti-ti-mixmaster,.ti-ti-celestialvoice,.ti-ti-veteran)::before,
body :is(.ti-plate,.bp-mini-plate):is(.ti-ti-mixmaster,.ti-ti-celestialvoice,.ti-ti-veteran)::after { content:none; }
#bpModal .bp-prev:has(.bp-mini-plate:is(.ti-ti-mixmaster,.ti-ti-celestialvoice,.ti-ti-veteran)) { width:100%; }
#bpModal .bp-mini-plate:is(.ti-ti-mixmaster,.ti-ti-celestialvoice,.ti-ti-veteran) { width:134px; max-width:100%; height:40px; }
#bpModal .bp-stage-badges .ti-plate:is(.ti-ti-mixmaster,.ti-ti-celestialvoice,.ti-ti-veteran) { width:118px; height:31px; }