.tcq-cosmetic-title{border:0!important;outline:none!important;box-shadow:none!important;background:var(--dark);color:#fff4d4;padding:7px 14px;min-height:36px;isolation:isolate;font-size:20px;clip-path:polygon(0 8px,8px 8px,8px 3px,calc(100% - 8px) 3px,calc(100% - 8px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) calc(100% - 3px),8px calc(100% - 3px),8px calc(100% - 8px),0 calc(100% - 8px))!important}
.tcq-cosmetic-title::before{content:"";position:absolute;inset:5px 9px;border-top:1px solid var(--main);border-bottom:1px solid var(--main);pointer-events:none;z-index:-1}.tcq-cosmetic-title svg{width:19px;height:19px;animation:title-bob 4s ease-in-out infinite}.tcq-cosmetic-title>span{position:relative}.tcq-cosmetic-title-spark{position:absolute;width:3px;height:3px;top:4px;left:12px;background:#fff3c8;box-shadow:2px 0 var(--main);animation:title-trace 5s linear infinite;pointer-events:none}.tcq-cosmetic-title.r1 .tcq-cosmetic-title-spark{display:none}.tcq-cosmetic-title.r3 .tcq-cosmetic-title-spark{animation-duration:4s}.tcq-cosmetic-title.r4 .tcq-cosmetic-title-spark{animation-duration:3.5s}@keyframes title-trace{0%{left:12px;top:4px}48%{left:calc(100% - 15px);top:4px}50%{left:calc(100% - 15px);top:calc(100% - 7px)}98%{left:12px;top:calc(100% - 7px)}100%{left:12px;top:4px}}@keyframes title-bob{50%{transform:translateY(-2px)}}

.tcq-cosmetic-title{display:inline-flex;align-items:center;justify-content:center;gap:5px;position:relative;max-width:100%;line-height:1.15;font-family:TCQPixel,monospace}.tcq-cosmetic-title svg{flex:none}.cosmetic-frame-host:not(#hudProfileAvatar){position:relative}.cosmetic-frame-overlay{position:absolute;inset:-15%;width:130%;height:130%;pointer-events:none;z-index:2}.cosmetic-frame-overlay svg{width:100%;height:100%}.cosmetic-controls{padding:12px;border-top:1px solid #b79b6c;grid-column:1 / -1}.cosmetic-controls h3{margin:8px 0}.cosmetic-choices{display:flex;flex-wrap:wrap;gap:8px;max-height:240px;overflow:auto}.cosmetic-choices button{font:18px TCQPixel,monospace;min-height:44px;padding:8px;background:#fff5dc;color:#49341f;border:2px solid #b79b6c;max-width:100%}.cosmetic-choices button[aria-pressed=true]{background:#e2ebc0;border-color:#668343}.cosmetic-choices button>svg{width:52px;height:52px;vertical-align:middle}.cosmetic-status{font:18px TCQPixel,monospace}#profileSelfPortrait{position:relative}.cosmetic-profile-wrap{position:relative;display:inline-block;align-self:center;justify-self:center}.cosmetic-profile-title{grid-column:1 / -1;text-align:center;margin:8px}.cosmetic-frame-overlay .frame-sparks{animation:cosmetic-spark 4s ease-in-out infinite}@keyframes cosmetic-spark{50%{opacity:.6;transform:translateY(-1px)}}@media(prefers-reduced-motion:reduce){.tcq-cosmetic-title svg,.tcq-cosmetic-title .tcq-cosmetic-title-spark,.cosmetic-frame-overlay .frame-sparks{animation:none!important}}

#hudProfileAvatar.has-cosmetic-frame #hudSelfPortrait{transform:scale(.62);transform-origin:center;border:0!important;background:transparent!important;box-shadow:none!important}
.cosmetic-profile-wrap{width:100px;height:116px;max-width:100%}.cosmetic-profile-wrap.has-cosmetic-frame #profileSelfPortrait{width:64px!important;height:74px!important;position:absolute;left:18px;top:21px;background:transparent!important;border:0!important;box-shadow:none!important}
.cosmetic-controls .tcq-cosmetic-title svg{width:19px!important;height:19px!important}

.remote-profile-avatar.has-cosmetic-frame canvas{transform:scale(.62);transform-origin:center}