.character-portrait {
    --character-portrait--size: 60px;
    --character-portrait--glow-box-shadow: none;
    --character-portrait--alignment-color: #333;
    --character-portrait--image-frame-bg-color: #111;
    --character-portrait--image-frame-box-shadow: none;
    --character-portrait--image-frame-border-width: 2px;
    --character-portrait--level-color: #93fffb;
    --character-portrait--level-bg-position: 0 0;
    --character-portrait--level-bg-url: url(https://tb.swgoh.fun/assets/character-level-bg--normal.webp);
    --character-portrait--relic-frame-bg-url: none;
    --character-portrait--relic-flare-bg-color: transparent;
    --character-portrait--gear-bg-url: none;
    color: #fff;
    width: var(--character-portrait--size);
    height: var(--character-portrait--size);
    position: relative;
    font-weight: 700;
    margin: 0 auto;
    flex-shrink: 0;
  }

  /* Базовые цвета для сторон без реликвии */
  .character-portrait--alignment-1,
  .character-portrait--alignment-2,
  .character-portrait--alignment-3 {
    --character-portrait--alignment-color: #333;
    --character-portrait--image-frame-box-shadow: none;
  }

  /* Цвета для сторон с реликвией */
  .character-portrait--has-relic.character-portrait--alignment-1 {
    --character-portrait--glow-box-shadow: 0 0 20px rgba(255,255,255,.5),0 0 60px rgba(200,200,200,.6);
    --character-portrait--alignment-color: #888;
    --character-portrait--image-frame-box-shadow: 0 0 3px 2px rgba(136,136,136,0.8) inset;
    --character-portrait--relic-flare-bg-color: #666;
  }

  .character-portrait--has-relic.character-portrait--alignment-2 {
    --character-portrait--glow-box-shadow: 0 0 20px rgba(0,119,191,.7),0 0 60px rgba(95,169,214,.76);
    --character-portrait--alignment-color: #3f8cba;
    --character-portrait--image-frame-box-shadow: 0 0 3px 2px rgba(63,140,186,0.8) inset;
    --character-portrait--relic-flare-bg-color: #1a4d94;
  }

  .character-portrait--has-relic.character-portrait--alignment-3 {
    --character-portrait--glow-box-shadow: 0 0 20px rgba(156,8,9,.77),0 0 60px rgba(210,52,53,.75);
    --character-portrait--alignment-color: #b03233;
    --character-portrait--image-frame-box-shadow: 0 0 3px 2px rgba(176,50,51,0.8) inset;
    --character-portrait--relic-flare-bg-color: #7a112c;
  }

  .character-portrait--has-relic.character-portrait--alignment-1 {
    --character-portrait--relic-frame-bg-url: url(https://tb.swgoh.fun/assets/character-frame-relic--neutral.webp);
  }

  .character-portrait--has-relic.character-portrait--alignment-2 {
    --character-portrait--relic-frame-bg-url: url(https://tb.swgoh.fun/assets/character-frame-relic--light-side.webp);
  }

  .character-portrait--has-relic.character-portrait--alignment-3 {
    --character-portrait--relic-frame-bg-url: url(https://tb.swgoh.fun/assets/character-frame-relic--dark-side.webp);
  }
  
  .character-portrait__primary {
    background-color: var(--character-portrait--alignment-color);
    border-radius: 50%;
    box-shadow: var(--character-portrait--image-frame-box-shadow);
    padding: 4%;
    position: relative;
    isolation: isolate;
    z-index: 1;
  }

  .character-portrait__gframe {
    aspect-ratio: 104/89;
    background-image: var(--character-portrait--gear-bg-url);
    background-size: contain;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-48%);
    width: 130%;
    z-index: 2;
  }

  .character-portrait__gframe--tier-1 { --character-portrait--gear-bg-url: url(https://tb.swgoh.fun/assets/character-gear-frame--g1.webp); }
  .character-portrait__gframe--tier-2 { --character-portrait--gear-bg-url: url(https://tb.swgoh.fun/assets/character-gear-frame--g2.webp); }
  .character-portrait__gframe--tier-3 { --character-portrait--gear-bg-url: url(https://tb.swgoh.fun/assets/character-gear-frame--g3.webp); }
  .character-portrait__gframe--tier-4 { --character-portrait--gear-bg-url: url(https://tb.swgoh.fun/assets/character-gear-frame--g4.webp); }
  .character-portrait__gframe--tier-5 { --character-portrait--gear-bg-url: url(https://tb.swgoh.fun/assets/character-gear-frame--g5.webp); }
  .character-portrait__gframe--tier-6 { --character-portrait--gear-bg-url: url(https://tb.swgoh.fun/assets/character-gear-frame--g6.webp); }
  .character-portrait__gframe--tier-7 { --character-portrait--gear-bg-url: url(https://tb.swgoh.fun/assets/character-gear-frame--g7.webp); }
  .character-portrait__gframe--tier-8 { --character-portrait--gear-bg-url: url(https://tb.swgoh.fun/assets/character-gear-frame--g8.webp); }
  .character-portrait__gframe--tier-9 { --character-portrait--gear-bg-url: url(https://tb.swgoh.fun/assets/character-gear-frame--g9.webp); }
  .character-portrait__gframe--tier-10 { --character-portrait--gear-bg-url: url(https://tb.swgoh.fun/assets/character-gear-frame--g10.webp); }
  .character-portrait__gframe--tier-11 { --character-portrait--gear-bg-url: url(https://tb.swgoh.fun/assets/character-gear-frame--g11.webp); }
  .character-portrait__gframe--tier-12 { --character-portrait--gear-bg-url: url(https://tb.swgoh.fun/assets/character-gear-frame--g12.webp); }
  
  .character-portrait__image-frame {
    aspect-ratio: 1;
    background-color: var(--character-portrait--image-frame-bg-color);
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .character-portrait__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .character-portrait__zeta,
  .character-portrait__omicron,
  .character-portrait__level,
  .character-portrait__relic {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 4;
  }
  
  .character-portrait__zeta {
    left: -10%;
    bottom: 0;
    width: 47.5%;
    aspect-ratio: 1;
    background: center transparent url(https://tb.swgoh.fun/assets/tex.skill_zeta_glow.png) no-repeat;
    background-size: contain;
  }
  
  .character-portrait__omicron {
    right: -10%;
    bottom: 0;
    width: 47.5%;
    aspect-ratio: 1;
    background: center transparent url(https://tb.swgoh.fun/assets/omicron-badge.png) no-repeat;
    background-size: contain;
  }
  
  .character-portrait__level {
    bottom: -10%;
    left: 50%;
    transform: translateX(-50%);
    width: 37.5%;
    aspect-ratio: 34 / 30;
    background: transparent var(--character-portrait--level-bg-url) no-repeat;
    background-size: contain;
    color: var(--character-portrait--level-color);
  }

  .character-portrait__level svg {
    font-size: 1.625rem;
    margin-top: -6%;
    width: 90%;
  }

  .character-portrait__level text,
  .character-portrait__zeta text,
  .character-portrait__omicron text,
  .relic-badge text {
    fill: currentColor;
    stroke: #000;
    stroke-width: 4;
    color: currentColor;
    font-weight: 700;
    text-anchor: middle;
    dominant-baseline: middle;
    paint-order: stroke fill;
  }
  
  .relic-badge svg {
    width: 100%;
    height: 100%;
    overflow: visible;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 7;
  }
  
  .character-portrait__rframe {
    aspect-ratio: 58/112;
    background-image: var(--character-portrait--relic-frame-bg-url);
    background-size: contain;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-104%,-50%);
    width: 72.5%;
    z-index: 3;
  }

  .character-portrait__rframe--right {
    transform: rotateY(180deg) translate(-4%,-50%);
  }

  .character-portrait__relic {
    bottom: -15%;
    left: 50%;
    transform: translateX(-50%);
    width: 55%;
    position: absolute;
    z-index: 5;
  }
  
  .relic-badge {
    width: 100%;
    aspect-ratio: 1;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 700;
    position: relative;
    z-index: 6;
  }
  
  .relic-badge--alignment-1 {
    background-image: url(https://tb.swgoh.fun/assets/relic-badge--neutral.webp);
  }

  .relic-badge--alignment-2 {
    background-image: url(https://tb.swgoh.fun/assets/relic-badge--light-side.webp);
  }
  
  .relic-badge--alignment-3 {
    background-image: url(https://tb.swgoh.fun/assets/relic-badge--dark-side.webp);
  }
  
  .character-portrait__footer {
    padding-top: 8%;  /* Было 6%, увеличим отступ */
    position: relative;
    z-index: 1;  /* Добавим z-index чтобы быть уверенными в порядке слоев */
  }

  .rarity-range {
    display: flex;
    gap: 1px;
  }
  
  .rarity-range__star {
    width: 100%;
    aspect-ratio: 1;
    background: center/contain no-repeat url(https://tb.swgoh.fun/assets/star.png);
  }
  
  .rarity-range__star--inactive {
    background-image: url(https://tb.swgoh.fun/assets/star-inactive.png);
  }

  /* Обёртка для самодостаточного элемента портрета */
  .unit-card__portrait {
    display: inline-block;
    width: 55px;
    height: auto;
    vertical-align: top;
  }

  /* Компактная версия для сетки */
  .character-portrait--compact {
    --character-portrait--size: 55px;
  }

  .character-portrait--compact .character-portrait__level svg {
    font-size: 1.2rem;
  }

  .character-portrait--compact .relic-badge {
    font-size: 0.8rem;
  }
  
  .character-portrait--compact .relic-badge svg {
    font-size: 0.8rem;
  }
  
  .character-portrait--compact .relic-badge text {
    stroke-width: 3;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
  }

  /* Портреты без звёзд - убираем отступ снизу */
  .character-portrait:not(:has(.character-portrait__footer)) {
    padding-bottom: 0;
  }