/* Game Alligator / Sidequest. Product demo skin, using the landing's tokens.
   Gameplay geometry, iframe identity and transaction state belong to the engines. */
@font-face {
  font-family: 'Golos Text';
  src: url('./tech-assets/golos-latin.woff2') format('woff2');
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Handjet';
  src: url('./tech-assets/handjet-latin.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('./tech-assets/jetbrains-latin.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
html:has(body.ga-tech-demo) {
  color-scheme: dark;
  scroll-padding-top: 150px;
  background: #0a0c0a;
}
body.ga-tech-demo {
  --td-bg: #0a0c0a;
  --td-surface: #101410;
  --td-raised: #161b16;
  --td-text: #f2f3f0;
  --td-muted: #9aa39a;
  --td-line: #2e342e;
  --td-lime: #bfe84a;
  --td-lime-hover: #daf24e;
  --td-violet: #b9a3f2;
  --td-purple: #181430;
  --td-purple-line: #4a3a70;
  --td-font: 'Golos Text', system-ui, sans-serif;
  --td-mono: 'JetBrains Mono', monospace;
  --bg: var(--td-bg);
  --panel: var(--td-surface);
  --panel-raised: var(--td-raised);
  --text: var(--td-text);
  --paper: var(--td-text);
  --muted: var(--td-muted);
  --line: var(--td-line);
  --acid: var(--td-lime);
  --forest: var(--td-bg);
  --font-ui: var(--td-font);
  --font-display: var(--td-font);
  margin: 0;
  background: var(--td-bg) !important;
  color: var(--td-text);
  font: 400 14px/1.5 var(--td-font);
  -webkit-font-smoothing: antialiased;
}
body.ga-tech-demo
  :where(
    button,
    input,
    select,
    textarea,
    summary,
    h1,
    h2,
    h3,
    h4,
    p,
    a,
    span,
    b,
    strong,
    small,
    label,
    li,
    dt,
    dd,
    th,
    td
  ) {
  font-family: var(--td-font) !important;
}
body.ga-tech-demo :where(button, a, input, select, textarea, summary):focus-visible {
  outline: 2px solid var(--td-violet) !important;
  outline-offset: 4px;
}
body.ga-tech-demo :where(button, a) {
  -webkit-tap-highlight-color: transparent;
}
body.ga-tech-demo .app-shell.ex-shell {
  background: var(--td-bg);
  color: var(--td-text);
}
body.ga-tech-demo .app-shell.ex-shell .workspace {
  max-width: 1440px;
  padding: 0 48px;
  margin: auto;
  background: transparent;
}
body.ga-tech-demo .main-content {
  min-width: 0;
}
body.ga-tech-demo :where(h1, h2, h3, h4) {
  font-style: normal;
  letter-spacing: -0.035em;
}
body.ga-tech-demo .td-label,
body.ga-tech-demo .td-label *,
body.ga-tech-demo .td-demo-label,
body.ga-tech-demo .td-session-label,
body.ga-tech-demo .td-experience-top span {
  font-family: var(--td-mono) !important;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
body.ga-tech-demo .td-label {
  color: var(--td-violet);
  margin: 0 0 14px;
  display: flex;
  align-items: center;
  gap: 10px;
}
body.ga-tech-demo .td-label > span:empty {
  width: 22px;
  height: 2px;
  background: var(--td-lime);
}
body.ga-tech-demo .td-header.topbar {
  display: block;
  position: sticky;
  inset: 0 0 auto;
  z-index: 80;
  min-height: 0;
  height: auto;
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--td-line);
  background: var(--td-bg);
  box-shadow: none;
  backdrop-filter: none;
}
.td-header-main {
  max-width: 1440px;
  min-height: 80px;
  padding: 0 48px;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 30px;
}
body.ga-tech-demo .td-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--td-text);
  text-decoration: none;
  flex-shrink: 0;
  min-height: 44px;
}
.td-brand img {
  width: 32px;
  height: 32px;
  object-fit: contain;
  image-rendering: pixelated;
}
body.ga-tech-demo .td-brand span {
  font:
    900 29px/1 'Handjet',
    monospace !important;
  letter-spacing: 0.025em;
}
.td-desktop-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  flex: 1;
}
body.ga-tech-demo .td-desktop-nav :is(a, button) {
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--td-muted);
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  box-shadow: none;
  position: relative;
  cursor: pointer;
}
body.ga-tech-demo .td-desktop-nav :is(a, button):hover {
  color: var(--td-text);
}
body.ga-tech-demo .td-desktop-nav [aria-current='page'] {
  color: var(--td-lime);
}
.td-desktop-nav [aria-current='page']::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: var(--td-lime);
}
.td-header-end {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-left: auto;
}
.td-demo-label {
  color: var(--td-violet);
  white-space: nowrap;
}
.td-menu {
  position: relative;
}
.td-menu summary {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 44px;
  height: 44px;
  list-style: none;
  cursor: pointer;
  border: 1px solid var(--td-line);
  background: var(--td-surface);
}
.td-menu summary::-webkit-details-marker {
  display: none;
}
.td-menu summary span {
  width: 17px;
  height: 1px;
  background: var(--td-text);
}
.td-menu[open] summary {
  border-color: var(--td-lime);
  color: var(--td-lime);
}
.td-menu-panel {
  position: absolute;
  right: 0;
  top: 54px;
  width: 300px;
  max-height: calc(100dvh - 115px);
  overflow: auto;
  padding: 24px;
  background: var(--td-surface);
  border: 1px solid var(--td-line);
  box-shadow: 0 16px 40px #0009;
  z-index: 100;
}
.td-menu-panel nav {
  display: grid;
}
body.ga-tech-demo .td-menu-panel :is(a, button) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 44px;
  padding: 8px 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--td-text);
  text-align: left;
  font-size: 14px;
  text-decoration: none;
  box-shadow: none;
  cursor: pointer;
}
body.ga-tech-demo .td-menu-panel [aria-current='page'],
body.ga-tech-demo .td-menu-panel :is(a, button):hover {
  color: var(--td-lime);
}
.td-menu-links {
  border-top: 1px solid var(--td-line);
  margin-top: 16px;
  padding-top: 12px;
}
body.ga-tech-demo .td-menu-links a {
  font-size: 12px;
  color: var(--td-muted);
}
.td-menu-links .icon {
  width: 16px;
  height: 16px;
}
.td-session {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  min-height: 48px;
  padding: 0 max(48px, calc((100vw - 1344px) / 2));
  border-top: 1px solid #242a24;
  background: var(--td-surface);
}
.td-session-label {
  color: var(--td-muted);
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}
.td-session-label i {
  width: 5px;
  height: 5px;
  background: var(--td-lime);
}
body.ga-tech-demo .td-session-label > span {
  font-size: 11px;
}
body.ga-tech-demo .td-session .top-actions {
  margin: 0;
  gap: 0;
}
body.ga-tech-demo .ex-wallet-pair {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  gap: 0;
  box-shadow: none;
}
body.ga-tech-demo .ex-wallet-account {
  min-height: 46px;
  border: 0;
  border-left: 1px solid var(--td-line);
  border-radius: 0 !important;
  background: none !important;
  padding: 5px 14px;
  color: var(--td-text);
  box-shadow: none;
}
body.ga-tech-demo .ex-wallet-account:hover {
  background: var(--td-raised) !important;
}
body.ga-tech-demo .ex-wallet-copy small {
  font-size: 9px;
  color: var(--td-muted);
}
body.ga-tech-demo .ex-wallet-copy b {
  font-size: 12px;
  font-weight: 600;
  color: var(--td-text);
}
body.ga-tech-demo .ex-wallet-account--ga .ex-wallet-copy b {
  color: var(--td-lime);
}
body.ga-tech-demo .ex-currency-mark {
  background: none;
  border: 1px solid var(--td-line);
  color: var(--td-muted);
  box-shadow: none;
}
body.ga-tech-demo .ex-token-chip {
  filter: grayscale(1);
  opacity: 0.75;
}
.td-intro {
  display: grid;
  grid-template-columns: 1.7fr 1fr;
  gap: 40px;
  align-items: center;
  padding: 56px 0 48px;
  border-bottom: 1px solid var(--td-line);
}
body.ga-tech-demo .td-intro h1 {
  font-size: clamp(38px, 4.3vw, 68px);
  font-weight: 900;
  line-height: 1.03;
  letter-spacing: -0.045em;
  margin: 0 0 22px;
  color: var(--td-text);
}
.td-intro h1 em {
  font-style: normal;
  color: transparent;
  -webkit-text-stroke: 1px var(--td-text);
}
body.ga-tech-demo .td-intro-body {
  font-size: 15px;
  line-height: 1.7;
  max-width: 620px;
  color: var(--td-muted);
  margin: 0;
}
.td-intro-actions {
  display: flex;
  align-items: center;
  gap: 26px;
  flex-wrap: wrap;
  margin-top: 28px;
}
body.ga-tech-demo .td-primary,
body.ga-tech-demo .td-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  min-height: 48px;
  padding: 12px 18px;
  border: 1px solid var(--td-lime);
  border-radius: 2px;
  background: var(--td-lime);
  color: var(--td-bg);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: none;
  cursor: pointer;
  transition:
    background 150ms,
    border-color 150ms;
}
body.ga-tech-demo .td-primary:hover {
  background: var(--td-lime-hover);
  border-color: var(--td-lime-hover);
}
body.ga-tech-demo .td-secondary {
  background: transparent;
  border-color: var(--td-line);
  color: var(--td-text);
}
body.ga-tech-demo .td-secondary:hover {
  background: var(--td-raised);
  border-color: var(--td-violet);
}
body.ga-tech-demo .td-text-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 44px;
  padding: 5px 0;
  border: 0;
  border-bottom: 1px solid var(--td-line);
  border-radius: 0;
  background: none;
  color: var(--td-text);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
  cursor: pointer;
}
:is(.td-primary, .td-secondary, .td-text-link) .icon {
  width: 18px;
  height: 18px;
}
.td-intro-aside {
  position: relative;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 290px;
  padding: 24px;
  border: 1px solid var(--td-purple-line);
  background: linear-gradient(140deg, #181430, #101014);
  overflow: hidden;
}
.td-intro-aside .td-label {
  position: relative;
  z-index: 1;
  font-size: 9px !important;
}
.td-intro-art {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
}
.td-intro-art img {
  width: 260px;
  height: 260px;
  object-fit: contain;
  transform: translate(20px, 0);
}
.td-intro-caption {
  z-index: 1;
  display: grid;
  gap: 3px;
  margin-top: auto;
  font-size: 13px;
}
.td-intro-caption > span {
  color: var(--td-muted);
}
.td-intro-caption > strong {
  font-size: 18px;
  letter-spacing: -0.025em;
  color: var(--td-text);
}
.td-experiences {
  padding: 38px 0 0;
}
.td-section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 22px;
}
.td-section-heading .td-label {
  margin-bottom: 8px;
}
body.ga-tech-demo .td-section-heading h2 {
  margin: 0;
  font-size: 30px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.04em;
  color: var(--td-text);
}
.td-section-note {
  color: var(--td-muted);
  font-size: 12px;
}
.td-experience-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
body.ga-tech-demo .td-experience {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: start;
  min-width: 0;
  min-height: 270px;
  padding: 20px;
  border: 1px solid var(--td-purple-line);
  border-radius: 2px;
  background: linear-gradient(160deg, #181430, #101210 76%);
  color: var(--td-text);
  text-align: left;
  cursor: pointer;
  box-shadow: none;
  overflow: hidden;
  transition:
    border-color 150ms,
    background 150ms;
}
body.ga-tech-demo .td-experience:hover {
  border-color: var(--td-violet);
  background: #181430;
}
.td-experience-top {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  position: relative;
  z-index: 1;
}
body.ga-tech-demo .td-experience-top span {
  font-size: 8px !important;
  color: var(--td-violet);
}
.td-experience-top .icon {
  width: 15px;
  height: 15px;
  flex: none;
  transform: rotate(-45deg);
  color: var(--td-violet);
}
.td-experience > img {
  width: 115px;
  height: 115px;
  object-fit: contain;
  align-self: center;
  margin: 5px 0 7px;
}
.td-experience > strong {
  font-size: 22px;
  line-height: 1.1;
  letter-spacing: -0.035em;
  font-weight: 800;
  margin-bottom: 10px;
}
.td-experience-body {
  font-size: 12px;
  line-height: 1.55;
  color: var(--td-muted);
  margin-bottom: 18px;
  max-width: 230px;
}
.td-experience-link {
  margin-top: auto;
  font-size: 12px;
  font-weight: 600;
  color: var(--td-violet);
}
.td-catalog-heading {
  margin-top: 48px;
  scroll-margin-top: 155px;
}
body.ga-tech-demo .app-shell.ex-shell .ex-discovery-bar {
  padding: 14px 0;
  margin: 0 0 20px;
  border-top: 1px solid var(--td-line);
  border-bottom: 1px solid var(--td-line);
}
body.ga-tech-demo .ex-feed-select,
body.ga-tech-demo .ex-feed-select select {
  color: var(--td-text);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.025em;
}
body.ga-tech-demo .ex-feed-select option {
  background: var(--td-surface);
  color: var(--td-text);
}
body.ga-tech-demo .ex-discovery-meta {
  font-size: 11px;
  color: var(--td-muted);
}
body.ga-tech-demo .ex-discovery-button {
  border-radius: 2px !important;
  background: var(--td-surface) !important;
  border: 1px solid var(--td-line) !important;
  color: var(--td-text) !important;
  box-shadow: none !important;
}
body.ga-tech-demo .ex-discovery-button:hover {
  background: var(--td-raised) !important;
  border-color: var(--td-violet) !important;
}
body.ga-tech-demo .ex-game-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 24px 16px;
}
body.ga-tech-demo .ex-game-cover {
  border-radius: 2px;
  background: var(--td-surface);
  box-shadow: none;
}
body.ga-tech-demo .ex-game-cover .ex-game-link {
  border-radius: 2px;
}
body.ga-tech-demo .ex-game-cover .ex-game-link img {
  border-radius: 2px;
}
body.ga-tech-demo .app-shell.ex-shell .ex-game-details .ex-game-title {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
  color: var(--td-text);
  letter-spacing: -0.02em;
}
body.ga-tech-demo .app-shell.ex-shell .ex-game-details .ex-game-provider {
  font-size: 10px;
  color: var(--td-muted);
}
body.ga-tech-demo .ex-level-seal {
  background: var(--td-purple);
  border-color: var(--td-purple-line);
  border-radius: 0 0 2px 2px;
  color: var(--td-violet);
}
body.ga-tech-demo .ex-level-seal > span {
  font-family: var(--td-mono) !important;
}
body.ga-tech-demo .ex-card-favorite {
  color: var(--td-muted) !important;
}
body.ga-tech-demo .ex-card-favorite[aria-pressed='true'] {
  color: var(--td-lime) !important;
}
body.ga-tech-demo .ex-card-favorite[aria-pressed='true'] .icon {
  fill: var(--td-lime) !important;
  filter: none !important;
}
.td-catalog-more {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 16px 0 8px;
  color: var(--td-muted);
  font-size: 12px;
}
.td-social-section {
  padding: 36px 0 0;
  border-top: 1px solid var(--td-line);
  margin-top: 36px;
}
.td-social-section .sc-lobby-simulation {
  margin: 0;
}
body.ga-tech-demo :is(.sgp, .sgp-ticker, .sgp-entry, .sgp-card, .sc-lobby-simulation) {
  background: var(--td-surface);
  border-color: var(--td-line);
  border-radius: 2px;
  box-shadow: none;
}
.td-footer {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
  padding: 32px 0;
  margin-top: 48px;
  border-top: 1px solid var(--td-line);
}
.td-footer > div {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}
.td-footer > div a {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  color: var(--td-muted);
  font-size: 12px;
  text-decoration: none;
}
.td-footer > div a:hover {
  color: var(--td-lime);
}
.td-footer .icon {
  width: 14px;
  height: 14px;
}
.td-footer > p {
  grid-column: 1/-1;
  color: var(--td-muted);
  font-size: 11px;
  margin: 0;
}
/* Shared controls and panel chrome. Scene art and interactive canvases keep their own colours. */
body.ga-tech-demo
  :is(
    dialog,
    #club-drawer.volume-drawer,
    #social-drawer,
    .egg-dialog,
    .game-discovery,
    .token-shop,
    .cc-dialog
  ) {
  color-scheme: dark !important;
  background: var(--td-surface) !important;
  color: var(--td-text) !important;
  border: 1px solid var(--td-line) !important;
  border-radius: 4px !important;
  box-shadow: 0 24px 80px #000a !important;
}
body.ga-tech-demo dialog::backdrop {
  background: #050705c9 !important;
  backdrop-filter: none !important;
}
body.ga-tech-demo
  :is(
    .qg-cabinet,
    .qg-signature-atelier,
    .sc-community,
    .egg-dialog,
    .game-discovery,
    .token-shop,
    .cc-dialog
  ) {
  --q-paper: var(--td-surface);
  --q-ink: var(--td-text);
  --q-muted: var(--td-muted);
  --q-line: var(--td-line);
  --q-face: var(--td-raised);
  --q-brass: var(--td-lime);
  --q-sage: var(--td-violet);
  --q-edge: var(--td-line);
  --sc-bg: var(--td-surface);
  --sc-text: var(--td-text);
  --sc-muted: var(--td-muted);
  --sc-line: var(--td-line);
  --sc-gold: var(--td-lime);
  background: var(--td-surface) !important;
  color: var(--td-text) !important;
  box-shadow: none !important;
}
body.ga-tech-demo
  :is(
    .qg-hud,
    .qg-body,
    .qg-side,
    .qg-nav,
    .qg-purchase-bar,
    .qg-collection-nav,
    .qg-collection-tabs,
    .qg-scene-caption,
    .sc-dialog-head,
    .sc-dialog-body,
    .sc-dialog-tabs,
    .sc-dialog-foot,
    .egg-header,
    .egg-home,
    .egg-footer,
    .gd-header,
    .gd-body,
    .gd-footer,
    .ts-header,
    .ts-body,
    .ts-footer
  ) {
  background: var(--td-surface) !important;
  border-color: var(--td-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
body.ga-tech-demo
  :is(
    .qg-signature-card,
    .qg-owned-look,
    .qg-side,
    .qg-stage-details,
    .qg-stage-slots > span,
    .qg-balance,
    .sc-win,
    .sc-hall-card,
    .sc-game-summary,
    .egg-power-card,
    .egg-reward-tray,
    .egg-choice-card,
    .egg-stat,
    .gd-filter,
    .ts-pack,
    .ex-wallet-detail,
    .transaction-list > div
  ) {
  background: var(--td-raised) !important;
  border: 1px solid var(--td-line) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  color: var(--td-text) !important;
}
body.ga-tech-demo
  :is(.qg-signature-image, .qg-character-preview, .qg-signature-atelier .qg-scene-stage) {
  background: linear-gradient(150deg, var(--td-purple), var(--td-bg)) !important;
  border-color: var(--td-purple-line) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
body.ga-tech-demo
  :is(
    .qg-wordmark,
    .qg-look-title,
    .qg-stage-look h3,
    .sc-section-title,
    .sc-dialog-title h2,
    .egg-header h2,
    .gd-header h2,
    .ts-header h2,
    .cc-heading h2
  ) {
  color: var(--td-text) !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
  text-shadow: none !important;
}
body.ga-tech-demo
  :is(.qg-small-label, .qg-overline, .sc-overline, .egg-eyebrow, .gd-overline, .ts-overline) {
  color: var(--td-violet) !important;
  font-family: var(--td-mono) !important;
  font-size: 9px !important;
  letter-spacing: 0.06em !important;
}
body.ga-tech-demo
  :is(
    .qg-signature-copy > strong,
    .qg-stage-look h3,
    .qg-stage-slot strong,
    .qg-signature-checkout strong,
    .qg-signature-heading h3,
    .sc-win-person > strong,
    .sc-profile-info h3,
    .sc-hall-copy > strong,
    .sc-composer-fields h3,
    .egg-power-title h3,
    .egg-tray-heading button,
    .gd-heading h2,
    .gd-field-label,
    .ts-pack strong
  ) {
  color: var(--td-text) !important;
}
body.ga-tech-demo
  :is(
    .qg-signature-copy > span,
    .qg-stage-look p,
    .qg-signature-hint,
    .qg-demo-note,
    .qg-nav-note,
    .qg-stage-slot small,
    .qg-signature-checkout span,
    .sc-dialog-head p,
    .sc-hall-copy > span,
    .sc-win-person > span,
    .egg-power-title span,
    .egg-power-guarantee,
    .egg-note,
    .egg-wallet-demo-note,
    .gd-subtitle,
    .ts-note
  ) {
  color: var(--td-muted) !important;
}
body.ga-tech-demo
  :is(.qg-balance strong, .qg-signature-price, .qg-signature-price b, .sc-win-result strong) {
  color: var(--td-lime) !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,
    .dialog-content > .primary,
    .os-save,
    .hb-free
  ) {
  background: var(--td-lime) !important;
  color: var(--td-bg) !important;
  border: 1px solid var(--td-lime) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  text-shadow: none !important;
  min-height: 44px;
  transform: none !important;
}
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,
    .dialog-content > .outline,
    .ps-browse-games,
    .ps-fullscreen,
    .ps-split-play,
    .ex-game-favorite
  ) {
  background: var(--td-raised) !important;
  color: var(--td-text) !important;
  border: 1px solid var(--td-line) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  min-height: 44px;
  transform: none !important;
}
body.ga-tech-demo :is(.qg-tabs, .qg-collection-tabs, .sc-dialog-tabs, .gd-tabs) {
  background: var(--td-bg) !important;
  border-color: var(--td-line) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
body.ga-tech-demo :is(.qg-tabs, .qg-collection-tabs, .qg-nav, .sc-dialog-tabs, .gd-tabs) button {
  border-radius: 2px !important;
  box-shadow: none !important;
  color: var(--td-muted) !important;
  background: transparent !important;
  text-shadow: none !important;
}
body.ga-tech-demo
  :is(.qg-tabs, .qg-collection-tabs, .qg-nav, .sc-dialog-tabs, .gd-tabs)
  button:is([aria-pressed='true'], [aria-selected='true'], .active, .is-active) {
  background: var(--td-purple) !important;
  color: var(--td-violet) !important;
  border-color: var(--td-purple-line) !important;
  box-shadow: inset 0 -2px var(--td-violet) !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-color: var(--td-line) !important;
  color: var(--td-text) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  background: var(--td-raised) !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
  ):is([aria-pressed='true'], [aria-selected='true'], .is-active) {
  border-color: var(--td-violet) !important;
  color: var(--td-violet) !important;
  background: var(--td-purple) !important;
}
body.ga-tech-demo
  :is(dialog, .os-studio)
  :is(input:not([type='checkbox']):not([type='range']):not([type='color']), select, textarea) {
  background: var(--td-bg) !important;
  color: var(--td-text) !important;
  border: 1px solid var(--td-line) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  font-size: 14px;
}
body.ga-tech-demo
  :is(.egg-power-rates > span, .egg-benefit, .egg-category, .egg-help, .egg-wallet-shop) {
  background: var(--td-raised) !important;
  color: var(--td-text) !important;
  border-color: var(--td-line) !important;
  box-shadow: none !important;
}
body.ga-tech-demo
  :is(.egg-power-rates b, .egg-power-card h3, .egg-choice-title, .egg-primary span) {
  color: inherit !important;
}
body.ga-tech-demo :is(.egg-power-rates small, .egg-power-card p, .egg-choice-description) {
  color: var(--td-muted) !important;
}
body.ga-tech-demo .egg-home {
  background: var(--td-surface) !important;
}
/* Event chrome uses the same surfaces; the original map and boss artwork remain intact. */
body.ga-tech-demo .cmp-page {
  --cmp-ink: var(--td-text);
  --cmp-muted: var(--td-muted);
  --cmp-gold: var(--td-violet);
  --cmp-line: var(--td-line);
  padding-top: 32px;
}
body.ga-tech-demo
  :is(
    .cmp-atlas,
    .cmp-inspector,
    .cmp-detail,
    .cmp-encounter,
    .cmp-world-portal,
    .cmp-chapters,
    .cmp-map-legend,
    .cmp-reward,
    .cmp-reward-card,
    .cmp-next-step,
    .cmp-card
  ) {
  background: var(--td-surface) !important;
  border-color: var(--td-line) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
body.ga-tech-demo .cmp-heading h1 {
  font-size: clamp(32px, 4vw, 50px);
  font-weight: 900;
  color: var(--td-text);
  text-transform: uppercase;
}
body.ga-tech-demo :is(.cmp-heading h1 > span, .cmp-eyebrow, .cmp-completion > b) {
  color: var(--td-violet);
}
body.ga-tech-demo .cmp-chapters > button {
  color: var(--td-muted);
}
body.ga-tech-demo .cmp-chapters > button.is-active {
  color: var(--td-lime);
}
body.ga-tech-demo .cmp-chapters > button.is-active::after {
  background: var(--td-lime);
}
body.ga-tech-demo :is(.cmp-primary, .cmp-encounter-action, .cmp-fight, .cmp-face-guardian) {
  background: var(--td-lime) !important;
  color: var(--td-bg) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
body.ga-tech-demo :is(.raid-page, .raid-view, .raid-shell) {
  color: var(--td-text);
  --raid-gold: var(--td-lime);
  --raid-line: var(--td-line);
}
body.ga-tech-demo
  :is(
    .raid-header,
    .raid-topbar,
    .raid-toolbar,
    .raid-bottom-bar,
    .raid-panel,
    .raid-stats,
    .raid-controls,
    .raid-inventory,
    .raid-loadout,
    .raid-leaderboard,
    .raid-log,
    .raid-briefing
  ) {
  background: var(--td-surface) !important;
  color: var(--td-text) !important;
  border-color: var(--td-line) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
body.ga-tech-demo .event-return {
  padding-top: 24px;
  color: var(--td-muted);
}
body.ga-tech-demo .event-return button {
  color: var(--td-text);
  border-color: var(--td-line);
}
/* Operator workspace is part of the same product, including form/summary states. */
body.ga-tech-demo .app-shell.route-studio {
  background: var(--td-bg) !important;
}
body.ga-tech-demo .os-studio {
  --os-bg: var(--td-bg);
  --os-white: var(--td-surface);
  --os-text: var(--td-text);
  --os-muted: var(--td-muted);
  --os-line: var(--td-line);
  --os-green: var(--td-lime);
  color-scheme: dark;
  background: var(--td-bg);
  border: 0;
  padding: 32px 0;
  margin: 0;
}
body.ga-tech-demo
  .os-studio
  :is(
    .os-panel,
    .os-operator-row,
    .os-profile,
    .os-operator-switch,
    .os-section,
    .os-card,
    .os-preview,
    .os-scenario,
    .os-summary
  ) {
  background: var(--td-surface) !important;
  color: var(--td-text) !important;
  border-color: var(--td-line) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
body.ga-tech-demo .os-studio :is(h1, h2, h3, strong, label) {
  color: var(--td-text) !important;
}
body.ga-tech-demo .os-studio h1 {
  font-size: 40px;
  font-weight: 900;
  text-transform: uppercase;
}
body.ga-tech-demo .os-studio :is(p, small, dt) {
  color: var(--td-muted) !important;
}
body.ga-tech-demo .os-studio button {
  border-radius: 2px !important;
  box-shadow: none !important;
}
body.ga-tech-demo
  .os-studio
  :is(.os-secondary, .os-tertiary, .os-button, .os-action, .os-operator) {
  background: var(--td-raised) !important;
  color: var(--td-text) !important;
  border-color: var(--td-line) !important;
}
body.ga-tech-demo .os-studio :is(.os-primary, button[type='submit']) {
  background: var(--td-lime) !important;
  color: var(--td-bg) !important;
  border-color: var(--td-lime) !important;
}
body.ga-tech-demo .os-studio [aria-pressed='true'] {
  border-color: var(--td-violet) !important;
  background: var(--td-purple) !important;
  color: var(--td-violet) !important;
}
body.ga-tech-demo .os-studio :is(.os-status, .os-sandbox, .os-section-number) {
  background: var(--td-purple) !important;
  color: var(--td-violet) !important;
  border-color: var(--td-purple-line) !important;
}
/* Providers, games and supporting surfaces. */
body.ga-tech-demo :is(.pd-intro, .pd-header) {
  padding-top: 36px;
}
body.ga-tech-demo
  :is(
    .pd-card,
    .pd-provider,
    .pd-group,
    .pd-directory,
    .ex-search-box,
    .ex-launch-message,
    .ex-empty
  ) {
  background: var(--td-surface);
  border-color: var(--td-line);
  border-radius: 2px;
  box-shadow: none;
  color: var(--td-text);
}
body.ga-tech-demo :is(.pd-heading h1, .pd-intro h1) {
  font-weight: 900;
  text-transform: uppercase;
  font-size: clamp(32px, 4vw, 50px);
}
body.ga-tech-demo .external-slot {
  padding-top: 20px;
}
body.ga-tech-demo .ps-quiet-heading {
  margin-bottom: 12px;
}
body.ga-tech-demo .ps-frame-shell {
  border-radius: 3px;
  border: 1px solid var(--td-line);
  box-shadow: 0 8px 24px #0005;
  background: var(--td-bg);
}
body.ga-tech-demo .ps-split-play[aria-pressed='true'] {
  background: var(--td-purple) !important;
  color: var(--td-violet) !important;
  border-color: var(--td-purple-line) !important;
}
body.ga-tech-demo .ps-slot-foot {
  color: var(--td-muted);
}
body.ga-tech-demo
  .floating-alligator
  :is(.fa-wheel-context, .fa-social-actions button, .fa-section) {
  background: var(--td-surface) !important;
  border-color: var(--td-line) !important;
  color: var(--td-text) !important;
  box-shadow: none !important;
}
body.ga-tech-demo .floating-alligator :is(.fa-sector-face, .fa-section-face) {
  fill: var(--td-surface) !important;
}
body.ga-tech-demo .floating-alligator .fa-emote:is(:hover, [data-active='true']) .fa-sector-face {
  fill: var(--td-purple) !important;
}
body.ga-tech-demo .floating-alligator .fa-section[aria-selected='true'] .fa-section-face {
  fill: var(--td-purple) !important;
}
body.ga-tech-demo .floating-alligator .fa-section-content {
  color: var(--td-violet) !important;
}
body.ga-tech-demo .floating-alligator :is(.fa-sector-edge, .fa-sector-etch) {
  stroke: var(--td-purple-line) !important;
}
body.ga-tech-demo :is(.toast, .ex-wallet-dialog, .dialog-content) {
  background: var(--td-surface);
  color: var(--td-text);
  border-color: var(--td-line);
  border-radius: 2px;
  box-shadow: none;
}
body.ga-tech-demo .skip-link {
  background: var(--td-lime);
  color: var(--td-bg);
  font-size: 14px;
}
@media (max-width: 1199px) {
  .td-header-main {
    gap: 20px;
  }
  .td-desktop-nav {
    gap: 18px;
  }
  .td-demo-label {
    display: none;
  }
  body.ga-tech-demo .td-brand span {
    font-size: 25px !important;
  }
  body.ga-tech-demo .app-shell.ex-shell .workspace {
    padding-inline: 32px;
  }
  .td-header-main {
    padding-inline: 32px;
  }
  .td-session {
    padding-inline: 32px;
  }
  .td-intro {
    gap: 28px;
  }
  .td-intro-aside {
    min-height: 280px;
  }
  .td-intro-art img {
    width: 230px;
    height: 230px;
  }
  .td-experience-grid {
    gap: 12px;
  }
  .td-experience {
    padding: 16px !important;
  }
  .td-experience > strong {
    font-size: 20px;
  }
  body.ga-tech-demo .ex-game-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 900px) {
  .td-desktop-nav {
    display: none;
  }
  .td-demo-label {
    display: block;
  }
  .td-header-main {
    min-height: 70px;
  }
  .td-intro {
    grid-template-columns: 1.6fr 1fr;
    gap: 22px;
    padding-top: 36px;
  }
  .td-intro-aside {
    padding: 18px;
  }
  .td-intro-art img {
    width: 210px;
    height: 210px;
    transform: none;
  }
  .td-intro-aside .td-label {
    font-size: 8px !important;
  }
  .td-intro-caption > strong {
    font-size: 16px;
  }
  .td-intro-actions {
    gap: 14px;
  }
  .td-experience-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .td-experience {
    min-height: 230px !important;
  }
  .td-experience > img {
    align-self: end;
    margin: -3px 0 -5px;
    width: 96px;
    height: 96px;
  }
  .td-experience-body {
    max-width: 90%;
  }
  .td-section-heading h2 {
    font-size: 26px !important;
  }
  .td-section-note {
    max-width: 180px;
    text-align: right;
  }
  .td-footer {
    grid-template-columns: 1fr;
  }
  .td-footer > div {
    gap: 20px;
  }
  .td-footer > p {
    grid-column: auto;
  }
}
@media (max-width: 600px) {
  html:has(body.ga-tech-demo) {
    scroll-padding-top: 128px;
  }
  body.ga-tech-demo .app-shell.ex-shell .workspace {
    padding-inline: 20px;
    padding-bottom: 0;
  }
  .td-header-main {
    min-height: 64px;
    padding: 0 20px;
    gap: 12px;
  }
  .td-header-end {
    gap: 10px;
  }
  .td-brand img {
    width: 28px;
    height: 28px;
  }
  .td-brand {
    gap: 8px !important;
  }
  body.ga-tech-demo .td-brand span {
    font-size: 25px !important;
  }
  .td-demo-label {
    display: none;
  }
  .td-menu-panel {
    width: min(320px, calc(100vw - 40px));
    right: 0;
  }
  .td-session {
    padding: 0 20px;
    min-height: 42px;
  }
  .td-session-label {
    font-size: 8px !important;
    max-width: 90px;
    white-space: normal;
    gap: 6px;
    line-height: 1.5 !important;
  }
  .td-session-label > span {
    display: none;
  }
  body.ga-tech-demo .ex-wallet-account {
    padding: 4px 8px;
    min-height: 42px;
  }
  .ex-wallet-account .ex-token-chip,
  .ex-wallet-account .ex-currency-mark {
    display: none !important;
  }
  body.ga-tech-demo .ex-wallet-copy b {
    font-size: 11px;
  }
  .ex-wallet-account .icon {
    width: 12px;
    height: 12px;
  }
  .td-intro {
    grid-template-columns: 1fr;
    padding: 30px 0;
    gap: 24px;
  }
  .td-intro .td-label {
    font-size: 8px !important;
    letter-spacing: 0.04em;
  }
  body.ga-tech-demo .td-intro h1 {
    font-size: clamp(34px, 9.5vw, 55px);
    line-height: 1.04;
    margin-bottom: 18px;
  }
  .td-intro-body {
    font-size: 13px !important;
    line-height: 1.65 !important;
  }
  .td-intro-body br {
    display: none;
  }
  .td-intro-actions {
    margin-top: 20px;
    gap: 12px 20px;
  }
  .td-intro-actions .td-primary {
    min-height: 46px;
  }
  .td-intro-actions .td-text-link {
    font-size: 12px !important;
  }
  .td-intro-aside {
    min-height: 138px;
    max-height: 148px;
    padding: 18px;
  }
  .td-intro-art {
    justify-items: end;
  }
  .td-intro-art img {
    width: 148px;
    height: 148px;
    transform: translateX(8px);
  }
  .td-intro-aside .td-label {
    max-width: 160px;
  }
  .td-intro-caption {
    font-size: 11px;
  }
  .td-intro-caption > strong {
    font-size: 15px;
    max-width: 175px;
  }
  .td-experiences {
    padding-top: 26px;
  }
  .td-section-heading {
    align-items: start;
    gap: 14px;
    margin-bottom: 18px;
    flex-direction: column;
  }
  .td-section-heading .td-label {
    font-size: 8px !important;
    margin-bottom: 7px;
  }
  .td-section-heading h2 {
    font-size: 25px !important;
  }
  .td-section-note {
    text-align: left;
    max-width: none;
    font-size: 11px;
  }
  .td-experience-grid {
    gap: 10px;
  }
  .td-experience {
    min-height: 265px !important;
    padding: 14px !important;
  }
  .td-experience-top span {
    font-size: 7px !important;
    line-height: 1.6 !important;
    max-width: 115px;
  }
  .td-experience-top .icon {
    width: 12px;
    height: 12px;
  }
  .td-experience > img {
    align-self: center;
    width: 90px;
    height: 90px;
    margin: 5px 0 7px;
  }
  .td-experience > strong {
    font-size: 20px;
  }
  .td-experience-body {
    font-size: 11px;
    line-height: 1.5;
    max-width: none;
    margin-bottom: 14px;
  }
  .td-experience-link {
    font-size: 10px;
  }
  .td-catalog-heading {
    margin-top: 30px;
    scroll-margin-top: 130px;
  }
  .td-catalog-more {
    flex-direction: column;
    gap: 12px;
    padding: 12px 0;
  }
  .td-catalog-more .td-secondary {
    width: 100%;
  }
  body.ga-tech-demo .ex-game-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 12px;
  }
  body.ga-tech-demo .ex-discovery-bar {
    padding-block: 10px !important;
  }
  .td-social-section {
    padding-top: 24px;
    margin-top: 26px;
  }
  .td-footer {
    margin-top: 30px;
    padding: 26px 0 36px;
    gap: 16px;
  }
  .td-footer > div {
    gap: 0;
    flex-direction: column;
    align-items: start;
  }
  .td-footer > p {
    font-size: 10px;
  }
  body.ga-tech-demo .cmp-heading {
    align-items: start;
    gap: 16px;
    flex-direction: column;
  }
  .cmp-heading-side {
    width: 100%;
    justify-content: space-between;
  }
  body.ga-tech-demo .os-studio {
    padding-top: 24px;
  }
  body.ga-tech-demo .os-studio h1 {
    font-size: 30px;
  }
}
/* Keep the mobile game in view. The menu and wallets share the existing 44px header budget. */
@media (max-width: 767px), (max-height: 500px) and (max-width: 1024px) {
  body.ga-tech-demo .app-shell.ex-shell[class*='route-game-'] .td-header {
    position: relative;
    height: calc(44px + env(safe-area-inset-top));
    padding-top: env(safe-area-inset-top);
    display: flex;
    align-items: center;
  }
  .route-game-big-bass-bonanza .td-demo-label {
    display: none;
  }
  body.ga-tech-demo .app-shell.ex-shell[class*='route-game-'] .td-header-main {
    min-height: 44px;
    height: 44px;
    padding: 0 8px;
    gap: 8px;
    margin: 0;
    flex: none;
  }
  body.ga-tech-demo .app-shell.ex-shell[class*='route-game-'] .td-brand {
    width: 32px;
    min-height: 44px;
    justify-content: center;
  }
  body.ga-tech-demo
    .app-shell.ex-shell[class*='route-game-']
    :is(.td-brand span, .td-desktop-nav, .td-demo-label, .td-session-label) {
    display: none !important;
  }
  body.ga-tech-demo .app-shell.ex-shell[class*='route-game-'] .td-header-end {
    margin: 0;
  }
  body.ga-tech-demo .app-shell.ex-shell[class*='route-game-'] .td-menu summary {
    width: 44px;
    height: 44px;
    border: 0;
  }
  body.ga-tech-demo .app-shell.ex-shell[class*='route-game-'] .td-menu-panel {
    position: fixed;
    inset: calc(44px + env(safe-area-inset-top)) 8px auto;
    width: min(320px, calc(100vw - 16px));
    max-height: calc(100dvh - 64px);
  }
  body.ga-tech-demo .app-shell.ex-shell[class*='route-game-'] .td-session {
    margin-left: auto;
    min-height: 44px;
    padding: 0 8px 0 0;
    border: 0;
    background: none;
  }
  body.ga-tech-demo .app-shell.ex-shell[class*='route-game-'] .ex-wallet-account {
    padding: 4px 7px;
    min-height: 44px;
  }
  body.ga-tech-demo .app-shell.ex-shell[class*='route-game-'] .external-slot {
    padding: 0;
  }
  body.ga-tech-demo .app-shell.ex-shell[class*='route-game-'] .workspace {
    padding: 0;
  }
  body.ga-tech-demo .app-shell.ex-shell[class*='route-game-'] .ps-quiet-heading {
    margin: 0;
  }
  body.ga-tech-demo .app-shell.ex-shell[class*='route-game-'] .td-footer {
    display: none;
  }
  body.ga-tech-demo .app-shell.ex-shell[class*='route-game-'] .ps-frame-shell {
    border: 0;
    border-radius: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.ga-tech-demo .td-experience,
  body.ga-tech-demo .td-primary,
  body.ga-tech-demo .td-secondary {
    transition: none;
  }
}
/* Finish the inherited shell and operator form surfaces. */
body.ga-tech-demo .app-shell.ex-shell {
  background: var(--td-bg) !important;
}
body.ga-tech-demo .td-header.topbar {
  background: var(--td-bg) !important;
}
body.ga-tech-demo .td-session {
  background: var(--td-surface) !important;
}
body.ga-tech-demo .os-studio :is(.os-form, .os-operator-bar, .os-activity, .os-button-secondary) {
  background: var(--td-surface) !important;
  border-color: var(--td-line) !important;
  border-radius: 2px !important;
  color: var(--td-text) !important;
}
body.ga-tech-demo .os-studio :is(.os-badge, .os-step-number, .os-section-index) {
  background: var(--td-purple) !important;
  color: var(--td-violet) !important;
  border-color: var(--td-purple-line) !important;
}
body.ga-tech-demo .os-studio .os-swatch {
  background: var(--td-raised) !important;
  color: var(--td-text) !important;
  border-color: var(--td-line) !important;
}
body.ga-tech-demo .os-studio .os-swatch-label {
  color: var(--td-text) !important;
}
body.ga-tech-demo .os-studio .os-field {
  color: var(--td-text) !important;
}
body.ga-tech-demo :is(.os-save-bar, .os-empty) {
  background: var(--td-surface) !important;
  color: var(--td-muted) !important;
  border-color: var(--td-line) !important;
}
body.ga-tech-demo .os-studio :is(.os-environment, .os-section-heading > span, .os-color) {
  background: var(--td-raised) !important;
  color: var(--td-text) !important;
  border-color: var(--td-line) !important;
  border-radius: 2px !important;
}
body.ga-tech-demo .qg-signature-atelier :is(.qg-scene-well, .qg-scene-well iframe) {
  background: var(--td-purple) !important;
  border-color: var(--td-purple-line) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
body.ga-tech-demo .qg-signature-atelier .qg-scene-well::after {
  border-color: var(--td-purple-line) !important;
  border-radius: 0 !important;
}
body.ga-tech-demo
  .qg-signature-atelier
  :is(
    .qg-loadout-slots button,
    .qg-cosmetic-card,
    .qg-character-portrait,
    .qg-signature-heading > span,
    .qg-emote-detail,
    .qg-emote-detail-art,
    .qg-item-detail,
    .qg-stache-art,
    .qg-owned-outfit
  ) {
  background: var(--td-raised) !important;
  color: var(--td-text) !important;
  border-color: var(--td-line) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
body.ga-tech-demo .qg-signature-atelier .qg-loadout-slots button {
  font-size: 12px;
}
body.ga-tech-demo
  .qg-signature-atelier
  :is(.qg-card-status, .qg-small-label, .qg-scene-eyebrow, .qg-signature-checkout small) {
  font: 500 9px/1.5 var(--td-mono) !important;
  color: var(--td-violet) !important;
}
body.ga-tech-demo .qg-signature-atelier .qg-card-status {
  background: var(--td-purple) !important;
  border-color: var(--td-purple-line) !important;
  border-radius: 2px !important;
}
body.ga-tech-demo .qg-signature-atelier .qg-signature-price > strong {
  color: var(--td-lime) !important;
  font-size: 13px;
}
body.ga-tech-demo
  .qg-signature-atelier
  :is(.qg-nav-note, .qg-stage-look p, .qg-signature-copy > span) {
  font-size: 11px !important;
  line-height: 1.5;
}
body.ga-tech-demo .qg-signature-atelier .qg-outfit-apply:disabled {
  background: var(--td-raised) !important;
  border-color: var(--td-line) !important;
  color: var(--td-muted) !important;
}
body.ga-tech-demo
  .sc-community
  :is(.sc-win-game, .sc-filter-panel, .sc-profile-goods, .sc-profile-own, .sc-reaction) {
  background: var(--td-surface) !important;
  border-color: var(--td-line) !important;
  color: var(--td-text) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
body.ga-tech-demo .sc-community .sc-win-game small {
  color: var(--td-muted) !important;
}
body.ga-tech-demo .sc-community .sc-reaction[aria-pressed='true'] {
  background: var(--td-purple) !important;
  color: var(--td-violet) !important;
  border-color: var(--td-purple-line) !important;
}
body.ga-tech-demo :is(.sc-dialog-close, .sc-filter-button) {
  border: 1px solid var(--td-line) !important;
  border-radius: 2px !important;
  color: var(--td-text) !important;
  background: var(--td-raised) !important;
}
body.ga-tech-demo
  :is(
    .egg-scroll,
    .egg-bottom,
    .egg-drawer,
    .egg-drawer-header,
    .egg-speed-options button,
    .egg-quick-option,
    .egg-refund-promise,
    .egg-next-choice,
    .egg-vault-list > li,
    .egg-habitat-options article
  ) {
  background: var(--td-surface) !important;
  color: var(--td-text) !important;
  border-color: var(--td-line) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
body.ga-tech-demo
  :is(
    .egg-wallet,
    .egg-jumpnav button,
    .egg-free-choice,
    .egg-quick-cancel,
    .egg-bottom-meta button,
    .egg-play-button
  ) {
  background: var(--td-raised) !important;
  color: var(--td-text) !important;
  border-color: var(--td-line) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
body.ga-tech-demo :is(.egg-scroll, .egg-drawer, .egg-bottom) :is(h2, h3, h4, b, strong, label) {
  color: var(--td-text) !important;
}
body.ga-tech-demo :is(.egg-scroll, .egg-drawer, .egg-bottom) :is(p, small) {
  color: var(--td-muted) !important;
}
body.ga-tech-demo .egg-dialog .egg-primary :is(span, strong, small) {
  color: var(--td-bg) !important;
}
body.ga-tech-demo .egg-speed-options button.is-selected,
body.ga-tech-demo .egg-jumpnav button[aria-current='true'] {
  background: var(--td-purple) !important;
  color: var(--td-violet) !important;
  border-color: var(--td-purple-line) !important;
}
body.ga-tech-demo
  :is(
    .raid-arena,
    .raid-boss-hud,
    .raid-combat-dock,
    .raid-contribution,
    .raid-inventory,
    .raid-tabs,
    .raid-bottom-bar,
    .raid-target-info,
    .raid-story,
    .raid-panel-heading,
    .raid-player
  ) {
  background: var(--td-surface) !important;
  border-color: var(--td-line) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  color: var(--td-text) !important;
}
body.ga-tech-demo
  .raid--arcade
  :is(
    .raid-help,
    .raid-play,
    .raid-tabs button,
    .raid-item,
    .raid-refill,
    .raid-stage-tag,
    .raid-quick-items button
  ) {
  border-color: var(--td-line) !important;
  background: var(--td-raised) !important;
  color: var(--td-text) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
body.ga-tech-demo
  .raid--arcade
  :is(
    .raid-item.is-selected,
    .raid-tabs button[aria-current='true'],
    .raid-quick-items button[aria-pressed='true']
  ) {
  background: var(--td-purple) !important;
  border-color: var(--td-violet) !important;
  color: var(--td-violet) !important;
}
body.ga-tech-demo .raid--arcade .raid-attack {
  background: var(--td-lime) !important;
  border-color: var(--td-lime) !important;
  color: var(--td-bg) !important;
  box-shadow: none !important;
}
body.ga-tech-demo .raid--arcade :is(.raid-health > span, .raid-boss-badge) {
  background: var(--td-purple) !important;
  color: var(--td-violet) !important;
  border-color: var(--td-purple-line) !important;
  box-shadow: none !important;
}
body.ga-tech-demo .event-return button {
  background: var(--td-surface) !important;
  color: var(--td-text) !important;
  border: 1px solid var(--td-line) !important;
  border-radius: 2px !important;
  min-height: 44px;
}
body.ga-tech-demo .cmp-map-legend,
body.ga-tech-demo .cmp-map-footer {
  background: var(--td-surface) !important;
  color: var(--td-muted) !important;
  border-color: var(--td-line) !important;
}
body.ga-tech-demo .cmp-map-tools > button {
  background: var(--td-bg) !important;
  color: var(--td-text) !important;
  border-color: var(--td-line) !important;
  border-radius: 2px !important;
}
body.ga-tech-demo
  :is(
    .egg-vault-link,
    .egg-habitat-link,
    .egg-dialog .egg-bottom-meta button,
    .egg-dialog .egg-quick-option
  ) {
  background: var(--td-raised) !important;
  border: 1px solid var(--td-line) !important;
  color: var(--td-text) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  min-height: 44px;
}
body.ga-tech-demo .egg-dialog .egg-play-button.egg-primary {
  background: var(--td-lime) !important;
  color: var(--td-bg) !important;
  border-color: var(--td-lime) !important;
}
body.ga-tech-demo .egg-dialog .ej {
  border-color: var(--td-line) !important;
  border-radius: 2px !important;
  background: var(--td-surface) !important;
  color: var(--td-text) !important;
}
body.ga-tech-demo
  .egg-dialog
  :is(.gm, .gm-heading, .gm-preview, .gm-controls, .ej-status, .ej-progress, .ej-hud, .ej-footer) {
  background: var(--td-surface) !important;
  border-color: var(--td-line) !important;
  color: var(--td-text) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
body.ga-tech-demo .egg-dialog .gm-node {
  background: var(--td-raised) !important;
  color: var(--td-muted) !important;
  border-color: var(--td-line) !important;
  border-radius: 2px !important;
}
body.ga-tech-demo .egg-dialog .gm-node.is-active {
  background: var(--td-purple) !important;
  color: var(--td-violet) !important;
  border-color: var(--td-purple-line) !important;
}
body.ga-tech-demo .raid--arcade .raid-inventory-footer {
  background: var(--td-surface) !important;
  border-color: var(--td-line) !important;
  color: var(--td-muted) !important;
}
body.ga-tech-demo .sc-pulse.sc-action-banner {
  background: var(--td-surface) !important;
  border-color: var(--td-line) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
.td-catalog-extra {
  border: 1px solid var(--td-line);
  margin-top: 28px;
  background: var(--td-surface);
}
.td-catalog-extra > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  min-height: 56px;
  padding: 16px 20px;
  font-size: 14px;
  color: var(--td-text);
}
.td-catalog-extra > summary::-webkit-details-marker {
  display: none;
}
.td-catalog-extra > summary .icon {
  width: 18px;
  height: 18px;
  color: var(--td-violet);
}
.td-catalog-extra[open] > summary {
  border-bottom: 1px solid var(--td-line);
}
.td-catalog-extra > .cx {
  margin: 0;
  padding: 20px;
}
/* Keep scene overlays transparent and operator metrics legible on dark surfaces. */
body.ga-tech-demo .egg-dialog .ej-hud {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.ga-tech-demo .os-studio :is(.os-metrics dd, .os-activity-stats strong, .os-summary strong) {
  color: var(--td-text) !important;
}
body.ga-tech-demo .os-studio .os-toggle-row {
  border-color: var(--td-line) !important;
}
body.ga-tech-demo #club-drawer h2 {
  color: var(--td-text) !important;
}
body.ga-tech-demo .egg-dialog .egg-next {
  background: var(--td-raised) !important;
  border: 1px solid var(--td-line) !important;
  border-radius: 2px !important;
  color: var(--td-text) !important;
  box-shadow: none !important;
}