:root {
  color-scheme: light;
  --bg: #f2f8f3;
  --panel: #ffffff;
  --panel2: #f5faf6;
  --line: #d8e8db;
  --muted: #63776a;
  --text: #183d27;
  --blue: #168044;
  --blue2: #229653;
  --cyan: #29834e;
  --green: #23834a;
}

.jackpot-value-mark {
  background: linear-gradient(180deg, #9655ef 0 34%, #eadbff 35% 48%, #9655ef 49%);
  box-shadow: 0 0 9px #9655ef66;
}

html,
body {
  background: var(--bg);
  color: var(--text);
  background-image: none;
}

.app-shell,
.main,
.content,
.sidebar,
.topbar,
.community-rail {
  background-color: var(--bg);
}

.sidebar,
.topbar,
.community-rail {
  border-color: var(--line);
}

.side-group,
.stat-card,
.game-card,
.category-room-row,
.coinflip-room-row,
.upgrader-screen,
.upgrader-panel,
.upgrade-pool,
.pool-item,
.rail-chat,
.rail-message,
.level-chip,
.user-chip,
.top-icon {
  border-color: var(--line);
  background-color: #fff;
  color: var(--text);
}

.side-group,
.upgrader-panel,
.upgrade-pool,
.pool-item,
.rail-chat,
.rail-message,
.level-chip,
.user-chip,
.top-icon {
  box-shadow: 0 3px 12px #174d2a0b;
}

.nav-link,
.eyebrow,
.category-hint,
.stat-card small,
.level-chip small,
.level-next,
.rail-message p,
.chat-empty-state > span:last-child {
  color: #63776a;
}

.nav-link.active,
.menu-button,
.primary-button,
.login-button,
.chat-send,
.bet-tabs button.selected,
.segmented button.selected {
  border-color: #237d45;
  background: #237d45;
  color: #fff;
}

.nav-link.active {
  box-shadow: inset 3px 0 #4aaa69;
}

.nav-link:hover,
.side-group,
.pool-tools input,
.bet-input,
.inventory-search,
.search-box,
.rail-chat-input,
.demo-stake-input {
  background-color: #f5faf6;
}

.brand-text i,
.page-title span,
.stat-icon,
.stat-icon.blue,
.stat-icon.cyan,
.stat-icon.violet,
.stat-spark,
.spark,
.banner-note span,
.game-text em,
.coinflip-room-value b,
.pool-item small,
.chat-empty-mark {
  color: #23834a;
}

.stat-icon,
.stat-icon.blue,
.stat-icon.cyan,
.stat-icon.violet {
  background: #e5f3e8;
}

.welcome {
  border-color: #c6e0cb;
  background: linear-gradient(115deg, #e7f4e9, #f8fcf8 72%);
  box-shadow: 0 12px 35px #174d2a0b;
}

.welcome:before {
  background: radial-gradient(ellipse at 78% 24%, #a9d9b455, transparent 38%);
}

.welcome h1,
.welcome h1 span {
  color: #1c6336;
}

.welcome-copy p,
.banner-note {
  color: #526b59;
}

.hero-orbit {
  border-color: #64aa783d;
}

.hero-gem {
  border-color: #9ecfaa;
  background: linear-gradient(145deg, #74bd83, #27814a 72%);
  box-shadow: 0 15px 45px #2d874544, inset 0 2px 9px #ffffff99;
}

.game-card {
  border-color: #d5e7d8;
  background: linear-gradient(145deg, #e8f4e9, #f9fcf9);
}

.game-card:before {
  background: linear-gradient(100deg, #f1f8f2ed, #f1f8f2b8 58%, transparent);
}

.game-text b,
.game-text small {
  color: #254b31;
}

.filter-select,
.outline-button,
.coin-mode,
.create-footer .outline-button {
  border-color: #d2e4d5;
  background: #f7fbf7;
  color: #31563a;
}

.topbar-balance,
.practice-balance,
.demo-wallet-value {
  border-color: #cde2d1;
  background: #f7fbf7;
  color: #214b2e;
}

.topbar-balance .balance-main,
.topbar-balance .balance-main b,
.demo-wallet-value b {
  color: #214b2e;
}

.topbar-balance .balance-token,
.demo-wallet-token,
.demo-currency-mark {
  border-color: #8fc49a;
  background: #dff0e2;
  color: #237d45;
}

.topbar-balance .balance-add {
  background: #237d45;
}

.level-chip {
  background: #fff;
}

.level-chip > b {
  background: #318652;
}

.level-chip i {
  background: #d8e9dc;
}

.level-chip i em {
  background: #35a45b;
}

.user-avatar {
  border-color: #83bd91;
}

.top-icon {
  color: #34754a;
}

.coinflip-room-row .category-join-button,
.category-join-button,
.demo-flip-button {
  background: #237d45;
  color: #fff;
}

.upgrader-screen,
.upgrader-panel,
.upgrade-pool {
  background: #f7fbf7;
}

.target-empty,
.pool-empty,
.pool-tools input,
.bet-input,
.bet-tabs {
  border-color: #dceade;
  background: #eef6ef;
  color: #43634b;
}

.chance-wheel {
  border-color: #71ad7d;
  background: radial-gradient(circle, #f7fbf7 65%, #e2f0e4 66%);
}

.chance-wheel b,
.bet-input,
.bet-presets button {
  color: #237d45;
}

.rail-chat {
  background: #fff;
}

.rail-chat-messages,
.rail-chat-form {
  background: #f7fbf7;
}

.rail-message {
  background: #f0f7f1;
}

.rail-message-head b {
  color: #237d45;
}

.rail-chat-input {
  border-color: #d4e6d7;
  background: #fff;
}

.rail-chat-input:focus-within {
  border-color: #55a66a;
  box-shadow: 0 0 0 3px #55a66a20;
}

.coinflip-room-row,
.category-room-row {
  background: #fff;
}

.create-dialog,
.match-detail-dialog,
.wallet-dialog,
.verify-dialog {
  border-color: var(--line);
  background: #fff;
  color: var(--text);
  box-shadow: 0 24px 80px #173f241c;
}

.create-dialog::backdrop,
.match-detail-dialog::backdrop,
.wallet-dialog::backdrop,
.verify-dialog::backdrop {
  background: #173f2455;
}

.create-dialog input,
.create-dialog select,
.wallet-dialog input,
.wallet-dialog select,
.verify-dialog input,
.search-box input,
.rail-chat-input input {
  border-color: var(--line);
  background-color: #f7fbf7;
  color: var(--text);
}

.create-dialog h2,
.create-dialog h3,
.match-detail-dialog b,
.wallet-dialog b,
.verify-dialog h2,
.upgrader-title b,
.upgrader-panel b,
.coinflip-practice-head h3,
.jackpot-panel-head b,
.blackjack-controls h3,
.color-dice-head h3 {
  color: #214b2e;
}

.create-title-row p,
.dialog-copy,
.create-dialog p,
.match-detail-dialog p,
.wallet-dialog small,
.verify-dialog p {
  color: #63776a;
}

.coinflip-practice,
.coinflip-practice-body,
.practice-balance,
.demo-side-option,
.demo-stake-input,
.demo-stake-presets button,
.jackpot-game-screen,
.jackpot-bet-panel,
.blackjack-preview,
.blackjack-controls,
.blackjack-table-area,
.color-dice-screen,
.roll-history,
.roll-history > div,
.dice-lobby-card,
.dice-arena,
.dice-player-card,
.profile-settings,
.profile-summary,
.profile-section {
  border-color: var(--line);
  background-color: #fff;
  color: var(--text);
}

.coinflip-practice {
  background: linear-gradient(145deg, #f7fbf7, #edf6ef);
  box-shadow: 0 12px 35px #174d2a0b;
}

.coinflip-practice-body,
.demo-side-option,
.blackjack-bet,
.blackjack-card-slot,
.profile-setting-card,
.profile-toggle-row,
.profile-social {
  border-color: var(--line);
  background: #f6faf6;
}

.demo-side-option b,
.demo-stake-input input,
.blackjack-bet input,
.profile-setting-card b,
.profile-social b {
  color: #214b2e;
}

.demo-side-option.selected,
.bet-presets button:hover,
.bet-presets button.selected {
  border-color: #65a976;
  background: #e7f4e9;
}

.bet-presets button {
  border: 1px solid #d5e7d8;
  background: #eaf5ec;
  color: #34734a;
}

.chance-panel > .primary-button:disabled {
  border-color: #c9ddcd;
  background: #dcecdf;
  color: #56755e;
}

.blackjack-table-area {
  background: radial-gradient(ellipse at center, #f6faf6, #eaf4ec);
}

.color-dice-game,
.color-player,
.dice-setting,
.roll-history,
.profile-summary p,
.profile-setting-card small,
.profile-social small {
  color: #526b59;
}

.roll-history,
.roll-history > div {
  background: #edf6ef;
}

.color-dice-status,
.profile-settings button.active {
  color: #fff;
  background: #237d45;
}

.coinflip-face.heads {
  border-color: #73ad7c;
  background: radial-gradient(circle at 33% 26%, #dff2e2, #67b777 52%, #247844);
}

.coinflip-face.tails {
  border-color: #93bd99;
  background: radial-gradient(circle at 33% 26%, #f2f8ef, #a6c97e 55%, #54824c);
}

.game-color,
.game-quiz,
.game-speed {
  background: #e9f4eb;
}

.game-color:before,
.game-quiz:before,
.game-speed:before {
  background: linear-gradient(100deg, #f1f8f2ed, #f1f8f2b8 58%, transparent);
}

@media (min-width: 1301px) {
  .topbar {
    right: 0;
  }
}

@media (min-width: 901px) and (max-width: 1300px) {
  :root {
    --sb: 210px;
    --rail: 0px;
  }

  .community-rail {
    display: none;
  }

  .room-list {
    max-height: none !important;
    overflow: visible !important;
  }

  .main {
    margin-right: 0;
  }

  .topbar {
    right: 0;
  }

  .topbar-balance {
    left: 50%;
  }
}

@media (max-width: 1100px) {
  .upgrader-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .upgrader-columns .target-panel {
    grid-column: 1 / -1;
    min-height: 220px;
  }

  .target-empty {
    min-height: 140px;
  }

  .upgrade-pool {
    grid-template-columns: 180px minmax(0, 1fr);
  }

  .pool-grid {
    grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));
  }
}

@media (max-width: 900px) {
  html,
  body {
    min-height: 100%;
    overflow-x: hidden;
  }

  .app-shell {
    width: 100%;
    min-height: 100vh;
    height: auto;
    overflow: visible;
  }

  .sidebar {
    width: 100%;
    max-width: 100%;
  }

  .main {
    width: 100%;
    height: auto;
    min-height: calc(100vh - 54px);
    margin: 0;
    overflow: visible;
  }

  .topbar {
    width: 100%;
  }

  .topbar-balance {
    left: 50%;
  }

  .topbar-account {
    right: 12px;
  }

  .content {
    width: 100%;
    height: auto;
    min-height: calc(100vh - 108px);
    overflow: visible;
  }

  .community-rail {
    display: none;
  }

  .room-list {
    max-height: none !important;
    overflow: visible !important;
  }

  .game-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .upgrader-screen {
    min-height: 0;
  }
}

@media (max-width: 600px) {
  .content {
    padding-right: 10px;
    padding-left: 10px;
  }

  .stats-grid {
    gap: 6px;
  }

  .stat-card {
    min-width: 0;
    padding: 8px 7px;
    gap: 6px;
  }

  .stat-card b {
    font-size: 16px;
  }

  .stat-card small {
    font-size: 9px;
  }

  .stat-icon {
    flex: 0 0 24px;
  }

  .game-grid,
  .upgrader-columns {
    grid-template-columns: minmax(0, 1fr);
  }

  .upgrader-columns .target-panel {
    grid-column: auto;
  }

  .upgrade-pool {
    grid-template-columns: minmax(0, 1fr);
  }

  .pool-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .topbar {
    padding-right: 8px;
    padding-left: 8px;
  }

  .topbar-account {
    right: 8px;
    gap: 6px;
  }

  .topbar-balance {
    min-width: 0;
    padding: 0 6px;
  }
}

:root {
  color-scheme: dark;
  --bg: #231b2e;
  --panel: #17131f;
  --panel2: #211a2b;
  --line: #3b2d50;
  --muted: #a99bb8;
  --text: #f4effa;
  --blue: #9655ef;
  --blue2: #b17aff;
  --cyan: #bd91ff;
  --green: #40d5a0;
}

html,
body {
  background: #231b2e;
  color: #f4effa;
}

.app-shell,
.main,
.content {
  background: #30243e;
}

.sidebar,
.topbar,
.community-rail {
  background: #110f18;
  border-color: #2d2338;
}

.side-group,
.stat-card,
.game-card,
.category-room-row,
.coinflip-room-row,
.upgrader-screen,
.upgrader-panel,
.upgrade-pool,
.pool-item,
.rail-chat,
.rail-message,
.level-chip,
.user-chip,
.top-icon,
.create-dialog,
.match-detail-dialog,
.wallet-dialog,
.verify-dialog,
.jackpot-game-screen,
.jackpot-bet-panel,
.blackjack-preview,
.blackjack-controls,
.blackjack-table-area,
.color-dice-screen,
.dice-lobby-card,
.dice-arena,
.dice-player-card,
.profile-settings,
.profile-summary,
.profile-section {
  border-color: #3b2d50;
  background-color: #191520;
  color: #f4effa;
}

.side-group,
.upgrader-screen,
.upgrader-panel,
.upgrade-pool,
.pool-item,
.rail-chat,
.level-chip,
.user-chip,
.top-icon,
.stat-card {
  box-shadow: 0 5px 18px #08050d38;
}

.nav-link,
.eyebrow,
.category-hint,
.stat-card small,
.level-chip small,
.level-next,
.rail-message p,
.chat-empty-state > span:last-child,
.welcome-copy p,
.banner-note,
.create-title-row p,
.dialog-copy,
.create-dialog p,
.match-detail-dialog p,
.wallet-dialog small,
.verify-dialog p,
.color-dice-game,
.color-player,
.dice-setting,
.profile-summary p,
.profile-setting-card small,
.profile-social small {
  color: #ad9ebb;
}

.nav-link.active,
.menu-button,
.primary-button,
.login-button,
.chat-send,
.bet-tabs button.selected,
.segmented button.selected,
.coinflip-room-row .category-join-button,
.category-join-button,
.demo-flip-button,
.color-dice-status,
.profile-settings button.active {
  border-color: #9655ef;
  background: #9655ef;
  color: #fff;
}

.nav-link.active {
  background: linear-gradient(100deg, #39234f, #271c37);
  box-shadow: inset 3px 0 #b17aff;
}

.nav-link:hover,
.pool-tools input,
.bet-input,
.inventory-search,
.search-box,
.rail-chat-input,
.demo-stake-input,
.coinflip-practice-body,
.demo-side-option,
.blackjack-bet,
.blackjack-card-slot,
.profile-setting-card,
.profile-toggle-row,
.profile-social,
.target-empty,
.pool-empty,
.roll-history,
.roll-history > div {
  border-color: #3b2d50;
  background-color: #211a2b;
  color: #f4effa;
}

.brand-text i,
.page-title span,
.stat-icon,
.stat-icon.blue,
.stat-icon.cyan,
.stat-icon.violet,
.stat-spark,
.spark,
.banner-note span,
.game-text em,
.coinflip-room-value b,
.pool-item small,
.chat-empty-mark,
.chance-wheel b,
.bet-input,
.rail-message-head b {
  color: #b17aff;
}

.stat-icon,
.stat-icon.blue,
.stat-icon.cyan,
.stat-icon.violet {
  background: #2a1f38;
}

.welcome {
  border-color: #57406f;
  background: linear-gradient(112deg, #281c37, #49345c 62%, #30223f);
  box-shadow: 0 16px 45px #100b1838;
}

.welcome:before {
  background: radial-gradient(ellipse at 76% 25%, #a867ff45, transparent 38%);
}

.welcome h1,
.welcome h1 span {
  color: #f4effa;
}

.hero-orbit {
  border-color: #bf91ff44;
}

.hero-gem {
  border-color: #d3b6ff;
  background: linear-gradient(145deg, #bd83ff, #8041dc 72%);
  box-shadow: 0 15px 45px #8e4ce566, inset 0 2px 9px #ffffff99;
}

.game-card,
.game-color,
.game-quiz,
.game-speed {
  border-color: #463456;
  background: linear-gradient(145deg, #211a2b, #30223d) !important;
}

.game-card:before,
.game-color:before,
.game-quiz:before,
.game-speed:before {
  background: linear-gradient(100deg, #211a2bf0, #211a2b96 58%, transparent);
}

.game-text b {
  color: #f4effa;
}

.game-text small {
  color: #b2a4c0;
}

.filter-select,
.outline-button,
.coin-mode,
.create-footer .outline-button {
  border-color: #49365d;
  background: #211a2b;
  color: #e9dff5;
}

.topbar-balance,
.practice-balance,
.demo-wallet-value {
  border-color: #49365d;
  background: #1b1624;
  color: #f4effa;
}

.topbar-balance .balance-main,
.topbar-balance .balance-main b,
.demo-wallet-value b,
.create-dialog h2,
.create-dialog h3,
.match-detail-dialog b,
.wallet-dialog b,
.verify-dialog h2,
.upgrader-title b,
.upgrader-panel b,
.coinflip-practice-head h3,
.jackpot-panel-head b,
.blackjack-controls h3,
.color-dice-head h3,
.demo-side-option b,
.demo-stake-input input,
.blackjack-bet input,
.profile-setting-card b,
.profile-social b {
  color: #f4effa;
}

.topbar-balance .balance-token,
.demo-wallet-token,
.demo-currency-mark {
  border-color: #a979e9;
  background: #38254d;
  color: #d7b8ff;
}

.topbar-balance .balance-add,
.level-chip > b {
  background: #9655ef;
}

.level-chip {
  background: #191520;
}

.level-chip i {
  background: #3b2d50;
}

.level-chip i em {
  background: #b17aff;
}

.user-avatar {
  border-color: #a979e9;
}

.top-icon {
  color: #c4a1f4;
}

.upgrader-screen,
.upgrader-panel,
.upgrade-pool {
  background: #191520;
}

.target-empty,
.pool-empty,
.pool-tools input,
.bet-input,
.bet-tabs {
  border-color: #3b2d50;
  background: #211a2b;
  color: #c7b6d8;
}

.chance-wheel {
  border-color: #8e5bc5;
  background: radial-gradient(circle, #211a2b 65%, #39264d 66%);
}

.bet-presets button,
.demo-stake-presets button {
  border: 1px solid #49365d;
  background: #261d32;
  color: #d0b9ed;
}

.demo-side-option.selected,
.bet-presets button:hover,
.bet-presets button.selected {
  border-color: #a979e9;
  background: #30203f;
}

.chance-panel > .primary-button:disabled {
  border-color: #58416d;
  background: #382c46;
  color: #c0aecf;
}

.rail-chat,
.rail-chat-messages,
.rail-chat-form {
  background: #17131f;
}

.rail-message {
  border-color: #392b4c;
  background: #211a2b;
}

.rail-chat-input {
  border-color: #49365d;
  background: #110f18;
}

.rail-chat-input:focus-within {
  border-color: #a979e9;
  box-shadow: 0 0 0 3px #a979e922;
}

.coinflip-room-row,
.category-room-row {
  background: #191520;
}

.create-dialog input,
.create-dialog select,
.wallet-dialog input,
.wallet-dialog select,
.verify-dialog input,
.search-box input,
.rail-chat-input input {
  border-color: #49365d;
  background-color: #110f18;
  color: #f4effa;
}

.create-dialog::backdrop,
.match-detail-dialog::backdrop,
.wallet-dialog::backdrop,
.verify-dialog::backdrop {
  background: #08050dbd;
}

.coinflip-practice {
  border-color: #49365d;
  background: linear-gradient(145deg, #211a2b, #17131f);
  box-shadow: 0 12px 35px #08050d38;
}

.blackjack-table-area {
  background: radial-gradient(ellipse at center, #251d31, #15111c);
}

.roll-history,
.roll-history > div {
  background: #211a2b;
}

.coinflip-face.heads {
  border-color: #bd91ff;
  background: radial-gradient(circle at 33% 26%, #d9c1ff, #9e63e8 52%, #552a8e);
}

.coinflip-face.tails {
  border-color: #b79ad9;
  background: radial-gradient(circle at 33% 26%, #f0e7ff, #af8bd4 55%, #654889);
}

.wallet-icon {
  background: #2a1f38 !important;
  color: #c49aff !important;
}

.wallet-icon svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.heading-actions .primary-button,
.topbar-account .login-button,
.profile-settings button.active,
.jackpot-start,
.blackjack-actions .deal-button,
.dice-create,
.dice-lobby-heading > .primary-button,
.dice-lobby-empty .primary-button,
.dice-arena .primary-button,
.upgrader-screen .primary-button,
.upgrader-screen .bet-tabs button.selected,
.upgrader-screen .bet-presets button.selected,
.upgrader-screen .bet-presets button:hover {
  border-color: #9655ef;
  background: #9655ef;
  color: #fff;
  box-shadow: 0 5px 18px #9655ef35;
}

.heading-actions .primary-button:hover,
.topbar-account .login-button:hover,
.jackpot-start:hover,
.blackjack-actions .deal-button:hover,
.dice-create:hover,
.upgrader-screen .primary-button:hover {
  background: #a66af5;
  filter: none;
}

.jackpot-wheel {
  border-color: #9655ef;
  background: #9655ef;
  box-shadow: 0 0 44px #9655ef30, inset 0 0 0 1px #d7baff;
}

.jackpot-wheel:before {
  border-color: #e8d8ff;
}

.jackpot-wheel-core b {
  color: #e8d8ff;
}

.blackjack-rule {
  border-color: #65428b;
  background: #281d36;
  color: #d7c0f2;
}

.blackjack-card-slot {
  border-color: #554263;
}

.chance-wheel {
  border-color: #9655ef;
  box-shadow: inset 0 0 0 1px #c39aff, 0 0 0 1px #49365d;
}

.chance-wheel:before {
  border-color: #e8d8ff;
  background: #9655ef;
  box-shadow: 0 0 10px #b17aff99;
}

.profile-settings button.active {
  box-shadow: inset 3px 0 #c39aff;
}

.user-chip,
.top-icon,
.user-avatar {
  border-color: #49365d;
}

.top-icon {
  color: #c49aff;
}

.dice-lobby-meta span:last-child,
.dice-lobby-card-bottom .primary-button,
.dice-arena .primary-button {
  color: #fff;
}

.dice-lobby-meta span:last-child {
  color: #c49aff;
}

.dice-lobby-card,
.dice-arena,
.dice-player-card {
  border-color: #3b2d50;
  background-color: #191520;
}

.upgrader-screen .bet-input,
.upgrader-screen .chance-wheel b,
.upgrader-screen .pool-item small,
.upgrader-title .upgrade-emblem {
  color: #c49aff;
}

.upgrader-title .upgrade-emblem {
  border-color: #65428b;
  background: #281d36;
  box-shadow: 0 0 20px #9655ef28;
}

.topbar-balance:focus-visible,
.wallet-search,
.inventory-search:focus-within {
  border-color: #a979e9;
  outline-color: #a979e9;
}

.brand-logo {
  filter: hue-rotate(55deg) drop-shadow(0 4px 11px #9655ef55);
}

.topbar-balance .balance-add,
.wallet-balance-row button,
.heading-actions .primary-button,
.blackjack-actions .deal-button,
.jackpot-wheel,
.jackpot-start,
.dice-lobby-heading > .primary-button,
.dice-lobby-empty .primary-button,
.dice-arena .primary-button,
.dice-create,
.create-footer .primary-button:not(:disabled),
.verify-panel .verify-action {
  background: linear-gradient(110deg, #a46af1, #8545d3);
  color: #fff;
}

.stat-icon,
.stat-icon.cyan,
.stat-icon.violet {
  background: #2a1f38;
  color: #c49aff;
}

.wallet-search,
.inventory-search {
  border-color: #8051b0;
  color: #c49aff;
}

.wallet-robux-icon,
.wallet-roblox-mark,
.inventory-search:focus-within {
  color: #c49aff;
}

.coinflip-profile-avatar,
.profile-avatar-large {
  border-color: #9655ef;
  background:
    radial-gradient(circle at 50% 35%, #eadbff 0, #eadbff 18%, transparent 19%),
    radial-gradient(ellipse at 50% 95%, #694884 0 42%, transparent 43%),
    #252a3a;
}

.coinflip-profile-copy small {
  color: #c49aff;
}

.coinflip-empty-player:first-child span,
.coinflip-empty-copy > small {
  color: #c49aff;
}

.coinflip-empty-player:first-child:before,
.coinflip-empty-avatar {
  border-color: #9655ef;
  background:
    radial-gradient(circle at 50% 36%, #eadbff 0 13%, transparent 14%),
    radial-gradient(ellipse at 50% 100%, #694884 0 32%, transparent 33%),
    #202638;
}

.coinflip-center-mark {
  border-color: #c49aff;
  background: radial-gradient(circle, #eadbff, #9655ef 56%, #58318c);
  box-shadow: 0 0 22px #9655ef55;
}

.coinflip-side-mark {
  border-color: #9655ef;
  background: radial-gradient(circle, #eadbff, #9655ef 65%, #58318c);
  color: #fff;
}

.coinflip-item-orb svg {
  filter: drop-shadow(0 0 7px #9655ef80);
}

.dice-lobby-card-bottom > span:nth-child(2),
.dice-empty-mark {
  border-color: #7952a1;
  background: #281d36;
  color: #c49aff;
}

.color-player-avatar {
  background:
    radial-gradient(circle at 50% 38%, #c49aff 0 17%, transparent 18%),
    radial-gradient(ellipse at 50% 95%, #694884 0 42%, transparent 43%),
    #252b3a;
}

.color-player small,
.color-player:nth-child(2) small,
.segmented button.selected {
  background: #8545d3;
  color: #fff;
}

.color-dice-status {
  color: #c49aff;
}

.profile-social-mark {
  background: #503276;
  color: #eadbff;
}

.profile-toggle.active {
  background: #8545d3;
}

.side-choice.selected {
  border-color: #a46af1;
  color: #c49aff;
  box-shadow: 0 0 0 2px #9655ef22;
}

.create-footer .primary-button:disabled,
.chance-panel > .primary-button:disabled {
  background: #3b2a50;
  color: #aaa0b8;
}

.upgrader-panel-head b i,
.bet-input {
  color: #c49aff;
}

.bet-tabs button.selected {
  background: #503276;
}

.bet-presets button {
  color: #c49aff;
}

.chance-wheel {
  border-color: #68458c;
  box-shadow: inset 0 0 0 1px #a46af1, 0 0 0 1px #3b2d50;
}

.preview-chip {
  border-color: #7952a1;
  background: #281d36;
  color: #c49aff;
}

.blackjack-rule {
  border-color: #65428b;
  background: #281d36;
  color: #eadbff;
}

.verify-art {
  background: radial-gradient(ellipse at 47% 47%, #61358f 0, #392454 40%, #211a30 73%, #171522 100%);
}

.verify-art:before {
  background-image:
    linear-gradient(#c49aff0a 1px, transparent 1px),
    linear-gradient(90deg, #c49aff0a 1px, transparent 1px),
    repeating-linear-gradient(132deg, transparent 0 65px, #c49aff0c 67px 69px, transparent 71px 125px);
}

.verify-art:after {
  background: linear-gradient(115deg, transparent 33%, #9655ef0c 43%, #c49aff15 47%, transparent 56%);
}

.verify-logo b span,
.verify-art-status span,
.verify-art-caption > small,
.verify-art-caption > span i,
.verify-art-footer > b small,
.verify-panel .eyebrow,
.verify-panel .text-input:focus {
  color: #c49aff;
}

.scene-orbit {
  border-color: #c49aff33;
}

.scene-orbit-back {
  box-shadow: 0 0 0 22px #c49aff08, 0 0 0 48px #c49aff06, 0 0 90px #9655ef26;
}

.scene-orbit-front {
  border-color: #c49aff55;
  box-shadow: inset 0 0 48px #9655ef1b, 0 0 32px #9655ef26;
}

.scene-core {
  border-color: #eadbff87;
  background: linear-gradient(145deg, #c49aff, #9655ef 48%, #58318c);
  box-shadow: 0 0 0 9px #c49aff19, 0 0 42px #9655ef80, inset 0 2px 2px #ffffffb5;
}

.scene-card {
  border-color: #c49aff30;
  background: linear-gradient(145deg, #2a2040e8, #191522ed);
}

.scene-card-head b {
  background: #9655ef27;
  color: #c49aff;
}

.scene-avatar:not(.avatar-sky) {
  border-color: #c49aff;
  background: radial-gradient(circle at 34% 24%, #eadbff, #9655ef 70%);
  box-shadow: 0 0 0 3px #9655ef20;
}

.scene-avatar:not(.avatar-sky) i {
  background: linear-gradient(90deg, #a46af1, #58318c);
}

.scene-card-foot span,
.jackpot-copy small {
  color: #c49aff;
}

.jackpot-symbol {
  border-color: #c49aff55;
  background: linear-gradient(145deg, #a46af1, #58318c);
  box-shadow: 0 4px 12px #9655ef4d;
}

.jackpot-dots i:first-child {
  background: linear-gradient(135deg, #eadbff, #9655ef);
}

.verify-art-status span {
  border-color: #c49aff29;
  background: #21152f7d;
}

.verify-panel {
  background: radial-gradient(ellipse at 100% 0, #2a2040 0, transparent 43%), linear-gradient(145deg, #171522, #11121b);
}

.verify-panel .text-input {
  border-color: #503a6d;
}

.verify-panel .text-input:focus {
  border-color: #a46af1;
  box-shadow: 0 0 0 3px #9655ef1c;
}

body[data-view="Coinflip"] .heading-actions {
  width: 100%;
  display: flex !important;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 9px;
}

body[data-view="Coinflip"] .heading-actions > #create-room,
body[data-view="Coinflip"] .heading-actions > .history-button,
body[data-view="Coinflip"] .heading-actions > .coinflip-filters > .filter-select {
  height: 48px;
  min-height: 48px;
  box-sizing: border-box;
}

body[data-view="Coinflip"] .coinflip-filters {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin-left: auto;
}

body[data-view="Coinflip"] .coinflip-filters .filter-select {
  min-width: 168px;
}

body[data-view="Coinflip"] .lobby-toolbar {
  display: none !important;
}

#create-dialog .inventory-wallet .balance-token {
  border-color: #7952a1;
  background: #281d36;
  color: #c49aff;
}

#create-dialog .side-choice .coin-side-token {
  background: linear-gradient(145deg, #a46af1, #58318c);
}

.create-dialog #inventory-add {
  background: #9655ef;
  color: #fff;
}

.create-dialog .side-choice.selected {
  border-color: #a46af1;
  color: #c49aff;
  box-shadow: 0 0 0 2px #9655ef22;
}

@media (max-width: 550px) {
  body[data-view="Coinflip"] .heading-actions > #create-room,
  body[data-view="Coinflip"] .heading-actions > .history-button,
  body[data-view="Coinflip"] .heading-actions > .coinflip-filters > .filter-select {
    height: 40px;
    min-height: 40px;
  }

  body[data-view="Coinflip"] .coinflip-filters .filter-select {
    min-width: 0;
  }
}

.profile-open-button {
  width: 44px;
  height: 44px;
  min-width: 44px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 12px;
  background: transparent;
  font: inherit;
  cursor: pointer;
}

.profile-open-button:hover,
.profile-open-button:focus-visible {
  background: transparent;
  outline: 2px solid #8051b0;
  outline-offset: 2px;
}

.profile-open-button .user-avatar {
  width: 42px;
  height: 42px;
  border-color: #8051b0;
  border-radius: 10px;
  background: #39234f;
  box-shadow: 0 0 0 2px #9655ef20;
}

.coinflip-room-row {
  grid-template-columns: minmax(0, 1fr) 100px 104px;
  grid-template-areas: "profiles count action";
  min-height: 112px;
}

.coinflip-room-row .coinflip-profile-pair {
  width: 100%;
  grid-template-columns: minmax(0, 1fr) 62px minmax(0, 1fr);
  gap: 10px;
}

.coinflip-room-row .coinflip-profile-slot {
  min-height: 82px;
  border-color: #3b2d50;
  border-radius: 12px;
  background: #17131f;
}

.coinflip-room-row .coinflip-profile-avatar,
.coinflip-room-row .coinflip-avatar-placeholder {
  width: 58px;
  height: 58px;
  flex-basis: 58px;
  border-color: #65428b;
}

.coinflip-room-row .coinflip-waiting {
  border-style: solid;
}

.coinflip-room-row .coinflip-profile-pair .room-versus {
  width: 62px;
  height: 62px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #a99bb8;
  font-size: 25px;
  font-weight: 900;
}

.coinflip-match-coin {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  padding: 3px;
  border: 2px solid #9655ef;
  border-radius: 50%;
  background: #211a2b;
  box-shadow: 0 0 18px #9655ef35;
}

.coinflip-match-coin img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  border-radius: 50%;
}

.coinflip-room-row .coinflip-room-value {
  grid-area: count;
  min-width: 0;
  text-align: center;
}

.coinflip-room-row .coinflip-row-actions {
  grid-area: action;
}

.coinflip-empty-players {
  grid-template-columns: minmax(0, 1fr) 62px minmax(0, 1fr);
}

.coinflip-empty-player {
  border-color: #3b2d50;
  background: #17131f;
}

.coinflip-empty-players > .room-versus {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  color: #a99bb8;
  font-size: 25px;
  font-weight: 900;
}

body[data-view="Coinflip"] .room-list .coinflip-room-row {
  grid-template-columns: minmax(0, 1fr) 100px 104px;
  grid-template-areas: "profiles count action";
}

body[data-view="Coinflip"] .room-list .coinflip-room-row .coinflip-profile-pair {
  grid-template-columns: minmax(0, 1fr) 62px minmax(0, 1fr);
}

.detail-vs {
  color: #a99bb8;
  font-size: 28px;
  font-weight: 900;
}

.detail-vs[hidden],
.detail-coin[hidden] {
  display: none !important;
}

@media (max-width: 900px) {
  body[data-view="Coinflip"] .room-list .coinflip-room-row {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "profiles profiles" "count action";
  }

  body[data-view="Coinflip"] .room-list .coinflip-room-row .coinflip-profile-pair {
    grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1fr);
    gap: 5px;
  }

  body[data-view="Coinflip"] .room-list .coinflip-room-row .coinflip-profile-pair .room-versus,
  body[data-view="Coinflip"] .room-list .coinflip-match-coin {
    width: 42px;
    height: 42px;
  }
}
}

.rail-heading {
  border-color: #3b2d50;
}

.rail-heading h2 {
  color: #f4effa;
}

.rail-chat {
  border-color: #3b2d50;
  background: #17131f;
  box-shadow: 0 10px 28px #08050d38;
}

.rail-chat-messages,
.rail-chat-form {
  background: #17131f;
}

.rail-chat-messages {
  scrollbar-color: #50376b transparent;
}

.rail-message {
  border-color: #3b2d50;
  background: #211a2b;
}

.chat-avatar {
  border-color: #50376b;
}

.chat-tone-0 {
  background: linear-gradient(145deg, #8051b0, #39234f);
}

.chat-tone-1 {
  background: linear-gradient(145deg, #a46af1, #503276);
}

.chat-tone-2 {
  background: linear-gradient(145deg, #368c79, #214a48);
}

.chat-tone-3 {
  background: linear-gradient(145deg, #b17a45, #68452e);
}

.rail-message-head b,
.chat-tone-1 ~ .rail-message-copy .rail-message-head b {
  color: #c49aff;
}

.chat-tone-2 ~ .rail-message-copy .rail-message-head b {
  color: #7ad9c1;
}

.chat-tone-3 ~ .rail-message-copy .rail-message-head b {
  color: #ecc17e;
}

.rail-message-head time {
  color: #9585a5;
}

.rail-message p {
  color: #d6cde0;
}

.chat-empty-mark {
  border-color: #65428b;
  background: linear-gradient(145deg, #39234f, #211a2b);
  color: #c49aff;
}

.chat-empty-state b {
  color: #f4effa;
}

.chat-empty-state > span:last-child {
  color: #ad9ebb;
}

.rail-chat-form {
  border-color: #3b2d50;
}

.rail-chat-input {
  border-color: #50376b;
  background: #110f18;
}

.rail-chat-input:focus-within {
  border-color: #a979e9;
  box-shadow: 0 0 0 3px #a979e922;
}

.rail-chat-input input {
  color: #f4effa;
}

.rail-chat-input input::placeholder {
  color: #9585a5;
}

.rail-chat-input .chat-send {
  background: #9655ef;
  color: #fff;
}

.rail-chat-input .chat-send:disabled {
  background: #392a4d;
  color: #ad9ebb;
}

.chat-composer-foot {
  color: #9585a5;
}

.chat-composer-foot b {
  color: #c49aff;
}

@media (max-width: 900px) {
  html,
  body {
    height: auto;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .community-rail {
    position: relative !important;
    inset: auto !important;
    z-index: 1;
    display: flex !important;
    width: 100%;
    height: min(460px, 70vh);
    min-height: 340px;
    margin: 0;
    padding: 12px;
    overflow: visible;
    border: 0;
    border-top: 1px solid #3b2d50;
    background: #110f18;
  }

  .rail-chat {
    min-height: 0;
    flex: 1 1 auto;
  }

  .rail-chat-messages {
    min-height: 0;
    flex: 1 1 auto;
  }
}

@media (max-width: 420px) {
  .profile-open-button .user-name {
    display: none;
  }

  .profile-chip-label {
    margin-left: 0;
  }
}

.profile-open-button .user-avatar {
  overflow: visible;
  border-radius: 10px;
  background: linear-gradient(145deg, #32263f, #191520);
}

.profile-open-button .user-avatar img {
  inset: 2px 2px 7px;
  width: calc(100% - 4px);
  height: calc(100% - 9px);
  object-fit: contain;
  border-radius: 7px;
}

.avatar-level-badge {
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: -4px;
  min-width: 14px;
  height: 14px;
  display: grid;
  place-items: center;
  padding: 0 4px;
  border: 1px solid #b17aff;
  border-radius: 5px;
  background: #8041dc;
  color: #fff;
  font-size: 8px;
  font-weight: 850;
  line-height: 1;
  transform: translateX(-50%);
}

.profile-avatar-frame {
  position: relative;
  width: 76px;
  height: 82px;
  flex: 0 0 76px;
  display: grid;
  place-items: start center;
  padding: 0 0 8px;
  border: 1px solid #49365d;
  border-radius: 14px;
  background: linear-gradient(145deg, #211a2b, #17131f);
}

.profile-avatar-large {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 0;
  border-radius: 12px;
  background:
    radial-gradient(circle at 50% 35%, #eadbff 0, #eadbff 18%, transparent 19%),
    radial-gradient(ellipse at 50% 95%, #694884 0 42%, transparent 43%),
    #252a3a;
  font-size: 16px;
}

.profile-avatar-large img {
  inset: 3px 3px 8px;
  width: calc(100% - 6px);
  height: calc(100% - 11px);
  object-fit: contain;
  border-radius: 9px;
}

.profile-avatar-frame > .avatar-level-badge {
  bottom: 0;
}

.detail-avatar {
  position: relative;
  overflow: hidden;
}

.detail-avatar img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}

.detail-player.is-waiting .detail-avatar {
  border-style: dashed;
  border-color: #594568;
  background: #1b1924;
  color: #a99bb8;
}

.detail-player.is-waiting small {
  color: #a99bb8;
}

* {
  scrollbar-width: none;
}

*::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.sidebar,
.content,
.room-list,
.category-room-list,
.rail-chat-messages,
.community-rail {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.sidebar::-webkit-scrollbar,
.content::-webkit-scrollbar,
.room-list::-webkit-scrollbar,
.category-room-list::-webkit-scrollbar,
.rail-chat-messages::-webkit-scrollbar,
.community-rail::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

body[data-view="Coinflip"] .coinflip-room-row .coinflip-profile-copy {
  display: none;
}

body[data-view="Coinflip"] .coinflip-room-row .coinflip-profile-slot {
  justify-content: flex-start;
  gap: 9px;
  padding-left: 9px;
  border-color: transparent;
  background: transparent;
  cursor: default;
}

body[data-view="Coinflip"] .coinflip-room-row .coinflip-waiting {
  border-style: solid;
  color: #c5b5d2;
}

.coinflip-profile-avatar,
.coinflip-avatar-placeholder {
  overflow: visible;
}

.coinflip-profile-avatar > img:not(.coinflip-avatar-side-badge) {
  overflow: hidden;
  border-radius: 50%;
}

.coinflip-avatar-side-badge {
  position: absolute;
  z-index: 2;
  inset: auto;
  top: -8px;
  right: -7px;
  width: 27px;
  height: 27px;
  object-fit: contain;
  pointer-events: none;
}

.coinflip-profile-avatar img.coinflip-avatar-side-badge,
.coinflip-avatar-placeholder img.coinflip-avatar-side-badge {
  inset: auto;
  top: -8px;
  right: -7px;
  width: 27px;
  height: 27px;
}

@media (max-width: 900px) {
  body[data-view="Coinflip"] .coinflip-room-row .coinflip-profile-slot {
    gap: 6px;
    padding-left: 6px;
  }

  .coinflip-avatar-side-badge,
  .coinflip-profile-avatar img.coinflip-avatar-side-badge,
  .coinflip-avatar-placeholder img.coinflip-avatar-side-badge {
    top: -6px;
    right: -6px;
    width: 21px;
    height: 21px;
  }
}

body[data-view="Coinflip"] .room-list .coinflip-room-row .coinflip-profile-pair {
  width: auto;
  grid-template-columns: 58px 62px 58px;
  justify-content: start;
  gap: 12px;
}

body[data-view="Coinflip"] .room-list .coinflip-room-row .coinflip-profile-slot {
  width: 58px;
  min-height: 68px;
  padding: 0;
}

body[data-view="Coinflip"] .room-list .coinflip-room-row .coinflip-profile-pair .room-versus,
body[data-view="Coinflip"] .room-list .coinflip-match-coin {
  width: 62px;
  height: 62px;
}

@media (max-width: 900px) {
  body[data-view="Coinflip"] .room-list .coinflip-room-row .coinflip-profile-pair {
    grid-template-columns: 48px 42px 48px;
    gap: 9px;
  }

  body[data-view="Coinflip"] .room-list .coinflip-room-row .coinflip-profile-slot {
    width: 48px;
    min-height: 54px;
  }

  body[data-view="Coinflip"] .room-list .coinflip-room-row .coinflip-profile-pair .room-versus,
  body[data-view="Coinflip"] .room-list .coinflip-match-coin {
    width: 42px;
    height: 42px;
  }
}

.community-rail {
  background: #30243e;
  border-left-color: #3b2d50;
}

.rail-heading {
  border-color: #3b2d50;
}

.rail-chat,
.rail-chat-messages,
.rail-chat-form {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.rail-chat {
  min-height: 0;
}

.rail-chat-messages {
  gap: 0;
  padding: 8px 2px;
}

.rail-message {
  min-height: 0;
  padding: 11px 2px;
  border: 0;
  border-bottom: 1px solid #49385a;
  border-radius: 0;
  background: transparent;
  transition: background .16s ease;
}

.rail-message:hover {
  border-color: #49385a;
  background: #382a47;
  transform: none;
}

.chat-avatar {
  width: 34px;
  height: 34px;
  flex-basis: 34px;
  border-color: #654b7c;
}

.rail-message-head b {
  color: #d7baff;
}

.rail-message-head time {
  color: #b09dbf;
}

.rail-message p {
  color: #f0eaf5;
}

.rail-chat-form {
  padding: 10px 2px 4px;
  border-top: 1px solid #49385a;
}

.rail-chat-input {
  min-height: 40px;
  padding: 4px 2px 4px 4px;
  border: 0;
  border-bottom: 1px solid #57416c;
  border-radius: 0;
  background: transparent;
}

.rail-chat-input:focus-within {
  border-color: #a979e9;
  box-shadow: none;
}

.rail-chat-input .chat-send {
  min-width: 54px;
  height: 28px;
  border-radius: 6px;
  background: transparent;
  color: #d7baff;
}

.rail-chat-input .chat-send:hover:not(:disabled) {
  background: #49345f;
}

.rail-chat-input .chat-send:disabled {
  background: transparent;
  color: #a99bb8;
}

.chat-composer-foot {
  color: #b09dbf;
}

body[data-view="Coinflip"] .coinflip-filters .filter-select {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 16px;
  text-align: left;
  line-height: 1.25;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .community-rail {
    background: #30243e;
    border-top-color: #3b2d50;
  }
}