/* 事前描画(HTML) */
#pre-render-area {
    display: none;
    background-image: url(../images/bg_ichimatsu.png), url(../images/globe.png.webp), url(../images/globe_cross.png.webp), url(../images/bg.jpg.webp);
    background-size: auto, auto, auto, cover;
    background-position: center, center, center, center;
    background-repeat: repeat, no-repeat, no-repeat, repeat;
    /* display: block; */
}

/* explicit override */

#pre-render-area section:not(:first-child) {
    margin-top: 10px;
}

.img-song-block {
    padding: 5px 10px;
    max-width: 170px;
}

#img-best-songs,
#img-new-songs {
    padding: 5px 0;
}

.img-rating .rating-sub {
    font-size: 23px;
}

/* -- explicit override */

#img-header,
.img-plinfo-txt,
#img-rating-additional,
#img-best-title-txt,
#img-new-title-txt {
    color: #000;
}

#img-datetime {
    flex-grow: 2;
}

#img-jpn-mode-note {
    color: white;
    background-color: red;
    font-family: Oswald, sans-serif;
    width: fit-content;
    margin-top: 10px;
    padding: 5px;
    font-size: 1.2rem;
}

.img-plinfo-plate {
    position: relative;
    color: black;
    margin: 10px 10px 0;
    width: 410px;
    padding: 10px;
    text-align: center;
    font-size: 40px;
    font-weight: 800;
    z-index: 1;
    height: 68px;
}

.img-plinfo-plate::before {
    content: "";
    position: absolute;
    background-color: white;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    transform: skewX(-20deg);
}

#img-player-ratng-block {
    position: relative;
}

#img-rating-additional {
    position: absolute;
    top: 75px;
    left: -10px;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    color: white;
}

.append-block {
    background-color: #ffffff;
    margin: 10px auto;
    padding: 10px;
    width: min(500px, 100%);
    border: 1px dashed black;
}

#player-data-file {
    display: block;
    width: fit-content;
    margin: 0 auto;
}

.codeblock {
    background-color: #ffffff;
    margin: 10px auto;
    padding: 10px;
    width: min(500px, 100%);
    border: 1px dashed black;
    word-break: break-all;
}

#datachk-wrapper {
    display: none;
    width: fit-content;
    margin: 0 auto;

    p {
        margin: 0 0 5px;
        width: fit-content;
    }
}

.ult {
    background-color: #590d15;
}

/* i18n */
.lang-ko,
.lang-zh-traditional,
.lang-vi {
    display: none;
}

.lang-en {
    font-family: "Noto Sans", sans-serif;
}

.lang-ko {
    font-family: "Noto Sans KR", sans-serif;
}

.lang-zh-traditional {
    font-family: "Noto Sans TC", sans-serif;
}

.lang-vi {
    font-family: "Noto Sans", sans-serif;
}

.setting-chk-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.setting-chk-flex input[type=checkbox] {
    display: inline-block;
    flex-shrink: 0;
}

.setting-chk-flex span {
    display: inline-block;
    margin-left: 5px;
}