/* VEXMIRA v4.3.1 R15 HF3 — creator/giveaway/media geometry final layer. */

/* Profile and ranking frames: one authoritative square geometry, no stretch or oval rings. */
.vx-profile-frame{box-sizing:border-box!important;aspect-ratio:1/1!important;min-width:0!important;min-height:0!important;transform:none!important;flex-shrink:0!important;overflow:visible!important}
.vx-profile-frame::after{box-sizing:border-box!important;inset:-4px!important;padding:3px!important;border-radius:50%!important;transform:none!important;background-origin:border-box!important;background-clip:border-box!important}
.profile-avatar-wrap.vx-profile-frame{width:116px!important;height:116px!important;min-width:116px!important;min-height:116px!important;max-width:116px!important;max-height:116px!important;padding:0!important;margin-inline:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;contain:layout!important}
.profile-avatar-wrap.vx-profile-frame>.hexav,.profile-avatar-wrap.vx-profile-frame>img{width:116px!important;height:116px!important;min-width:116px!important;min-height:116px!important;max-width:116px!important;max-height:116px!important;aspect-ratio:1/1!important;border-radius:50%!important;clip-path:circle(50%)!important;object-fit:cover!important;object-position:center!important;margin:0!important;transform:none!important}
.vx800-avatar-frame.vx-profile-frame{width:var(--vx-avatar-size,48px)!important;height:var(--vx-avatar-size,48px)!important;min-width:var(--vx-avatar-size,48px)!important;min-height:var(--vx-avatar-size,48px)!important;max-width:var(--vx-avatar-size,48px)!important;max-height:var(--vx-avatar-size,48px)!important;padding:0!important;border-radius:50%!important}
.vx800-avatar-frame.vx-profile-frame::after,.vx800-inline-frame.vx-profile-frame::after,.vx800-post-avatar.vx-profile-frame::after{inset:-4px!important;padding:3px!important}
.vx800-avatar-frame.vx-profile-frame>img,.vx800-avatar-frame.vx-profile-frame>.hexav,.vx800-post-avatar.vx-profile-frame>img,.vx800-post-avatar.vx-profile-frame>.hexav{width:100%!important;height:100%!important;aspect-ratio:1/1!important;border-radius:50%!important;clip-path:circle(50%)!important;object-fit:cover!important;transform:none!important}
.nav-avatar.vx-profile-frame,.vx-vip-live-avatar.vx-profile-frame,.up-av.vx-profile-frame{aspect-ratio:1/1!important;border-radius:50%!important;padding:0!important}

/* Creator directory: full-width media, stronger hierarchy and reliable local/provider images. */
#streamerGrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))!important;gap:18px!important;align-items:stretch!important}
.vx62-streamer-card{position:relative!important;min-height:356px!important;border:1px solid color-mix(in srgb,var(--vio) 24%,var(--line))!important;background:linear-gradient(165deg,color-mix(in srgb,var(--panel) 97%,#140b27),color-mix(in srgb,var(--panel2) 97%,#090812))!important;box-shadow:0 24px 60px -44px rgba(0,0,0,.9)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}
.vx62-streamer-card:hover{transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--vio) 52%,var(--line))!important;box-shadow:0 28px 70px -42px color-mix(in srgb,var(--vio) 38%,#000)!important}
.vx62-streamer-card .str-banner{aspect-ratio:16/7!important;min-height:150px!important;background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--vio) 42%,transparent),transparent 44%),linear-gradient(135deg,#181128,#0b1023)!important}
.vx62-streamer-card .str-banner>img.vx432-streamer-banner,.vx62-streamer-card .str-banner>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;opacity:1!important;visibility:visible!important}
.vx62-streamer-card .str-av{width:70px!important;height:70px!important;min-width:70px!important;border-radius:20px!important;margin-top:-43px!important;padding:0!important}
.vx62-streamer-card .str-av>img.vx432-streamer-logo,.vx62-streamer-card .str-av>img{width:100%!important;height:100%!important;border-radius:16px!important;object-fit:cover!important;object-position:center!important;display:block!important}
.vx62-streamer-card .str-body{grid-template-columns:70px minmax(0,1fr)!important;padding:18px!important;row-gap:12px!important}
.vx62-streamer-card .str-name{font-size:16px!important;letter-spacing:-.015em!important}.vx62-streamer-card .str-bio{color:var(--mut)!important;line-height:1.55!important}
.vx432-streamer-meta{display:flex;gap:6px;align-items:center;margin-top:7px;min-height:20px}.vx432-sync{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--line);background:color-mix(in srgb,var(--panel2) 88%,transparent);color:var(--mut)}.vx432-sync::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}.vx432-sync.ok{color:#4ce7ae}.vx432-sync.warn{color:#ffc761}.vx432-sync.pending{color:#b99aff}
.vx432-card-manage{position:absolute;right:14px;bottom:66px;z-index:7}.vx432-card-manage .btn{min-height:30px!important;padding:5px 9px!important;font-size:9px!important;backdrop-filter:blur(10px)}

/* Giveaways: banner is always a real bounded cover when present; staff management is local to the card. */
.vx62-giveaway-card{position:relative!important;overflow:hidden!important}.vx62-giveaway-card .gv-visual{position:relative!important;min-height:174px!important;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--give,#8f36ff) 28%,transparent),transparent 42%),linear-gradient(155deg,#1b1025,#090b18)!important}
.vx62-giveaway-card .gv-visual>img.vx432-giveaway-banner,.vx62-giveaway-card .gv-visual>img.vx62-giveaway-banner{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;display:block!important;opacity:1!important;visibility:visible!important;z-index:0!important}
.vx62-giveaway-card .vx62-giveaway-shade{z-index:1!important}.vx62-giveaway-card .vx62-giveaway-logo,.vx62-giveaway-card .gv-badge,.vx62-giveaway-card .vx62-giveaway-rank{z-index:2!important}
.vx432-giveaway-actions{display:flex;gap:8px;padding:0 13px 13px;margin-top:-2px;position:relative;z-index:8}.vx432-giveaway-actions .btn{flex:1 1 0;min-height:34px!important}.vx432-feature-actions{position:absolute!important;right:18px!important;bottom:18px!important;z-index:7!important;display:flex!important;gap:8px!important}.vx62-giveaway-featured{position:relative!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;overflow:hidden!important}.vx62-giveaway-featured.vx432-has-banner::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,4,13,.06),rgba(4,4,13,.18));z-index:0}.vx62-giveaway-featured>*{position:relative;z-index:1}.vx432-modal-actions{display:flex;gap:9px;margin-top:14px}.vx432-modal-actions .btn{flex:1 1 0}

/* The newer favicon/brand asset remains sharp and centered everywhere. */
img[src*="favicon-vexmira"],img[src*="vexmira-mark-v431"]{object-position:center!important}

@media(max-width:720px){
  .profile-avatar-wrap.vx-profile-frame,.profile-avatar-wrap.vx-profile-frame>.hexav,.profile-avatar-wrap.vx-profile-frame>img{width:104px!important;height:104px!important;min-width:104px!important;min-height:104px!important;max-width:104px!important;max-height:104px!important}
  .vx62-streamer-card{min-height:330px!important}.vx62-streamer-card .str-banner{min-height:126px!important}.vx62-streamer-card .str-av{width:60px!important;height:60px!important;min-width:60px!important;margin-top:-37px!important}.vx62-streamer-card .str-body{grid-template-columns:60px minmax(0,1fr)!important;padding:15px!important}.vx432-card-manage{position:static!important;grid-column:1/-1;margin:-4px 15px 14px!important}.vx432-feature-actions{position:relative!important;right:auto!important;bottom:auto!important;margin-top:14px!important}.vx432-giveaway-actions,.vx432-modal-actions{flex-wrap:wrap}.vx432-giveaway-actions .btn,.vx432-modal-actions .btn{min-width:120px}
}