/* ホームの音量操作を、セーフエリア込みで左下へ移動する。 */
#shocker-audio-panel {
    top: auto !important;
    right: auto !important;
    left: max(8px, env(safe-area-inset-left)) !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
}

/* プロフィールは見出しと保存操作を残し、フォーム本文だけをスクロールさせる。 */
#v105-profile-editor .v105-profile-panel-body {
    min-height: 0 !important;
}

/* レアカードを実物のトランプに近い角丸とクリップへ統一する。 */
.v134-stage-card {
    border-radius: clamp(14px, 1.55vw, 22px) !important;
}
.v134-stage-card img {
    border-radius: inherit;
}
.v134-product {
    border-radius: 12px !important;
}
.v134-product::after,
.v134-product-art,
.v134-product-art::after {
    border-radius: inherit;
}
#character-grid .character-card:is(
    [data-character-id="zaraku-maburoi"],
    [data-character-id="benito-riana"],
    [data-character-id="monty-larasa"],
    [data-character-id="mirano-misha"]
) {
    border-radius: 20px !important;
    clip-path: inset(0 round 20px) !important;
    overflow: hidden !important;
}
#player-battle-character:is(
    [data-character-id="zaraku-maburoi"],
    [data-character-id="benito-riana"],
    [data-character-id="monty-larasa"],
    [data-character-id="mirano-misha"]
),
#opponent-battle-character:is(
    [data-character-id="zaraku-maburoi"],
    [data-character-id="benito-riana"],
    [data-character-id="monty-larasa"],
    [data-character-id="mirano-misha"]
) {
    border-radius: 18px !important;
    overflow: hidden !important;
}

.v134-action-row {
    flex-wrap: wrap;
}
#v135-trial-button {
    flex: 1 1 150px;
    min-width: 148px;
    border-color: rgba(151, 190, 218, .55);
    color: #d9efff;
    background: linear-gradient(120deg, #102331, #070d12 68%, #080909);
}
#v135-trial-button::before {
    content: "♠ ";
    color: #88c8ef;
}
#v135-trial-button:hover,
#v135-trial-button:focus-visible {
    border-color: #a9dcfa;
    box-shadow: inset 0 0 18px rgba(82, 166, 219, .1), 0 0 15px rgba(82, 166, 219, .12);
}
#v135-trial-button[aria-busy="true"] {
    cursor: progress;
}
body.v135-trial-routing {
    cursor: wait;
}

#v135-trial-badge {
    position: fixed;
    z-index: 2147483000;
    top: max(8px, env(safe-area-inset-top));
    left: 50%;
    translate: -50% 0;
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    gap: 2px 9px;
    max-width: min(520px, calc(100vw - 28px));
    padding: 8px 13px;
    border: 1px solid rgba(155, 211, 244, .56);
    border-radius: 999px;
    color: #eaf7ff;
    background: rgba(4, 12, 17, .94);
    box-shadow: 0 10px 32px rgba(0, 0, 0, .56), inset 0 0 18px rgba(73, 161, 216, .08);
    font-family: "Courier New", "Yu Gothic", sans-serif;
    pointer-events: none;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity .22s, transform .22s;
}
#v135-trial-badge[hidden] {
    display: none !important;
}
#v135-trial-badge.show {
    opacity: 1;
    transform: translateY(0);
}
#v135-trial-badge span {
    grid-row: 1 / span 2;
    color: #8fd4ff;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .16em;
}
#v135-trial-badge strong {
    overflow: hidden;
    font: 800 10px/1.15 Georgia, "Yu Mincho", serif;
    letter-spacing: .06em;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#v135-trial-badge small {
    color: #88a0ad;
    font-size: 7px;
    font-weight: 700;
    letter-spacing: .08em;
}

@media (max-width: 430px) {
    #shocker-audio-panel {
        top: auto !important;
        right: auto !important;
        left: max(4px, env(safe-area-inset-left)) !important;
        bottom: max(4px, env(safe-area-inset-bottom)) !important;
    }
    .v134-stage-card {
        border-radius: 14px !important;
    }
    .v134-product {
        border-radius: 10px !important;
    }
    #v135-trial-button {
        min-width: 0;
    }
    #v135-trial-badge {
        top: max(5px, env(safe-area-inset-top));
        padding: 7px 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #v135-trial-badge {
        transition: none !important;
    }
}
