/* Character completion pass.
   Visual-only overrides: existing IDs, events, equipment and save data stay intact. */

.character-redesign-v1 .board-title {
  color: #dbc79d;
}

.character-redesign-v1 .board-title .eyebrow {
  color: #c99a50;
}

.character-redesign-v1 .board-title strong,
.character-redesign-v1 .board-title h2 {
  color: #ead7ad;
  text-shadow: 0 1px 2px #000;
}

.character-redesign-v1 .attribute-row {
  color: #aa9676;
}

.character-redesign-v1 .attribute-row strong {
  color: #e4c47b;
}

.character-redesign-v1 .record-panel {
  color: #f3dfb8;
  background: linear-gradient(135deg, #651f1b, #2b0d0c);
}

.character-redesign-v1 .record-panel small,
.character-redesign-v1 .record-panel > span {
  color: #c9aa7d;
}

.character-redesign-v1 .quick-inventory-heading h2 {
  color: #dfc995;
}

.character-redesign-v1 .quick-inventory-heading > strong {
  color: #d76b55;
}

.character-redesign-v1 .gear-slot:focus-visible,
.character-redesign-v1 .quick-inventory-slot:focus-visible,
.character-redesign-v1 .character-subnav button:focus-visible {
  outline: 2px solid #f0c467;
  outline-offset: 2px;
}

@media (min-width: 761px) {
  [data-tab="character"].active {
    --character-heading-space: 117px;
  }

  .character-redesign-v1 .character-view:not([hidden]) {
    height: calc(100% - var(--character-heading-space));
    min-height: 0;
  }

  .character-redesign-v1 .character-view[data-character-view="overview"]:not([hidden]) {
    overflow: hidden;
  }

  .character-redesign-v1 .character-view[data-character-view="overview"] .character-dossier {
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
  }

  .character-redesign-v1 .hero-profile-column {
    grid-template-rows: 238px minmax(0, 1fr);
  }

  .character-redesign-v1 .attributes-board {
    min-height: 0;
    overflow: hidden;
  }

  .character-redesign-v1 .character-view[data-character-view="statistics"]:not([hidden]),
  .character-redesign-v1 .character-view[data-character-view="sets"]:not([hidden]),
  .character-redesign-v1 .character-view[data-character-view="achievements"]:not([hidden]) {
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 2px;
    scrollbar-width: thin;
    scrollbar-color: #8e6936 #17110d;
  }

  .character-redesign-v1 [data-character-view="statistics"] .character-grid {
    gap: 6px;
    margin: 6px 0;
  }

  .character-redesign-v1 [data-character-view="statistics"] .info-card {
    min-height: 94px;
    padding: 12px;
    color: #cbb89a;
    border-color: #6f5732;
    background:
      linear-gradient(135deg, rgba(255,255,255,.025), transparent 48%),
      linear-gradient(180deg, #252019, #17130f);
    box-shadow: inset 0 0 0 2px rgba(0,0,0,.48), inset 0 0 18px rgba(0,0,0,.34);
  }

  .character-redesign-v1 [data-character-view="statistics"] .info-card.accent {
    color: #efdcb6;
    border-color: #966038;
    background: linear-gradient(145deg, #6b211d, #32100e);
  }

  .character-redesign-v1 [data-character-view="statistics"] .info-card small {
    color: #aa9475;
    opacity: 1;
  }

  .character-redesign-v1 [data-character-view="statistics"] .info-card strong,
  .character-redesign-v1 [data-character-view="statistics"] .info-card.accent strong {
    margin: 8px 0 4px;
    color: #e2bb64;
    text-shadow: 0 1px 2px #000;
  }

  .character-redesign-v1 [data-character-view="statistics"] .info-card span {
    color: #a99578;
  }

  .character-redesign-v1 [data-character-view="statistics"] .lore-card {
    padding: 18px;
    color: #d7c2a0;
    border-color: #76502e;
    background:
      radial-gradient(circle at 80% 20%, rgba(116,30,28,.18), transparent 34%),
      linear-gradient(125deg, #291713, #130e0b 70%);
    box-shadow: inset 0 0 22px rgba(0,0,0,.45);
  }

  .character-redesign-v1 [data-character-view="statistics"] .lore-card h2 {
    color: #e4c77f;
  }

  .character-redesign-v1 [data-character-view="statistics"] .lore-card p {
    color: #bba88e;
  }
}

@media (min-width: 761px) and (max-height: 820px) {
  [data-tab="character"].active {
    --character-heading-space: 55px;
  }

  .character-redesign-v1 .character-view[data-character-view="overview"] .character-dossier {
    height: 100%;
  }

  .character-redesign-v1 .hero-profile-column {
    grid-template-rows: 190px minmax(0, 1fr);
  }

  .character-redesign-v1 [data-character-view="statistics"] .info-card {
    min-height: 72px;
    padding: 8px;
  }

  .character-redesign-v1 [data-character-view="statistics"] .info-card strong {
    margin: 4px 0 2px;
    font-size: 17px;
  }

  .character-redesign-v1 [data-character-view="statistics"] .lore-card {
    padding: 10px 12px;
  }
}

@media (max-width: 760px) {
  .character-redesign-v1 .board-title {
    margin-bottom: 6px;
  }

  .character-redesign-v1 .gear-board .gear-slot::after {
    top: 4px;
    width: 62px;
    height: 62px;
  }

  .character-redesign-v1 .gear-board .weapon-slot::after,
  .character-redesign-v1 .gear-board .armor-slot::after,
  .character-redesign-v1 .gear-board .shield-slot::after {
    top: 9px;
    width: 78px;
    height: 78px;
  }

  .character-redesign-v1 .quick-inventory-heading {
    align-items: center;
  }

  .character-redesign-v1 [data-character-view="statistics"] .info-card {
    color: #cbb89a;
    border-color: #6f5732;
    background: linear-gradient(180deg, #252019, #17130f);
  }

  .character-redesign-v1 [data-character-view="statistics"] .info-card.accent {
    color: #efdcb6;
    background: linear-gradient(145deg, #6b211d, #32100e);
  }

  .character-redesign-v1 [data-character-view="statistics"] .info-card strong,
  .character-redesign-v1 [data-character-view="statistics"] .info-card.accent strong {
    color: #e2bb64;
  }

  .character-redesign-v1 [data-character-view="statistics"] .info-card span {
    color: #a99578;
  }

  .character-redesign-v1 [data-character-view="statistics"] .lore-card {
    padding: 12px;
    color: #d7c2a0;
    border-color: #76502e;
    background: linear-gradient(125deg, #291713, #130e0b 70%);
  }
}

/* Equipment board: recessed visual sockets inspired by classic browser RPGs. */
@media (min-width: 761px) {
  .character-redesign-v1 .gear-board {
    position: relative;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-template-rows: repeat(3, minmax(68px, 1fr));
    gap: 5px;
    min-height: 0;
    padding: 8px;
    border: 1px solid #3f321f;
    background:
      radial-gradient(circle at 50% 44%, rgba(119, 87, 40, .12), transparent 38%),
      linear-gradient(135deg, rgba(255,255,255,.025), transparent 34%),
      repeating-linear-gradient(90deg, transparent 0 74px, rgba(194,156,75,.025) 75px),
      linear-gradient(180deg, #17140f, #0d0c0a);
    box-shadow:
      inset 0 0 0 3px #0a0907,
      inset 0 0 0 4px rgba(184,145,66,.18),
      inset 0 0 28px rgba(0,0,0,.82);
  }

  .character-redesign-v1 .gear-slot {
    min-width: 0;
    min-height: 0;
    padding: 38px 4px 5px;
    border: 1px solid #765d32;
    border-radius: 2px;
    background:
      radial-gradient(circle at 50% 38%, rgba(139,103,46,.12), transparent 48%),
      linear-gradient(145deg, #211d17, #0d0c0a);
    box-shadow:
      inset 0 0 0 2px #080706,
      inset 0 0 0 3px rgba(225,183,91,.14),
      inset 0 0 15px rgba(0,0,0,.7),
      0 2px 5px rgba(0,0,0,.48);
  }

  .character-redesign-v1 .gear-slot::before {
    inset: 5px;
    border-color: rgba(232,191,96,.13);
    box-shadow: inset 0 0 8px rgba(0,0,0,.55);
  }

  .character-redesign-v1 .gear-slot small {
    position: absolute;
    z-index: 7;
    top: 5px;
    left: 6px;
    margin: 0;
    color: #bda46c;
    font-size: 7px;
    letter-spacing: .12em;
  }

  .character-redesign-v1 .gear-slot strong,
  .character-redesign-v1 .gear-slot b {
    padding: 1px 3px;
    background: rgba(7,6,5,.66);
    text-shadow: 0 1px 2px #000;
  }

  .character-redesign-v1 .gear-slot strong {
    color: #eee0bd;
  }

  .character-redesign-v1 .gear-slot b {
    color: #ae9870;
  }

  .character-redesign-v1 .gear-img-frame {
    top: 15px;
    width: 58px;
    height: 58px;
  }

  .character-redesign-v1 .weapon-slot .gear-img-frame,
  .character-redesign-v1 .armor-slot .gear-img-frame,
  .character-redesign-v1 .shield-slot .gear-img-frame {
    top: 14px;
    width: 96px;
    height: 96px;
  }

  .character-redesign-v1 .gear-slot.empty-gear {
    opacity: 1;
    border-color: #493b27;
    background:
      radial-gradient(circle at 50% 40%, rgba(176,142,72,.045), transparent 48%),
      linear-gradient(145deg, #171510, #0b0a08);
    box-shadow:
      inset 0 0 0 2px #070605,
      inset 0 0 0 3px rgba(185,148,75,.07),
      inset 0 0 18px rgba(0,0,0,.82);
  }

  .character-redesign-v1 .gear-slot.empty-gear .gear-img-frame {
    opacity: .1;
    filter: grayscale(1) sepia(.25);
  }

  .character-redesign-v1 .gear-slot.empty-gear strong,
  .character-redesign-v1 .gear-slot.empty-gear b {
    color: #736852;
  }

  .character-redesign-v1 .amulet-slot {
    grid-column: 1;
    grid-row: 1;
  }

  .character-redesign-v1 .helmet-slot {
    grid-column: 3;
    grid-row: 1;
  }

  .character-redesign-v1 .ring-slot {
    grid-column: 5;
    grid-row: 1;
  }

  .character-redesign-v1 .weapon-slot {
    grid-column: 1;
    grid-row: 2 / span 2;
  }

  .character-redesign-v1 .armor-slot {
    grid-column: 3;
    grid-row: 2 / span 2;
  }

  .character-redesign-v1 .shield-slot {
    grid-column: 4;
    grid-row: 2 / span 2;
  }

  .character-redesign-v1 .gloves-slot {
    grid-column: 2;
    grid-row: 3;
  }

  .character-redesign-v1 .boots-slot {
    grid-column: 5;
    grid-row: 3;
  }
}

@media (min-width: 761px) and (max-height: 820px) {
  .character-redesign-v1 .gear-board {
    grid-template-rows: repeat(3, 61px);
    gap: 3px;
    padding: 4px;
  }

  .character-redesign-v1 .gear-slot {
    min-height: 0;
    padding: 29px 2px 3px;
  }

  .character-redesign-v1 .gear-img-frame {
    top: 8px;
    width: 38px;
    height: 38px;
  }

  .character-redesign-v1 .weapon-slot .gear-img-frame,
  .character-redesign-v1 .armor-slot .gear-img-frame,
  .character-redesign-v1 .shield-slot .gear-img-frame {
    top: 7px;
    width: 62px;
    height: 62px;
  }
}

@media (max-width: 760px) {
  .character-redesign-v1 .gear-board {
    position: relative;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: repeat(3, 92px);
    gap: 5px;
    padding: 7px;
    border: 1px solid #3f321f;
    background:
      radial-gradient(circle at 50% 42%, rgba(119,87,40,.12), transparent 42%),
      linear-gradient(180deg, #17140f, #0d0c0a);
    box-shadow: inset 0 0 0 3px #090806, inset 0 0 0 4px rgba(184,145,66,.16);
  }

  .character-redesign-v1 .gear-slot {
    min-height: 0;
    padding: 38px 3px 4px;
    border: 1px solid #6c562f;
    background: linear-gradient(145deg, #211d17, #0d0c0a);
    box-shadow: inset 0 0 0 2px #080706, inset 0 0 0 3px rgba(225,183,91,.12);
  }

  .character-redesign-v1 .gear-slot small {
    position: absolute;
    z-index: 7;
    top: 4px;
    left: 5px;
    font-size: 6px;
  }

  .character-redesign-v1 .gear-slot strong {
    font-size: 8px;
    background: rgba(7,6,5,.68);
  }

  .character-redesign-v1 .gear-slot.empty-gear .gear-img-frame {
    opacity: .1;
    filter: grayscale(1);
  }

  .character-redesign-v1 .amulet-slot { grid-column: 1; grid-row: 1; }
  .character-redesign-v1 .helmet-slot { grid-column: 2 / span 2; grid-row: 1; }
  .character-redesign-v1 .ring-slot { grid-column: 4; grid-row: 1; }
  .character-redesign-v1 .weapon-slot { grid-column: 1; grid-row: 2 / span 2; }
  .character-redesign-v1 .armor-slot { grid-column: 2; grid-row: 2 / span 2; }
  .character-redesign-v1 .shield-slot { grid-column: 3; grid-row: 2 / span 2; }
  .character-redesign-v1 .gloves-slot { grid-column: 4; grid-row: 2; }
  .character-redesign-v1 .boots-slot { grid-column: 4; grid-row: 3; }
}

/* Equipped art stays clean; the category label is reserved for empty sockets. */
.character-redesign-v1 .gear-board .gear-slot:not(.empty-gear) > small {
  display: none;
}