/*
 * WANTED Originals — unified low-noise game skin.
 *
 * This layer intentionally sits after the per-game styles. It only changes
 * presentation; game state, hit areas and mechanics remain owned by each view.
 */

body.wanted-game-page {
    --wg-page: #07090c;
    --wg-shell: #0d1015;
    --wg-panel: #12161c;
    --wg-panel-soft: #171c23;
    --wg-field: #1b2129;
    --wg-field-hover: #222a34;
    --wg-border: #29313c;
    --wg-border-soft: rgba(255, 255, 255, .065);
    --wg-text: #f6f7fa;
    --wg-muted: #8e99aa;
    --wg-muted-strong: #b5bdca;
    --wg-accent: #7c5cff;
    --wg-accent-hover: #8b70ff;
    --wg-accent-soft: rgba(124, 92, 255, .16);
    --wg-success: #4bc982;
    --wg-danger: #ee6070;
    --wg-radius: 12px;
    background: var(--wg-page);
    color-scheme: dark;
}

body.wanted-game-page :is(
    .cr-page, .dc-page, .pl-page, .bj-page, .bc-page, .rl-page, .hl-page,
    .tw-page, .x100-page, .x30-page, .cf-page, .lm-page, .dr-page, .dt-page,
    .pm-page, .cc-page, .cases-page, .vp-page, .zoo-page, .rps-page
) {
    width: 100% !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 18px 16px !important;
    color: var(--wg-text) !important;
    font-family: 'Aeonik', 'Inter', ui-sans-serif, system-ui, sans-serif !important;
}

/* One calm frame instead of several competing cards. */
body.wanted-game-page :is(
    .cr-layout, .dc-layout, .cf-layout, .bc-layout, .bj-layout, .hl-layout,
    .pl-layout, .rl-layout, .x100-layout, .x30-layout, .tw-layout, .vp-layout,
    .pm-shell, .lm-layout, .dr-layout, .dt-layout, .cc-shell, .cases-shell,
    .rps-layout, .zoo-layout, .mn
) {
    width: 100% !important;
    max-width: 1280px !important;
    min-height: 650px !important;
    margin: 0 auto !important;
    gap: 0 !important;
    overflow: hidden !important;
    background: var(--wg-shell) !important;
    border: 1px solid var(--wg-border-soft) !important;
    border-radius: var(--wg-radius) !important;
    box-shadow: none !important;
}

@media (min-width: 821px) {
    body.wanted-game-page :is(
        .pm-shell, .lm-layout, .dr-layout, .dt-layout, .cc-shell,
        .cases-shell, .rps-layout, .vp-layout, .zoo-layout
    ) {
        grid-template-columns: 300px minmax(0, 1fr) !important;
    }
}

body.wanted-game-page :is(
    .cr-page, .dc-page, .pl-page, .bj-page, .bc-page, .rl-page, .hl-page,
    .tw-page, .x100-page, .x30-page, .cf-page, .lm-page, .dr-page, .dt-page,
    .pm-page, .cc-page, .cases-page, .vp-page, .zoo-page, .rps-page, .mn
) {
    /* Normalize the many local palettes without touching semantic win/loss states. */
    --accent: var(--wg-accent);
    --accent2: var(--wg-accent-hover);
    --bg: var(--wg-page);
    --bg1: var(--wg-panel);
    --bg2: var(--wg-field);
    --bg3: var(--wg-field-hover);
    --bg4: #2a333e;
    --panel: var(--wg-panel);
    --panel2: var(--wg-shell);
    --border: var(--wg-border-soft);
    --text1: var(--wg-text);
    --text2: var(--wg-muted);
    --text3: var(--wg-muted-strong);
    --green: var(--wg-success);
    --red: var(--wg-danger);
}

body.wanted-game-page .cases-page {
    --cases-bg: var(--wg-page);
    --cases-panel: var(--wg-panel);
    --cases-panel-2: var(--wg-field);
    --cases-panel-3: var(--wg-field-hover);
    --cases-line: var(--wg-border-soft);
    --cases-text: var(--wg-text);
    --cases-muted: var(--wg-muted);
    --cases-purple: var(--wg-accent);
    --cases-cyan: var(--wg-accent);
    --cases-gold: var(--wg-muted-strong);
    --cases-blue: var(--wg-accent);
}

body.wanted-game-page .cf-page {
    --cf-accent: var(--wg-accent);
    --cf-steel: var(--wg-muted);
    --cf-teal: var(--wg-accent);
    --cf-gold: var(--wg-muted-strong);
    --cf-bg: var(--wg-page);
    --cf-panel: var(--wg-panel);
    --cf-panel-2: var(--wg-field);
    --cf-panel-3: var(--wg-field-hover);
    --cf-border: var(--wg-border-soft);
    --cf-text: var(--wg-text);
    --cf-muted: var(--wg-muted);
}

body.wanted-game-page .dr-page {
    --dr-panel: var(--wg-panel);
    --dr-panel-2: var(--wg-field);
    --dr-field: var(--wg-field);
    --dr-field-2: var(--wg-field-hover);
    --dr-border: var(--wg-border-soft);
    --dr-text: var(--wg-text);
    --dr-muted: var(--wg-muted);
    --dr-cyan: var(--wg-accent);
    --dr-gold: var(--wg-muted-strong);
}

body.wanted-game-page .dt-page {
    --dt-bg: var(--wg-shell);
    --dt-panel: var(--wg-panel);
    --dt-field: var(--wg-field);
    --dt-field-2: var(--wg-field-hover);
    --dt-border: var(--wg-border-soft);
    --dt-text: var(--wg-text);
    --dt-muted: var(--wg-muted);
    --dt-green: var(--wg-accent);
    --dt-purple: var(--wg-accent);
    --dt-blue: var(--wg-accent);
}

body.wanted-game-page .lm-page {
    --lm-accent: var(--wg-accent);
    --lm-accent-2: var(--wg-accent-hover);
    --lm-bg: var(--wg-shell);
    --lm-panel: var(--wg-panel);
    --lm-field: var(--wg-field);
    --lm-field-2: var(--wg-field-hover);
    --lm-text: var(--wg-text);
    --lm-muted: var(--wg-muted);
    --lm-border: var(--wg-border-soft);
}

body.wanted-game-page .rps-page {
    --rps-bg: var(--wg-shell);
    --rps-surface: var(--wg-panel);
    --rps-panel: var(--wg-field);
    --rps-panel-2: var(--wg-field-hover);
    --rps-line: var(--wg-border-soft);
    --rps-text: var(--wg-text);
    --rps-muted: var(--wg-muted);
    --rps-blue: var(--wg-accent);
    --rps-green: var(--wg-accent-hover);
    --rps-cyan: var(--wg-muted-strong);
    --rps-gold: var(--wg-muted-strong);
}

/* Sidebar */
body.wanted-game-page :is(
    .cr-panel, .dc-panel, .mn-left, .cf-panel, .bc-panel, .bj-panel,
    .hl-panel, .pl-panel, .rl-panel, .x100-panel, .x30-panel, .tw-panel,
    .vp-panel, .pm-panel, .lm-panel, .dr-panel, .dt-panel, .cc-panel,
    .cases-panel, .rps-panel, .zoo-panel
) {
    width: 300px !important;
    flex: 0 0 300px !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    background: var(--wg-panel) !important;
    border: 0 !important;
    border-right: 1px solid var(--wg-border-soft) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.wanted-game-page :is(
    .cr-panel-body, .dc-panel-body, .pl-panel-body, .bj-panel-body,
    .bc-panel-body, .rl-panel-body, .hl-panel-body, .tw-panel-body,
    .x100-panel-body, .x30-panel-body, .cf-panel-body, .lm-panel-body,
    .dr-panel-body, .dt-panel-body, .pm-panel-body, .cc-body,
    .cases-panel-inner, .vp-panel-body, .zoo-panel-body, .rps-panel-body,
    .mn-body
) {
    gap: 14px !important;
    padding: 18px !important;
}

body.wanted-game-page :is(
    .cr-tabs, .dc-tabs, .pl-tabs, .mn-tabs, .lm-tabs, .dr-tabs, .dt-tabs,
    .cc-tabs, .cases-tabs, .rps-tabs, .zoo-mode, .pm-tabs
) {
    min-height: 42px !important;
    margin: 0 !important;
    padding: 4px !important;
    gap: 4px !important;
    background: var(--wg-field) !important;
    border: 1px solid var(--wg-border-soft) !important;
    border-radius: 9px !important;
    box-shadow: none !important;
}

body.wanted-game-page :is(
    .cr-tab, .dc-tab, .pl-tab, .mn-tab, .lm-tab, .dr-tab, .dt-tab,
    .cc-tab, .cases-tab, .rps-tab, .zoo-mode button, .pm-tab
) {
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: var(--wg-muted) !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: none !important;
}

body.wanted-game-page :is(
    .cr-tab, .dc-tab, .pl-tab, .mn-tab, .lm-tab, .dr-tab, .dt-tab,
    .cc-tab, .cases-tab, .rps-tab, .zoo-mode button, .pm-tab
).active {
    background: #2a313c !important;
    color: var(--wg-text) !important;
    box-shadow: none !important;
}

/* Labels and fields */
body.wanted-game-page :is(
    .cr-label, .dc-label, .pl-label, .bj-label, .bc-label, .rl-label,
    .hl-label, .tw-label, .x100-label, .x30-label, .cf-label, .lm-label,
    .dr-label, .dt-label, .cc-label, .cases-label, .rps-label, .vp-label,
    .zoo-label, .mn-label, .pm-label-row > span:first-child
) {
    color: var(--wg-muted) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
}

body.wanted-game-page :is(
    .cr-label-sub, .dc-label-sub, .pl-label-sub, .lm-label-sub, .dr-label-sub,
    .dt-label-sub, .cc-side-value, .cases-subvalue, .rps-subvalue,
    .pm-label-row b
) {
    color: var(--wg-muted-strong) !important;
}

body.wanted-game-page :is(
    .cr-input-wrap, .dc-input-wrap, .pl-input-wrap, .bj-input-wrap,
    .bc-input-wrap, .hl-input-wrap, .tw-input-wrap, .x100-input-wrap,
    .x30-input-wrap, .cf-input-wrap, .lm-input, .dr-input, .dt-input,
    .pm-input, .cc-input, .cases-input, .rps-input, .vp-input-wrap,
    .zoo-input-wrap, .mn-input-wrap, .mn-select-wrap, .rl-summary
) {
    min-height: 44px !important;
    height: 44px !important;
    background: var(--wg-field) !important;
    border: 1px solid var(--wg-border) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

body.wanted-game-page :is(
    .cr-input-wrap, .dc-input-wrap, .pl-input-wrap, .bj-input-wrap,
    .bc-input-wrap, .hl-input-wrap, .tw-input-wrap, .x100-input-wrap,
    .x30-input-wrap, .cf-input-wrap, .lm-input, .dr-input, .dt-input,
    .pm-input, .cc-input, .cases-input, .rps-input, .vp-input-wrap,
    .zoo-input-wrap, .mn-input-wrap, .mn-select-wrap
):focus-within {
    border-color: rgba(124, 92, 255, .62) !important;
    background: #1e252e !important;
}

body.wanted-game-page :is(
    .cr-input-wrap input, .dc-input-wrap input, .pl-input-wrap input,
    .bj-input-wrap input, .bc-input-wrap input, .hl-input-wrap input,
    .tw-input-wrap input, .x100-input-wrap input, .x30-input-wrap input,
    .cf-input-wrap input, .lm-input input, .dr-input input, .dt-input input,
    .pm-input input, .cc-input input, .cases-input input, .rps-input input,
    .vp-input-wrap input, .zoo-input-wrap input, .mn-input-wrap input,
    .mn-select-wrap select
) {
    color: var(--wg-text) !important;
    font-size: 14px !important;
    font-weight: 750 !important;
}

body.wanted-game-page :is(
    .cr-quick button, .dc-quick button, .pl-quick button, .bj-quick button,
    .bc-quick button, .hl-quick button, .tw-quick button, .x100-quick button,
    .x30-quick button, .cf-quick button, .lm-quick button, .dr-quick button,
    .dt-quick button, .cc-quick button, .cases-mini-btn, .rps-mini-btn,
    .vp-quick button, .vp-bet-row button, .zoo-quick button,
    .zoo-actions-row button, .mn-quick button, .pm-mini-btn,
    .x100-bet-quick-row button, .x30-bet-quick-row button
) {
    min-width: 34px !important;
    height: 32px !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: #29313c !important;
    color: var(--wg-muted-strong) !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 750 !important;
}

body.wanted-game-page :is(
    .cr-quick button, .dc-quick button, .pl-quick button, .bj-quick button,
    .bc-quick button, .hl-quick button, .tw-quick button, .x100-quick button,
    .x30-quick button, .cf-quick button, .lm-quick button, .dr-quick button,
    .dt-quick button, .cc-quick button, .cases-mini-btn, .rps-mini-btn,
    .vp-quick button, .vp-bet-row button, .zoo-quick button,
    .zoo-actions-row button, .mn-quick button, .pm-mini-btn,
    .x100-bet-quick-row button, .x30-bet-quick-row button
):hover {
    background: var(--wg-field-hover) !important;
    color: var(--wg-text) !important;
}

/* Primary calls to action: one accent, no gradients or glow. */
body.wanted-game-page :is(
    .cr-play-btn, .dc-play-btn, .pl-play-btn, .bj-play-btn, .bc-play-btn,
    .hl-play-btn, .tw-play-btn, .x100-play-btn, .x30-play-btn, .cf-play-btn,
    .lm-play, .lm-auto-toggle, .dr-play, .dr-auto-toggle, .dt-play,
    .pm-action, .cc-btn-primary, .cases-primary, .vp-main-btn, .zoo-play-btn,
    .zoo-auto-btn, .rps-primary, .mn-bet-btn, .keno__bet-add
) {
    min-height: 48px !important;
    height: 48px !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: var(--wg-accent) !important;
    color: #fff !important;
    box-shadow: none !important;
    filter: none !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

body.wanted-game-page :is(
    .cr-play-btn, .dc-play-btn, .pl-play-btn, .bj-play-btn, .bc-play-btn,
    .hl-play-btn, .tw-play-btn, .x100-play-btn, .x30-play-btn, .cf-play-btn,
    .lm-play, .lm-auto-toggle, .dr-play, .dr-auto-toggle, .dt-play,
    .pm-action, .cc-btn-primary, .cases-primary, .vp-main-btn, .zoo-play-btn,
    .zoo-auto-btn, .rps-primary, .mn-bet-btn, .keno__bet-add
):hover {
    background: var(--wg-accent-hover) !important;
    transform: none !important;
    filter: none !important;
}

body.wanted-game-page :is(
    .cr-row-2 > *, .dc-row-2 > *, .pl-row-2 > *, .dr-mini-card,
    .lm-mini-card, .pm-mini-card, .tw-stat, .vp-stat, .zoo-stat, .rps-stat,
    .cc-profit-box, .cases-kpi, .cases-risk, .tw-status, .vp-proof
) {
    background: var(--wg-field) !important;
    border: 1px solid var(--wg-border-soft) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

/* Playfields */
body.wanted-game-page :is(
    .cr-right, .dc-right, .pl-right, .bj-right, .bc-right, .rl-right,
    .hl-right, .tw-right, .x100-right, .x30-right, .cf-right, .lm-stage,
    .dr-stage, .dt-stage, .pm-stage, .cc-stage-wrap, .cases-stage,
    .vp-table, .zoo-stage, .rps-arena, .mn-right
) {
    min-width: 0 !important;
    background-color: var(--wg-shell) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.wanted-game-page :is(
    .cr-canvas, .dc-slider-wrap, .cf-coin-stage, .pm-playfield, .pm-scene,
    .cc-stage, .cases-stage-inner, .dr-board, .dt-main, .dt-board-shell,
    .vp-paytable, .vp-stage, .x100-wheel-card, .x30-wheel-card,
    .zoo-arena, .rps-stage, .tw-stage
) {
    border-color: var(--wg-border-soft) !important;
    box-shadow: none !important;
}

body.wanted-game-page .vp-table::before {
    background: var(--wg-shell) !important;
    opacity: 1 !important;
}

body.wanted-game-page :is(.x100-wheel-card, .x30-wheel-card, .pm-scene, .dr-board, .cf-coin-stage) {
    background: #0a0d12 !important;
}

body.wanted-game-page :is(.x100-wheel-stage img.wheel, .x30-wheel-stage img.wheel) {
    filter: saturate(.38) brightness(.84) drop-shadow(0 10px 22px rgba(0, 0, 0, .36)) !important;
}

body.wanted-game-page :is(.pm-balloon, .cc-stage img, .zoo-stage img) {
    filter: saturate(.55) brightness(.9);
}

body.wanted-game-page :is(.dr-sparks, .pm-balloon-shine) {
    display: none !important;
}

body.wanted-game-page .pm-footer-strip,
body.wanted-game-page .vp-proof {
    display: none !important;
}

body.wanted-game-page :is(
    .dr-history:empty, .dt-history:empty, .cc-history:empty, .pm-history:empty,
    .cases-history:empty, .rps-history:empty
) {
    display: none !important;
}

/* Drill: retain the mechanic, remove the arcade glow. */
body.wanted-game-page .dr-rig {
    background: #151a21 !important;
    border: 1px solid var(--wg-border) !important;
    box-shadow: none !important;
}

body.wanted-game-page .dr-rig.selected {
    background: #181d27 !important;
    border-color: rgba(124, 92, 255, .62) !important;
    box-shadow: inset 0 0 0 1px rgba(124, 92, 255, .12) !important;
}

body.wanted-game-page :is(.dr-head-light, .dr-target-line) {
    color: var(--wg-accent) !important;
    border-color: rgba(124, 92, 255, .5) !important;
    box-shadow: none !important;
}

body.wanted-game-page .dr-lane-foot {
    background: rgba(6, 8, 11, .72) !important;
    color: var(--wg-muted) !important;
}

/* X100 / X30: outcomes stay distinct by label, not by six competing glows. */
body.wanted-game-page :is(.x100-tiles, .x30-tiles) {
    gap: 8px !important;
}

body.wanted-game-page :is(.x100-tile, .x30-tile) {
    background: var(--wg-panel-soft) !important;
    border: 1px solid var(--wg-border-soft) !important;
    box-shadow: none !important;
}

body.wanted-game-page :is(.x100-tile, .x30-tile)::before {
    display: none !important;
}

body.wanted-game-page .x100-tile .x100-tile-coeff,
body.wanted-game-page .x30-tile .x30-tile-coeff {
    color: var(--wg-text) !important;
}

body.wanted-game-page :is(.x100-tile-bet-btn, .x30-tile-bet-btn) {
    background: #262d37 !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: var(--wg-text) !important;
    box-shadow: none !important;
}

body.wanted-game-page :is(.x100-tile-bet-btn, .x30-tile-bet-btn):hover {
    background: var(--wg-accent) !important;
}

/* Video poker */
body.wanted-game-page .vp-paytable {
    background: var(--wg-panel-soft) !important;
    backdrop-filter: none !important;
}

body.wanted-game-page .vp-pay-row span {
    background: #11161c !important;
    color: var(--wg-muted-strong) !important;
}

body.wanted-game-page .vp-pay-row span:nth-child(2) {
    background: #252d37 !important;
    color: var(--wg-text) !important;
}

body.wanted-game-page .vp-pay-row.active span {
    background: var(--wg-accent-soft) !important;
    color: var(--wg-text) !important;
}

body.wanted-game-page .vp-edge {
    border-color: var(--wg-border) !important;
    background: var(--wg-field) !important;
    color: var(--wg-muted-strong) !important;
}

body.wanted-game-page .vp-card-back {
    background: #3c315f !important;
}

body.wanted-game-page .vp-card-face,
body.wanted-game-page .vp-card-back {
    box-shadow: 0 10px 22px rgba(0, 0, 0, .28) !important;
}

/* Mines */
body.wanted-game-page .mn {
    display: flex !important;
    padding-bottom: 58px !important;
}

body.wanted-game-page .mn-right {
    max-height: none !important;
    min-height: 590px !important;
    aspect-ratio: auto !important;
    padding: 48px !important;
}

body.wanted-game-page .mn-grid {
    width: min(100%, 540px) !important;
    height: min(100%, 540px) !important;
    max-width: 540px !important;
    max-height: 540px !important;
    gap: 9px !important;
}

body.wanted-game-page .mn-cell {
    background: var(--wg-field) !important;
    border: 1px solid var(--wg-border-soft) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

body.wanted-game-page .mn-cell::before {
    display: none !important;
}

body.wanted-game-page .mn-cell:hover:not(.mn-cell--disabled) {
    background: var(--wg-field-hover) !important;
    border-color: rgba(124, 92, 255, .45) !important;
    transform: translateY(-1px) !important;
}

body.wanted-game-page .mn-cell--win {
    background: rgba(75, 201, 130, .14) !important;
    border-color: rgba(75, 201, 130, .42) !important;
}

body.wanted-game-page .mn-cell--lose {
    background: rgba(238, 96, 112, .14) !important;
    border-color: rgba(238, 96, 112, .42) !important;
}

/* Keno is the only legacy layout without a dedicated sidebar. */
body.wanted-game-page .keno {
    width: 100% !important;
    max-width: 1280px !important;
    margin: 18px auto 0 !important;
    padding: 0 16px !important;
    color: var(--wg-text) !important;
}

body.wanted-game-page .keno__title {
    display: none !important;
}

body.wanted-game-page .keno__content {
    overflow: hidden !important;
    background: var(--wg-shell) !important;
    border: 1px solid var(--wg-border-soft) !important;
    border-radius: var(--wg-radius) !important;
    box-shadow: none !important;
}

body.wanted-game-page .keno__round-info {
    min-height: 58px !important;
    padding: 12px 18px !important;
    background: var(--wg-panel) !important;
    border-bottom: 1px solid var(--wg-border-soft) !important;
}

body.wanted-game-page .keno__mines {
    background: var(--wg-shell) !important;
    box-shadow: none !important;
}

body.wanted-game-page .keno__canvas {
    gap: 7px !important;
}

body.wanted-game-page .keno__canvas-item {
    background: var(--wg-field) !important;
    border: 1px solid var(--wg-border-soft) !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    color: var(--wg-muted-strong) !important;
}

body.wanted-game-page .keno__canvas-item:hover,
body.wanted-game-page .keno__canvas-item.active {
    background: var(--wg-accent-soft) !important;
    border-color: rgba(124, 92, 255, .55) !important;
    color: var(--wg-text) !important;
}

body.wanted-game-page .keno__bet,
body.wanted-game-page .keno__bet-settings {
    background: var(--wg-panel) !important;
    border-color: var(--wg-border-soft) !important;
    box-shadow: none !important;
}

body.wanted-game-page :is(.keno__bet-input, .shoot__bet-btn-settings) {
    background: var(--wg-field) !important;
    border: 1px solid var(--wg-border) !important;
    border-radius: 8px !important;
    color: var(--wg-text) !important;
    box-shadow: none !important;
}

/* Shared footer and recommendations */
body.wanted-game-page .gib-bar {
    min-height: 58px !important;
    padding: 9px 16px !important;
    background: #10141a !important;
    border-top: 1px solid var(--wg-border-soft) !important;
    box-shadow: none !important;
}

body.wanted-game-page .gib-icon-btn {
    color: var(--wg-muted) !important;
}

body.wanted-game-page .gib-icon-btn:hover,
body.wanted-game-page .gib-icon-btn.active {
    background: var(--wg-field) !important;
    color: var(--wg-text) !important;
}

body.wanted-game-page .gib-brand {
    color: rgba(181, 189, 202, .28) !important;
    font-size: 15px !important;
    letter-spacing: .035em !important;
}

body.wanted-game-page .gib-fair-link {
    color: var(--wg-muted) !important;
    font-weight: 650 !important;
}

body.wanted-game-page .wgs {
    --wgs-accent: var(--wg-accent);
    --wgs-panel: var(--wg-panel);
    --wgs-panel-2: var(--wg-shell);
    --wgs-field: var(--wg-field);
    --wgs-field-2: var(--wg-field-hover);
    --wgs-border: var(--wg-border-soft);
    --wgs-text: var(--wg-text);
    --wgs-muted: var(--wg-muted);
    max-width: 1280px !important;
    margin-top: 16px !important;
}

body.wanted-game-page .wgs-summary {
    min-height: 68px !important;
    padding: 15px 20px !important;
    background: var(--wg-panel) !important;
    border-color: var(--wg-border-soft) !important;
    border-radius: 11px !important;
    box-shadow: none !important;
}

body.wanted-game-page .wgs-title h2 {
    font-size: 19px !important;
    font-weight: 800 !important;
}

body.wanted-game-page .wgs-provider {
    background: var(--wg-field) !important;
    color: var(--wg-muted-strong) !important;
    font-weight: 750 !important;
}

body.wanted-game-page .wgs-card {
    border-color: rgba(124, 92, 255, .38) !important;
    background: var(--wg-panel) !important;
    box-shadow: none !important;
}

body.wanted-game-page .wgs-card img.wgs-card-art,
body.wanted-game-page .wgs-card-fallback img {
    filter: saturate(.68) brightness(.86);
    transition: filter .18s ease, transform .18s ease;
}

body.wanted-game-page .wgs-card:hover img.wgs-card-art,
body.wanted-game-page .wgs-card:hover .wgs-card-fallback img {
    filter: saturate(.86) brightness(.95);
}

body.wanted-game-page .wgs-card:hover {
    border-color: rgba(124, 92, 255, .68) !important;
    transform: translateY(-2px) !important;
    box-shadow: none !important;
}

body.wanted-game-page :is(.wgs-see-all, .wgs-nav) {
    background: var(--wg-field) !important;
    border-color: var(--wg-border-soft) !important;
    box-shadow: none !important;
}

@media (max-width: 1100px) and (min-width: 821px) {
    body.wanted-game-page :is(
        .pm-shell, .lm-layout, .dr-layout, .dt-layout, .cc-shell,
        .cases-shell, .rps-layout, .vp-layout, .zoo-layout
    ) {
        grid-template-columns: 280px minmax(0, 1fr) !important;
    }

    body.wanted-game-page :is(
        .cr-panel, .dc-panel, .mn-left, .cf-panel, .bc-panel, .bj-panel,
        .hl-panel, .pl-panel, .rl-panel, .x100-panel, .x30-panel, .tw-panel,
        .vp-panel, .pm-panel, .lm-panel, .dr-panel, .dt-panel, .cc-panel,
        .cases-panel, .rps-panel, .zoo-panel
    ) {
        width: 280px !important;
        flex-basis: 280px !important;
    }
}

@media (max-width: 820px) {
    body.wanted-game-page :is(
        .cr-page, .dc-page, .pl-page, .bj-page, .bc-page, .rl-page, .hl-page,
        .tw-page, .x100-page, .x30-page, .cf-page, .lm-page, .dr-page, .dt-page,
        .pm-page, .cc-page, .cases-page, .vp-page, .zoo-page, .rps-page
    ) {
        padding: 10px !important;
    }

    body.wanted-game-page :is(
        .cr-layout, .dc-layout, .cf-layout, .bc-layout, .bj-layout, .hl-layout,
        .pl-layout, .rl-layout, .x100-layout, .x30-layout, .tw-layout, .vp-layout,
        .pm-shell, .lm-layout, .dr-layout, .dt-layout, .cc-shell, .cases-shell,
        .rps-layout, .zoo-layout, .mn
    ) {
        min-height: 0 !important;
        gap: 10px !important;
        overflow: visible !important;
        background: transparent !important;
        border: 0 !important;
    }

    body.wanted-game-page :is(
        .cr-panel, .dc-panel, .mn-left, .cf-panel, .bc-panel, .bj-panel,
        .hl-panel, .pl-panel, .rl-panel, .x100-panel, .x30-panel, .tw-panel,
        .vp-panel, .pm-panel, .lm-panel, .dr-panel, .dt-panel, .cc-panel,
        .cases-panel, .rps-panel, .zoo-panel
    ) {
        width: 100% !important;
        flex-basis: auto !important;
        border: 1px solid var(--wg-border-soft) !important;
        border-radius: var(--wg-radius) !important;
    }

    body.wanted-game-page :is(
        .cr-right, .dc-right, .pl-right, .bj-right, .bc-right, .rl-right,
        .hl-right, .tw-right, .x100-right, .x30-right, .cf-right, .lm-stage,
        .dr-stage, .dt-stage, .pm-stage, .cc-stage-wrap, .cases-stage,
        .vp-table, .zoo-stage, .rps-arena, .mn-right
    ) {
        border: 1px solid var(--wg-border-soft) !important;
        border-radius: var(--wg-radius) !important;
    }

    body.wanted-game-page .mn {
        padding-bottom: 0 !important;
    }

    body.wanted-game-page .mn-right {
        min-height: 0 !important;
        padding: 14px !important;
    }

    body.wanted-game-page .mn-grid {
        width: 100% !important;
        height: 100% !important;
    }

    body.wanted-game-page .keno {
        margin-top: 10px !important;
        padding: 0 10px !important;
    }

    body.wanted-game-page .wgs {
        padding-inline: 10px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.wanted-game-page *,
    body.wanted-game-page *::before,
    body.wanted-game-page *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}