.site-user-label{display:inline;overflow-wrap:anywhere}.user-title{display:inline-block;margin-right:.4em;padding:.15em .45em;border-radius:5px;color:#fff;font-size:.75em;font-weight:800;line-height:1.4;vertical-align:middle;white-space:nowrap;background:#465b61}.title-rich{background:#835400}.title-coach{background:#215ec4}.title-owner{background:#277a47}.title-star{background:#ac377b}.title-vip{background:#7344b0}.title-vanguard{background:#286c7b}.title-beast{background:#b0362c}.title-steady{background:#536129}
.social-comment header{height:auto;padding:0;background:transparent;border:0;font:inherit;justify-content:flex-start}.mention-results button{background:var(--paper,var(--bg));color:var(--ink)}
[data-squad-visibility]{display:grid;gap:8px;margin:14px 0;padding:16px;border:1px solid var(--line,#bccdc0);border-radius:12px}[data-squad-visibility] select{max-width:100%;width:auto}.social-thread{margin-top:18px;border-top:1px solid var(--line,#bccdc0);padding-top:14px}.social-comment{padding:16px 0;border-bottom:1px solid var(--line,#bccdc0);min-width:0}.social-comment header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.social-body{white-space:pre-wrap;overflow-wrap:anywhere}.social-replies{margin:10px 0 0 14px;border-left:2px solid var(--line,#bccdc0);padding-left:12px}.social-replies summary{cursor:pointer;font-weight:700;padding:8px 0}.social-attached{display:flex;flex-wrap:wrap;gap:10px}.social-attached figure{margin:0;max-width:120px;text-align:center}.social-attached img{width:100%;max-height:170px;object-fit:contain}.social-attached figcaption{font-size:12px;overflow-wrap:anywhere}.social-card-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;max-height:300px;overflow:auto}.social-card-picker label{display:flex;align-items:center;flex-direction:column;padding:8px;border:1px solid var(--line,#bccdc0)}.social-card-picker img{width:60px;height:85px;object-fit:contain}.social-card-picker input{width:auto}.mention-results{max-height:220px;overflow:auto;border:1px solid var(--line,#bccdc0);margin:4px 0 12px}.mention-results button{display:block;width:100%;text-align:left;padding:10px;background:var(--paper,var(--bg));color:var(--ink);border:0}.mention-results button:hover{filter:brightness(.92)}[data-mention-input]{width:100%}.social-thread small{opacity:.8}

.social-card-art{display:block;position:relative}.social-attached .social-card-art>img.social-upgrade-badge{position:absolute;right:-6%;top:-12%;width:52%;height:48%;object-fit:contain;pointer-events:none;z-index:1}


.user-title.title-gold,.user-title.title-platinum,.user-title.title-legend{position:relative;isolation:isolate;overflow:hidden;border:1px solid;box-sizing:border-box}
.user-title.title-gold{color:#493006;background:linear-gradient(115deg,#b87b12 0%,#f5cc60 24%,#fff2b6 43%,#dba72e 60%,#ffe69b 81%,#bc821a 100%);border-color:#d4a63e;text-shadow:0 1px 0 #fff2b6;box-shadow:inset 0 1px 0 #fff8cf,0 0 5px #dca73140}
.user-title.title-platinum{color:#263d54;background:linear-gradient(115deg,#839cac 0%,#d8e7ee 24%,#fff 44%,#bed4df 61%,#edf6fb 81%,#91acbf 100%);border-color:#aec6d5;text-shadow:0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff,0 0 5px #b4def64d}
.user-title.title-legend{color:#fff7da;background:linear-gradient(115deg,#481c83,#7b2367 28%,#a95117 50%,#225f87 72%,#481c83);background-size:250% 100%;border-color:#f6cf78;text-shadow:0 1px 2px #22102e;box-shadow:inset 0 0 4px #ffdc8866,0 0 6px #c980ba66;animation:legend-spectrum 8s ease-in-out infinite}
.user-title.title-gold::after,.user-title.title-platinum::after,.user-title.title-legend::after{content:'';position:absolute;inset:-40% -70%;pointer-events:none;background:linear-gradient(110deg,transparent 42%,#ffffff70 49%,transparent 56%);transform:translateX(-65%);animation:title-metal-shine 7s ease-in-out infinite}
.user-title.title-platinum::after{animation-delay:1.2s}.user-title.title-legend::after{animation-duration:5s;background:linear-gradient(110deg,transparent 42%,#fff5be80 49%,transparent 56%)}
@keyframes title-metal-shine{0%,65%{transform:translateX(-65%)}90%,100%{transform:translateX(65%)}}
@keyframes legend-spectrum{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.user-title.title-legend,.user-title.title-gold::after,.user-title.title-platinum::after,.user-title.title-legend::after{animation:none}.user-title::after{display:none}}