:root {
    --card-w: 597px;
    --card-h: 822px;
    --asset-equip-start-bg: url("../assets/equipment/start-card-bg.png");
    --asset-equip-equip-bg: url("../assets/equipment/equip-card-bg.png");
    --asset-equip-vault-bg: url("../assets/equipment/vault-card-bg.png");
    --asset-equip-ultimate-bg: url("../assets/equipment/ultimate-card-bg.png");
    --asset-equip-card-bg: var(--asset-equip-equip-bg);
    --asset-equip-name-bg: url("../assets/ui/spawn-name-bg.png");
    --asset-equip-name-2l-bg: url("../assets/ui/spawn-name-2l-bg.png");
    --asset-equip-name-mask: url("../assets/ui/spawn-name-mask.png");
    --asset-equip-name-2l-mask: url("../assets/ui/spawn-name-2l-mask.png");
    --asset-equip-blue-danger-bar: url("../assets/equipment/blue-danger-bar.png");
    --asset-equip-yellow-danger-bar: url("../assets/equipment/yellow-danger-bar.png");
    --asset-equip-orange-danger-bar: url("../assets/equipment/orange-danger-bar.png");
    --asset-equip-red-danger-bar: url("../assets/equipment/red-danger-bar.png");
    --asset-equip-blue-danger-bar-obsidian: url("../assets/equipment/blue-danger-bar-obsidian.png");
    --asset-equip-yellow-danger-bar-obsidian: url("../assets/equipment/yellow-danger-bar-obsidian.png");
    --asset-equip-orange-danger-bar-obsidian: url("../assets/equipment/orange-danger-bar-obsidian.png");
    --asset-equip-red-danger-bar-obsidian: url("../assets/equipment/red-danger-bar-obsidian.png");
    --asset-equip-danger-bar: var(--asset-equip-blue-danger-bar);
    --asset-equip-slot-dual: url("../assets/equipment/slot-dual.png");
    --asset-equip-slot-combat: url("../assets/equipment/slot-combat.png");
    --asset-equip-slot-body: url("../assets/equipment/slot-body.png");
    --asset-equip-slot-bag: url("../assets/equipment/slot-bag.png");
    --asset-equip-slot-dual-obsidian: url("../assets/equipment/slot-dual-obsidian.png");
    --asset-equip-slot-combat-obsidian: url("../assets/equipment/slot-combat-obsidian.png");
    --asset-equip-slot-body-obsidian: url("../assets/equipment/slot-body-obsidian.png");
    --asset-equip-slot-bag-obsidian: url("../assets/equipment/slot-bag-obsidian.png");
    --asset-equip-noise-silent: url("../assets/equipment/silent.png");
    --asset-equip-noise-noisy: url("../assets/equipment/noisy.png");
    --asset-equip-noise-silent-obsidian: url("../assets/equipment/silent-obsidian.png");
    --asset-equip-noise-noisy-obsidian: url("../assets/equipment/noisy-obsidian.png");
    --asset-equip-type-melee: url("../assets/equipment/type-melee.png");
    --asset-equip-type-ranged: url("../assets/equipment/type-ranged.png");
    --asset-equip-type-magic: url("../assets/equipment/type-magic.png");
    --asset-equip-open-door: url("../assets/equipment/open-door.png");
    --asset-equip-open-door-noisy: url("../assets/equipment/open-door-noisy.png");
    --asset-equip-open-door-3: url("../assets/equipment/open-door-3.png");
    --asset-equip-open-door-4: url("../assets/equipment/open-door-4.png");
    --asset-equip-open-door-5: url("../assets/equipment/open-door-5.png");
    --asset-equip-open-door-6: url("../assets/equipment/open-door-6.png");
    --asset-ee-keep-value: url("../assets/equipment/keep-value.png");
    --asset-ee-chi-range: url("../assets/equipment/chi-range.png");
    --asset-ee-chi-dice: url("../assets/equipment/chi-dice.png");
    --asset-ee-chi-accuracy: url("../assets/equipment/chi-accuracy.png");
    --asset-ee-chi-damage: url("../assets/equipment/chi-damage.png");
    --asset-description-bg: var(--asset-weapon-bg);
    --asset-weapon-bg: url("../assets/equipment/weapon-bg.png");
    --asset-weapon-stat-bg: url("../assets/equipment/weapon-stat-bg.png");
    --asset-ee-weapon-bg: url("../assets/equipment/weapon-stat-bg-ee.png");
    --asset-ee-weapon-stat-bg: url("../assets/equipment/weapon-bg-ee.png");
    --asset-obsidian-name-bg: url("../assets/ui/spawn-name-bg-obsidian.png");
    --asset-obsidian-name-2l-bg: url("../assets/ui/spawn-name-2l-bg-obsidian.png");
    --asset-obsidian-description-bg: url("../assets/equipment/desc-obsidian.png");
    --asset-obsidian-weapon-bg: url("../assets/equipment/weapon-stat-bg-obsidian.png");
    --asset-obsidian-weapon-stat-bg: url("../assets/equipment/weapon-stat-obsidian.png");
    --asset-set-icon: none;
    --set-icon-left: 258px;
    --set-icon-top: 91px;
    --set-icon-w: 0px;
    --set-icon-h: 0px;
    --set-icon-scale: .5;
    --set-icon-rotate: 0deg;
}

#artReset {
    margin-bottom: 11px;
}

.description-font-size-controls input[type="range"],
.description-line-height-controls input[type="range"],
.description-padding-top-controls input[type="range"],
.description-padding-bottom-controls input[type="range"] {
    width: 100%;
}

.card {
    background: #181210;
    border-radius: 22px;
}

.card-bg {
    background-image: var(--asset-equip-card-bg);
    z-index: 0;
}

.card.use-custom-background .card-bg {
    background-image: var(--asset-custom-card-bg);
}

#obsidianField[hidden],
#customBackgroundField[hidden] {
    display: none !important;
}

.card.bg-start {
    --asset-equip-card-bg: var(--asset-equip-start-bg);
}

.card.bg-equip {
    --asset-equip-card-bg: var(--asset-equip-equip-bg);
}

.card.bg-vault {
    --asset-equip-card-bg: var(--asset-equip-vault-bg);
}

.card.bg-ultimate {
    --asset-equip-card-bg: var(--asset-equip-ultimate-bg);
}

.card::after {
    content: "";
    position: absolute;
    inset: 34px 52.5px;
    border: 2px solid rgba(0, 0, 0, .60);
    border-radius: 17px;
    pointer-events: none;
    z-index: 999;
}

.art {
    left: var(--art-x, 86px);
    top: var(--art-y, 145px);
    width: var(--art-w, 410px);
    z-index: 25;
    filter: drop-shadow(var(--art-shadow-x, -6px) var(--art-shadow-y, -6px) rgba(0, 0, 0, 0.5));
    transform: rotate(var(--art-rotate, 0deg));
    transform-origin: center center;
}

.card.art-shadow-bottom {
    --art-shadow-y: 6px;
}

.card.art-shadow-right {
    --art-shadow-x: 6px;
}

.card.art-over-header .art {
    z-index: 70;
}

.card.art-over-header .description-bg,
.card.art-over-header .weapon-bg {
    z-index: 80;
}

.card.art-over-header .weapon-stat-bg {
    z-index: 81;
}

.card.art-over-header .description-box {
    z-index: 82;
}

.description-bg {
    position: absolute;
    left: 0;
    top: var(--description-bg-top, 432px);
    width: var(--card-w);
    height: var(--card-h);
    background-image: var(--asset-description-bg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 49;
    pointer-events: none;
    display: none;
}

.weapon-bg,
.weapon-stat-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: var(--card-w);
    height: var(--card-h);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    display: block;
}

.weapon-bg {
    top: var(--weapon-bg-top, 351px);
    background-image: var(--asset-weapon-bg);
    z-index: 49;
}

.weapon-stat-bg {
    top: var(--weapon-stat-bg-top, 0px);
    background-image: var(--asset-weapon-stat-bg);
    z-index: 50;
}

.card.use-eternal-empire-layout .weapon-bg {
    left: -8px;
    top: var(--ee-weapon-bg-top, 371px);
    background-image: var(--asset-ee-weapon-bg);
}

.card.use-eternal-empire-layout .weapon-stat-bg {
    top: var(--ee-weapon-stat-bg-top, 514px);
    background-image: var(--asset-ee-weapon-stat-bg);
}

.card.obsidian .name-background {
    background-image: var(--asset-obsidian-name-bg);
}

.card.obsidian.dual-line .name-background {
    background-image: var(--asset-obsidian-name-2l-bg);
}

.card.obsidian .description-bg {
    background-image: var(--asset-obsidian-description-bg);
}

.card.obsidian.use-eternal-empire-layout .weapon-bg {
    background-image: var(--asset-obsidian-weapon-bg);
}

.card.obsidian.use-eternal-empire-layout .weapon-stat-bg {
    background-image: var(--asset-obsidian-weapon-stat-bg);
}

.card.obsidian .card-name,
.card.obsidian .description-box,
.card.obsidian .weapon-stat-value,
.card.obsidian .rich-bold {
    color: beige;
    text-shadow: 1px 1px 0 #cf4a16;
}

.card.obsidian .set-icon {
    filter: brightness(0) saturate(100%) invert(17%) sepia(96%) saturate(2133%) hue-rotate(16deg) brightness(93%) contrast(107%);
}

.card.obsidian .weapon-type-icon {
    filter: brightness(0) invert(1);
}

.card.obsidian .art {
    filter: drop-shadow(0px 0px 8px #930);
}

.card.obsidian .name-background,
.card.obsidian .description-bg,
.card.obsidian.use-eternal-empire-layout .weapon-bg,
.card.obsidian.use-eternal-empire-layout .weapon-stat-bg {
    filter: drop-shadow(0 0 30px #930);
}

.card.use-enchantment-description .description-bg {
    display: block;
}

.card.use-enchantment-description .weapon-bg,
.card.use-enchantment-description .weapon-stat-bg {
    display: none;
}

.card.use-enchantment-description,
.card.use-eternal-empire-layout {
    --description-box-bottom: 36px;
}

.art img {
    filter: drop-shadow(0 14px 18px rgba(0, 0, 0, .45));
}

.art.empty {
    height: 420px;
    width: 410px;
    border: 2px dashed rgba(255, 255, 255, .22);
    border-radius: 28px;
    display: grid;
    place-items: center;
}

.art.empty::before {
    content: "Upload artwork";
    font-size: 30px;
}

.art-rotate-handle {
    position: absolute;
    left: 50%;
    top: 50%;
    right: auto;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    border: 2px solid rgba(255, 255, 255, .85);
    border-radius: 999px;
    background: rgba(0, 0, 0, .45);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .45);
    cursor: grab;
    z-index: 3;
}

.art-rotate-handle::before {
    content: "↻";
    position: absolute;
    inset: 0;
    color: #fff;
    font: 700 20px/27px Arial, sans-serif;
    text-align: center;
}

.art.rotating .art-rotate-handle {
    cursor: grabbing;
}

.art.empty .art-rotate-handle,
.card.export .art-rotate-handle {
    display: none;
}

.card-header {
    position: absolute;
    inset: 0;
    z-index: auto;
    pointer-events: none;
}

.weapon-traits {
    position: absolute;
    inset: 0;
    width: var(--card-w);
    height: var(--card-h);
    z-index: 65;
    pointer-events: none;
}

.open-door {
    position: absolute;
    left: 0;
    top: var(--open-door-top, 0px);
    width: var(--card-w);
    height: var(--card-h);
    pointer-events: none;
}

.card.use-enchantment-description .open-door {
    display: none;
}

.weapon-traits-ee {
    position: absolute;
    inset: 0;
    width: var(--card-w);
    height: var(--card-h);
    z-index: 66;
    pointer-events: none;
    display: none;
}

.card.use-eternal-empire-layout .weapon-traits-ee {
    display: block;
}

.ee-keep-value-layer,
.ee-chi-icon {
    position: absolute;
    inset: 0;
    width: var(--card-w);
    height: var(--card-h);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    display: none;
}

.card.use-eternal-empire-layout.has-keep-value .ee-keep-value-layer {
    display: block;
    background-image: var(--asset-ee-keep-value);
    z-index: 1;
}

.ee-keep-value-text {
    position: absolute;
    top: 228px;
    left: 436px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 36px;
    font-family: "Algo FY Black", Georgia, serif;
    font-size: 42px;
    line-height: 1;
    color: #E9E1CF;
    text-align: center;
    white-space: nowrap;
    transform: rotate(8deg);
    transform-origin: center center;
}

.weapon-stat-value.ee-weapon-stat-value {
    position: absolute;
    bottom: 172px;
    width: 46px;
    height: 36px;
    color: #fff;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 3;
    pointer-events: none;
}

.ee-weapon-stat-value.weapon-stat-range {
    left: 165px;
}

.ee-weapon-stat-value.weapon-stat-dice {
    left: 251px;
}

.ee-weapon-stat-value.weapon-stat-accuracy {
    left: 349px;
}

.ee-weapon-stat-value.weapon-stat-damage {
    left: 438px;
}

.weapon-stat-value.ee-weapon-stat-value .weapon-stat-char {
    text-align: center;
}

.ee-weapon-stat-value.weapon-stat-accuracy:not(.is-empty)::after {
    content: "+";
    line-height: 1;
}

.weapon-stat-value.ee-weapon-stat-value.weapon-stat-range.dual-range {
    font-size: 30px;
    letter-spacing: -1px;
    overflow: visible;
}

.weapon-stat-value.ee-weapon-stat-value.weapon-stat-range.dual-range .weapon-stat-dash {
    margin-inline: 0;
    transform: translateY(-1px) scaleX(0.85);
}

.weapon-stat-value.ee-weapon-stat-value.weapon-stat-range.dual-range .weapon-stat-char {
    flex: 0 0 auto;
}

.ee-chi-icon {
    z-index: 2;
}

.card.use-eternal-empire-layout .ee-chi-icon,
.card.use-eternal-empire-layout .weapon-stat-value.ee-weapon-stat-value {
    transform: translateY(var(--ee-layout-shift, 0px));
}

.card.use-eternal-empire-layout.ee-chi-range .ee-chi-range-icon {
    display: block;
    background-image: var(--asset-ee-chi-range);
}

.card.use-eternal-empire-layout.ee-chi-dice .ee-chi-dice-icon {
    display: block;
    background-image: var(--asset-ee-chi-dice);
}

.card.use-eternal-empire-layout.ee-chi-accuracy .ee-chi-accuracy-icon {
    display: block;
    background-image: var(--asset-ee-chi-accuracy);
}

.card.use-eternal-empire-layout.ee-chi-damage .ee-chi-damage-icon {
    display: block;
    background-image: var(--asset-ee-chi-damage);
}

.name-background {
    background-image: var(--asset-equip-name-bg);
    z-index: 60;
}

.card.dual-line .name-background {
    background-image: var(--asset-equip-name-2l-bg);
}

.card.dual-line .danger-bar,
.card.dual-line #dualWieldingIcon,
.card.dual-line #slotIcon {
    top: 32px;
}

.set-icon-mask {
    z-index: 62;
    -webkit-mask-image: var(--asset-equip-name-bg);
    mask-image: var(--asset-equip-name-bg);
}

.card.dual-line .set-icon-mask {
    -webkit-mask-image: var(--asset-equip-name-2l-bg);
    mask-image: var(--asset-equip-name-2l-bg);
}

.set-emblem {
    left: var(--set-icon-left, 258px);
    top: var(--set-icon-top, 91px);
    width: var(--set-icon-w);
    height: var(--set-icon-h);
    transform: translate(-50%, -50%) rotate(var(--set-icon-rotate, 0deg)) scale(var(--set-icon-scale, .5));
    transform-origin: center center;
    z-index: 1;
}

.set-icon {
    inset: 0;
    width: 100%;
    height: 100%;
    background-image: var(--asset-set-icon);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    filter: var(--set-icon-filter, brightness(0) saturate(100%) invert(35%) sepia(51%) saturate(472%) hue-rotate(352deg) brightness(110%) contrast(37%));
}

.set-icon-name-overlay {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 210px;
    background-image: var(--asset-equip-name-mask);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: right 0 top 0;
    z-index: 2;
    pointer-events: none;
}

.card.dual-line .set-icon-name-overlay {
    background-image: var(--asset-equip-name-2l-mask);
}

.card-name {
    position: absolute;
    top: var(--name-top, 62px);
    width: 597px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    white-space: pre-line;
    font-family: "Algo FY Regular", Georgia, "Times New Roman", serif;
    font-size: var(--name-font-size, 48px);
    letter-spacing: var(--name-letter-spacing, 0px);
    line-height: .85;
    color: #4D3828;
    text-transform: capitalize;
    z-index: 63;
    pointer-events: none;
}

.description-box {
    position: absolute;
    left: 50%;
    bottom: var(--description-box-bottom, 160px);
    width: 436px;
    max-width: 436px;
    transform: translateX(-50%);
    z-index: 54;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    text-align: center;
    font-family: "Arek Semibold Italic", Georgia, serif;
    font-size: var(--description-text-size, 30px);
    line-height: 1;
    color: #1E1A1B;
    white-space: normal;
    padding-top: var(--description-padding-top, 20px);
    padding-bottom: var(--description-padding-bottom, 20px);
    box-sizing: border-box;
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1, "tnum" 1;
}

.description-line {
    display: block;
    width: 100%;
    min-height: 1em;
    line-height: var(--description-line-height, 1.2);
}

.description-regular {
    text-align: center;
}

.description-regular.description-before-bullet {
    margin-bottom: 10px;
}

.description-bullet {
    position: relative;
    padding-left: 60px;
    text-align: left;
}

.description-bullet:not(:last-child) {
    margin-bottom: 10px;
}

.description-bullet-mark {
    position: absolute;
    left: 38px;
    top: 0;
    width: 15px;
    text-align: left;
    font-size: 60px;
    line-height: 24px;
}

.description-bullet-number {
    left: 0;
    top: 0;
    width: 52px;
    text-align: right;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
}

.description-line-text {
    display: block;
}

.description-manual-line {
    display: block;
}

.description-manual-line-text {
    display: inline;
}

.danger-bar {
    background-image: var(--asset-equip-danger-bar);
    z-index: 64;
}

.equip-slot-icon,
.equip-trait-icon {
    display: none;
    z-index: 65;
}

.card.has-dual-wielding .dual-wielding-icon {
    display: block;
    background-image: var(--asset-equip-slot-dual);
}

.card.slot-combat .slot-type-icon {
    display: block;
    background-image: var(--asset-equip-slot-combat);
}

.card.slot-body .slot-type-icon {
    display: block;
    background-image: var(--asset-equip-slot-body);
}

.card.slot-bag .slot-type-icon {
    display: block;
    background-image: var(--asset-equip-slot-bag);
}

.card.obsidian.has-dual-wielding .dual-wielding-icon {
    background-image: var(--asset-equip-slot-dual-obsidian);
}

.card.obsidian.slot-combat .slot-type-icon {
    background-image: var(--asset-equip-slot-combat-obsidian);
}

.card.obsidian.slot-body .slot-type-icon {
    background-image: var(--asset-equip-slot-body-obsidian);
}

.card.obsidian.slot-bag .slot-type-icon {
    background-image: var(--asset-equip-slot-bag-obsidian);
}

.card.obsidian.has-dual-wielding .dual-wielding-icon,
.card.obsidian.slot-combat .slot-type-icon,
.card.obsidian.slot-body .slot-type-icon,
.card.obsidian.slot-bag .slot-type-icon,
.card.obsidian.has-noise-token.noise-silent .noise-token-icon,
.card.obsidian.has-noise-token.noise-noisy .noise-token-icon {
    filter: drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff);
}

.card.has-noise-token.noise-silent .noise-token-icon {
    display: block;
    background-image: var(--asset-equip-noise-silent);
}

.card.has-noise-token.noise-noisy .noise-token-icon {
    display: block;
    background-image: var(--asset-equip-noise-noisy);
}

.card.obsidian.has-noise-token.noise-silent .noise-token-icon {
    background-image: var(--asset-equip-noise-silent-obsidian);
}

.card.obsidian.has-noise-token.noise-noisy .noise-token-icon {
    background-image: var(--asset-equip-noise-noisy-obsidian);
}


.card.use-enchantment-description.has-noise-token .noise-token-icon {
    top: var(--noise-token-top, 60px);
}


.card.use-eternal-empire-layout #noiseTokenIcon {
    left: -10px;
    top: calc(0px + var(--ee-layout-shift, 0px));
}

.card.use-eternal-empire-layout #weaponTypeIconLayer {
    left: 6px;
    top: calc(-2px + var(--ee-layout-shift, 0px));
}

.card.has-weapon-type-icon.weapon-type-melee .weapon-type-icon {
    display: block;
    background-image: var(--asset-equip-type-melee);
}

.card.has-weapon-type-icon.weapon-type-ranged .weapon-type-icon {
    display: block;
    background-image: var(--asset-equip-type-ranged);
}

.card.has-weapon-type-icon.weapon-type-magic .weapon-type-icon {
    display: block;
    background-image: var(--asset-equip-type-magic);
}

.card.has-open-door .open-door-icon {
    display: block;
    background-image: var(--asset-equip-open-door);
}

.card.has-open-door.open-door-noise-noisy .open-door-noise-icon {
    display: block;
    background-image: var(--asset-equip-open-door-noisy);
}

.card.has-open-door.open-door-dice-3 .open-door-dice-icon {
    display: block;
    background-image: var(--asset-equip-open-door-3);
}

.card.has-open-door.open-door-dice-4 .open-door-dice-icon {
    display: block;
    background-image: var(--asset-equip-open-door-4);
}

.card.has-open-door.open-door-dice-5 .open-door-dice-icon {
    display: block;
    background-image: var(--asset-equip-open-door-5);
}

.card.has-open-door.open-door-dice-6 .open-door-dice-icon {
    display: block;
    background-image: var(--asset-equip-open-door-6);
}

.card.danger-blue {
    --asset-equip-danger-bar: var(--asset-equip-blue-danger-bar);
}

.card.danger-yellow {
    --asset-equip-danger-bar: var(--asset-equip-yellow-danger-bar);
}

.card.danger-orange {
    --asset-equip-danger-bar: var(--asset-equip-orange-danger-bar);
}

.card.danger-red {
    --asset-equip-danger-bar: var(--asset-equip-red-danger-bar);
}

.card.obsidian.danger-blue {
    --asset-equip-danger-bar: var(--asset-equip-blue-danger-bar-obsidian);
}

.card.obsidian.danger-yellow {
    --asset-equip-danger-bar: var(--asset-equip-yellow-danger-bar-obsidian);
}

.card.obsidian.danger-orange {
    --asset-equip-danger-bar: var(--asset-equip-orange-danger-bar-obsidian);
}

.card.obsidian.danger-red {
    --asset-equip-danger-bar: var(--asset-equip-red-danger-bar-obsidian);
}

@media (max-width: 520px) {
    .editor-two-col {
        grid-template-columns: 1fr;
    }
}

.weapon-stat-editor-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 11px;
}

.weapon-stat-editor {
    display: grid;
    gap: 8px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 12px;
    background: rgba(0, 0, 0, .12);
}

.weapon-stat-editor .field {
    margin-bottom: 0;
}

#weaponStatValues,
#weaponStatValues2 {
    position: absolute;
    bottom: 72px;
    left: 140px;
    width: 362px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    align-items: center;
    z-index: 51;
    pointer-events: none;
}

#weaponStatValues2 {
    bottom: 100px;
    display: none;
}

.card.use-eternal-empire-layout #weaponStatValues,
.card.use-eternal-empire-layout #weaponStatValues2 {
    bottom: 76px;
    left: 144px;
    gap: 10px;
    transform: translateY(var(--ee-layout-shift, 0px));
}

.card.use-eternal-empire-layout #weaponStatValues2 {
    bottom: 104px;
}

.card.has-second-weapon-stats #weaponStatValues2 {
    display: grid;
}

.weapon-stat-value {
    display: flex;
    align-items: flex-end;
    height: 42px;
    font-family: "Algo FY Black", Georgia, serif;
    font-size: 36px;
    line-height: 1;
    color: #000;
    text-align: left;
    white-space: nowrap;
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1, "tnum" 1;
}

.weapon-stat-char {
    display: block;
    line-height: 1;
    transform-origin: center bottom;
}

.weapon-stat-digit-0 {
    transform: scale(1.12) translateY(2px);
}

.weapon-stat-digit-1 {
    transform: scale(1.12) translateX(2px) translateY(2px);
}

.weapon-stat-digit-2 {
    transform: scale(1.12) translateX(1px) translateY(2px);
}

.weapon-stat-digit-6,
.weapon-stat-digit-8 {
    transform: translateY(2px);
}

.weapon-stat-digit-3,
.weapon-stat-digit-5,
.weapon-stat-digit-7 {
    transform: translateX(1px) translateY(-2px);
}

.weapon-stat-digit-4 {
    transform: translateX(1px) translateY(-2px);
}

.weapon-stat-digit-9 {
    transform: translateY(-3px);
}

.weapon-stat-dash {
    margin-inline: 2px 0;
}

.weapon-stat-star {
    transform: scale(1.16) translateX(1px) translateY(14px);
}

.weapon-stat-accuracy:not(.is-empty)::after {
    content: "+";
    line-height: 1;
}

.card.use-enchantment-description #weaponStatValues,
.card.use-enchantment-description #weaponStatValues2 {
    display: none;
}

.card.art-over-header #weaponStatValues,
.card.art-over-header #weaponStatValues2 {
    z-index: 82;
}

.card.art-over-header .description-box {
    z-index: 83;
}

.card.art-over-header .weapon-traits,
.card.art-over-header .weapon-traits-ee {
    z-index: 82;
}

@media (max-width: 520px) {
    .weapon-stat-editor-grid {
        grid-template-columns: 1fr;
    }
}

#secondWeaponStatsFields[hidden],
#openDoorFields[hidden],
#weaponTypeIconField[hidden],
#eternalEmpireFields[hidden],
#keepValueField[hidden] {
    display: none !important;
}

.eternal-empire-fields {
    margin-top: 11px;
}

.eternal-empire-stat-editor-grid {
    margin-top: 11px;
}

.eternal-empire-stat-editor-grid .checkbox-row {
    margin: 0;
}


/* Eternal Empire fine-tuning overrides */
.ee-keep-value-text .weapon-stat-digit-3,
.ee-keep-value-text .weapon-stat-digit-5 {
    transform: translateX(3px) translateY(-2px);
}

.ee-keep-value-text .weapon-stat-digit-4 {
    transform: translateX(2px) translateY(-2px);
}

.ee-keep-value-text .weapon-stat-digit-6 {
    transform: translateX(3px) translateY(4px);
}

.weapon-stat-value.ee-weapon-stat-value .weapon-stat-digit-1 {
    transform: scale(1.12) translateY(2px);
}

.weapon-stat-value.ee-weapon-stat-value .weapon-stat-digit-3,
.weapon-stat-value.ee-weapon-stat-value .weapon-stat-digit-5 {
    transform: translateX(0px) translateY(-2px);
}

.weapon-stat-value.ee-weapon-stat-value .weapon-stat-digit-4 {
    transform: translateX(-1px) translateY(-2px);
}

.weapon-stat-value.ee-weapon-stat-value .weapon-stat-digit-7 {
    transform: translateX(1px) translateY(-2px);
}