/* V113 — Global high-contrast Central Canvas.
   Stage (html/body) is a lighter charcoal so the 10rem column reads as its
   own sheet. Edge is a 1px line + outer shadow (box-shadow, not border) so
   width stays 10rem. */

:root {
  --co-stage: #2e3236;
  --co-canvas: #1f2123;
  --co-edge: #2a2d30;
  --co-canvas-shadow:
    0 0.16rem 0.72rem rgba(0, 0, 0, 0.45);
  --co-icon-glow: drop-shadow(0 0 0.12rem rgba(76, 175, 80, 0.45));
}

html,
body {
  background: var(--co-stage) !important;
  background-color: var(--co-stage) !important;
}

#app {
  background: var(--co-canvas) !important;
  background-color: var(--co-canvas) !important;
  box-shadow: var(--co-canvas-shadow) !important;
  border-radius: 0 !important;
}

@media (min-width: 501px) {
  #app {
    box-shadow: var(--co-canvas-shadow) !important;
  }
}

html.co-tx-open,
html.co-tx-open body,
html.co-wh-open,
html.co-wh-open body,
html.co-wd-open,
html.co-wd-open body,
html.co-av-open,
html.co-av-open body,
html.co-nt-open,
html.co-nt-open body,
html.co-invite-open,
html.co-invite-open body,
html.co-explore-open,
html.co-explore-open body,
html.co-ib-open,
html.co-ib-open body,
html.co-ar-open,
html.co-ar-open body,
html.co-spin-open,
html.co-spin-open body,
html.co-spin-leaving,
html.co-spin-leaving body,
html.co-jackpot-open,
html.co-jackpot-open body,
html.co-all-games-open,
html.co-all-games-open body,
html.co-all-games-sheet-open,
html.co-all-games-sheet-open body,
html.co-gift-page,
html.co-gift-page body,
html.co-quest-dash,
html.co-quest-dash body,
html.co-home-v106,
html.co-home-v106 body {
  background: var(--co-stage) !important;
  background-color: var(--co-stage) !important;
}

html.co-quest-dash #app,
html.co-gift-page #app,
html.co-home-v106 #app {
  background: var(--co-canvas) !important;
  background-color: var(--co-canvas) !important;
}

.co-inv,
.co-ex,
.co-ib,
.co-ar,
.co-spin,
.co-jkp,
.co-all-games {
  box-shadow: var(--co-canvas-shadow);
}

.co-hist {
  background: #18191b !important;
  box-shadow:
    0 0 0 1px #2a2d30,
    0 0.2rem 0.72rem rgba(0, 0, 0, 0.42) !important;
  border: 0 !important;
}

.co-wd,
.co-av,
.co-nt {
  background: var(--co-canvas) !important;
  box-shadow:
    0 0 0 1px #2a2d30,
    0 0.2rem 0.72rem rgba(0, 0, 0, 0.42) !important;
  border: 0 !important;
}

#app .svg-icon,
#app .svg-icon svg,
.co-hist__icon.is-ok svg,
.co-qd .svg-icon,
html.v83-tabbar .tabbar__container-item svg.v83-ico {
  filter: var(--co-icon-glow);
}

html.co-wd-open .co-wd__ban svg,
html.co-wd-open .co-wd__chip svg {
  filter: none !important;
}

html.co-wd-open .co-wd__g-h svg {
  filter: var(--co-icon-glow) !important;
}

html.v83-tabbar .tabbar__container-item.v83-on svg.v83-ico {
  filter: drop-shadow(0 0 0.16rem rgba(115, 235, 145, 0.65));
}