/* SHOCKER_V43_OPPONENT_DECK_FIELD_ALIGNMENT_AND_RESULT_MENU */

/* 相手山札は画面右端ではなく、相手の手札・チェーンログ枠の右横へ置く。 */
.opponent-area > .deck-container {
    right: auto !important;
    transform-origin: top left !important;
}

/*
 * 自分側だけ左62px・右4pxだった余白を左右同値にする。
 * flexの中心軸が相手の場と一致し、三枚の場札が同じ横位置へ揃う。
 */
.player-area #player-field {
    padding-left: 62px !important;
    padding-right: 62px !important;
}

/* 勝敗確定後のメニュー復帰画面。 */
#v43-match-result-menu {
    position: fixed;
    inset: 0;
    z-index: 13050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:
        max(18px, env(safe-area-inset-top))
        max(14px, env(safe-area-inset-right))
        max(20px, env(safe-area-inset-bottom))
        max(14px, env(safe-area-inset-left));
    background:
        radial-gradient(circle at 50% 35%, rgba(212,175,55,.16), transparent 35%),
        rgba(0,0,0,.91);
    backdrop-filter: blur(9px);
    isolation: isolate;
}

#v43-match-result-menu[hidden] {
    display: none !important;
}

.v43-result-card {
    width: min(92vw, 520px);
    padding: 28px 20px 22px;
    border: 1px solid var(--v43-result-color, #d4af37);
    border-radius: 16px;
    background:
        linear-gradient(145deg, rgba(35,29,20,.98), rgba(5,6,6,.99));
    box-shadow:
        0 0 35px var(--v43-result-glow, rgba(212,175,55,.36)),
        0 24px 70px rgba(0,0,0,.82),
        inset 0 1px 0 rgba(255,255,255,.09);
    color: #f3e7c7;
    text-align: center;
}

.v43-result-card.win {
    --v43-result-color: #e7c75f;
    --v43-result-glow: rgba(231,199,95,.42);
}

.v43-result-card.loss {
    --v43-result-color: #d75c68;
    --v43-result-glow: rgba(215,92,104,.38);
}

.v43-result-kicker {
    color: var(--v43-result-color);
    font: 700 10px/1.2 "Courier New", monospace;
    letter-spacing: .38em;
    margin-left: .38em;
}

#v43-match-result-title {
    margin: 10px 0 8px;
    color: var(--v43-result-color);
    font: 700 clamp(42px, 12vw, 76px)/1 Georgia, serif;
    letter-spacing: .08em;
    margin-left: .08em;
    text-shadow: 0 0 20px var(--v43-result-glow), 0 3px 0 #000;
}

#v43-match-result-reason {
    min-height: 1.6em;
    margin: 0 0 20px;
    color: #cfc4aa;
    font-size: 13px;
    line-height: 1.6;
}

#v43-return-menu-btn {
    width: min(100%, 300px);
    min-height: 50px;
    border: 1px solid #e1c779;
    border-radius: 11px;
    background: linear-gradient(#dcc276, #8c6a27);
    color: #111;
    font: 800 15px/1.2 Georgia, "Yu Mincho", serif;
    letter-spacing: .1em;
    cursor: pointer;
    box-shadow: 0 7px 18px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.35);
}

#v43-return-menu-btn:active {
    transform: scale(.97);
}

@media (max-width: 390px) {
    .player-area #player-field {
        padding-left: 52px !important;
        padding-right: 52px !important;
    }

    .v43-result-card {
        padding: 23px 14px 18px;
        border-radius: 13px;
    }

    #v43-match-result-reason {
        font-size: 11px;
        margin-bottom: 16px;
    }

    #v43-return-menu-btn {
        min-height: 48px;
        font-size: 13px;
    }
}
