.mwc-avatar {
  --mwc-size:64px;
  position: relative;
  display: inline-flex;
  width: var(--mwc-size);
  height: var(--mwc-size);
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  isolation: isolate;
  vertical-align: middle;
}
.mwc-avatar-sm {
  --mwc-size:32px;
}
.mwc-avatar-md {
  --mwc-size:56px;
}
.mwc-avatar-lg {
  --mwc-size:88px;
}
.mwc-avatar-xl {
  --mwc-size:120px;
}
.mwc-avatar-core {
  position: absolute;
  inset: 17%;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--mwc-a) 65%, #202137),
      #323347 80%);
  color: #fff;
  font:
    600 calc(var(--mwc-size)*.23)/1 Inter,
    system-ui,
    sans-serif;
  border: 1px solid color-mix(in srgb, var(--mwc-a) 40%, transparent);
}
.mwc-avatar-core > span {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mwc-avatar-core img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mwc-avatar[data-frame=none] .mwc-avatar-core {
  inset: 9%;
  border-color: var(--border);
}
.mwc-frame-art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
  color: var(--mwc-a);
}
.mwc-line,
.mwc-fine,
.mwc-flow,
.mwc-emblem {
  stroke: var(--mwc-a);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.35;
  fill: none;
}
.mwc-fine {
  stroke: var(--mwc-b);
  stroke-width: .65;
  opacity: .75;
}
.mwc-aura {
  stroke: var(--mwc-b);
  stroke-width: 4;
  opacity: .15;
}
.mwc-gem,
.mwc-solid {
  fill: var(--mwc-b);
  stroke: var(--mwc-a);
  stroke-width: .5;
}
.mwc-ribbon {
  fill: color-mix(in srgb, var(--mwc-a) 17%, transparent);
  stroke: var(--mwc-a);
  stroke-width: 1.35;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.mwc-petal {
  fill: color-mix(in srgb, var(--mwc-b) 35%, var(--card));
  stroke: var(--mwc-a);
  stroke-width: .85;
}
.mwc-facet {
  fill: color-mix(in srgb, var(--mwc-a) 20%, var(--card));
  stroke: var(--mwc-b);
  stroke-width: .9;
  stroke-linejoin: round;
}
.mwc-pearl {
  fill: var(--mwc-b);
  stroke: var(--mwc-a);
  stroke-width: 1;
}
.mwc-orbit {
  transform-box: view-box;
  transform-origin: center;
  animation: mwc-orbit 42s linear infinite;
}
.mwc-counter {
  transform-box: view-box;
  transform-origin: center;
  animation: mwc-orbit 56s linear infinite reverse;
}
.mwc-flow {
  stroke-width: 2;
  animation: mwc-trace 18s linear infinite;
}
.mwc-breathe,
.mwc-sway {
  animation: mwc-breathe 6s ease-in-out infinite alternate;
}
.mwc-avatar-sm .mwc-frame-art :is(.mwc-orbit, .mwc-counter, .mwc-flow, .mwc-breathe, .mwc-sway) {
  animation: none;
}
.mwc-avatar-sm .mwc-frame-art .mwc-fine {
  stroke-width: 1;
  opacity: .6;
}
.mwc-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--foreground);
  vertical-align: middle;
  max-width: 100%;
  min-width: 0;
}
.mwc-badge > span {
  font-size: 9px;
  font-weight: 550;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.mwc-badge-art {
  width: 27px;
  height: 27px;
  flex-shrink: 0;
  overflow: visible;
}
.mwc-badge-xs .mwc-badge-art {
  width: 18px;
  height: 18px;
}
.mwc-badge-sm .mwc-badge-art {
  width: 25px;
  height: 25px;
}
.mwc-badge-md .mwc-badge-art {
  width: 48px;
  height: 48px;
}
.mwc-badge-lg .mwc-badge-art {
  width: 83px;
  height: 83px;
}
.mwc-medallion {
  fill: color-mix(in srgb, var(--mwc-a) 9%, var(--card));
  stroke: var(--mwc-a);
  stroke-width: 1.4;
}
.mwc-emblem {
  stroke-width: 2.1;
}
.mwc-badge-glint {
  animation: mwc-glint 5s ease-in-out infinite;
}
.mwc-badge-xs .mwc-badge-glint,
.mwc-badge-sm .mwc-badge-glint {
  animation: none;
}
@keyframes mwc-orbit {
  to {
    transform: rotate(360deg);
  }
}
@keyframes mwc-trace {
  to {
    stroke-dashoffset: -100;
  }
}
@keyframes mwc-breathe {
  from {
    opacity: .58;
  }
  to {
    opacity: 1;
  }
}
@keyframes mwc-glint {
  0%, 100% {
    opacity: .45;
  }
  50% {
    opacity: 1;
  }
}
:where(html[data-cosmetic-motion=off], [data-mwc-motion=off]) :is(.mwc-orbit, .mwc-counter, .mwc-flow, .mwc-breathe, .mwc-sway, .mwc-badge-glint) {
  animation: none !important;
}
@media (prefers-reduced-motion: reduce) {
  :is(.mwc-orbit, .mwc-counter, .mwc-flow, .mwc-breathe, .mwc-sway, .mwc-badge-glint) {
    animation: none !important;
  }
}
.mww-bazaar {
  max-width: 1200px;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
  color: var(--foreground);
  font-family:
    Inter,
    system-ui,
    sans-serif;
}
.mww-bazaar :is(h1, h2, h3, p) {
  margin: 0;
}
.mww-bazaar *,
.mww-picker * {
  min-width: 0;
}
.mww-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.mww-eyebrow {
  display: block;
  font-size: 8px;
  font-weight: 600;
  letter-spacing: .15em;
  color: var(--primary);
  margin-bottom: 5px;
}
.mww-heading h1 {
  font-size: 27px;
  line-height: 1.1;
  letter-spacing: -.035em;
  font-weight: 650;
}
.mww-heading p {
  font-size: 11px;
  line-height: 1.6;
  color: var(--muted-foreground);
  margin-top: 6px;
}
.mww-balances {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 9px;
  color: var(--muted-foreground);
  flex-shrink: 0;
}
.mww-balances strong {
  font-size: 13px;
  font-weight: 600;
  color: var(--foreground);
}
.mww-balances > a {
  color: var(--primary);
  font-size: 9px;
  padding-left: 15px;
  border-left: 1px solid var(--border);
}
.mww-dressing-room {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  padding: 18px 22px;
  border: 1px solid var(--border);
  border-radius: 9px;
  background:
    radial-gradient(
      ellipse at 10% 20%,
      color-mix(in srgb, var(--primary) 8%, transparent),
      transparent 55%),
    var(--card);
}
.mww-preview-stage {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 158px;
  border-right: 1px solid var(--border);
  padding-right: 22px;
}
.mww-look {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 7px;
}
.mww-look-identity {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 3px;
  max-width: 220px;
}
.mww-look-identity > strong {
  font-size: 13px;
  letter-spacing: -.025em;
  line-height: 1.4;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mww-preview-copy h2 {
  font: 600 22px/1.3 Georgia, serif;
  letter-spacing: -.025em;
}
.mww-preview-copy > p {
  font-size: 11px;
  line-height: 1.7;
  color: var(--muted-foreground);
  max-width: 460px;
  margin-top: 7px;
}
.mww-look-details {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: 10px;
  margin-top: 9px;
}
.mww-look-details > span {
  color: var(--muted-foreground);
}
.mww-look-details strong {
  font-weight: 550;
}
.mww-preview-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 13px;
  flex-wrap: wrap;
}
.mww-bazaar button,
.mww-picker button {
  cursor: pointer;
}
.mww-bazaar button:disabled,
.mww-picker button:disabled {
  cursor: default;
  opacity: .4;
}
.mww-bazaar .mww-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 30px !important;
  padding: 5px 11px;
  font-size: 10px;
  background: var(--primary);
  color: var(--primary-foreground);
  border-radius: 5px;
}
.mww-try-note {
  font-size: 9px;
  color: var(--muted-foreground);
}
.mww-text-button {
  font-size: 9px;
  min-height: 27px !important;
  padding: 4px 0;
  color: var(--primary);
}
.mww-motion {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 9px;
  color: var(--muted-foreground);
  white-space: nowrap;
  line-height: 1.5;
}
.mww-motion input {
  width: 12px;
  height: 12px;
  accent-color: var(--primary);
}
.mww-dressing-room > .mww-motion {
  align-self: start;
  margin-top: 3px;
}
.mww-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 4px 0 0;
}
.mww-type-tabs {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
.mww-type-tabs button {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 30px !important;
  padding: 5px 9px;
  font-size: 10px;
  color: var(--muted-foreground);
  border-radius: 4px;
  white-space: nowrap;
}
.mww-type-tabs button[aria-pressed=true] {
  background: color-mix(in srgb, var(--primary) 8%, transparent);
  color: var(--primary);
  font-weight: 550;
}
.mww-type-tabs small {
  font-size: 8px;
  opacity: .7;
}
.mww-bazaar :is(input[type=search], select) {
  font:
    10px/1.5 Inter,
    system-ui,
    sans-serif;
  background: var(--card);
  color: var(--foreground);
  min-height: 31px !important;
  border: 1px solid var(--border);
  border-radius: 4px;
  padding: 5px 9px;
}
.mww-toolbar > input {
  flex: 1;
  max-width: 390px;
  margin-left: auto;
}
.mww-owned-filter {
  font-size: 9px;
  min-height: 30px !important;
  padding: 5px 9px;
  border: 1px solid var(--border);
  border-radius: 4px;
  white-space: nowrap;
  color: var(--muted-foreground);
}
.mww-owned-filter[aria-pressed=true] {
  background: color-mix(in srgb, var(--primary) 7%, transparent);
  color: var(--primary);
  border-color: color-mix(in srgb, var(--primary) 25%, var(--border));
}
.mww-filterbar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 9px;
  border-bottom: 1px solid var(--border);
}
.mww-filterbar > div {
  display: flex;
  gap: 7px;
  margin-right: auto;
}
.mww-filterbar > span {
  font-size: 9px;
  color: var(--muted-foreground);
}
.mww-filterbar select {
  min-width: 120px;
}
.mww-notice {
  min-height: 16px;
  font-size: 9px;
  line-height: 1.6;
  color: var(--muted-foreground);
}
.mww-catalog {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}
.mww-item {
  min-width: 0;
  border: 1px solid var(--border);
  border-radius: 7px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: var(--card);
}
.mww-item.is-previewed {
  border-color: color-mix(in srgb, var(--primary) 45%, var(--border));
}
.mww-bazaar .mww-item-preview {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  height: 127px;
  min-height: 127px !important;
  width: 100%;
  padding: 15px 10px 8px;
  background:
    radial-gradient(
      ellipse at center,
      color-mix(in srgb, var(--primary) 5%, transparent),
      transparent 70%);
  border-bottom: 1px solid var(--border);
}
.mww-item-preview .mwc-avatar {
  --mwc-size:92px;
}
.mww-item-realm {
  position: absolute;
  top: 7px;
  left: 8px;
  font-size: 7px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--muted-foreground);
}
.mww-item-state {
  position: absolute;
  right: 7px;
  bottom: 6px;
  font-size: 7px;
  color: var(--primary);
  padding: 2px 4px;
  border-radius: 3px;
  background: var(--card);
}
.mww-item-copy {
  padding: 9px 9px 7px;
  flex: 1;
}
.mww-rarity {
  display: block;
  font-size: 7px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted-foreground);
  margin-bottom: 4px;
}
.mww-rarity[data-rarity=celestial] {
  color: #aa8146;
}
.mww-rarity[data-rarity=epic] {
  color: #9c80b7;
}
.mww-rarity[data-rarity=rare] {
  color: #648fa5;
}
.mww-rarity[data-rarity=common] {
  color: #7d9d84;
}
.mww-item h3 {
  font-size: 10px;
  line-height: 1.45;
  font-weight: 600;
  min-height: 29px;
  overflow-wrap: anywhere;
}
.mww-item-copy > p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 8px;
  line-height: 1.7;
  color: var(--muted-foreground);
  margin-top: 5px;
  min-height: 27px;
}
.mww-item-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  padding: 7px 9px;
  border-top: 1px solid var(--border);
}
.mww-item-footer > span {
  font-size: 7px;
  color: var(--muted-foreground);
  white-space: nowrap;
}
.mww-bazaar .mww-item-action {
  font-size: 8px;
  min-height: 25px !important;
  padding: 4px 6px;
  border-radius: 4px;
  color: var(--primary);
  background: color-mix(in srgb, var(--primary) 6%, transparent);
  white-space: nowrap;
}
.mww-empty {
  text-align: center;
  padding: 35px 15px;
  border: 1px dashed var(--border);
  border-radius: 7px;
}
.mww-empty h2 {
  font-size: 17px;
  font-weight: 550;
}
.mww-empty p {
  font-size: 11px;
  color: var(--muted-foreground);
  margin-block: 10px 15px;
}
.mww-footnote {
  font-size: 9px;
  text-align: center;
  color: var(--muted-foreground);
  padding-top: 8px;
}
.mww-bazaar :is(button, a, input, select):focus-visible,
.mww-picker :is(button, a, input):focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 3px;
}
.mww-bazaar :is(a, button):hover:not(:disabled) {
  filter: brightness(1.04);
}
.mww-picker {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.mww-picker > .mww-look {
  padding: 5px 0 10px;
  border-bottom: 1px solid var(--border);
}
.mww-picker-note {
  font-size: 10px;
  line-height: 1.7;
  color: var(--muted-foreground);
}
.mww-picker-tabs {
  display: flex;
  align-items: center;
  gap: 4px;
}
.mww-picker-tabs > button {
  min-height: 29px !important;
  font-size: 10px;
  padding: 4px 10px;
  color: var(--muted-foreground);
  border-radius: 4px;
}
.mww-picker-tabs > button[aria-pressed=true] {
  background: color-mix(in srgb, var(--primary) 8%, transparent);
  color: var(--primary);
}
.mww-picker-tabs > .mww-motion {
  margin-left: auto;
}
.mww-owned-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.mww-owned-option {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 7px;
  padding: 12px 7px 8px;
  border: 1px solid var(--border);
  border-radius: 5px;
  background: var(--card);
  min-height: 106px !important;
}
.mww-owned-option[aria-pressed=true] {
  border-color: color-mix(in srgb, var(--primary) 50%, var(--border));
  background: color-mix(in srgb, var(--primary) 4%, var(--card));
}
.mww-owned-option > span:last-child {
  font-size: 8px;
  line-height: 1.5;
  text-align: center;
  min-height: 24px;
}
.mww-none {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  color: var(--muted-foreground);
}
.mww-picker-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding-top: 12px;
  border-top: 1px solid var(--border);
  flex-wrap: wrap;
}
.mww-picker-footer > a {
  font-size: 10px;
  color: var(--primary);
}
.mvp-avatar {
  width: 76px;
  height: 76px;
  background: transparent;
  border-radius: 0;
}
.mvp-avatar > .mwc-avatar {
  --mwc-size:76px;
  transform: none;
}
.mvp-banner {
  height: 43px;
}
.mvp-identity-body {
  margin-top: -16px;
  padding-bottom: 13px;
}
.mvp-identity-copy {
  padding-top: 17px;
}
.mvp-name-row > .mwc-badge {
  border: 1px solid var(--border);
  border-radius: 4px;
  padding: 1px 6px 1px 2px;
  background: color-mix(in srgb, var(--primary) 3%, var(--card));
}
.mvp-name-row > .mwc-badge .mwc-badge-art {
  width: 19px;
  height: 19px;
}
.mvp-name-row > .mwc-badge > span {
  font-size: 8px;
}
.mvp-name-row h1 {
  font-size: 24px;
}
.mvp-profile .mvp-customize {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 29px !important;
  font-size: 9px;
  color: var(--primary);
  padding-bottom: 8px;
}
.mvp-profile .mvp-customize:before {
  content: "\2727";
  font-size: 13px;
}
.mvp-favorites {
  gap: 10px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.mvp-favorites .mvp-cover {
  max-width: 108px;
}
.mvp-favorite-title {
  font-size: 9px;
}
.mvp-profile {
  gap: 12px;
}
.mv-talk-avatar:has(> .mwc-avatar) {
  width: 36px;
  height: 36px;
  overflow: visible;
  border: 0;
  background: none;
  border-radius: 0;
}
.mv-talk-avatar > .mwc-avatar {
  --mwc-size:36px;
}
.mv-talk-avatar-small:has(> .mwc-avatar) {
  width: 28px;
  height: 28px;
}
.mv-talk-avatar-small > .mwc-avatar {
  --mwc-size:28px;
}
.mv-talk-author > .mwc-badge-xs .mwc-badge-art {
  width: 17px;
  height: 17px;
}
@media (max-width: 1100px) {
  .mww-catalog {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .mww-dressing-room {
    grid-template-columns: 200px minmax(0, 1fr);
    gap: 18px;
    padding: 15px 18px;
  }
  .mww-dressing-room > .mww-motion {
    grid-column: 2;
    justify-self: start;
    margin-top: -4px;
  }
  .mww-preview-stage {
    grid-row: 1/3;
    padding-right: 18px;
  }
  .mww-preview-copy h2 {
    font-size: 21px;
  }
  .mww-balances {
    gap: 11px;
  }
}
@media (max-width: 850px) {
  .mww-catalog {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
  }
  .mww-toolbar {
    flex-wrap: wrap;
    gap: 8px;
  }
  .mww-toolbar > input {
    order: 3;
    flex-basis: 100%;
    max-width: none;
  }
  .mww-owned-filter {
    margin-left: auto;
  }
  .mww-preview-stage {
    min-height: 150px;
  }
  .mww-preview-copy h2 {
    font-size: 19px;
  }
  .mww-heading h1 {
    font-size: 25px;
  }
  .mww-balances > a {
    display: none;
  }
}
@media (max-width: 639px) {
  .mww-catalog {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }
  .mww-dressing-room {
    grid-template-columns: 126px minmax(0, 1fr);
    gap: 12px;
    padding: 12px;
  }
  .mww-preview-stage {
    border-right: 0;
    padding-right: 0;
    min-height: 0;
  }
  .mww-preview-stage .mwc-avatar-xl {
    --mwc-size:98px;
  }
  .mww-look-identity > strong {
    font-size: 11px;
  }
  .mww-look-identity .mwc-badge > span {
    font-size: 8px;
    max-width: 95px;
  }
  .mww-look-identity .mwc-badge-art {
    width: 20px;
    height: 20px;
  }
  .mww-preview-copy > .mww-eyebrow {
    font-size: 7px;
    letter-spacing: .1em;
  }
  .mww-preview-copy h2 {
    font-size: 18px;
    line-height: 1.3;
  }
  .mww-preview-copy > p {
    font-size: 9px;
    line-height: 1.6;
    margin-top: 5px;
  }
  .mww-look-details {
    display: none;
  }
  .mww-preview-actions {
    gap: 5px;
    margin-top: 9px;
  }
  .mww-preview-actions .mww-primary {
    min-height: 28px !important;
    font-size: 9px;
    padding: 4px 9px;
  }
  .mww-preview-actions > a {
    display: none;
  }
  .mww-try-note {
    font-size: 8px;
  }
  .mww-dressing-room > .mww-motion {
    font-size: 8px;
  }
  .mww-item-preview .mwc-avatar {
    --mwc-size:82px;
  }
  .mww-bazaar .mww-item-preview {
    height: 118px;
    min-height: 118px !important;
  }
  .mww-badge-lg .mwc-badge-art {
    width: 72px;
    height: 72px;
  }
  .mww-heading p {
    font-size: 10px;
  }
  .mww-balances {
    align-items: flex-end;
    flex-direction: column;
    gap: 4px;
    font-size: 8px;
  }
  .mww-balances strong {
    font-size: 11px;
  }
  .mww-filterbar select {
    min-width: 0;
    width: 120px;
  }
  .mvp-name-row h1 {
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .mww-bazaar {
    gap: 10px;
  }
  .mww-heading h1 {
    font-size: 25px;
  }
  .mww-heading p {
    font-size: 9px;
    max-width: 210px;
  }
  .mww-heading .mww-eyebrow {
    font-size: 7px;
  }
  .mww-dressing-room {
    grid-template-columns: 106px minmax(0, 1fr);
    gap: 10px;
    padding: 11px 10px;
  }
  .mww-preview-stage .mwc-avatar-xl {
    --mwc-size:88px;
  }
  .mww-look-identity > strong {
    font-size: 10px;
  }
  .mww-look-identity .mwc-badge-art {
    width: 18px;
    height: 18px;
  }
  .mww-look-identity .mwc-badge > span {
    max-width: 75px;
    font-size: 7px;
  }
  .mww-preview-copy h2 {
    font-size: 17px;
  }
  .mww-preview-copy > p {
    font-size: 8px;
  }
  .mww-preview-actions .mww-text-button {
    font-size: 8px;
  }
  .mww-catalog {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }
  .mww-item h3 {
    font-size: 11px;
    min-height: 32px;
  }
  .mww-item-copy > p {
    font-size: 9px;
    min-height: 30px;
  }
  .mww-item-footer > span {
    font-size: 8px;
  }
  .mww-bazaar .mww-item-action {
    font-size: 9px;
    min-height: 27px !important;
    padding: 4px 6px;
  }
  .mww-bazaar .mww-item-preview {
    height: 124px;
    min-height: 124px !important;
  }
  .mww-item-preview .mwc-avatar {
    --mwc-size:88px;
  }
  .mww-item-realm,
  .mww-item-state {
    font-size: 7px;
  }
  .mww-type-tabs {
    gap: 2px;
  }
  .mww-type-tabs button {
    font-size: 9px;
    gap: 4px;
    padding: 4px 7px;
  }
  .mww-type-tabs small {
    font-size: 7px;
  }
  .mww-owned-filter {
    font-size: 8px;
    padding: 4px 6px;
  }
  .mww-filterbar {
    gap: 6px;
  }
  .mww-filterbar > div {
    gap: 5px;
  }
  .mww-filterbar select {
    width: 105px;
    font-size: 9px;
    padding: 5px 6px;
  }
  .mww-filterbar > .mww-text-button {
    font-size: 8px;
  }
  .mww-filterbar > span {
    font-size: 8px;
  }
  .mww-notice {
    font-size: 8px;
  }
  .mwc-avatar-lg {
    --mwc-size:78px;
  }
  .mvp-avatar {
    width: 65px;
    height: 65px;
  }
  .mvp-avatar > .mwc-avatar {
    --mwc-size:65px;
  }
  .mvp-identity-copy {
    padding-top: 13px;
    flex-basis: calc(100% - 75px);
  }
  .mvp-identity-body {
    margin-top: -11px;
    gap: 8px;
  }
  .mvp-identity-actions {
    margin-left: 73px;
    width: calc(100% - 73px);
  }
  .mvp-name-row h1 {
    font-size: 21px;
  }
  .mvp-name-row > .mwc-badge {
    padding: 0 4px 0 1px;
  }
  .mvp-name-row > .mwc-badge .mwc-badge-art {
    width: 16px;
    height: 16px;
  }
  .mvp-name-row > .mwc-badge > span {
    font-size: 7px;
  }
  .mvp-profile .mvp-customize {
    font-size: 0;
    padding: 0 2px 7px;
    min-width: 25px;
    flex-shrink: 0;
  }
  .mvp-profile .mvp-customize:before {
    font-size: 16px;
  }
  .mvp-navigation nav {
    gap: 9px;
  }
  .mvp-navigation nav button {
    font-size: 10px;
  }
  .mvp-favorites {
    grid-template-columns: repeat(5, 83px);
    gap: 9px;
  }
  .mvp-favorites .mvp-cover {
    max-width: none;
  }
  .mww-owned-grid {
    gap: 7px;
  }
  .mww-owned-option {
    padding: 10px 5px 7px;
  }
  .mww-owned-option > span:last-child {
    font-size: 8px;
  }
  .mww-owned-option .mwc-avatar {
    --mwc-size:54px;
  }
  .mww-owned-option .mwc-badge-art {
    width: 43px;
    height: 43px;
  }
}
.mwc-frame-art {
  mask-image:
    radial-gradient(
      circle closest-side,
      transparent 0 66%,
      #000 68%);
}
.mwc-emblem {
  stroke: color-mix(in srgb, var(--mwc-a) 67%, var(--foreground));
}
.mwc-medallion {
  stroke: color-mix(in srgb, var(--mwc-a) 78%, var(--foreground));
}
.mwc-line,
.mwc-flow {
  stroke: color-mix(in srgb, var(--mwc-a) 85%, var(--foreground));
}
@media (max-width: 479px) {
  .mww-filterbar {
    flex-wrap: wrap;
  }
  .mww-filterbar > div {
    flex: 1;
  }
  .mww-filterbar select {
    flex: 1;
    width: auto;
    min-width: 0;
  }
}
.mww-try-dock {
  position: fixed;
  z-index: 35;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 10px;
  width: min(480px, calc(100% - 24px));
  border: 1px solid color-mix(in srgb, var(--primary) 25%, var(--border));
  border-radius: 8px;
  box-shadow: 0 6px 30px #0002;
  background: var(--card);
  padding: 8px 10px;
}
.mww-try-dock > .mwc-avatar {
  --mwc-size:45px;
}
.mww-dock-copy {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.mww-dock-copy small {
  font-size: 7px;
  letter-spacing: .12em;
  color: var(--primary);
}
.mww-dock-copy strong {
  font-size: 10px;
  font-weight: 550;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mww-dock-copy > span {
  font-size: 8px;
  color: var(--muted-foreground);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mww-dock-reset {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 28px;
  min-height: 28px !important;
  font-size: 17px;
  color: var(--muted-foreground);
}
.mww-try-dock .mww-primary {
  font-size: 9px;
  white-space: nowrap;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .mww-try-dock {
    bottom: calc(70px + env(safe-area-inset-bottom));
    gap: 6px;
    padding: 7px 8px;
  }
  .mww-try-dock > .mwc-avatar {
    --mwc-size:38px;
  }
  .mww-try-dock .mww-primary {
    font-size: 8px;
    padding: 4px 7px;
  }
  .mww-dock-copy strong {
    font-size: 9px;
  }
  .mww-dock-copy > span {
    font-size: 7px;
  }
}
.mv-talk-avatar:has(>.mwc-avatar){flex-basis:36px}.mv-talk-avatar-small:has(>.mwc-avatar){flex-basis:28px}
@media(min-width:851px){.mww-dressing-room{padding:15px 18px}.mww-preview-stage{min-height:120px}.mww-preview-stage>.mww-look{flex-direction:row;gap:10px}.mww-preview-stage .mwc-avatar-xl{--mwc-size:100px}.mww-preview-stage .mww-look-identity{align-items:flex-start;max-width:110px}.mww-look-details{display:none}.mww-preview-copy>p{font-size:10px;line-height:1.6;margin-top:5px}.mww-preview-actions{margin-top:10px}}
@media(min-width:851px) and (max-width:1100px){.mww-preview-stage .mwc-avatar-xl{--mwc-size:76px}.mww-preview-stage .mww-look-identity{max-width:80px}.mww-look-identity>strong{font-size:11px}.mww-preview-stage .mwc-badge>span{max-width:70px;font-size:8px}}

/* Sculpted SVG frames: a stable silhouette around independent magical layers. */
.mxf-art{mask-image:none;overflow:visible}
.mxf-art :is(path,circle){stroke-linecap:round;stroke-linejoin:round}
.mxf-rim{fill:none;stroke:color-mix(in srgb,var(--mwc-a) 80%,var(--foreground));stroke-width:2.1}
.mxf-metal,.mxf-gold{fill:none;stroke:var(--mwc-a);stroke-width:1.25}
.mxf-gold{stroke:var(--mwc-b);stroke-width:1.6}
.mxf-filigree,.mxf-engrave,.mxf-web,.mxf-seal{fill:none;stroke:var(--mwc-b);stroke-width:.65;opacity:.85}
.mxf-engrave{stroke-width:.75;opacity:1}
.mxf-web{opacity:.45}
.mxf-seal{stroke-width:1;opacity:.65}
.mxf-vine{fill:none;stroke:var(--mwc-b);stroke-width:2.5;opacity:.3}
.mxf-enamel,.mxf-bloom,.mxf-leaf,.mxf-ice,.mxf-silk,.mxf-water,.mxf-void{fill:color-mix(in srgb,var(--mwc-a) 35%,var(--card));stroke:var(--mwc-a);stroke-width:1.1}
.mxf-enamel{fill:color-mix(in srgb,var(--mwc-a) 32%,#222337)}
.mxf-bloom{fill:color-mix(in srgb,var(--mwc-a) 62%,#342440);stroke:var(--mwc-b);stroke-width:.8}
.mxf-leaf{fill:color-mix(in srgb,var(--mwc-a) 45%,#173c35);stroke:var(--mwc-b);stroke-width:.65}
.mxf-ice{fill:color-mix(in srgb,var(--mwc-a) 32%,#314e65);stroke:var(--mwc-b);stroke-width:.8}
.mxf-silk{fill:color-mix(in srgb,var(--mwc-a) 44%,#243856);stroke:var(--mwc-b);stroke-width:1}
.mxf-water{fill:color-mix(in srgb,var(--mwc-a) 34%,#1a4a65)}
.mxf-void{fill:#28213c;stroke:var(--mwc-b);stroke-width:1.2}
.mxf-jewel{fill:var(--mwc-b);stroke:color-mix(in srgb,var(--mwc-a) 50%,#fff);stroke-width:.65}
.mxf-star{fill:var(--mwc-b);stroke:none}
.mxf-pearl{fill:#e8f6ff;stroke:var(--mwc-a);stroke-width:1.4;filter:drop-shadow(0 0 2px var(--mwc-a))}
.mxf-eye{fill:#efffe2;filter:drop-shadow(0 0 2px #a2ffc5)}
.mxf-scales{fill:none;stroke:color-mix(in srgb,var(--mwc-a) 70%,#185951);stroke-width:5.5}
.mxf-dark-rim{fill:none;stroke:color-mix(in srgb,var(--mwc-a) 45%,#1f1a3b);stroke-width:5}
.mxf-nebula,.mxf-veil,.mxf-curtain{fill:none;stroke:var(--mwc-b);stroke-width:5;opacity:.3}
.mxf-veil{stroke:var(--mwc-a);stroke-width:8;opacity:.18}
.mxf-curtain{stroke-width:3;opacity:.6}
.mxf-dash,.mxf-energy{fill:none;stroke:var(--mwc-a);stroke-width:1.5}
.mxf-energy{stroke:var(--mwc-b);stroke-width:2.5;filter:drop-shadow(0 0 1.8px var(--mwc-a))}
.mxf-corona{fill:var(--mwc-b);stroke:none;opacity:.8}
.mxf-fire{fill:color-mix(in srgb,var(--mwc-a) 75%,#c95b32);stroke:var(--mwc-b);stroke-width:.9}
.mxf-electric{fill:color-mix(in srgb,var(--mwc-a) 50%,#4466b7);stroke:var(--mwc-b);stroke-width:1;filter:drop-shadow(0 0 1px var(--mwc-a))}
.mxf-bubble{fill:none;stroke:var(--mwc-b);stroke-width:.8}
/* The aperture clips only the ornament drawing; portrait and initials remain untouched. */
.mxf-art{mask-image:radial-gradient(circle closest-side,transparent 0 60%,#000 62%)}
.mxf-art :is(.mxf-spin,.mxf-reverse){transform-box:view-box;transform-origin:50% 50%;animation:mxf-revolve 18s linear infinite}
.mxf-art .mxf-reverse{animation-duration:27s;animation-direction:reverse}
.mxf-art[data-motif=storm] .mxf-spin{animation-duration:11s}
.mxf-art[data-motif=rift] .mxf-spin{animation-duration:14s}
.mxf-art[data-motif=prism] .mxf-reverse{animation-duration:22s}
.mxf-art .mxf-dash{animation:mxf-stream 5s linear infinite}
.mxf-art .mxf-twinkle{animation:mxf-spark 3.6s ease-in-out infinite}
.mxf-art .mxf-petal{animation:mxf-luster 4.5s ease-in-out infinite alternate}
.mxf-art :is(.mxf-wing-left,.mxf-wing-right){transform-box:view-box;transform-origin:50% 50%;animation:mxf-wing 5s ease-in-out infinite}
.mxf-art .mxf-wing-right{animation-name:mxf-wing-reverse}
.mxf-art .mxf-fox{animation:mxf-luster 4s ease-in-out infinite alternate}
.mxf-art .mxf-ember{animation:mxf-rise 4s ease-out infinite}
.mxf-art .mxf-float{animation:mxf-bob 6s ease-in-out infinite}
.mxf-art[data-motif=eclipse] .mxf-ornaments{animation:mxf-luster 5s ease-in-out infinite alternate}
.mxf-art[data-motif=aurora] .mxf-ornaments{animation:mxf-luster 4s ease-in-out infinite alternate}
@keyframes mxf-revolve{to{transform:rotate(360deg)}}
@keyframes mxf-stream{to{stroke-dashoffset:-100}}
@keyframes mxf-spark{0%,100%{opacity:.25}45%,60%{opacity:1}}
@keyframes mxf-luster{from{opacity:.68}to{opacity:1}}
@keyframes mxf-wing{0%,100%{transform:rotate(-1.5deg)}50%{transform:rotate(2.5deg)}}
@keyframes mxf-wing-reverse{0%,100%{transform:rotate(1.5deg)}50%{transform:rotate(-2.5deg)}}
@keyframes mxf-rise{0%{transform:translateY(4px);opacity:0}25%{opacity:1}100%{transform:translateY(-8px);opacity:0}}
@keyframes mxf-bob{0%,100%{transform:translateY(2px);opacity:.5}50%{transform:translateY(-3px);opacity:1}}
.mwc-avatar-sm .mxf-art *{animation:none!important;filter:none}
html[data-cosmetic-motion=off] .mxf-art *,[data-mwc-motion=off] .mxf-art *{animation:none!important}
@media(prefers-reduced-motion:reduce){.mxf-art *{animation:none!important}}
/* Keep catalog artwork live while on screen and suspend distant rows. */

.mww-item-preview .mxf-art{transition:filter .2s ease}
.mww-item-preview:hover .mxf-art{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--mwc-a) 25%,transparent))}
@media(prefers-reduced-motion:reduce){.mww-item-preview .mxf-art{transition:none}}
.mwc-avatar:has(>.mxf-art)>.mwc-avatar-core{inset:19%}
.mxf-inspector{padding:0;border:1px solid var(--border);border-radius:14px;width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;background:var(--card);color:var(--foreground);box-shadow:0 24px 100px #0006;margin:auto}
.mxf-inspector::backdrop{background:#0b0b1dbb;backdrop-filter:blur(5px)}
.mxf-inspector>header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid var(--border)}
.mxf-inspector>header>span{font-size:8px;letter-spacing:.18em;color:var(--muted-foreground)}
.mxf-inspector>header>button{width:30px;height:30px;min-height:30px!important;font-size:22px;border-radius:5px;color:var(--muted-foreground)}
.mxf-inspector-stage{--card:#17182b;--foreground:#f2eaff;position:relative;isolation:isolate;height:310px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at center,#302842 0,#161625 50%,#0c101a 100%)}
.mxf-inspector-stage>.mwc-avatar-xl{--mwc-size:260px}
.mxf-stage-halo{position:absolute;inset:17%;border:1px solid #c5b3ed13;border-radius:50%;box-shadow:0 0 0 22px #bea7ed04,0 0 0 44px #bea7ed03}
.mxf-inspector-stage>button{position:absolute;top:calc(50% - 20px);width:30px;height:40px;min-height:40px!important;border:1px solid #fff2;border-radius:6px;color:#e0d3f9;background:#ffffff07;font:26px/1 system-ui}
.mxf-prev{left:10px}.mxf-next{right:10px}
.mxf-stage-index{position:absolute;bottom:12px;font-size:8px;letter-spacing:.2em;color:#a095b7}
.mxf-inspector-copy{padding:16px 20px 18px}
.mxf-inspector-copy>h2{font:500 23px/1.25 Georgia,serif;margin:7px 0}
.mxf-inspector-copy>p{font-size:11px;line-height:1.6;color:var(--muted-foreground);min-height:35px;margin:0}
.mxf-inspector-controls{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:14px 0 10px}
.mxf-inspector-controls>label{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted-foreground)}
.mxf-inspector-controls input{accent-color:var(--primary);width:13px;height:13px}
.mxf-inspector-copy>small{font-size:8px;line-height:1.5;display:block;color:var(--muted-foreground)}
.mxf-inspector button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.mxf-inspector button:hover{filter:brightness(1.15)}
@media(max-width:479px),(max-height:650px){.mxf-inspector-stage{height:230px}.mxf-inspector-stage>.mwc-avatar-xl{--mwc-size:200px}.mxf-inspector-copy{padding:12px 15px}.mxf-inspector-copy>h2{font-size:21px}.mxf-inspector-controls{margin:10px 0 8px}}
@media(max-height:450px){.mxf-inspector-stage{height:145px}.mxf-inspector-stage>.mwc-avatar-xl{--mwc-size:135px}.mxf-inspector-copy>p{min-height:0}.mxf-inspector-copy>h2{font-size:18px;margin:4px 0}}
.mww-bazaar:has(dialog[open]) :is(.mww-catalog,.mww-preview-stage) .mxf-art *{animation-play-state:paused}
/* Explicit preview playback is local; the catalog still honors reduced motion. */
@media(prefers-reduced-motion:reduce){
 [data-mwc-motion=preview] .mxf-art .mxf-spin{animation:mxf-revolve 18s linear infinite!important}
 [data-mwc-motion=preview] .mxf-art .mxf-reverse{animation:mxf-revolve 27s linear infinite reverse!important}
 [data-mwc-motion=preview] .mxf-art .mxf-dash{animation:mxf-stream 5s linear infinite!important}
 [data-mwc-motion=preview] .mxf-art .mxf-twinkle{animation:mxf-spark 3.6s ease-in-out infinite!important}
 [data-mwc-motion=preview] .mxf-art .mxf-petal{animation:mxf-luster 4.5s ease-in-out infinite alternate!important}
 [data-mwc-motion=preview] .mxf-art .mxf-wing-left{animation:mxf-wing 5s ease-in-out infinite!important}
 [data-mwc-motion=preview] .mxf-art .mxf-wing-right{animation:mxf-wing-reverse 5s ease-in-out infinite!important}
 [data-mwc-motion=preview] .mxf-art .mxf-fox{animation:mxf-luster 4s ease-in-out infinite alternate!important}
 [data-mwc-motion=preview] .mxf-art .mxf-ember{animation:mxf-rise 4s ease-out infinite!important}
 [data-mwc-motion=preview] .mxf-art .mxf-float{animation:mxf-bob 6s ease-in-out infinite!important}
}