/* Provider identity is independent of the selected formula (bacca-1 through bacca-10). */
body[data-room-provider="sa"] {
  --provider-accent: #d5b35c;
  --provider-panel: #252116;
  --provider-hue: 0deg;
  --provider-logo-tile: url('../img/game_icon/room1.png');
}
body[data-room-provider="se"] {
  --provider-accent: #e65c9e;
  --provider-panel: #291823;
  --provider-hue: 280deg;
  --provider-logo-tile: url('../img/game_icon/room2.png');
}
body[data-room-provider="wm"] {
  --provider-accent: #579be4;
  --provider-panel: #172337;
  --provider-hue: 160deg;
  --provider-logo-tile: url('../img/game_icon/room3.png');
}
body[data-room-provider="dg"] {
  --provider-accent: #dd6561;
  --provider-panel: #2c191a;
  --provider-hue: 310deg;
  --provider-logo-tile: url('../img/game_icon/room5.png');
}
body[data-room-provider="gc"] {
  --provider-accent: #b780d8;
  --provider-panel: #241a32;
  --provider-hue: 235deg;
  --provider-logo-tile: url('../img/gclub-room2.png');
}
body[data-room-provider="prt"] {
  --provider-accent: #58c4ba;
  --provider-panel: #152a29;
  --provider-hue: 120deg;
  --provider-logo-tile: url('../img/prt.png');
}
body[data-room-provider="all"] {
  --provider-accent: #c9cd82;
  --provider-panel: #262819;
  --provider-hue: 15deg;
  --provider-logo-tile: url('../img/allbet.png');
}
body[data-room-provider="asia"] {
  --provider-accent: #d68a55;
  --provider-panel: #2d2119;
  --provider-hue: -20deg;
  --provider-logo-tile: url('../img/game_icon/ag.png');
}
body[data-room-provider="bg"] {
  --provider-accent: #46bddc;
  --provider-panel: #162831;
  --provider-hue: 145deg;
  --provider-logo-tile: url('../img/game_icon/bg.png');
}
body[data-room-provider="venus"] {
  --provider-accent: #a58bda;
  --provider-panel: #211d32;
  --provider-hue: 215deg;
  --provider-logo-tile: url('../img/game_icon/venus.png');
}
body[data-room-provider="ebet"] {
  --provider-accent: #e4bc79;
  --provider-panel: #2d251b;
  --provider-hue: -10deg;
  --provider-logo-tile: url('../img/game_icon/ebet.png');
}
body[data-room-provider="evo"] {
  --provider-accent: #bec8d2;
  --provider-panel: #22262c;
  --provider-hue: 0deg;
  --provider-saturation: 0;
  --provider-brightness: 1.3;
  --provider-logo-tile: url('../img/game_icon/tile-evo.png');
}
body[data-room-provider="ezugi"] {
  --provider-accent: #acd36a;
  --provider-panel: #222b19;
  --provider-hue: 45deg;
  --provider-logo-tile: url('../img/game_icon/tile-ezugi.png');
}
body[data-room-provider="astar"] {
  --provider-accent: #d7748d;
  --provider-panel: #2d1b24;
  --provider-hue: 295deg;
  --provider-logo-tile: url('../img/game_icon/tile-astar.png');
}
body[data-room-provider="yeebet"] {
  --provider-accent: #66bb88;
  --provider-panel: #192b20;
  --provider-hue: 95deg;
  --provider-logo-tile: url('../img/game_icon/tile-yeebet.png');
}
body[data-room-provider="imagine"] {
  --provider-accent: #82a9db;
  --provider-panel: #1b2535;
  --provider-hue: 175deg;
  --provider-logo-tile: url('../img/game_icon/tile-imagine.png');
}
body[data-room-provider="pp"] {
  --provider-accent: #e89963;
  --provider-panel: #2e211b;
  --provider-hue: -28deg;
  --provider-logo-tile: url('../img/game_icon/tile-pp.png');
}
body[data-room-provider="xpg"] {
  --provider-accent: #919ae1;
  --provider-panel: #1f2137;
  --provider-hue: 195deg;
  --provider-logo-tile: url('../img/game_icon/tile-xpg.png');
}
body[data-room-provider="playtech"] {
  --provider-accent: #7dcac9;
  --provider-panel: #192c2e;
  --provider-hue: 135deg;
  --provider-logo-tile: url('../img/game_icon/tile-playtech.png');
}

body[data-room-provider] .sec-selectRoom .Room_group {
  background-color: var(--provider-panel);
  box-shadow: inset 0 0 0 1px var(--provider-accent);
}
body[data-room-provider] .sec-selectRoom .Room_group .inner_wrapper,
body[data-room-provider] .sec-selectRoom .Room_group .title-group {
  background-color: var(--provider-panel);
}
body[data-room-provider] .sec-selectRoom .Room_group .title-group p::before,
body[data-room-provider] .sec-selectRoom .Room_group .title-group p::after {
  background: linear-gradient(0deg, #090b0e 0%, var(--provider-accent) 160%);
}
body[data-room-provider] .sec-selectRoom .Room_group .title-group p {
  color: #f8fafc;
}

body[data-room-provider] .sec-selectRoom .Room_group :is(.roomItem, .roomItembg, .roomItemasia, .roomItemvenus, .roomItemebet, .roomItemprt, .roomItemallbet) {
  position: relative;
  isolation: isolate;
  background-image: none !important;
  background-color: transparent;
  transition: filter 160ms ease;
}
body[data-room-provider] .sec-selectRoom .Room_group :is(.roomItem, .roomItembg, .roomItemasia, .roomItemvenus, .roomItemebet, .roomItemprt, .roomItemallbet)::before,
body[data-room-provider] .sec-selectRoom .Room_group :is(.roomItem, .roomItembg, .roomItemasia, .roomItemvenus, .roomItemebet, .roomItemprt, .roomItemallbet)::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
body[data-room-provider] .sec-selectRoom .Room_group :is(.roomItem, .roomItembg, .roomItemasia, .roomItemvenus, .roomItemebet, .roomItemprt, .roomItemallbet)::before {
  z-index: -2;
  background-image: url('../img/game_icon/room1.png');
  filter: hue-rotate(var(--provider-hue)) saturate(var(--provider-saturation, 1)) brightness(var(--provider-brightness, 1));
}
/* Restore the original logo panel after tinting the decorative frame. */
body[data-room-provider] .sec-selectRoom .Room_group :is(.roomItem, .roomItembg, .roomItemasia, .roomItemvenus, .roomItemebet, .roomItemprt, .roomItemallbet)::after {
  z-index: -1;
  background-image: var(--provider-logo-tile);
  clip-path: polygon(6% 12%, 31% 12%, 34% 50%, 31% 85%, 6% 85%, 3% 50%);
}
body[data-room-provider="all"] .sec-selectRoom .Room_group .roomItemallbet::after {
  background-image: var(--provider-logo-tile), linear-gradient(#292929, #171717);
  background-size: 25% 75%, 100% 100%;
  background-position: 7.5% 50%, 0 0;
}
body[data-room-provider] .sec-selectRoom .Room_group :is(.roomItem, .roomItembg, .roomItemasia, .roomItemvenus, .roomItemebet, .roomItemprt, .roomItemallbet):is(:hover, :focus-visible) {
  filter: drop-shadow(0 0 3px var(--provider-accent));
}
body[data-room-provider] .sec-selectRoom .Room_group :is(.roomItem, .roomItembg, .roomItemasia, .roomItemvenus, .roomItemebet, .roomItemprt, .roomItemallbet):focus-visible {
  outline: 2px solid var(--provider-accent);
  outline-offset: 3px;
}
body[data-room-provider] .sec-selectRoom .Room_group .roomNum,
body[data-room-provider] .sec-selectRoom .Room_group .roomNum p {
  color: #f8fafc;
}
body[data-room-provider] .sec-selectRoom .Room_group .winrate p:first-child {
  color: var(--provider-accent);
}
/* ALLBET's legacy lobby uses these equivalent group and room classes. */
body[data-room-provider="all"] .group-room {
  background-color: var(--provider-panel);
  box-shadow: inset 0 0 0 1px var(--provider-accent);
}
body[data-room-provider="all"] .group-room > .title,
body[data-room-provider="all"] .bacarat-Room-item {
  background: linear-gradient(135deg, #151811, var(--provider-panel));
  box-shadow: inset 0 0 0 1px var(--provider-accent);
  color: #f8fafc;
}
body[data-room-provider="all"] .bacarat-Room-item .winrate p:first-child {
  color: var(--provider-accent);
}
@media (prefers-reduced-motion: reduce) {
  body[data-room-provider] .sec-selectRoom .Room_group :is(.roomItem, .roomItembg, .roomItemasia, .roomItemvenus, .roomItemebet, .roomItemprt, .roomItemallbet) {
    transition: none;
  }
}