/* Casino visual layer. Keep game artwork, application state and scene geometry intact. */
html:has(body.ga-tech-demo) {
  background: #111114;
}
body.ga-tech-demo {
  --td-bg: #111114;
  --td-surface: #19191e;
  --td-raised: #222228;
  --td-text: #f3f1eb;
  --td-muted: #aaa8b5;
  --td-line: #35343e;
  --td-lime: #c7ed69;
  --td-lime-hover: #d9f597;
  --td-violet: #c4afff;
  --td-purple: #29233d;
  --td-purple-line: #514468;
}
body.ga-tech-demo .td-header-main {
  gap: 24px;
  min-height: 76px;
}
body.ga-tech-demo .td-desktop-nav {
  gap: 18px;
}
body.ga-tech-demo .td-desktop-nav :is(a, button) {
  font-size: 13px;
  white-space: nowrap;
}
body.ga-tech-demo .td-desktop-nav [aria-current='page'] {
  color: var(--td-violet);
}
body.ga-tech-demo .td-desktop-nav [aria-current='page']::after {
  background: var(--td-violet);
  height: 3px;
  border-radius: 3px;
}
body.ga-tech-demo .td-session {
  border-top-color: var(--td-line);
  min-height: 52px;
}
body.ga-tech-demo .td-session-label {
  letter-spacing: 0.035em;
}
body.ga-tech-demo .ex-wallet-copy small {
  font-size: 11px;
}
body.ga-tech-demo .ex-wallet-copy b {
  font-size: 13px;
}
body.ga-tech-demo .td-menu summary {
  border-radius: 8px;
}
body.ga-tech-demo .td-menu-panel {
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 20px 60px #0008;
}
body.ga-tech-demo .td-menu-panel :is(a, button) {
  padding: 10px 12px;
  border-radius: 6px;
}
body.ga-tech-demo .td-menu-panel :is(a, button):hover,
body.ga-tech-demo .td-menu-panel [aria-current='page'] {
  background: var(--td-purple);
  color: var(--td-violet);
}
body.ga-tech-demo .app-shell.ex-shell .ex-discovery-bar {
  padding-block: 20px;
  margin-bottom: 22px;
}
body.ga-tech-demo .ex-feed-select,
body.ga-tech-demo .ex-feed-select select {
  font-size: 22px;
}
body.ga-tech-demo .ex-discovery-meta {
  font-size: 12px;
  line-height: 1.6;
}
body.ga-tech-demo .ex-discovery-button {
  border-radius: 8px !important;
}
body.ga-tech-demo .ex-game-grid {
  gap: 28px 18px;
}
body.ga-tech-demo .ex-game-cover,
body.ga-tech-demo .ex-game-cover .ex-game-link,
body.ga-tech-demo .ex-game-cover .ex-game-link img {
  border-radius: 10px;
}
body.ga-tech-demo .app-shell.ex-shell .ex-game-details .ex-game-title {
  font-size: 14px;
  line-height: 1.45;
  letter-spacing: -0.015em;
}
body.ga-tech-demo .app-shell.ex-shell .ex-game-details .ex-game-provider {
  font-size: 11px;
}
body.ga-tech-demo .ex-game-details {
  padding-top: 9px;
}
body.ga-tech-demo .ex-level-seal {
  background: var(--td-purple);
  border-color: var(--td-purple-line);
  color: var(--td-violet);
}
body.ga-tech-demo .sc-lobby-simulation {
  border-radius: 10px;
  background: var(--td-surface);
  border-color: var(--td-line);
}
body.ga-tech-demo :is(.sc-ticker-name, .sc-ticker-game) {
  color: var(--td-text);
}
body.ga-tech-demo .sc-ticker-action {
  color: var(--td-violet);
}
body.ga-tech-demo .cmp-lobby-entry {
  background: linear-gradient(110deg, #2b253c, #1c1b23);
  color: var(--td-text);
  border-color: var(--td-purple-line);
  box-shadow: none;
}
body.ga-tech-demo .cmp-lobby-entry:hover {
  background: linear-gradient(110deg, #352c48, #24212e);
  border-color: var(--td-violet);
}
body.ga-tech-demo .cmp-entry-crest {
  background: var(--td-purple);
  border-color: var(--td-purple-line);
}
body.ga-tech-demo :is(.cmp-entry-crest > .cmp-icon, .cmp-entry-copy > small, .cmp-entry-progress) {
  color: var(--td-violet);
}
body.ga-tech-demo :is(.cmp-entry-copy > span, .cmp-entry-progress > b > small) {
  color: var(--td-muted);
}
body.ga-tech-demo .cmp-entry-cta {
  color: var(--td-lime);
  border-color: var(--td-line);
}
body.ga-tech-demo .cmp-entry-progress > i {
  background: var(--td-line);
}
body.ga-tech-demo .cmp-entry-progress > i > em {
  background: var(--td-violet);
}
body.ga-tech-demo :is(.sc-ticker-replay > span, .sc-ticker-reaction) {
  background: var(--td-raised);
  color: var(--td-text);
  border-color: var(--td-line);
}
/* Existing important skin declarations require equally scoped overrides. */
body.ga-tech-demo
  :is(
    dialog,
    #club-drawer.volume-drawer,
    #social-drawer,
    .egg-dialog,
    .game-discovery,
    .token-shop,
    .cc-dialog
  ) {
  border-radius: 12px !important;
}
body.ga-tech-demo dialog::backdrop {
  background: #08080cbd !important;
}
body.ga-tech-demo
  :is(
    .qg-primary,
    .qg-outfit-apply,
    .qg-buy,
    .qg-signature-card-foot > button:last-child,
    .egg-primary,
    .egg-confirm,
    .ts-primary,
    .gd-primary,
    .sc-primary
  ) {
  border-radius: 7px !important;
  font-size: 13px;
}
body.ga-tech-demo
  :is(
    .qg-icon-button,
    .qg-text-button,
    .qg-signature-card-foot > button:first-child,
    .sc-button,
    .sc-close,
    .egg-close,
    .egg-secondary,
    .gd-close,
    .gd-clear,
    .ts-close,
    .ts-secondary
  ) {
  border-radius: 7px !important;
  font-size: 13px;
}
body.ga-tech-demo :is(.qg-tabs, .qg-collection-tabs, .sc-dialog-tabs, .gd-tabs) button {
  border-radius: 6px !important;
}
body.ga-tech-demo
  :is(
    .qg-stage-slot,
    .qg-character-choice,
    .qg-stache-choice,
    .qg-emote-choice,
    .sc-filter-row > button,
    .gd-chip,
    .egg-category
  ) {
  border-radius: 7px !important;
}
body.ga-tech-demo #club-drawer .qg-signature-atelier {
  --q-paper: var(--td-surface);
  --q-ink: var(--td-text);
  --q-muted: var(--td-muted);
  --q-line: var(--td-line);
  --q-brass: var(--td-violet);
}
body.ga-tech-demo #club-drawer .qg-hud {
  padding: 22px 26px 18px;
}
body.ga-tech-demo #club-drawer .qg-wordmark {
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: 0.06em;
  color: var(--td-muted) !important;
}
body.ga-tech-demo #club-drawer .qg-heading h2 {
  font-size: 26px;
  line-height: 1.2;
  margin-top: 4px;
}
body.ga-tech-demo #club-drawer .qg-tabs {
  padding: 6px 0 12px;
  margin-inline: 26px;
  gap: 6px;
}
body.ga-tech-demo #club-drawer .qg-tabs button {
  font-size: 13px;
  padding: 10px 16px;
}
body.ga-tech-demo #club-drawer .qg-nav-note {
  font-size: 12px !important;
}
body.ga-tech-demo #club-drawer .qg-body {
  gap: 24px;
  padding: 16px 26px 20px;
}
body.ga-tech-demo #club-drawer .qg-side {
  padding: 16px;
  border-radius: 10px !important;
  scrollbar-color: var(--td-purple-line) transparent;
}
body.ga-tech-demo #club-drawer .qg-stage {
  scrollbar-color: var(--td-purple-line) transparent;
}
body.ga-tech-demo #club-drawer .qg-collection-tabs {
  padding: 4px;
  gap: 4px;
  border-radius: 8px !important;
}
body.ga-tech-demo #club-drawer .qg-collection-tabs button {
  font-size: 12px;
  min-height: 44px;
}
body.ga-tech-demo #club-drawer :is(.qg-scene-well, .qg-scene-well iframe) {
  border-radius: 10px !important;
}
body.ga-tech-demo
  #club-drawer
  :is(.qg-signature-card, .qg-cosmetic-card, .qg-emote-detail, .qg-item-detail, .qg-owned-outfit) {
  border-radius: 10px !important;
  overflow: hidden;
}
body.ga-tech-demo #club-drawer .qg-signature-card[data-selected='true'] {
  border-color: var(--td-violet) !important;
}
body.ga-tech-demo #club-drawer .qg-signature-image {
  border-radius: 9px 9px 0 0 !important;
}
body.ga-tech-demo #club-drawer .qg-signature-copy {
  padding: 13px 12px 10px;
  gap: 5px;
}
body.ga-tech-demo #club-drawer .qg-signature-copy > strong {
  font-size: 15px;
  line-height: 1.3;
  font-weight: 700;
}
body.ga-tech-demo #club-drawer .qg-signature-copy > span {
  font-size: 12px !important;
  line-height: 1.5;
  min-height: 36px;
}
body.ga-tech-demo #club-drawer .qg-signature-price {
  padding: 0 12px 12px;
  gap: 8px;
}
body.ga-tech-demo #club-drawer .qg-signature-price > strong {
  font-size: 14px !important;
}
body.ga-tech-demo #club-drawer .qg-signature-price > span {
  font-size: 11px;
  color: var(--td-muted);
}
body.ga-tech-demo #club-drawer .qg-signature-card-foot {
  padding: 8px;
  gap: 7px;
  background: var(--td-surface);
  border-color: var(--td-line);
}
body.ga-tech-demo #club-drawer :is(.qg-signature-card-foot, .qg-cosmetic-actions) > button {
  font-size: 12px;
  line-height: 1.3;
  min-height: 46px;
}
body.ga-tech-demo #club-drawer .qg-buy-label,
body.ga-tech-demo #club-drawer .qg-buy-label > strong {
  font-size: 12px;
  line-height: 1.3;
}
body.ga-tech-demo
  #club-drawer
  :is(.qg-card-status, .qg-small-label, .qg-scene-eyebrow, .qg-signature-checkout small) {
  font-size: 10px !important;
  letter-spacing: 0.04em !important;
}
body.ga-tech-demo #club-drawer .qg-card-status {
  border-radius: 5px !important;
  padding: 4px 7px;
}
body.ga-tech-demo #club-drawer .qg-balance {
  border-radius: 8px !important;
}
body.ga-tech-demo #club-drawer .qg-balance small {
  font-size: 11px;
  color: var(--td-muted);
}
body.ga-tech-demo #club-drawer .qg-character-portrait {
  border-radius: 8px !important;
}
body.ga-tech-demo #club-drawer .qg-character-choice strong {
  font-size: 12px;
}
body.ga-tech-demo #club-drawer :is(.qg-character-check, .qg-signature-check) {
  background: var(--td-violet);
  color: var(--td-bg);
  border-color: var(--td-surface);
}
body.ga-tech-demo #club-drawer .qg-character-lock {
  background: var(--td-raised);
  color: var(--td-muted);
  border-color: var(--td-line);
}
body.ga-tech-demo #club-drawer .qg-stage-look p {
  font-size: 12px !important;
  line-height: 1.5;
}
body.ga-tech-demo #club-drawer .qg-loadout-slots button {
  min-height: 60px;
  border-radius: 8px !important;
}
body.ga-tech-demo #club-drawer .qg-loadout-slots span {
  font-size: 11px;
  color: var(--td-muted);
}
body.ga-tech-demo #club-drawer .qg-loadout-slots strong {
  font-size: 12px;
  color: var(--td-text);
}
body.ga-tech-demo #club-drawer .qg-stage-details summary {
  min-height: 44px;
  font-size: 12px;
}
body.ga-tech-demo #club-drawer .qg-signature-checkout span {
  font-size: 12px;
  line-height: 1.4;
}
body.ga-tech-demo #club-drawer .qg-purchase-bar {
  padding: 16px 26px;
}
@media (min-width: 1001px) and (max-width: 1250px) {
  body.ga-tech-demo .td-header-main {
    padding-inline: 24px;
    gap: 20px;
  }
  body.ga-tech-demo .td-desktop-nav {
    gap: 14px;
  }
  body.ga-tech-demo .td-brand span {
    font-size: 25px !important;
  }
  body.ga-tech-demo .td-header-end {
    gap: 8px;
  }
}
@media (max-width: 720px) {
  body.ga-tech-demo .td-header-main {
    min-height: 64px;
    padding-inline: 16px;
  }
  body.ga-tech-demo .ex-game-grid {
    gap: 22px 12px;
  }
  body.ga-tech-demo .app-shell.ex-shell .ex-discovery-bar {
    padding-block: 16px;
  }
  body.ga-tech-demo .ex-feed-select,
  body.ga-tech-demo .ex-feed-select select {
    font-size: 20px;
  }
  body.ga-tech-demo #club-drawer.volume-drawer {
    border-radius: 0 !important;
  }
  body.ga-tech-demo #club-drawer .qg-hud {
    padding: 14px 14px 10px;
    gap: 10px;
  }
  body.ga-tech-demo #club-drawer .qg-heading h2 {
    font-size: 19px;
  }
  body.ga-tech-demo #club-drawer .qg-wordmark {
    font-size: 9px;
  }
  body.ga-tech-demo #club-drawer .qg-balance {
    padding: 6px 8px;
  }
  body.ga-tech-demo #club-drawer .qg-balance strong {
    font-size: 12px;
  }
  body.ga-tech-demo #club-drawer .qg-balance small {
    font-size: 9px;
  }
  body.ga-tech-demo #club-drawer .qg-tabs {
    margin-inline: 14px;
    padding-bottom: 8px;
    gap: 3px;
    flex-wrap: wrap;
  }
  body.ga-tech-demo #club-drawer .qg-tabs button {
    padding: 9px 10px;
    font-size: 12px;
  }
  body.ga-tech-demo #club-drawer .qg-nav-note {
    font-size: 11px !important;
  }
  body.ga-tech-demo #club-drawer .qg-body {
    padding: 10px 14px 18px;
    gap: 16px;
  }
  body.ga-tech-demo #club-drawer .qg-side {
    padding: 12px;
  }
  body.ga-tech-demo #club-drawer .qg-character-choice {
    min-height: 70px;
    min-width: 44px;
  }
  body.ga-tech-demo #club-drawer .qg-character-choice strong {
    font-size: 10px;
  }
  body.ga-tech-demo #club-drawer .qg-collection-tabs {
    gap: 1px;
  }
  body.ga-tech-demo #club-drawer .qg-collection-tabs button {
    font-size: 11px;
    padding-inline: 5px;
  }
  body.ga-tech-demo #club-drawer .qg-signature-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  body.ga-tech-demo #club-drawer .qg-signature-card {
    flex-basis: 250px;
  }
  body.ga-tech-demo #club-drawer button.qg-signature-image {
    height: 210px;
  }
  body.ga-tech-demo #club-drawer .qg-signature-copy > span {
    min-height: 0;
  }
  body.ga-tech-demo #club-drawer .qg-purchase-bar {
    padding: 12px 14px max(12px, env(safe-area-inset-bottom));
  }
  body.ga-tech-demo #club-drawer .qg-signature-checkout span {
    font-size: 11px;
  }
  body.ga-tech-demo #club-drawer .qg-outfit-apply {
    font-size: 12px;
    min-height: 48px;
  }
}