/* The saved player's existing rank crest sits on the lower Joker face. */
#v106-match-mode-modal #v106-select-ranked-match .v120-card-front {
    display:grid !important;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:minmax(0,1fr) auto auto auto;
    justify-items:center;
    align-content:stretch;
    row-gap:0;
}

#v106-match-mode-modal #v106-select-ranked-match .v156-joker-crest {
    width:100%;
    height:100%;
    min-height:0;
    margin:0 auto;
    aspect-ratio:auto;
}

#v106-match-mode-modal #v106-select-ranked-match .v156-imperial-joker-svg {
    width:100%;
    height:100%;
}

#v106-match-mode-modal #v106-select-ranked-match .v106-mode-choice-copy {
    display:none !important;
}

#v106-match-mode-modal #v106-select-ranked-match .v192-mode-rank {
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    align-items:center;
    gap:8px;
    width:100%;
    min-width:0;
    margin-top:7px;
    padding:5px 12px 1px 1px;
    border-top:1px solid rgba(99,72,25,.35);
    pointer-events:none;
}

#v106-match-mode-modal #v106-select-ranked-match .v192-mode-rank-crest {
    display:grid;
    place-items:center;
    min-width:0;
}

#v106-match-mode-modal #v106-select-ranked-match .v107-rank-insignia.is-mode {
    width:42px;
    filter:drop-shadow(0 2px 2px rgba(24,18,10,.45));
}

#v106-match-mode-modal #v106-select-ranked-match .v192-mode-rank-copy {
    display:grid;
    gap:3px;
    min-width:0;
    text-align:left;
}

#v106-match-mode-modal #v106-select-ranked-match .v192-mode-rank .v106-mode-choice-meta {
    display:block !important;
    min-width:0;
    margin:0 !important;
    padding:0 !important;
    border:0;
    color:#35200f !important;
    font:800 10px/1.3 Georgia,"Yu Mincho",serif !important;
    letter-spacing:0 !important;
    overflow-wrap:anywhere;
}

#v106-match-mode-modal #v106-select-ranked-match .v192-mode-rank-points {
    color:#765f30;
    font:700 8px/1.2 "Courier New",monospace;
    letter-spacing:.05em;
}

@media (max-width:680px) {
    #v106-match-mode-modal #v106-select-ranked-match .v192-mode-rank {
        grid-template-columns:32px minmax(0,1fr);
        gap:4px;
        margin-top:4px;
        padding:4px 14px 0 0;
    }
    #v106-match-mode-modal #v106-select-ranked-match .v107-rank-insignia.is-mode { width:32px; }
    #v106-match-mode-modal #v106-select-ranked-match .v192-mode-rank .v106-mode-choice-meta { font-size:8px !important; }
    #v106-match-mode-modal #v106-select-ranked-match .v192-mode-rank-points { font-size:6px; }
}

@media (max-width:420px), (max-height:500px) and (orientation:landscape) {
    #v106-match-mode-modal #v106-select-ranked-match .v192-mode-rank {
        grid-template-columns:26px minmax(0,1fr);
        gap:3px;
        margin-top:3px;
        padding-top:3px;
        padding-right:18px;
    }
    #v106-match-mode-modal #v106-select-ranked-match .v107-rank-insignia.is-mode { width:26px; }
    #v106-match-mode-modal #v106-select-ranked-match .v192-mode-rank-copy { gap:2px; }
    #v106-match-mode-modal #v106-select-ranked-match .v192-mode-rank .v106-mode-choice-meta { font-size:7px !important; }
    #v106-match-mode-modal #v106-select-ranked-match .v192-mode-rank-points { font-size:5.5px; }
}