/* MUVIK V8.3: Accessible colors and visible profile cosmetics. */
.v83-colors .v83-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px}
.v83-colors .v83-color-grid>label{display:flex!important;flex-direction:column;align-items:stretch!important;gap:9px;margin:0!important;font-size:14px;font-weight:600}
.v83-colors .v83-color-row{display:flex;gap:10px;align-items:center}
.v83-colors .v83-swatch{width:56px;height:48px;flex:none;border:2px solid #ffffffa6;border-radius:11px;background:#fff;box-shadow:0 3px 12px #0005}
.v83-colors input[type="text"]{display:block!important;flex:1!important;min-width:0!important;width:100%!important;max-width:100%!important;padding:12px!important;min-height:48px!important;box-sizing:border-box!important;background:#0c1522!important;color:#f5f8ff!important;border:1px solid #587087!important;border-radius:10px!important;appearance:none!important;-webkit-appearance:none!important;font-size:16px!important;letter-spacing:.025em}
.v83-colors input[aria-invalid="true"]{border-color:#f26d76!important}
.v83-colors select{width:100%;min-height:44px;background:#152434!important;color:white!important;border-radius:10px!important;padding:9px!important}
.v83-colors #v8ColorsSave{min-height:48px;max-width:100%!important}
.v83-colors #v8CosmeticStatus{white-space:pre-wrap;overflow-wrap:anywhere}
/* The effect must be visibly distinct but never cover content or alter gradient/banner. */
html .v7-card.v71-profile-sparkle,html .v7-card.v71-profile-aura,html .v7-card.v71-profile-pulse{position:relative!important;isolation:isolate;overflow:visible!important}
html .v7-card.v71-profile-sparkle::after,html .v7-card.v71-profile-aura::after,html .v7-card.v71-profile-pulse::after{content:"";position:absolute;inset:-6px;border-radius:26px;pointer-events:none;z-index:0;border:3px solid var(--v8-effect-color,#d5f66d);box-shadow:0 0 14px var(--v8-effect-color,#d5f66d),inset 0 0 13px var(--v8-effect-color,#d5f66d);opacity:.82}
html .v7-card.v71-profile-sparkle::after{border-style:dashed;animation:v83-spark 2.8s ease-in-out infinite}
html .v7-card.v71-profile-aura::after{border-style:solid;animation:v83-aura 3.5s ease-in-out infinite}
html .v7-card.v71-profile-pulse::after{border-style:double;border-width:6px;animation:v83-pulse 2.2s ease-in-out infinite}
@keyframes v83-spark{0%,100%{opacity:.64;filter:brightness(1);box-shadow:0 0 10px var(--v8-effect-color)}50%{opacity:1;filter:brightness(1.3);box-shadow:0 0 28px var(--v8-effect-color)}}
@keyframes v83-aura{0%,100%{opacity:.58;box-shadow:0 0 15px var(--v8-effect-color)}50%{opacity:1;box-shadow:0 0 38px var(--v8-effect-color)}}
@keyframes v83-pulse{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(1.012);opacity:1}}
html .v7-card .v7-profile-head,html .v7-card .v7-bio,html .v7-card .v71-profile-sub,html .v7-card .v7-buttons{position:relative;z-index:2}
/* Accessories are anchored to avatar frame only. */
html .v7-card .v71-avatar-frame{position:relative!important;overflow:visible!important;isolation:isolate;z-index:5!important;flex-shrink:0!important}
html .v7-card .v71-avatar-frame .v81-accessory{pointer-events:none;display:block;z-index:12;color:var(--v81-jewel,#fff);filter:drop-shadow(0 2px 2px #08101bea) drop-shadow(0 0 6px currentColor)}
html .v7-card .v71-avatar-frame .v81-accessory-crown{width:118%;height:73%;top:-42%;left:50%}
html .v7-card .v71-avatar-frame .v81-accessory-star{width:73%;height:75%;top:-34%;left:84%}
html .v7-card .v71-avatar-frame .v81-accessory-flame{width:78%;height:86%;top:-38%;left:84%}
/* Accessibility: persistent, visible static effect for reduced-motion users. */
@media(prefers-reduced-motion:reduce){html .v7-card.v71-profile-sparkle::after,html .v7-card.v71-profile-aura::after,html .v7-card.v71-profile-pulse::after{animation:none!important;opacity:.92!important}}
@media(max-width:650px){.v83-colors .v83-color-grid{grid-template-columns:1fr}.v83-colors .v83-color-row{width:100%}}
