/*
 * Growtopia Clothing Planner — Clean Phase 21 foundation
 * Structural consolidation only. Rule order is preserved exactly.
 */

/* ===== Original source: phase13-titles.css ===== */
/* ======================================================================
   Phase 13 — Titles portion + inventory-tab seam repair

   This stylesheet is intentionally isolated from css/app.css. It extends
   the locked Phase 10 foundation without changing drawer dimensions,
   toolbar geometry, renderer placement, or shared popup shells.
   ====================================================================== */

body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) {
  --phase13-input-panel: rgba(39, 125, 159, 0.5);
  --phase13-tab-seam-overlap: 4px;
  --phase13-title-row: rgba(0, 0, 0, 0.18);
  --phase13-title-row-active: rgba(104, 190, 224, 0.28);
}

/* Keep every inventory tab physically connected to the drawer border.
   The tab sprite overlaps four pixels beneath the window, so the shared
   window border covers the seam instead of leaving a black gap. */
body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .inventory-tabs {
  left: auto !important;
  right: calc(100% - var(--phase13-tab-seam-overlap)) !important;
  z-index: 1 !important;
  align-items: flex-end;
}

body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .inventory-window {
  position: relative;
  z-index: 2 !important;
  isolation: isolate;
}

body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .inventory-tab,
body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .inventory-tab:hover,
body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .inventory-tab:focus-visible,
body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .inventory-tab.is-active {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .inventory-tab::before,
body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .inventory-tab::after {
  content: none !important;
}

/* Player-tab entry point. It behaves like the existing flag button and
   cannot widen the Phase 10 customization column. */
body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase13-title-picker-control {
  min-width: 0;
}

body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase13-title-picker-button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  max-width: 100%;
  min-height: 34px;
  gap: 8px;
  overflow: hidden;
  background: var(--phase13-input-panel) !important;
  text-align: left;
  text-transform: none;
}

body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase13-title-picker-button > span:last-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase13-title-picker-button-icons {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 3px;
}

body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase13-title-picker-button-icons[hidden] {
  display: none !important;
}

body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase13-title-picker-button-icons img {
  display: block;
  width: 24px;
  height: 24px;
  object-fit: contain;
  image-rendering: pixelated;
  filter: drop-shadow(1px 1px 0 #000000);
}

/* Shared Growtopia window shell, fixed header/footer, and one internal
   scrolling list. The Done button never overlays the title rows. */
body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase13-title-picker-window {
  display: flex;
  flex-direction: column;
  width: min(560px, calc(100vw - 24px));
  max-width: 100%;
  max-height: min(680px, calc(100dvh - 24px));
  min-height: 0;
  padding: 10px;
  overflow: hidden;
}

body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase13-title-picker-heading {
  flex: 0 0 auto;
  margin-bottom: 6px;
}

body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase13-title-picker-heading h2 {
  margin: 0;
  color: #fff36a;
  font-size: clamp(20px, 4vw, 26px);
  text-align: left;
  text-shadow: 1px 1px 0 #000000;
}

body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase13-title-picker-description {
  flex: 0 0 auto;
  margin: 0 0 8px;
  color: #ffffff;
  font-size: 13px;
  line-height: 1.25;
  text-align: left;
  text-shadow: 1px 1px 0 #000000;
}

body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase13-title-picker-list {
  display: grid;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  gap: 4px;
  padding: 2px 4px 8px 2px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

/* The checkbox is always the first and separate control image. Title icons
   are appended only when the title really has one; no empty icon column is
   reserved for text-only titles. */
body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase13-title-option {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  min-height: 52px;
  gap: 10px;
  padding: 5px 8px;
  border: 0;
  border-radius: 2px;
  background: var(--phase13-title-row);
  color: #ffffff;
  font: inherit;
  font-weight: 900;
  text-align: left;
  text-shadow: 1px 1px 0 #000000;
  box-shadow: none;
  cursor: pointer;
}

body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase13-title-option:hover,
body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase13-title-option:focus-visible {
  background: rgba(255, 255, 255, 0.10);
}

body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase13-title-option.is-selected {
  background: var(--phase13-title-row-active);
}

body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase13-title-checkbox {
  display: block;
  order: 0;
  flex: 0 0 38px;
  width: 38px;
  height: 36px;
  object-fit: contain;
  image-rendering: pixelated;
  pointer-events: none;
}

body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase13-title-icon {
  display: block;
  order: 1;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  object-fit: contain;
  image-rendering: pixelated;
  filter: drop-shadow(1px 1px 0 #000000);
  pointer-events: none;
}

body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase13-title-option-label {
  order: 2;
  min-width: 0;
  overflow-wrap: anywhere;
  line-height: 1.15;
  pointer-events: none;
}

body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase13-title-picker-footer {
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  padding-top: 8px;
  border-top: 2px solid rgba(255, 255, 255, 0.42);
}

body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase13-title-picker-done {
  min-width: 126px;
}

@media (max-width: 680px) {
  body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) {
    --phase13-tab-seam-overlap: 4px;
  }

  body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase13-title-picker-window {
    width: calc(100vw - 20px);
    max-height: calc(100dvh - 20px);
    padding: 8px;
  }

  body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase13-title-picker-description {
    font-size: 12px;
  }

  body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase13-title-option {
    min-height: 48px;
    gap: 8px;
    padding: 4px 6px;
  }

  body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase13-title-checkbox {
    flex-basis: 34px;
    width: 34px;
    height: 32px;
  }

  body:is([data-planner-phase="13"], [data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase13-title-icon {
    width: 30px;
    height: 30px;
  }
}

/* ===== Original source: phase14-player-header.css ===== */
/* ======================================================================
   Phase 14 — Player header and GrowID portion

   The Phase 10 UI foundation, attached Phase 13 tabs, drawer, popups,
   inventory geometry, and renderer remain untouched. This stylesheet is
   scoped to the player identity row and formatted GrowID field only.
   ====================================================================== */

body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) {
  --phase14-input-panel: rgba(39, 125, 159, 0.5);
  --phase14-name-default: #ffffff;
  --phase14-identity-gap: 5px;
  --phase14-badge-gap: 3px;
  --phase14-decoration-gap: 2px;
}

/* A fixed-width stage prevents a long identity from widening the page.
   JavaScript measures the natural row width and scales only when required. */
body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-identity-stage {
  position: relative;
  display: block;
  width: min(1120px, calc(100vw - 24px));
  max-width: calc(100vw - 24px);
  height: max(24px, var(--phase14-identity-height, 28px));
  min-width: 0;
  overflow: hidden;
  overflow: clip;
  contain: layout;
  transform: translateY(-14px);
}

body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-identity-stage[hidden],
body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-player-identity[hidden],
body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-player-identity [hidden] {
  display: none !important;
}

body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-player-identity {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-flex !important;
  width: max-content !important;
  max-width: none !important;
  min-width: max-content;
  min-height: 24px;
  align-items: center;
  justify-content: center;
  gap: var(--phase14-identity-gap) !important;
  overflow: visible !important;
  color: var(--phase14-name-default);
  font-size: 17px !important;
  font-weight: 900;
  line-height: 1;
  text-shadow: 1px 1px 0 #000000;
  white-space: nowrap;
  text-overflow: clip;
  transform: translate(-50%, -50%) scale(var(--identity-fit-scale, 1)) !important;
  transform-origin: center center;
  will-change: transform;
}

body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-player-identity .player-name-label {
  display: inline-block;
  max-width: none !important;
  min-width: 0;
  overflow: visible !important;
  color: var(--phase14-name-default);
  text-overflow: clip !important;
  white-space: nowrap;
}

/* All explicitly formatted and alternating color runs use a custom property
   with enough specificity to beat old title color rules. */
body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-player-identity .player-name-label .phase14-color-run,
body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .growid-input-preview .phase14-color-run {
  color: var(--phase14-run-color) !important;
}

/* Title classes affect the unformatted name base. Explicit backtick runs
   above always retain their exact requested colors. */
body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-player-identity .player-name-label.title-level125 {
  color: rgba(103, 208, 255, 0.78) !important;
}

body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-player-identity .player-name-label.title-legendary {
  color: #fff36e !important;
  font-size: 1.18em;
}

body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-player-identity .player-name-label.title-doctor {
  color: #ff3c34 !important;
}

/* Remove the inherited doctor rule that force-painted every child span red. */
body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-player-identity .player-name-label.title-doctor .phase14-color-run {
  color: var(--phase14-run-color) !important;
}

body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-identity-left,
body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-player-identity .identity-side--right {
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  height: 24px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: var(--phase14-badge-gap);
}

body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-identity-left > #playerFlagPreview {
  display: block;
  width: auto !important;
  max-width: 26px;
  height: 20px;
  object-fit: contain;
  image-rendering: pixelated;
  filter: drop-shadow(1px 1px 0 #000000);
}

body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-title-badge-stack,
body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-title-decoration-stack {
  display: inline-flex;
  min-width: 0;
  flex: 0 0 auto;
  align-items: center;
}

body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-title-badge-stack {
  gap: var(--phase14-badge-gap);
}

body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-title-decoration-stack {
  gap: var(--phase14-decoration-gap);
}

body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-title-badge {
  display: block;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  object-fit: contain;
  image-rendering: pixelated;
  filter: drop-shadow(1px 1px 0 #000000);
}

body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-title-decoration {
  display: block;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  object-fit: contain;
  image-rendering: pixelated;
  filter: drop-shadow(1px 1px 0 #000000);
}

body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-title-decoration.is-mirrored {
  transform: scaleX(-1);
}

body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-player-identity .player-wrench-stack {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}

/* Put the literal 50% panel behind the formatted preview instead of in
   front of it. This keeps backtick colors exact rather than blue-washed. */
body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .formatted-growid-input {
  border-radius: 4px;
  background: var(--phase14-input-panel) !important;
}

body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .formatted-growid-input input,
body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .formatted-growid-input input.has-formatted-preview {
  background: transparent !important;
}

body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .customization-field .formatted-growid-input > #growIdInput,
body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .customization-field .formatted-growid-input > #growIdInput.has-formatted-preview {
  background-color: transparent !important;
  background-image: none !important;
}

body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .formatted-growid-input input.has-formatted-preview {
  text-indent: calc(0px - var(--growid-format-indent-px, 0px)) !important;
}

body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .growid-input-preview {
  color: #ffffff;
  opacity: 1;
  text-shadow: none !important;
}

@media (max-width: 680px) {
  body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) {
    --phase14-identity-gap: 3px;
    --phase14-badge-gap: 2px;
    --phase14-decoration-gap: 1px;
  }

  body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-identity-stage {
    width: calc(100vw - 16px);
    max-width: calc(100vw - 16px);
    transform: translateY(-12px);
  }

  body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-player-identity {
    font-size: 16px !important;
  }

  body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-title-badge {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
  }

  body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-title-decoration {
    width: 23px;
    height: 23px;
    flex-basis: 23px;
  }

  body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-identity-left > #playerFlagPreview {
    max-width: 22px;
    height: 18px;
  }

  body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-player-identity .player-wrench-stack,
  body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-player-identity .identity-side--right {
    width: 21px;
    height: 21px;
    flex-basis: 21px;
  }
}

/* Recovery Hotfix — player flag stays clean with no drop shadow. */
body:is([data-planner-phase="14"], [data-planner-phase="15"], [data-planner-phase="16"], [data-planner-phase="17"], [data-planner-phase="18"]) .phase14-identity-left > #playerFlagPreview,
body[data-phase19="true"] #playerFlagPreview,
body[data-phase20="true"] #playerFlagPreview,
#playerFlagPreview {
  filter: none !important;
}