/* Madness Market 2.1 — more distinct premium cosmetics, still CSS-only. */
@keyframes mmd-mm-orbit {to{transform:rotate(360deg)}}
@keyframes mmd-mm-halo {0%,100%{opacity:.74;transform:scale(.97)}50%{opacity:1;transform:scale(1.06)}}
@keyframes mmd-mm-float {0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-3px,0)}}
@keyframes mmd-mm-glint {0%{background-position:220% center}100%{background-position:-120% center}}
@keyframes mmd-mm-stage-shimmer {0%{background-position:0 0,0 0,0 0,0 0}100%{background-position:0 0,0 0,100% 0,0 0}}
@keyframes mmd-mm-pulse {0%,100%{filter:brightness(1)}50%{filter:brightness(1.35)}}
@keyframes mmd-mm-flicker {0%,100%{transform:translateY(0) scale(1);filter:saturate(1)}20%{transform:translateY(-1px) scale(1.02,.99);filter:saturate(1.15)}50%{transform:translateY(-2px) scale(.99,1.05);filter:saturate(1.3)}80%{transform:translateY(-1px) scale(1.04,.97)}}
@keyframes mmd-mm-bulb-chase {0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes mmd-mm-arc-flash {0%,100%{opacity:.45;filter:drop-shadow(0 0 3px var(--mmd-frame-a))}45%{opacity:.7}50%{opacity:1;filter:drop-shadow(0 0 10px var(--mmd-frame-b)) drop-shadow(0 0 18px var(--mmd-frame-a))}55%{opacity:.4}}
@keyframes mmd-mm-goo-bob {0%,100%{transform:translateY(0)}50%{transform:translateY(2px)}}
@keyframes mmd-mm-shiver {0%,100%{transform:rotate(0deg) scale(1)}25%{transform:rotate(-1deg) scale(1.012)}75%{transform:rotate(1deg) scale(.99)}}
@keyframes mmd-mm-twinkle {0%,100%{opacity:.4;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}
/* Wrap only avatars for users who equipped a purchased frame. Otherwise original HTML untouched. */
.mmd-mm-avatar-shell{--mmd-frame-a:#8cec8d;--mmd-frame-b:#ffd15e;position:relative;isolation:isolate;display:inline-grid;place-items:center;vertical-align:middle;flex:0 0 auto!important;width:var(--mmd-frame-size,64px);height:var(--mmd-frame-size,64px);border-radius:50%;margin:0!important;box-sizing:border-box;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--mmd-frame-a) 35%,transparent))}
.mmd-mm-avatar-shell>img,.mmd-mm-avatar-shell>.avatar{position:relative;z-index:2;display:block!important;box-sizing:border-box!important;width:100%!important;height:100%!important;margin:0!important;object-fit:cover!important;border:3px solid #111a24!important;border-radius:50%!important;background:#111a24!important;box-shadow:inset 0 0 7px rgba(0,0,0,.6),0 0 8px var(--mmd-frame-a)!important}



/* Existing shop items now become genuinely different families. */








/* New frame families seeded into the Market. */












/* Profile background: multiple theatrical layers and sweeping stage beams. */
.mm-member-profile .mm-member-profile-hero:has(.mmd-mm-avatar-shell){overflow:visible}
.mm-member-profile .mm-member-profile-cover{will-change:auto}
.mm-member-profile .mm-member-profile-hero:has(.mmd-mm-avatar-shell) .mm-profile-identity-card{position:relative;z-index:2}
/* Shop: premium glassy cards, animated showcase, responsive tabs. */
#mmd-market [hidden]{display:none!important}
#mmd-market.mmd-market{background:linear-gradient(140deg,#10231f,#0e1428 55%,#1b142a)!important;border:1px solid rgba(158,234,181,.18)!important;box-shadow:0 22px 55px rgba(0,0,0,.18)!important}
#mmd-market .mmd-mm-market-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 18px;border-bottom:1px solid rgba(255,255,255,.11);padding-bottom:14px}
#mmd-market .mmd-mm-market-tabs button{color:#dcece7;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:10px;font-size:13px;font-weight:800;min-height:40px;padding:9px 14px;cursor:pointer;transition:background .2s,transform .2s,border-color .2s}
#mmd-market .mmd-mm-market-tabs button:hover{transform:translateY(-2px);border-color:#91e8b9}
#mmd-market .mmd-mm-market-tabs button.is-active{color:#092017;background:linear-gradient(125deg,#c5ff9b,#6bf4bf);box-shadow:0 0 20px rgba(91,255,179,.18);border-color:transparent}
#mmd-market .mmd-market__grid{gap:15px!important}
#mmd-market .mmd-market-item{position:relative;isolation:isolate;background:linear-gradient(140deg,rgba(255,255,255,.07),rgba(255,255,255,.023))!important;border:1px solid color-mix(in srgb,var(--mmd-item-accent) 35%,rgba(255,255,255,.08))!important;box-shadow:0 9px 22px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.055);transition:border-color .2s,box-shadow .2s,transform .2s;padding:16px!important}
#mmd-market .mmd-market-item:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.25),0 0 24px color-mix(in srgb,var(--mmd-item-accent) 18%,transparent)}
#mmd-market .mmd-market-item__preview{position:relative;overflow:hidden;min-height:90px;justify-content:center!important;border-radius:12px!important;background:radial-gradient(circle at 20% 30%,color-mix(in srgb,var(--mmd-item-accent) 40%,transparent),transparent 58%),linear-gradient(130deg,#202539,#0c1721)!important;border:1px solid rgba(255,255,255,.1);margin-bottom:13px!important}
#mmd-market .mmd-market-item__preview:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.16) 40%,transparent 60%);background-size:280% 100%;animation:mmd-mm-glint 7s linear infinite;pointer-events:none}
#mmd-market .mmd-market-item__icon{display:grid!important;position:relative;color:var(--mmd-item-accent);width:54px!important;height:54px!important;min-width:54px;border-radius:50%;border:3px solid var(--mmd-item-accent2);box-shadow:0 0 18px var(--mmd-item-accent),inset 0 0 15px color-mix(in srgb,var(--mmd-item-accent) 55%,transparent);animation:mmd-mm-float 3s ease-in-out infinite}
#mmd-market .mmd-market-item__icon svg{width:26px;height:26px}
#mmd-market .mmd-mm-preview-avatar_frame .mmd-market-item__icon:before{content:"";position:absolute;inset:-8px;border:5px solid transparent;border-top-color:var(--mmd-item-accent);border-left-color:var(--mmd-item-accent2);border-radius:50%;animation:mmd-mm-orbit 4s linear infinite}
#mmd-market .mmd-mm-preview-profile_background{background:radial-gradient(ellipse at 40% 15%,var(--mmd-item-accent),transparent 46%),radial-gradient(ellipse at 90% 95%,var(--mmd-item-accent2),transparent 60%),linear-gradient(120deg,#170d2e,#162832)!important}
#mmd-market .mmd-mm-preview-chat_bubble .mmd-market-item__sample{border-radius:14px 14px 14px 3px;background:linear-gradient(130deg,var(--mmd-item-accent),var(--mmd-item-accent2));color:#0c1421!important;padding:8px 10px;box-shadow:0 0 14px var(--mmd-item-accent)}
#mmd-market .mmd-market-item__sample{font-weight:800!important;color:#fff!important;text-shadow:0 1px 5px #10151c}
#mmd-market .mmd-market-item__foot button{cursor:pointer}
#mmd-market .mmd-mm-quantity{font-size:11px;color:#a9ffe7;font-weight:800}
#mmd-market .mmd-mm-inventory-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 19px}
#mmd-market .mmd-mm-inventory-stats>span,.mmd-mm-profile-inventory .mmd-mm-inventory-stats>span{background:linear-gradient(150deg,rgba(92,245,205,.14),rgba(131,103,244,.08));border:1px solid rgba(111,237,220,.22);border-radius:12px;padding:12px;text-align:center;color:var(--mm-text,#fff);font-size:12px}
.mmd-mm-inventory-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}
.mmd-mm-inventory-stats b{display:block;font-size:24px;font-weight:900;color:#95fdd4}
.mmd-mm-inventory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:13px 0}
.mmd-mm-owned{display:flex;align-items:center;gap:11px;min-width:0;border:1px solid color-mix(in srgb,var(--mmd-item-accent) 40%,rgba(255,255,255,.13));border-radius:13px;background:linear-gradient(130deg,color-mix(in srgb,var(--mmd-item-accent) 15%,#15231f),#131b2a);padding:12px;color:var(--mm-text,#f3f2e9)}
.mmd-mm-owned>span{color:var(--mmd-item-accent);width:28px;flex:0 0 auto}
.mmd-mm-owned>div:not(.mmd-mm-inventory-stats){flex:1;min-width:0}
.mmd-mm-owned strong,.mmd-mm-owned small{display:block;overflow-wrap:anywhere}
.mmd-mm-owned small{color:var(--mm-muted,#acb8b3);font-size:11px}
.mmd-mm-owned em{font-size:11px;font-style:normal;color:#a8fbdc}
.mmd-mm-owned .mmd-market-button{white-space:nowrap;padding:7px 12px!important;min-height:34px!important}
.mmd-mm-owned .mmd-mm-form{margin:0!important}
.mmd-mm-collections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.mmd-mm-collection{border:1px solid rgba(164,120,251,.35);border-radius:14px;padding:16px;color:var(--mm-text,#f5f7f4);background:radial-gradient(circle at 98% 6%,rgba(170,123,255,.23),transparent 56%),linear-gradient(135deg,#1c2030,#171925)}
.mmd-mm-collection>div:first-child{display:flex;justify-content:space-between;gap:8px;font-weight:800}
.mmd-mm-collection>div:first-child span{color:#ddb6ff}
.mmd-mm-progress{margin-top:13px;height:8px;border-radius:99px;background:rgba(255,255,255,.13);overflow:hidden}
.mmd-mm-progress>span{display:block;height:100%;background:linear-gradient(90deg,#f7ca5b,#b47af8,#60edcc);border-radius:99px;box-shadow:0 0 12px #a77bfa}
.mmd-mm-collection p{font-size:12px;color:#b7c0ca;margin:9px 0 0}
.mmd-mm-profile-inventory{padding:12px;margin:15px 0;border:1px solid rgba(151,245,194,.26);border-radius:12px;background:rgba(29,58,47,.17)}
.mmd-mm-profile-inventory>summary{cursor:pointer;list-style-position:inside;font-weight:800;color:var(--mm-text,#f4f5f1)}
.mmd-mm-profile-inventory[open]>summary{margin-bottom:13px}
@media(max-width:750px){.mmd-mm-inventory-grid,.mmd-mm-collections{grid-template-columns:1fr}#mmd-market .mmd-mm-market-tabs button{flex:1 1 125px}#mmd-market .mmd-market-item__preview{min-height:72px}}
@media(max-width:420px){.mmd-mm-owned{flex-wrap:wrap}.mmd-mm-owned .mmd-mm-form{margin-left:auto!important}.mmd-mm-inventory-stats b{font-size:20px}}
@media(prefers-reduced-motion:reduce){.mmd-mm-avatar-shell:before,.mmd-mm-avatar-shell:after,#mmd-market .mmd-market-item__preview:before,#mmd-market .mmd-market-item__icon,#mmd-market .mmd-mm-preview-avatar_frame .mmd-market-item__icon:before,.mm-member-profile .mm-member-profile-cover{animation:none!important}#mmd-market .mmd-market-item{transition:none!important;transform:none!important}}

.mmd-mm-collector{display:inline-flex;vertical-align:middle;align-items:center;padding:5px 12px;margin:2px 4px 2px 0;border-radius:999px;background:linear-gradient(110deg,#6546a1,#a754ac 45%,#dbac49 80%,#6546a1);background-size:240% 100%;color:white;font-size:11px;font-weight:900;letter-spacing:.025em;border:1px solid #f3c868;box-shadow:0 0 14px #ab65e766;animation:mmd-mm-glint 8s linear infinite}
.mmd-mm-profile-quicklink{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:6px 5px 6px 0;position:relative;z-index:3}
@media(prefers-reduced-motion:reduce){.mmd-mm-collector{animation:none}}
/* On dense lists, keep the glow visible but run the GPU animation only on hover. */

.mm-member-grid .mmd-mm-avatar-shell:hover:before,.mm-member-grid .mmd-mm-avatar-shell:hover:after,.mmf-author .mmd-mm-avatar-shell:hover:before,.mmf-author .mmd-mm-avatar-shell:hover:after{animation-play-state:running}
@media(hover:none){#mmd-market .mmd-market-item__preview:before{animation-play-state:paused}#mmd-market .mmd-market-item__icon{animation-play-state:paused}}
/* Madness Market 2.2: frame art must fit the avatar slot, never expand layout. */
.mmd-mm-avatar-shell{
 --mmd-mm-slot:var(--mmd-frame-size,48px);
 --mmd-mm-gap:5px;
 position:relative!important;
 display:inline-grid!important;
 place-items:center!important;
 width:var(--mmd-mm-slot)!important;
 height:var(--mmd-mm-slot)!important;
 min-width:0!important;
 max-width:var(--mmd-mm-slot)!important;
 min-height:0!important;
 max-height:var(--mmd-mm-slot)!important;
 flex:0 0 var(--mmd-mm-slot)!important;
 box-sizing:border-box!important;
 margin:0!important;
 padding:0!important;
 border:0!important;
 border-radius:16px!important;
 overflow:hidden!important;
 isolation:isolate!important;
 filter:none!important;
 box-shadow:inset 0 0 9px color-mix(in srgb,var(--mmd-frame-a) 45%,transparent)!important;
 vertical-align:middle!important;
 line-height:0!important;
}
/* Profile card has a 76px avatar slot (not the 104px source image). */
.mmd-mm-avatar--dossier{--mmd-mm-slot:76px;--mmd-mm-gap:6px;border-radius:17px!important;}
/* Compact header avatar (including on mobile): never take extra navigation width. */
.mmd-mm-avatar--header{--mmd-mm-slot:36px;--mmd-mm-gap:3px;border-radius:11px!important;}
.mmd-mm-avatar--editor{--mmd-mm-slot:92px;--mmd-mm-gap:6px;border-radius:19px!important;}
/* The member grid/post composer already has defined image slots. Keep them. */
.mm-member-virtual-page .mm-profile-composer-main>.mmd-mm-avatar-shell{--mmd-mm-slot:48px}
.mm-member-virtual-page .mm-profile-post-head>.mmd-mm-avatar-shell{--mmd-mm-slot:46px}
@media(max-width:520px){
 .mmd-mm-avatar--dossier{--mmd-mm-slot:64px;--mmd-mm-gap:5px;border-radius:14px!important}
 .mmd-mm-avatar--editor{--mmd-mm-slot:76px;--mmd-mm-gap:5px}
 .mm-member-virtual-page .mm-profile-composer-main>.mmd-mm-avatar-shell{--mmd-mm-slot:40px}
 .mm-member-virtual-page .mm-profile-post-head>.mmd-mm-avatar-shell{--mmd-mm-slot:42px}
}
/* Important: profile and header themes target the IMG directly and sometimes
   assign !important sizes. The decorated photo must now fit INSIDE its wrapper. */
body .mmd-mm-avatar-shell>img,
body .mmd-mm-avatar-shell>img.avatar,
body .mmd-mm-avatar-shell>.avatar,
body .mm-member-virtual-page .mmd-mm-avatar-shell>img:not(.mm-profile-id-avatar){
 position:relative!important;
 z-index:2!important;
 display:block!important;
 box-sizing:border-box!important;
 width:calc(100% - var(--mmd-mm-gap) - var(--mmd-mm-gap))!important;
 height:calc(100% - var(--mmd-mm-gap) - var(--mmd-mm-gap))!important;
 min-width:0!important;
 min-height:0!important;
 max-width:calc(100% - var(--mmd-mm-gap) - var(--mmd-mm-gap))!important;
 max-height:calc(100% - var(--mmd-mm-gap) - var(--mmd-mm-gap))!important;
 flex:0 0 auto!important;
 padding:0!important;
 margin:0!important;
 border:1px solid rgba(255,255,255,.28)!important;
 border-radius:calc(16px - var(--mmd-mm-gap))!important;
 background:#10201e!important;
 object-fit:cover!important;
 box-shadow:0 0 7px rgba(0,0,0,.72)!important;
}
/* Explicit contextual selectors beat older theme IMG !important rules. */
body .mm-member-virtual-page .mm-profile-v25 .mm-profile-id-top>span.mmd-mm-avatar-shell>img.mm-profile-id-avatar,
body .mm-member-virtual-page .mm-profile-v25 .mm-profile-id-top .mmd-mm-avatar-shell>img.mm-profile-id-avatar{
 width:calc(100% - var(--mmd-mm-gap) - var(--mmd-mm-gap))!important;
 height:calc(100% - var(--mmd-mm-gap) - var(--mmd-mm-gap))!important;
 max-width:calc(100% - var(--mmd-mm-gap) - var(--mmd-mm-gap))!important;
 max-height:calc(100% - var(--mmd-mm-gap) - var(--mmd-mm-gap))!important;
 flex:0 0 auto!important;
 border-radius:11px!important;
 margin:0!important;
 box-shadow:0 0 7px rgba(0,0,0,.72)!important;
}
body .mm-header .mm-header-actions .mm-account-menu>button.mm-account-trigger>span.mmd-mm-avatar-shell>img.mm-account-avatar{
 width:calc(100% - var(--mmd-mm-gap) - var(--mmd-mm-gap))!important;
 height:calc(100% - var(--mmd-mm-gap) - var(--mmd-mm-gap))!important;
 max-width:calc(100% - var(--mmd-mm-gap) - var(--mmd-mm-gap))!important;
 max-height:calc(100% - var(--mmd-mm-gap) - var(--mmd-mm-gap))!important;
 flex:0 0 auto!important;
 border:1px solid rgba(255,255,255,.28)!important;
 border-radius:7px!important;
 margin:0!important;
 background:#10201e!important;
 box-shadow:none!important;
}
/* All art and particles are painted within the reserved area. */



/* A subtle internal edge avoids an ugly empty gap at the photo corners. */

/* All styles share the same SIZE, not the same SHAPE. Each named frame below
   has a distinct silhouette and motion. We deliberately don't use large glow shadows. */


/* Fire is angular and licks toward the photograph: not an orange circular line. */


/* Electric: sharp zigzag bursts, stuttering arcs. */


/* Frostbite: faceted blue-white crystal silhouette. */

/* Marquee: fixed golden theatre frame and twinkling bulb corners. */


/* Galaxy/prism keep their nebula spectrum, but no halo outside the slot. */

/* Treat the hero as a clipping region again; previous v2 CSS forced overflow:visible. */
body .mm-member-profile .mm-member-profile-hero:has(.mmd-mm-avatar-shell){overflow:hidden!important}
/* Profile typography and actions shouldn't shrink when member photos acquire a frame. */
.mm-member-virtual-page .mm-profile-id-top>span.mmd-mm-avatar-shell{align-self:center!important}
.mm-member-virtual-page .mm-profile-id-copy{min-width:0!important;flex:1 1 auto!important}
.mm-header .mm-account-trigger>span.mmd-mm-avatar-shell{align-self:center!important;vertical-align:middle!important}
/* Small surfaces: keep a color identity but avoid animating every visible frame. */
.mmd-mm-avatar--header::before,.mmd-mm-avatar--header::after{animation:none!important;}

.mm-member-grid .mmd-mm-avatar-shell:hover::before,.mm-member-grid .mmd-mm-avatar-shell:hover::after,
.mm-social-friend-grid .mmd-mm-avatar-shell:hover::before,.mm-social-friend-grid .mmd-mm-avatar-shell:hover::after{animation-play-state:running!important}
@media(prefers-reduced-motion:reduce){
 body .mmd-mm-avatar-shell::before,body .mmd-mm-avatar-shell::after{animation:none!important;transform:none!important}
}
/* A purchased frame also gives the existing profile dossier a refined, small
   matching showcase accent. No larger card or new DOM elements required. */
body .mm-member-virtual-page .mm-profile-v25 .mm-profile-identity-card:has(.mmd-mm-avatar-shell){
 --mmd-showcase-a:#a8f0b5;--mmd-showcase-b:#78c6fa;
 position:relative!important;
 border-color:color-mix(in srgb,var(--mmd-showcase-a) 48%,rgba(255,255,255,.14))!important;
 background:radial-gradient(ellipse at 5% 4%,color-mix(in srgb,var(--mmd-showcase-a) 14%,transparent),transparent 45%),linear-gradient(125deg,rgba(7,18,21,.84),rgba(9,17,26,.77))!important;
 box-shadow:0 16px 35px rgba(0,0,0,.28),0 0 16px color-mix(in srgb,var(--mmd-showcase-a) 11%,transparent),inset 0 1px rgba(255,255,255,.07)!important;
}






body .mm-member-virtual-page .mm-profile-v25 .mm-profile-identity-card:has(.mmd-mm-avatar-shell)::before{
 content:"";
 position:absolute;
 z-index:2;
 top:0;left:15px;right:15px;height:3px;
 background:linear-gradient(90deg,transparent,var(--mmd-showcase-a),var(--mmd-showcase-b),transparent);
 border-radius:0 0 5px 5px;
 opacity:.9;
 pointer-events:none;
}

/* Profile-side Market AJAX status; does not change the layout of member cards. */
.mmd-mm-profile-status{display:block;margin:7px 0 10px;padding:7px 11px;font-size:12px;font-weight:750;color:#bafbd5;background:rgba(55,214,154,.1);border:1px solid rgba(76,225,169,.2);border-radius:9px}
.mmd-mm-profile-status.is-error{color:#ffdfc1;background:rgba(255,129,75,.1);border-color:rgba(255,129,75,.3)}

/* v1.18 collectible artwork for the four buyable profile-flair rewards */
#mmd-market .mmd-mm-type-flair .mmd-market-item__preview{min-height:92px!important;}
#mmd-market .mmd-mm-type-flair .mmd-market-item__icon{width:76px!important;height:76px!important;min-width:76px!important;border:none!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;animation:none!important;}
#mmd-market .mmd-market-item__icon .mmd-market-art{width:72px!important;height:72px!important;max-width:72px!important;max-height:72px!important;}
.mmd-mm-owned>span .mmd-market-art{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;}
.mmd-mm-owned>span:has(.mmd-market-art){width:38px!important;}
.mmd-shop-flair>span{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;}
.mmd-shop-flair .mmd-shop-flair__image{display:block!important;width:23px!important;height:23px!important;max-width:23px!important;max-height:23px!important;}
.mmd-shop-profile-equipped i .mmd-market-art{width:31px!important;height:31px!important;max-width:31px!important;max-height:31px!important;}
@media(max-width:520px){#mmd-market .mmd-mm-type-flair .mmd-market-item__icon{width:64px!important;height:64px!important;min-width:64px!important}#mmd-market .mmd-market-item__icon .mmd-market-art{width:62px!important;height:62px!important;max-width:62px!important;max-height:62px!important;}}


/* v1.20.0 richer cosmetic previews */
.mmd-market-item__sample{display:flex!important;align-items:center!important;min-width:0!important;gap:8px!important;flex:1 1 auto!important;padding:0!important;background:none!important;border:none!important}
.mmd-market-preview-flair{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%;padding:6px 10px 6px 6px;border-radius:999px;border:1px solid color-mix(in srgb,var(--mmd-item-accent) 45%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--mmd-item-accent) 16%,#10201e),color-mix(in srgb,var(--mmd-item-accent2) 14%,#10201e));box-shadow:0 0 18px color-mix(in srgb,var(--mmd-item-accent) 12%,transparent)}
.mmd-market-preview-flair i{display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:rgba(0,0,0,.18);flex:0 0 auto;overflow:hidden}.mmd-market-preview-flair .mmd-market-art{width:22px;height:22px;object-fit:contain;display:block}.mmd-market-preview-flair b{font-size:10px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mmd-market-preview-avatar,.mmd-market-preview-panel,.mmd-market-preview-scene,.mmd-market-preview-name,.mmd-market-preview-bubble,.mmd-market-preview-ticket,.mmd-market-preview-emojis{display:inline-flex;align-items:center;justify-content:center}
.mmd-market-preview-avatar{position:relative;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.28),transparent 24%),linear-gradient(135deg,color-mix(in srgb,var(--mmd-item-accent) 24%,#122521),color-mix(in srgb,var(--mmd-item-accent2) 18%,#122521));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--mmd-item-accent) 55%,transparent),0 0 0 3px color-mix(in srgb,var(--mmd-item-accent2) 30%,transparent),0 0 20px color-mix(in srgb,var(--mmd-item-accent) 12%,transparent)}
.mmd-market-preview-avatar__face{font-size:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}
.mmd-market-preview-panel{width:58px;height:42px;border-radius:12px;padding:6px;background:linear-gradient(135deg,color-mix(in srgb,var(--mmd-item-accent) 18%,#10201e),rgba(255,255,255,.03));border:1px solid color-mix(in srgb,var(--mmd-item-accent2) 40%,transparent);box-shadow:inset 0 1px rgba(255,255,255,.05)}
.mmd-market-preview-panel span{display:block;width:100%;height:9px;border-radius:999px;background:rgba(255,255,255,.11)}.mmd-market-preview-panel span+span{margin-top:6px;width:70%}
.mmd-market-preview-scene{width:74px;height:42px;border-radius:12px;background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--mmd-item-accent2) 45%,transparent),transparent 25%),radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--mmd-item-accent) 45%,transparent),transparent 20%),linear-gradient(140deg,#0f1730,#17263e 55%,#0e2024);border:1px solid color-mix(in srgb,var(--mmd-item-accent) 40%,transparent);box-shadow:0 10px 18px rgba(0,0,0,.12) inset}.mmd-market-preview-scene span{display:block;width:80%;height:8px;border-radius:999px;background:rgba(255,255,255,.1)}
.mmd-market-preview-name{padding:4px 0;font:900 16px/1 var(--mm-display,inherit);background:linear-gradient(90deg,var(--mmd-item-accent),var(--mmd-item-accent2));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--mmd-item-accent) 16%,transparent))}
.mmd-market-preview-bubble{padding:8px 10px;border-radius:14px 14px 14px 5px;background:linear-gradient(135deg,color-mix(in srgb,var(--mmd-item-accent) 16%,#10201e),color-mix(in srgb,var(--mmd-item-accent2) 12%,#10201e));border:1px solid color-mix(in srgb,var(--mmd-item-accent) 34%,transparent);font-size:10px;font-weight:700;white-space:nowrap}
.mmd-market-preview-ticket{padding:7px 10px;border:1px dashed color-mix(in srgb,var(--mmd-item-accent) 50%,transparent);border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--mmd-item-accent) 11%,#10201e),color-mix(in srgb,var(--mmd-item-accent2) 8%,#10201e));font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.mmd-market-preview-emojis{gap:5px;font-size:18px;padding:4px 0}
.mmd-mm-owned__preview{display:flex;align-items:center;justify-content:center;min-width:72px;min-height:56px}
.mmd-shop-profile-look{display:grid;gap:12px;margin:14px 0 16px}.mmd-shop-profile-look__head h3{margin:0 0 4px!important;color:var(--mm-text,#f3f2e9)!important;font-size:18px!important}.mmd-shop-profile-look__head p{margin:0!important;color:var(--mm-muted,#a6b0ac)!important;font-size:11px!important}
.mmd-shop-profile-equipped{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:10px!important}
.mmd-shop-equipped-card{display:grid!important;justify-items:start!important;gap:8px!important;padding:12px!important;border-radius:14px!important;border:1px solid color-mix(in srgb,var(--mmd-shop-a) 40%,transparent)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--mmd-shop-a) 10%,#122521),color-mix(in srgb,var(--mmd-shop-b) 7%,#122521))!important;box-shadow:0 0 20px color-mix(in srgb,var(--mmd-shop-a) 8%,transparent)!important}
.mmd-shop-equipped-card>i{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:56px!important;width:100%!important}.mmd-shop-equipped-card>b{font-size:12px!important;color:var(--mm-text,#f3f2e9)!important}.mmd-shop-equipped-card small{color:var(--mm-muted,#a6b0ac)!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.06em!important}

/* v1.21.0 illustrated merchandise and profile art */
.mmd-mm-frame-art{position:absolute!important;inset:0!important;display:block!important;z-index:6!important;pointer-events:none!important;background-position:center!important;background-size:100% 100%!important;background-repeat:no-repeat!important;filter:drop-shadow(0 0 2px rgba(0,0,0,.25))!important;animation:mmd-market-frame-shimmer 9s ease-in-out infinite!important}
.mmd-market-preview-art{position:absolute;inset:-2px;background-position:center;background-size:100% 100%;background-repeat:no-repeat;pointer-events:none;z-index:3}
.mmd-market-preview-avatar{isolation:isolate;overflow:visible!important}
.mmd-market-preview-avatar__face{position:relative;z-index:1}
.mmd-market-preview-scene{background-size:cover!important;background-position:center!important;min-width:92px;width:100%;max-width:164px;height:64px!important;border-radius:11px!important;overflow:hidden!important}
.mmd-market-preview-scene>span{display:none}
.mmd-mm-owned .mmd-market-preview-scene{max-width:100px!important}
.mmd-market-item__preview.mmd-mm-preview-profile_background{align-items:stretch!important}
.mmd-market-item__preview .mmd-market-item__sample{overflow:visible!important;max-width:100%!important;white-space:normal!important}
@keyframes mmd-market-frame-shimmer{0%,100%{filter:drop-shadow(0 0 1px rgba(255,255,255,.15)) brightness(1)}50%{filter:drop-shadow(0 0 4px rgba(255,255,255,.35)) brightness(1.08)}}
@keyframes mmd-market-scene-drift{0%{background-position:50% 50%;filter:saturate(1)}100%{background-position:56% 45%;filter:saturate(1.11)}}
@keyframes mmd-market-scene-shine{0%{opacity:.25;transform:translateX(-8%)}100%{opacity:.65;transform:translateX(8%)}}
@media(prefers-reduced-motion:reduce){.mmd-mm-frame-art,.mm-member-profile .mm-member-profile-cover,.mm-member-profile .mm-member-profile-cover::before{animation:none!important;filter:none!important}}

/* v1.21.2 profile cosmetics presentation repairs */
.mmd-shop-equipped-card{--mmd-item-accent:var(--mmd-shop-a,#86f06b);--mmd-item-accent2:var(--mmd-shop-b,#f4c542);min-width:0;overflow:hidden}
.mmd-shop-equipped-card>i{font-style:normal!important;min-width:0;max-width:100%;height:auto!important;overflow:visible!important}
.mmd-shop-equipped-card .mmd-market-preview-flair{max-width:100%!important;white-space:normal!important}
.mmd-shop-equipped-card .mmd-market-preview-flair b{white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere}
.mmd-shop-equipped-card .mmd-market-preview-name{font-size:clamp(14px,2vw,19px)!important;max-width:100%;line-height:1.25!important;overflow-wrap:anywhere;-webkit-text-fill-color:transparent;color:transparent!important}
.mmd-shop-equipped-card .mmd-market-preview-panel{min-width:76px;width:76px;height:54px;flex-direction:column;align-items:flex-start!important;justify-content:center!important;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--mmd-item-accent2,#f4c542) 42%,transparent),0 0 13px color-mix(in srgb,var(--mmd-item-accent,#86f06b) 15%,transparent)!important}
.mmd-market-preview-avatar{width:66px!important;height:66px!important;flex:0 0 66px!important}
.mmd-market-preview-avatar__image{position:relative!important;z-index:1!important;width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;border-radius:50%!important;border:3px solid rgba(11,23,28,.9)!important}
.mmd-market-preview-avatar .mmd-market-preview-art{z-index:3!important;inset:-4px!important;background-size:100% 100%!important}
.mmd-shop-equipped-card .mmd-market-preview-avatar{margin:4px 0!important}
.mmd-shop-equipped-card .mmd-market-preview-bubble{white-space:normal!important}
.mm-profile-id-badge-line[hidden]{display:none!important}
/* Make avatar art usable even if the profile is embedded in a narrow tab. */
@media(max-width:640px){.mmd-shop-profile-equipped{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mmd-shop-equipped-card{padding:10px!important}}
@media(max-width:400px){.mmd-shop-profile-equipped{grid-template-columns:1fr!important}}

/* Show each actual illustrated collectible alongside its live cosmetic sample. */
.mmd-shop-equipped-card>i{display:flex!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important;min-height:68px!important}
.mmd-shop-equipped-art{display:grid!important;place-items:center!important;flex:0 0 50px!important;width:50px!important;height:50px!important;border-radius:12px!important;background:rgba(0,0,0,.13)!important}
.mmd-shop-equipped-art img.mmd-market-art{width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;object-fit:contain!important}
.mmd-shop-equipped-art svg{max-width:25px!important;max-height:25px!important}

/* Shared flair image sizing (the illustrated icons are inside spans, not the old <i> element). */
.mmd-market-preview-flair__art{display:grid!important;place-items:center!important;flex:0 0 28px!important;width:28px!important;height:28px!important;min-width:28px!important;}
.mmd-market-preview-flair__art img.mmd-market-art{display:block!important;width:27px!important;height:27px!important;max-width:27px!important;max-height:27px!important;object-fit:contain!important;}