html body[data-s5-page="avatar"] .s5-top nav:has(> a[aria-current]:not([hidden])) > details > summary {
  color: var(--s5-ink);
  box-shadow: none;
}
html body[data-s5-page="avatar"] :is(.student-economy-stage, .economy-avatar-lab),
html body[data-s5-page="avatar"] #studentAvatarLabMount:has(:is(.game-skin-shop, .economy-avatar-lab)) {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  color: var(--s5-ink);
  --avatar-paper: #fff;
  --avatar-ink: var(--s5-ink);
  --avatar-line: var(--s5-line);
}
html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-lab { gap: 6px; }
html body[data-s5-page="avatar"] .avatar-store-mobile-back { display: none; }
html body[data-s5-page="avatar"] .game-skin-navigation { margin-block: 0 8px; }
html body[data-s5-page="avatar"] .game-skin-navigation a[href*="view=skins"] { order: -1; }
html body[data-s5-page="avatar"] :is(.game-skin-navigation a, .game-skin-shop button, .game-skin-wallet) {
  color: var(--s5-ink);
  background: #fff;
  border-color: var(--s5-line);
  box-shadow: none;
}
html body[data-s5-page="avatar"] :is(.game-skin-navigation a[aria-current], .game-skin-shop button[aria-pressed="true"]) {
  background: var(--s5-pale-blue);
  color: #124b9b;
  border-color: #377ee5;
}
html body[data-s5-page="avatar"] :is(.game-skin-shop, .game-skin-preview, .game-skin-shop details) {
  color: var(--s5-ink);
  background: #fff;
  border: 1px solid var(--s5-line);
  border-radius: 9px;
}
html body[data-s5-page="avatar"] .game-skin-shop { padding: 10px; }
html body[data-s5-page="avatar"] .game-skin-shop > header { margin-bottom: 4px; }
html body[data-s5-page="avatar"] .game-skin-shop > header > div:first-child:not(.game-skin-wallet) { display: none; }
html body[data-s5-page="avatar"] .game-skin-shop > header .game-skin-wallet { display: inline-flex; padding: 5px 8px; background: var(--s5-pale-violet); font-size: 14px; }
html body[data-s5-page="avatar"] .game-skin-tabs { margin-block: 6px 10px; gap: 5px; }
html body[data-s5-page="avatar"] .game-skin-preview { position: static; padding: 9px; }
html body[data-s5-page="avatar"] .game-skin-preview-controls p { margin-block: 4px; font-size: 13px; }
html body[data-s5-page="avatar"] .game-skin-stage,
html body[data-s5-page="avatar"] .game-skin-card-art {
  background: repeating-conic-gradient(#edf6e7 0% 25%, #deeed6 0% 50%) 0 0 / 36px 36px;
}
html body[data-s5-page="avatar"] .game-skin-card-art { height: clamp(65px, 18vw, 105px); }
html body[data-s5-page="avatar"] .game-skin-card { padding: 6px; gap: 4px; }
html body[data-s5-page="avatar"] .game-skin-card-status[data-game-skin-equipped] { color: #126036; }
html body[data-s5-page="avatar"] .game-skin-shop button.primary:not([aria-pressed="true"]),
html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-public-actions .primary {
  color: #fff;
  background: #08793f;
  border-color: #08793f;
  box-shadow: none;
  min-height: 44px;
}
html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-workshop-title { display: none; }
html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-workshop-header { display: block; margin: 0; padding: 4px; }
html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-tutorial-button {
  min-height: 44px; padding: 4px 7px; border: 1px solid var(--s5-line); background: #fff; box-shadow: none;
}
html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-tutorial-button span {
  min-height: 0; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none;
}
html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-shop-shell { margin-block: 0; padding: 6px; }
html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-header-badges {
  display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 5px;
  padding: 0; margin: 0;
}
html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-header-badges > span {
  min-height: 0; padding: 4px 7px; color: var(--s5-ink); font-size: 13px;
  background: var(--s5-pale-blue); border: 1px solid var(--s5-line); border-radius: 7px; box-shadow: none;
}
html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-header-badges img { width: 19px; height: 19px; }
html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-workshop-layout:not([hidden]) {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}
html body[data-s5-page="avatar"] #studentAvatarLabMount :is(.economy-avatar-editor-main, .economy-avatar-side-panel) {
  min-width: 0; min-height: 0; padding: 9px; border-radius: 9px; color: var(--s5-ink);
  border: 1px solid var(--s5-line); background: #fff; box-shadow: none; filter: none;
}
html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-stage-frame {
  min-height: 0; height: auto; aspect-ratio: auto; padding: 0; background: none; border: 0; border-radius: 8px; box-shadow: none; filter: none;
}
html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-stage-frame .economy-avatar-lab-stage {
  height: clamp(180px, 29vw, 340px); min-height: 0; width: 100%; max-width: none;
}
html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-profile-preview {
  position: static; display: grid; grid-template-columns: minmax(0, 1fr); gap: 3px; justify-items: center;
  width: 100%; min-height: 44px; aspect-ratio: auto; padding: 5px;
  color: var(--s5-ink); background: #fff; border: 1px solid var(--s5-line); border-radius: 8px; filter: none;
}
html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-profile-preview > :is(span, b, em) {
  position: relative; inset: auto; transform: none; width: auto; display: block;
}
html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-profile-preview .economy-avatar-profile-circle {
  width: 98px; height: 98px; border-width: 3px;
}
html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-public-actions {
  order: -1; margin: 0; padding: 0; width: 100%;
}
html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-profile-preview { order: -2; }
html body[data-s5-page="avatar"] #studentAvatarLabMount :is(.avatar-tablet-editor-items, .avatar-tablet-equipped)[data-avatar-tablet-only] {
  display: block;
}
html body[data-s5-page="avatar"] #studentAvatarLabMount .avatar-store-scene { min-height: 0; height: clamp(190px, 27vw, 300px); }

@media (max-width: 670px) {
  html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-workshop-layout:not([hidden]) { grid-template-columns: minmax(0, 1fr); }
  html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-stage-frame .economy-avatar-lab-stage {
    height: clamp(155px, 47vw, 195px);
  }
  html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-stage-frame .economy-avatar-lab-layer--character {
    width: clamp(105px, 34vw, 136px);
    height: clamp(105px, 34vw, 136px);
  }
  html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-public-actions .primary { grid-row: 1; }
  html body[data-s5-page="avatar"] #studentAvatarLabMount .avatar-store-history { margin-block: 2px 0; }
  html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-side-panel {
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    align-items: center;
  }
  html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-side-panel > :not(.economy-avatar-profile-preview, .economy-avatar-public-actions) { grid-column: 1 / -1; }
  html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-profile-preview .economy-avatar-profile-circle { width: 56px; height: 56px; }
  html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-public-actions p { margin: 0; font-size: 12px; }
  html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-editor-tools {
    width: 100%; padding: 5px; gap: 4px; margin: 5px 0 0;
    grid-template-columns: minmax(0, 1fr) auto;
  }
  html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-editor-buttons {
    grid-column: 1 / -1; grid-row: 2; display: flex; gap: 4px;
  }
  html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-editor-buttons button { min-height: 44px; padding: 3px 7px; }
  html body[data-s5-page="avatar"] #studentAvatarLabMount .economy-avatar-editor-tools > strong { grid-column: 2; grid-row: 1; }
  html body[data-s5-page="avatar"] .game-skin-tabs button { font-size: 13px; padding-inline: 6px; }
  html body[data-s5-page="avatar"] .game-skin-stage { height: 146px; }
  html body[data-s5-page="avatar"] .game-skin-layout { gap: 8px; }
}