body {
    user-select: none;
}

body img {
    -webkit-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
}

.title-wrapper {
    width: 100%;
    height: 86px;
    position: relative;
}

.title-wrapper > .title-background-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.title-wrapper > .title-text-image {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.title-text-image.maxwidth-90 {
    max-width: 90%;
}

.title-text-image.maxwidth-80 {
    max-width: 80%;
}

/* 矮視窗（橫向手機）時讓語系清單改吃滿高度可捲。
   限縮到 .nav_select：無前綴會打到頁面上任何 dropdown（例如 rank 查詢列的下拉鏡像），
   把它的高度強制拉成滿版。各頁的 .dropdown-menu 都在 partials/navSelect.ejs 裡，
   對既有語系選單行為不變。 */
@media screen and (max-height: 430px) {
    .nav_select .dropdown-menu {
        height: calc(100vh - 58px);
        overflow-x: scroll;
    }
}

/* ── Bootstrap 5.2 → 5.3 的表格預設值補償 ───────────────────────────────────
   PHP 版吃 CDN 的 bootstrap 5.2.0-beta1，本版是本地 vendor 的 5.3.8，兩者對 .table
   的預設值改過兩處，剛好把玩家頁表頭的配色整個翻掉（表頭變白底黑字）：

     ① --bs-table-bg：5.2 是 transparent，5.3 改成 var(--bs-body-bg)（＝白）。
        cell 規則 `.table>:not(caption)>*>*` 會把它塗在每個 <th>/<td> 上 —— 不透明白底
        直接蓋掉底下 `thead { background-color:#181d3a !important }` 的深藍。
     ② color 的宣告位置：5.2 只在 `.table` 本身宣告 color，會被 `thead{color:white!important}`
        蓋過、由 <th> 繼承；5.3 把 color 移到 **cell** 上（同一條 cell 規則）。祖先的
        !important 不會傳遞給後代 —— 後代自己的宣告永遠贏過繼承值 → 表頭文字變成
        var(--bs-emphasis-color)（黑）。

   直接把兩個變數改回 5.2 的語意，各頁既有的 thead / tbody 規則就恢復原本效果，
   不必逐條去追加 !important。tbody 的 td/th 本來就自帶 !important 底色，不受影響。
   ⚠️ 選擇器要用 .content 前綴：本檔比 bootstrap.min.css 先載入，同權重會被蓋掉。
   影響頁：rank（排行榜/賞金榜）、lottery（抽獎名單）——兩頁的 .table 都在 .content 內。
   ────────────────────────────────────────────────────────────────────────── */
.content .table {
    --bs-table-bg: transparent;
    --bs-table-color: inherit;
}