/* Equipped rare-skin palette. The state is owned and cleared by v142. */
body[data-v142-field-skin="zaraku-blood-banquet"] .field-area.player-area {
    --v143-grave: #e24e60;
    --v143-slash: #ffd08a;
    --v143-deep: #190609;
    --v143-zone-text: #fff1cf;
    --v143-zone-glow: rgba(226, 78, 96, .22);
    --v143-zone-crest: "♛";
    --v143-card-base: #180609;
}
body[data-v142-field-skin="riana-amethyst-vow"] .field-area.player-area {
    --v143-grave: #c7a2ff;
    --v143-slash: #fff3ff;
    --v143-deep: #170d25;
    --v143-zone-text: #fff7ff;
    --v143-zone-glow: rgba(199, 162, 255, .22);
    --v143-zone-crest: "◆";
    --v143-card-base: #170d25;
}
body[data-v142-field-skin="larasa-halloween"] .field-area.player-area {
    --v143-grave: #c49aff;
    --v143-slash: #ff9a45;
    --v143-deep: #140b22;
    --v143-zone-text: #fff0d6;
    --v143-zone-glow: rgba(255, 154, 69, .2);
    --v143-zone-crest: "☾";
    --v143-card-base: #140b22;
}
body[data-v142-field-skin="mirano-midnight-service"] .field-area.player-area {
    --v143-grave: #67dda0;
    --v143-slash: #f4df9c;
    --v143-deep: #061a16;
    --v143-zone-text: #f8f0d4;
    --v143-zone-glow: rgba(103, 221, 160, .2);
    --v143-zone-crest: "✦";
    --v143-card-base: #061a16;
}

/* Only the player's grave/slash banners inherit the equipped skin. */
body.v45-battle-active.v64-shocker-battle[data-v142-field-skin]
.field-area.player-area > .disposal-container > .disposal-box {
    --v143-zone-edge: var(--v143-grave);
    position: relative !important;
    isolation: isolate;
    border: 1px solid color-mix(in srgb, var(--v143-zone-edge) 34%, #303033) !important;
    border-radius: 4px !important;
    color: var(--v143-zone-text) !important;
    background:
        linear-gradient(105deg,
            color-mix(in srgb, var(--v143-deep) 90%, #000),
            #050607 72%) !important;
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .07),
        inset 0 -10px 18px rgba(0, 0, 0, .35),
        0 0 10px var(--v143-zone-glow) !important;
}
body.v45-battle-active.v64-shocker-battle[data-v142-field-skin]
.field-area.player-area > .disposal-container > .disposal-box:first-child {
    --v143-zone-edge: var(--v143-grave);
    border-left: 3px solid var(--v143-grave) !important;
    background:
        linear-gradient(100deg,
            color-mix(in srgb, var(--v143-grave) 18%, var(--v143-deep)),
            #050607 72%) !important;
}
body.v45-battle-active.v64-shocker-battle[data-v142-field-skin]
.field-area.player-area > .disposal-container > .disposal-box:last-child {
    --v143-zone-edge: var(--v143-slash);
    border-right: 3px solid var(--v143-slash) !important;
    background:
        linear-gradient(260deg,
            color-mix(in srgb, var(--v143-slash) 16%, var(--v143-deep)),
            #050607 72%) !important;
}
body.v45-battle-active.v64-shocker-battle[data-v142-field-skin]
.field-area.player-area > .disposal-container > .disposal-box > .disposal-title {
    position: relative !important;
    z-index: 1;
    padding-right: 19px !important;
    border-bottom: 1px solid color-mix(in srgb, var(--v143-zone-edge) 48%, transparent) !important;
    color: var(--v143-zone-text) !important;
    background:
        linear-gradient(90deg,
            color-mix(in srgb, var(--v143-zone-edge) 16%, transparent),
            transparent 76%) !important;
    text-shadow: 0 1px 2px #000, 0 0 7px var(--v143-zone-glow) !important;
}
body.v45-battle-active.v64-shocker-battle[data-v142-field-skin]
.field-area.player-area > .disposal-container > .disposal-box > .disposal-title::after {
    content: var(--v143-zone-crest);
    position: absolute;
    right: 3px;
    top: 50%;
    translate: 0 -50%;
    color: var(--v143-zone-edge);
    font: 700 12px/1 Georgia, serif;
    opacity: .84;
    text-shadow: 0 0 7px var(--v143-zone-glow);
    pointer-events: none;
}
body.v45-battle-active.v64-shocker-battle[data-v142-field-skin]
.field-area.player-area #player-grave-count {
    color: var(--v143-grave) !important;
    text-shadow: 0 0 6px var(--v143-zone-glow);
}
body.v45-battle-active.v64-shocker-battle[data-v142-field-skin]
.field-area.player-area #player-slash-count {
    color: var(--v143-slash) !important;
    text-shadow: 0 0 6px var(--v143-zone-glow);
}

/* v64 faded every large character card to 88% (72% on compact layouts).
   Rare cards are JPEG/RGB, so the field bleed-through came from this element opacity. */
body.v45-battle-active.v64-shocker-battle[data-v142-field-skin]
.field-area.player-area #player-battle-character.has-large-battle-art {
    opacity: 1 !important;
    background-color: var(--v143-card-base, #08090a) !important;
    background-blend-mode: normal !important;
    mix-blend-mode: normal !important;
    isolation: isolate;
}

/* Keep rare-card preview surfaces opaque without changing their art or dimmed back-card treatment. */
#v134-card-stage .v134-stage-card,
#v134-card-stage .v134-stage-card > img,
#v142-skin-options .v142-skin-option:nth-child(2) .v142-option-cards img,
#v142-prebattle-options .v142-prebattle-choice:nth-child(2) img {
    background-color: #08090a !important;
    background-blend-mode: normal !important;
    mix-blend-mode: normal !important;
}

@media (forced-colors: active) {
    body.v45-battle-active.v64-shocker-battle[data-v142-field-skin]
    .field-area.player-area > .disposal-container > .disposal-box {
        border-color: CanvasText !important;
        color: CanvasText !important;
        background: Canvas !important;
        box-shadow: none !important;
    }
}