/* Graveyard theme — colors + lobby background (loads after style.css) */
:root {
    --wm-accent: #7b6b9e;
    --wm-accent-hover: #9a8bb8;
    --wm-play: #4a7c59;
    --wm-play-hover: #5f9a6f;
    --wm-login: #5c7a8a;
    --wm-login-hover: #7399ab;
    --wm-page-bg: #0a0f14;
    --wm-panel-bg: rgba(12, 18, 24, 0.82);
}

body,
html {
    background-color: var(--wm-page-bg) !important;
}

#game-wrap {
    background-color: var(--wm-page-bg) !important;
}

/* Lobby: graveyard art instead of hearts */
#game-wrap #game-cont {
    background: #1a2329 url('/images/lobby-bg.png') center center / cover no-repeat;
}

#game-wrap #game-cont #background-canvas {
    opacity: 0.1 !important;
    pointer-events: none;
}

#game-wrap #game-cont #stretch-box #main-menu-view {
    background: transparent;
}

#game-wrap #game-cont #stretch-box #main-menu-view #mm-line-center .column-middle {
    background: rgba(12, 18, 24, 0.55);
    border-radius: 12px;
    border: 1px solid rgba(123, 107, 158, 0.35);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.55);
}

#mm-event-text {
    color: #b8a8d8 !important;
    text-shadow: 0 0 12px rgba(123, 107, 158, 0.5);
}

#mm-action-guest {
    display: none !important;
}

#mm-action-play {
    background-color: var(--wm-play) !important;
    border-color: rgba(95, 154, 111, 0.5) !important;
}

#mm-action-guest:hover,
#mm-action-play:hover {
    background-color: var(--wm-play-hover) !important;
}

#mm-action-login {
    background-color: var(--wm-login) !important;
}

#mm-action-login:hover {
    background-color: var(--wm-login-hover) !important;
}

#mm-player-exp-bar,
#mm-loading-progress-bar {
    background-color: var(--wm-accent) !important;
}

#mm-coins-buy,
.wz-go-btn.pri,
#adbl-continue {
    background: linear-gradient(180deg, var(--wm-accent-hover) 0%, var(--wm-accent) 100%) !important;
}

.wz-go-btn.pri:hover,
#adbl-continue:hover {
    filter: brightness(1.08);
}

/* Spawn / game-over modal accents */
.wz-go-modal {
    border-color: var(--wm-accent) !important;
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(123, 107, 158, 0.3) !important;
}

.wz-go-head {
    background: linear-gradient(90deg, var(--wm-accent-hover) 0%, var(--wm-accent) 100%) !important;
}

.pizza-dilim.active,
.pizza-dilim:hover {
    border-color: var(--wm-accent-hover) !important;
}

#result-play-again,
#wm-play-again {
    background: linear-gradient(180deg, var(--wm-play-hover) 0%, var(--wm-play) 100%) !important;
    border-color: rgba(95, 154, 111, 0.6) !important;
}

/* ── Server panel — fits column-left (240px) ─────────────── */
#game-wrap #game-cont #stretch-box #main-menu-view #mm-line-center .column-left .description-text {
    display: flex;
    flex-direction: column;
    gap: 6px;
    overflow: hidden;
    padding: 8px;
    box-sizing: border-box;
}

#server-select-cont {
    flex-shrink: 0;
    width: 100%;
    padding: 0;
    gap: 4px;
    box-sizing: border-box;
}

#server-select-cont .server-flag-row {
    justify-content: space-between;
    gap: 3px;
    width: 100%;
}

#server-select-cont .server-flag-item {
    flex: 1 1 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 2px;
}

#server-select-cont .server-flag-item img {
    width: 100%;
    max-width: 38px;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

#server-updating-msg {
    flex: 1;
    display: none;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 12px 6px;
    font-size: 12px !important;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.85);
}

/* ── Server card (Singapore) ─────────────────────────────── */
.wm-server-card {
    display: none;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    max-width: none;
    min-height: 0;
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(18, 26, 34, 0.95) 0%, rgba(10, 15, 20, 0.98) 100%);
    border: 1px solid rgba(123, 107, 158, 0.45);
    box-shadow:
        0 2px 12px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    font-family: 'PT Sans', Arial, sans-serif;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    outline: none;
}

.wm-server-card--visible {
    display: flex !important;
}

.wm-server-card:hover,
.wm-server-card:focus-visible {
    border-color: rgba(154, 139, 184, 0.75);
    box-shadow:
        0 4px 16px rgba(0, 0, 0, 0.45),
        0 0 0 1px rgba(123, 107, 158, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.wm-server-card__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 6px;
}

.wm-server-card__identity {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 1;
}

.wm-server-card__flag {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.wm-server-card__flag img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wm-server-card__meta {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.wm-server-card__region {
    font-size: 9px !important;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(184, 168, 216, 0.85);
}

.wm-server-card__name,
#server-de-card .server-name {
    font-size: 13px !important;
    font-weight: 800;
    color: #fff;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wm-server-card__status {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    padding: 3px 6px;
    border-radius: 20px;
    background: rgba(74, 124, 89, 0.2);
    border: 1px solid rgba(95, 154, 111, 0.45);
}

.wm-server-card__pulse {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #5f9a6f;
    box-shadow: 0 0 6px rgba(95, 154, 111, 0.9);
    animation: wm-server-pulse 2s ease-in-out infinite;
}

@keyframes wm-server-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.55; transform: scale(0.85); }
}

.wm-server-card__status-text {
    font-size: 8px !important;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #8fd4a0;
}

.wm-server-card__stats {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 6px;
}

.wm-server-card__players,
#server-de-card .server-players {
    display: flex;
    align-items: baseline;
    gap: 3px;
    line-height: 1;
}

.wm-server-card__players-num,
#server-de-card .server-players-val {
    font-size: 20px !important;
    font-weight: 800;
    color: #fff;
    font-variant-numeric: tabular-nums;
}

.wm-server-card__players-max {
    font-size: 12px !important;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.45);
}

.wm-server-card__players-label,
#server-de-card .server-players-label {
    font-size: 9px !important;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgba(184, 168, 216, 0.7);
    text-align: right;
}

.wm-server-card__bar,
#server-de-card .server-bar {
    width: 100%;
    height: 5px;
    margin-top: 0;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 5px;
    overflow: hidden;
    flex-shrink: 0;
}

.wm-server-card__bar-fill,
#server-de-card .server-bar-fill {
    height: 100%;
    width: 0%;
    border-radius: 5px;
    transition: width 0.5s ease, background 0.3s ease;
}

.wm-server-card__bar-fill.wm-load-low,
#server-de-card .server-bar-fill.wm-load-low {
    background: linear-gradient(90deg, #4a7c59, #5f9a6f) !important;
}

.wm-server-card__bar-fill.wm-load-mid,
#server-de-card .server-bar-fill.wm-load-mid {
    background: linear-gradient(90deg, #b8860b, #d4a017) !important;
}

.wm-server-card__bar-fill.wm-load-high,
#server-de-card .server-bar-fill.wm-load-high {
    background: linear-gradient(90deg, #c0392b, #e74c3c) !important;
}

.wm-server-card__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    margin-top: auto;
    padding-top: 2px;
    font-size: 11px !important;
    font-weight: 700;
    letter-spacing: 0.03em;
    color: var(--wm-accent-hover);
    transition: color 0.2s ease, gap 0.2s ease;
    flex-shrink: 0;
}

.wm-server-card:hover .wm-server-card__cta {
    color: #c4b8e0;
    gap: 6px;
}

/* Flag picker — subtle polish */
.server-flag-item {
    border-radius: 6px !important;
    transition: border-color 0.15s, box-shadow 0.15s !important;
}

.server-flag-item:hover {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.server-flag-active {
    border-color: var(--wm-play-hover) !important;
    box-shadow: 0 0 0 1px rgba(95, 154, 111, 0.35);
}

/* Discord — left rail between profile & settings (unique lobby placement) */
#main-menu-view .wm-discord-rail {
    position: absolute;
    left: 6px;
    top: 74px;
    bottom: 74px;
    width: 38px;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 25000;
    pointer-events: none;
}

#main-menu-view .wm-discord-rail #wm-discord-link {
    pointer-events: auto !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: rgba(88, 101, 242, 0.18);
    border: 1px solid rgba(114, 137, 218, 0.55);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

#main-menu-view .wm-discord-rail #wm-discord-link:hover {
    transform: scale(1.1);
    background: rgba(88, 101, 242, 0.32);
    box-shadow: 0 6px 18px rgba(88, 101, 242, 0.4);
}

#main-menu-view .wm-discord-rail #wm-discord-link img {
    width: 26px;
    height: 26px;
    object-fit: cover;
    border-radius: 6px;
    pointer-events: none;
    user-select: none;
}

/* Global leaderboard popup — Top 100 with scroll */
#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view .buttons {
    flex-shrink: 0;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view .buttons .popup-button {
    background: rgba(123, 107, 158, 0.35) !important;
    border: 1px solid rgba(184, 168, 216, 0.35) !important;
    color: #e8e0f5 !important;
    font-size: 15px !important;
    height: 34px !important;
    line-height: 34px !important;
    padding: 0 18px !important;
    margin-right: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
}

#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view .buttons .popup-button:hover {
    background: rgba(123, 107, 158, 0.5) !important;
    border-color: rgba(184, 168, 216, 0.55) !important;
    box-shadow: 0 0 12px rgba(123, 107, 158, 0.25) !important;
}

#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view .buttons .pressed {
    background: linear-gradient(135deg, rgba(123, 107, 158, 0.85), rgba(95, 154, 111, 0.75)) !important;
    border-color: rgba(200, 190, 230, 0.6) !important;
    color: #fff !important;
}

#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view .table-header {
    margin-top: 10px !important;
    flex-shrink: 0;
    display: grid !important;
    grid-template-columns: 38px 34px minmax(0, 1.35fr) minmax(0, 0.75fr) minmax(0, 1fr) minmax(72px, 1fr);
    column-gap: 6px;
    align-items: center;
    height: auto !important;
    min-height: 28px;
    line-height: 1.2 !important;
    padding: 6px 8px;
    font-size: 11px !important;
    font-weight: 600;
    letter-spacing: 0.01em;
    text-transform: none;
    color: #c4b5e8 !important;
    background: rgba(123, 107, 158, 0.22) !important;
    border: 1px solid rgba(154, 139, 184, 0.28);
    border-radius: 8px;
    position: sticky;
    top: 0;
    z-index: 3;
}

#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view .table-header > span {
    display: block !important;
    width: auto !important;
    min-width: 0;
    padding: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view .table-header > span:nth-child(1),
#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view .table-header > span:nth-child(2) {
    text-align: center;
}

#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view .table-header > span:nth-child(4),
#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view .table-header > span:nth-child(5) {
    text-align: right;
}

#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view .table-header .wm-khs-head {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 3px;
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
}

#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view .wm-khs-stack {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1.05;
    min-width: 0;
}

#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view .wm-khs-tag {
    font-size: 9px;
    font-weight: 700;
    color: #d8cff0;
    letter-spacing: 0.06em;
}

#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view .wm-khs-word,
#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view .wm-khs-val {
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    color: #b8c9e8;
}

#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view .wm-khs-slash {
    font-size: 12px;
    color: rgba(200, 190, 230, 0.75);
    padding: 0 1px;
    align-self: center;
}

#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view .wm-khs-cell {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 3px;
    min-width: 0;
    overflow: visible;
    white-space: nowrap;
}

#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view #highscore-table .table-row > span:nth-child(6) {
    display: flex !important;
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
    text-align: right;
    justify-content: flex-end;
}

#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view #highscore-table {
    flex: 1 1 auto;
    min-height: 0;
    height: auto !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-right: 6px;
    margin-top: 2px;
    scrollbar-width: thin;
    scrollbar-color: rgba(184, 168, 216, 0.7) rgba(123, 107, 158, 0.15);
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view #highscore-table .table-row {
    display: grid !important;
    grid-template-columns: 38px 34px minmax(0, 1.35fr) minmax(0, 0.75fr) minmax(0, 1fr) minmax(72px, 1fr);
    column-gap: 6px;
    align-items: center;
    margin-top: 3px !important;
    height: 32px !important;
    line-height: 32px !important;
    font-size: 13px !important;
    padding: 0 8px;
    box-sizing: border-box;
    color: #eef0f4 !important;
    border-radius: 6px;
}

#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view #highscore-table > .table-row:nth-child(odd) {
    background: rgba(123, 107, 158, 0.12) !important;
}

#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view #highscore-table > .table-row:nth-child(even) {
    background: rgba(255, 255, 255, 0.04) !important;
}

#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view #highscore-table .table-row > span {
    display: block !important;
    width: auto !important;
    min-width: 0;
    padding: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view #highscore-table .table-row > span:nth-child(1),
#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view #highscore-table .table-row > span:nth-child(2) {
    text-align: center;
}

#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view #highscore-table .table-row > span:nth-child(4),
#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view #highscore-table .table-row > span:nth-child(5) {
    text-align: right;
    font-size: 11px !important;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
    color: #b8c9e8;
}

#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view #highscore-table .table-row > span:nth-child(1) {
    color: #c4b5e8;
    font-weight: 700;
}

#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view #highscore-table .table-row > span:nth-child(3) {
    font-size: 12px !important;
}

#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view #highscore-table .table-row > span img {
    width: 26px !important;
    height: 26px !important;
    vertical-align: middle;
    border-radius: 4px;
    object-fit: cover;
}

#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view #highscore-table .table-row.wm-leader-top-1 {
    background: linear-gradient(90deg, rgba(255, 215, 0, 0.28), rgba(255, 255, 255, 0.08)) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 215, 0, 0.35);
}

#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view #highscore-table .table-row.wm-leader-top-2 {
    background: linear-gradient(90deg, rgba(192, 192, 192, 0.24), rgba(255, 255, 255, 0.06)) !important;
}

#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view #highscore-table .table-row.wm-leader-top-3 {
    background: linear-gradient(90deg, rgba(205, 127, 50, 0.24), rgba(255, 255, 255, 0.06)) !important;
}

#game-wrap #game-cont #stretch-box #popup-view .popup-view-list #leaders-view #highscore-table .wm-leaders-empty {
    margin-top: 24px;
    padding: 16px;
    text-align: center;
    color: rgba(255, 255, 255, 0.75);
    font-size: 15px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.2);
}

/* Skin picker — paired chevron arrows (replaces old doubled track SVG) */
#game-wrap #game-cont #stretch-box #main-menu-view #mm-line-center .column-middle #mm-menu-cont .mm-skin .wm-skin-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(123, 107, 158, 0.18);
    border: 1px solid rgba(154, 139, 184, 0.35);
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}

#game-wrap #game-cont #stretch-box #main-menu-view #mm-line-center .column-middle #mm-menu-cont .mm-skin .wm-skin-arrow svg {
    width: 22px;
    height: 22px;
    stroke: #c4b5e8;
    stroke-width: 2.5;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: stroke 0.2s ease;
}

#game-wrap #game-cont #stretch-box #main-menu-view #mm-line-center .column-middle #mm-menu-cont .mm-skin .wm-skin-arrow:hover {
    background: rgba(123, 107, 158, 0.32);
    border-color: rgba(184, 168, 216, 0.55);
}

#game-wrap #game-cont #stretch-box #main-menu-view #mm-line-center .column-middle #mm-menu-cont .mm-skin .wm-skin-arrow:hover svg {
    stroke: #fff;
}

#game-wrap #game-cont #stretch-box #main-menu-view #mm-line-center .column-middle #mm-menu-cont .mm-skin .wm-skin-arrow:active {
    transform: scale(0.94);
}

#game-wrap #game-cont #stretch-box #main-menu-view #mm-line-center .column-middle #mm-menu-cont .mm-skin #mm-skin-prev {
    transform: none !important;
}

/* Top 100 menu button — Wormlite purple/green (not orange) */
#game-wrap #game-cont #stretch-box #main-menu-view #mm-line-bottom #mm-bottom-buttons #mm-leaders {
    background: linear-gradient(135deg, var(--wm-accent) 0%, var(--wm-play) 100%) !important;
    border: 1px solid rgba(184, 168, 216, 0.45) !important;
    box-shadow: 0 2px 12px rgba(123, 107, 158, 0.35) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
    min-width: 132px !important;
}

#game-wrap #game-cont #stretch-box #main-menu-view #mm-line-bottom #mm-bottom-buttons #mm-leaders:hover {
    background: linear-gradient(135deg, var(--wm-accent-hover) 0%, var(--wm-play-hover) 100%) !important;
    box-shadow: 0 3px 14px rgba(123, 107, 158, 0.45) !important;
}

/* Level star badge — purple instead of orange */
#game-wrap #game-cont #stretch-box #main-menu-view #mm-line-top #mm-player-info #mm-player-level {
    background: none !important;
    color: #fff !important;
    text-shadow: 0 1px 4px rgba(45, 30, 70, 0.85) !important;
    z-index: 0;
}

#game-wrap #game-cont #stretch-box #main-menu-view #mm-line-top #mm-player-info #mm-player-level::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url('/images/level-star.svg') center center / 70px no-repeat;
    filter: hue-rotate(218deg) saturate(1.2) brightness(1.08);
    z-index: -1;
    pointer-events: none;
}

/* Wider leaderboard popup when Top 100 is open */
#game-wrap #game-cont #stretch-box #popup-view.wm-popup-leaders .stretch-container {
    width: 820px !important;
    max-width: calc(100vw - 32px);
}

#game-wrap #game-cont #stretch-box #popup-view.wm-popup-leaders .popup-view-list .base-popup-view {
    width: calc(100% - 32px) !important;
    left: 16px !important;
    right: 16px !important;
}

#game-wrap #game-cont #stretch-box #popup-view.wm-popup-leaders #leaders-view .table-header,
#game-wrap #game-cont #stretch-box #popup-view.wm-popup-leaders #leaders-view #highscore-table .table-row {
    grid-template-columns: 44px 36px minmax(0, 2fr) minmax(72px, 0.85fr) minmax(108px, 1.15fr) minmax(96px, 1fr) !important;
    column-gap: 10px !important;
}

#game-wrap #game-cont #stretch-box #popup-view.wm-popup-leaders #leaders-view #highscore-table .table-row {
    height: 34px !important;
    line-height: 34px !important;
}

#game-wrap #game-cont #stretch-box #popup-view.wm-popup-leaders #leaders-view #highscore-table .table-row > span:nth-child(3) {
    font-size: 13px !important;
}

#game-wrap #game-cont #stretch-box #popup-view.wm-popup-leaders #leaders-view #highscore-table .table-row > span:nth-child(4),
#game-wrap #game-cont #stretch-box #popup-view.wm-popup-leaders #leaders-view #highscore-table .table-row > span:nth-child(5) {
    font-size: 12px !important;
}