/* Generated from public/desktop-css modules. */
@layer desktop {
/* Source section: 04-game-layouts.css */
/* Desktop game layouts share the shell edges with catalogue and account pages. */
@media screen {
  html[data-desktop-layout="1"][data-desktop-focus] {
    --desktop-focus-shell-max: var(--desktop-shell-max, 1440px);
    --desktop-focus-track-half: var(--desktop-header-track-half, 590px);
    --desktop-current-shell-half: var(--desktop-shell-half, 720px);
    --desktop-focus-track-inset: max(
      0px,
      calc(
        min(50vw, var(--desktop-current-shell-half)) -
          min(50vw, var(--desktop-focus-track-half))
      )
    );
    --desktop-focus-gutter: var(--desktop-gutter);
    --desktop-focus-viewport-edge: max(
      var(--desktop-rail-edge),
      calc(50vw - var(--desktop-current-shell-half) + var(--desktop-rail-edge))
    );
    --desktop-game-right-padding: var(--desktop-focus-viewport-edge);
    --desktop-game-right-shift: 0px;
  }

  html[data-desktop-layout="1"][data-desktop-focus] [data-app-shell="1"] {
    width: min(100vw, var(--desktop-focus-shell-max));
    max-width: var(--desktop-focus-shell-max);
    margin-left: auto;
    margin-right: auto;
  }

  html[data-desktop-layout="1"][data-desktop-focus] [data-app-shell-content="1"] {
    box-sizing: border-box;
    padding-left: calc(var(--desktop-rail-width) + var(--desktop-gutter));
    padding-right: var(--desktop-gutter);
  }

  html[data-desktop-layout="1"][data-desktop-focus] [data-app-topbar="1"] {
    margin-inline: 0;
    padding-left: var(--desktop-gutter);
    padding-right: 0;
    padding-top: max(20px, var(--app-inset-top));
  }

  html[data-desktop-layout="1"][data-desktop-focus] [data-topbar-root="1"] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) auto;
    align-items: center;
    min-height: 48px;
    gap: 12px;
    padding-right: 0;
  }

  html[data-desktop-layout="1"][data-desktop-focus] [data-topbar-title="1"] {
    position: static;
    display: block;
    width: auto;
    height: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clip: auto;
    clip-path: none;
    border: 0;
    color: var(--web-text-primary);
    font-size: var(--desktop-topbar-title-size, clamp(20px, 1.7vw, 24px));
    font-weight: 700;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html[data-desktop-layout="1"][data-desktop-focus] [data-topbar-root="1"][data-topbar-has-title-icon="1"] {
    position: relative;
  }

  html[data-desktop-layout="1"][data-desktop-focus] [data-topbar-root="1"][data-topbar-has-title-icon="1"] [data-topbar-title-stack="1"] {
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 0;
    display: flex;
    height: 34px;
    align-items: center;
    gap: 9px;
    transform: translateX(-50%);
    pointer-events: none;
  }

  html[data-desktop-layout="1"][data-desktop-focus] [data-topbar-root="1"][data-topbar-has-title-icon="1"] [data-topbar-title-icon="1"] {
    display: inline-flex;
    width: 22px;
    height: 22px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    color: rgb(var(--ui-accent-rgb) / 0.96);
  }

  html[data-desktop-layout="1"][data-desktop-focus] [data-topbar-root="1"][data-topbar-has-title-icon="1"] [data-topbar-title="1"] {
    font-size: var(--desktop-topbar-title-size, clamp(20px, 1.7vw, 24px));
    font-weight: var(--ui-font-weight-semibold);
    letter-spacing: var(--ui-tracking-heading);
  }

  html[data-desktop-layout="1"][data-desktop-focus] [data-topbar-leading="1"] {
    gap: 12px;
  }

  html[data-desktop-layout="1"][data-desktop-focus] [data-topbar-back="1"] {
    display: inline-flex;
    width: auto;
    height: 34px;
    align-items: center;
    gap: 8px;
    padding-inline: 4px 8px;
    border: 0;
    border-radius: 0;
    color: var(--ui-text-secondary);
    background: transparent;
    box-shadow: none;
  }

  html[data-desktop-layout="1"][data-desktop-focus] [data-topbar-back="1"]:is(:hover, :focus-visible) {
    color: var(--ui-text-primary);
    background: transparent;
  }

  html[data-desktop-layout="1"][data-desktop-focus] [data-topbar-back="1"] > svg {
    width: 16px;
    height: 16px;
  }

  html[data-desktop-layout="1"][data-desktop-focus] [data-topbar-back="1"] > svg path:last-child {
    display: none;
  }

  html[data-desktop-layout="1"][data-desktop-focus] [data-topbar-back-label="1"] {
    display: block;
    font-size: 14px;
    font-weight: var(--ui-font-weight-medium);
    line-height: 1;
  }

  html[data-desktop-layout="1"][data-desktop-focus="case"] [data-topbar-title-stack="1"] {
    display: none;
  }

  html[data-desktop-layout="1"][data-desktop-focus="case"] [data-topbar-context-label="1"] {
    display: block;
    overflow: hidden;
    color: var(--ui-accent-text);
    font-size: 10px;
    font-weight: var(--ui-font-weight-bold);
    line-height: 1.2;
    letter-spacing: var(--ui-tracking-label);
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
  }

  html[data-desktop-layout="1"][data-desktop-focus="case"] [data-topbar-title="1"] {
    font-size: var(--desktop-case-topbar-title-size, clamp(19px, 1.5vw, 22px));
    font-weight: var(--ui-font-weight-semibold);
    letter-spacing: var(--ui-tracking-heading);
  }

  html[data-desktop-layout="1"][data-desktop-focus] [data-app-main="1"]:not(.px-0) {
    padding-left: 0;
    padding-right: 0;
  }

  html[data-desktop-layout="1"][data-desktop-focus] [data-game-page] {
    box-sizing: border-box;
    min-width: 0;
    padding-inline: 0 var(--desktop-game-right-padding, 0);
    position: relative;
    left: var(--desktop-game-right-shift);
    width: calc(100% - var(--desktop-game-right-shift));
    max-width: calc(100% - var(--desktop-game-right-shift));
    margin-left: 0;
    margin-right: auto;
    transform: none;
  }

  /* Games share one form rail. Its geometry must not depend
     on translated copy or on which screen happens to have wider children. */
  html[data-desktop-layout="1"][data-standalone="1"]:is(
    [data-desktop-focus="upgrade"],
    [data-desktop-focus="contracts"],
    [data-desktop-focus="rocket"]
  ) {
    --release-panel-width: var(--web-selection-game-panel-width);
    --web-game-panel-width: var(--web-selection-game-panel-width);
  }

  /* Contracts: the nine-item editor is the main stage while quote, mode and
     the primary action form one compact workflow rail on the right. */
  html[data-desktop-layout="1"][data-desktop-focus="contracts"] [data-app-main="1"] {
    overflow-x: hidden;
    padding-bottom: 0;
  }

  html[data-desktop-layout="1"][data-desktop-focus="contracts"] [data-game-page="contracts"] {
    min-height: 100%;
    padding-bottom: 0;
  }

  html[data-desktop-layout="1"][data-desktop-focus="contracts"] [data-contract-workspace="1"] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--web-game-panel-width);
    align-items: start;
    gap: 24px;
    margin-top: 0;
  }

  html[data-desktop-layout="1"][data-desktop-focus="contracts"] [data-contract-stage="1"] {
    display: flex;
    min-height: min(690px, calc(100dvh - 174px));
    flex-direction: column;
    padding: 18px 18px 22px;
    border-top: 1px solid var(--web-border-hairline);
    border-bottom: 1px solid var(--web-border-hairline);
    background: var(--ui-gradient-focus-stage);
    box-shadow: none;
  }

  html[data-desktop-layout="1"][data-desktop-focus="contracts"] [data-contract-board] {
    width: min(100%, 640px, calc(100dvh - 246px));
    margin: 0 auto;
    gap: 10px;
  }

  html[data-desktop-layout="1"][data-desktop-focus="contracts"] [data-contract-slot] {
    min-width: 0;
  }

  html[data-desktop-layout="1"][data-desktop-focus="contracts"] [data-contract-slot] > * {
    border-radius: var(--ui-radius-control);
  }

  html[data-desktop-layout="1"][data-desktop-focus="contracts"] [data-contract-empty-slot="1"] {
    border: 0;
    background: var(--ui-gradient-card-sheen-subtle), rgb(255 255 255 / 0.02);
    box-shadow: var(--web-highlight), var(--web-card-shadow);
  }

  html[data-desktop-layout="1"][data-desktop-focus="contracts"] [data-contract-empty-slot="1"]:hover {
    background: var(--ui-gradient-card-accent-hover), rgb(255 255 255 / 0.028);
    box-shadow: var(--ui-accent-ring), var(--web-card-shadow-hover);
  }

  html[data-desktop-layout="1"][data-desktop-focus="contracts"] [data-contract-empty-icon="1"] {
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  html[data-desktop-layout="1"][data-desktop-focus="contracts"] [data-contract-panel="1"] {
    display: grid;
    min-width: 0;
    height: var(--web-selection-game-panel-height);
    grid-template-rows: minmax(0, 1fr) auto;
    align-self: start;
    margin: 0;
    overflow: hidden;
    border: 0;
    border-radius: var(--ui-radius-panel);
    background: var(--web-selection-game-panel-background);
    box-shadow: var(--web-selection-game-panel-shadow);
  }

  html[data-desktop-layout="1"][data-desktop-focus="contracts"] [data-contract-panel-body="1"] {
    display: flex;
    width: 100%;
    min-height: 0;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    border: 0;
    border-radius: inherit;
    background: transparent;
    box-shadow: none;
    scrollbar-width: none;
  }

  html[data-desktop-layout="1"][data-desktop-focus="contracts"] [data-contract-panel-body="1"]::-webkit-scrollbar {
    display: none;
  }

  html[data-desktop-layout="1"][data-desktop-focus="contracts"] [data-contract-panel-section] {
    padding: 8px 16px 12px;
  }

  html[data-desktop-layout="1"][data-desktop-focus="contracts"] [data-contract-panel-section="prize"] {
    display: flex;
    min-height: 0;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 16px 16px 8px;
  }

  html[data-desktop-layout="1"][data-desktop-focus="contracts"] [data-contract-section-header="1"] {
    min-height: 34px;
    margin-bottom: 8px;
  }

  html[data-desktop-layout="1"][data-desktop-focus="contracts"] [data-contract-section-header="1"] h2 {
    font-size: 13px;
    letter-spacing: 0.01em;
  }

  html[data-desktop-layout="1"][data-desktop-focus="contracts"] [data-contract-section-header="1"] p {
    margin-top: 2px;
    overflow: hidden;
    font-size: 10px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html[data-desktop-layout="1"][data-desktop-focus="contracts"] [data-contract-prize-preview],
  html[data-desktop-layout="1"][data-desktop-focus="contracts"] [data-contract-prize-empty="1"] {
    min-height: 90px;
    flex: 1 1 auto;
    border: 0;
    background: var(--ui-gradient-slot-accent), rgb(255 255 255 / 0.026);
    box-shadow: var(--web-highlight);
  }

  html[data-desktop-layout="1"][data-desktop-focus="contracts"] [data-contract-prize-placeholder-icon="1"] {
    border-right: 1px solid var(--web-border);
    padding-right: 12px;
  }

  html[data-desktop-layout="1"][data-desktop-focus="contracts"] [data-contract-mode-switch="1"] {
    border: 0;
    background: var(--web-surface-sunken);
    box-shadow: var(--web-highlight);
  }

  html[data-desktop-layout="1"][data-desktop-focus="contracts"] [data-contract-desktop-cta="1"] {
    padding: 0 16px 16px;
  }

  html[data-desktop-layout="1"][data-desktop-focus="contracts"] :is(
    [data-contract-error-state="1"],
    [data-contract-unavailable-state="1"]
  ) {
    display: grid;
    min-width: 0;
    align-items: center;
    gap: 10px;
    margin: 4px 16px 12px;
    padding: 11px 12px;
    border-radius: var(--ui-radius-control-sm);
    color: var(--web-text-secondary);
    background: var(--web-surface-muted);
    font-size: 12px;
    line-height: 1.35;
    box-shadow: var(--web-highlight);
  }

  html[data-desktop-layout="1"][data-desktop-focus="contracts"] [data-contract-error-state="1"] {
    grid-template-columns: 24px minmax(0, 1fr) auto;
  }

  html[data-desktop-layout="1"][data-desktop-focus="contracts"] [data-contract-error-icon="1"] {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: var(--ui-radius-badge);
    color: rgb(var(--ui-accent-rgb) / 0.92);
    background: rgb(var(--ui-accent-rgb) / 0.1);
    font-weight: 800;
  }

  html[data-desktop-layout="1"][data-desktop-focus="contracts"] [data-contract-preview-retry="1"] {
    min-height: 34px;
    padding-inline: 12px;
    border-radius: var(--ui-radius-control);
    color: var(--web-text-primary);
    background: var(--web-surface-interactive);
    font-weight: var(--ui-font-weight-semibold);
    white-space: nowrap;
  }

  html[data-desktop-layout="1"][data-desktop-focus="contracts"] [data-contract-start] {
    border: 1px solid transparent;
    background: var(--ui-gradient-primary-action);
    box-shadow: var(--ui-shadow-primary);
  }

  html[data-desktop-layout="1"][data-desktop-focus="contracts"] [data-contract-start]:disabled {
    border-color: var(--web-border);
    background: var(--web-surface-disabled);
    box-shadow: var(--web-highlight);
  }

  /* Upgrade: chance wheel on the left, stake and target cards on the right. */
  html[data-desktop-layout="1"][data-desktop-focus="upgrade"] [data-upgrade-layout] {
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
  }

  html[data-desktop-layout="1"][data-desktop-focus="upgrade"] [data-upgrade-live-content="1"] {
    grid-template-areas:
      "actions actions"
      "chance stake"
      "chance target";
    align-items: start;
    row-gap: 18px;
  }

  html[data-desktop-layout="1"][data-desktop-focus="upgrade"] [data-upgrade-live-content="1"] > * {
    margin-top: 0;
  }

  html[data-desktop-layout="1"][data-desktop-focus="upgrade"] [data-upgrade-top-actions="1"] {
    grid-area: actions;
  }

  html[data-desktop-layout="1"][data-desktop-focus="upgrade"] [data-upgrade-section="chance"] {
    grid-area: chance;
    align-self: center;
    min-height: 360px;
  }

  html[data-desktop-layout="1"][data-desktop-focus="upgrade"] [data-upgrade-section="stake"] {
    grid-area: stake;
  }

  html[data-desktop-layout="1"][data-desktop-focus="upgrade"] [data-upgrade-section="target"] {
    grid-area: target;
  }

  /* Mines: board and configuration become a stable two-column desktop workspace. */
  html[data-desktop-layout="1"][data-desktop-focus="mines"] [data-game-page="mines"] {
    box-sizing: border-box;
    width: calc(100% - var(--desktop-game-right-shift));
    min-height: 100%;
    padding-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  html[data-desktop-layout="1"][data-desktop-focus="mines"] [data-mines-layout="1"] {
    display: grid;
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
    grid-template-columns: minmax(0, 1fr) var(--web-game-panel-width, 320px);
    grid-template-areas: "board panel";
    align-items: start;
    column-gap: 24px;
    row-gap: 16px;
  }

  html[data-desktop-layout="1"][data-desktop-focus="mines"] [data-mines-layout="1"] > * {
    margin-top: 0;
  }

  html[data-desktop-layout="1"][data-desktop-focus="mines"] [data-mines-size-selector="1"] {
    display: none;
  }

  html[data-desktop-layout="1"][data-desktop-focus="mines"] [data-mines-board-shell="1"] {
    grid-area: board;
    width: 100%;
    /* The board is square: constrain by height as well as the desktop column. */
    max-width: min(var(--mines-board-max-width, 540px), max(220px, calc(100dvh - 190px)));
    justify-self: center;
  }

  html[data-desktop-layout="1"][data-desktop-focus="mines"] [data-mines-counter="1"] {
    display: none;
  }

  html[data-desktop-layout="1"][data-desktop-focus="mines"] [data-mines-about="1"] {
    display: none;
  }

  html[data-desktop-layout="1"][data-desktop-focus="mines"] [data-mines-desktop-stack="1"] {
    grid-area: panel;
    align-self: start;
    min-width: 0;
  }

  html[data-desktop-layout="1"][data-desktop-focus="mines"] [data-mines-desktop-panel="1"] {
    display: block;
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--ui-border-subtle);
    border-radius: var(--ui-radius-control);
    background: var(--ui-surface-raised);
    box-shadow: none;
  }

  /* Rocket: the animated scene is the stage; round history, live bets and the
     primary action form one continuous workflow rail on the right. */
  html[data-desktop-layout="1"][data-desktop-focus="rocket"] [data-game-page="rocket"] {
    width: calc(100% - var(--desktop-game-right-shift));
    max-width: 100%;
    min-height: 100%;
    margin-left: 0;
    margin-right: auto;
  }

  html[data-desktop-layout="1"][data-desktop-focus="rocket"] [data-rocket-content="1"] {
    display: grid;
    align-items: stretch;
    row-gap: 8px;
  }

  html[data-desktop-layout="1"][data-desktop-focus="rocket"] [data-rocket-content="1"] > * {
    margin-top: 0;
  }

  html[data-desktop-layout="1"][data-standalone="1"][data-desktop-focus="rocket"] [data-rocket-top-actions="1"] {
    align-self: stretch;
    flex: 0 0 auto;
    z-index: 50;
  }

  html[data-desktop-layout="1"][data-standalone="1"][data-desktop-focus="rocket"]
    [data-rocket-mobile-connection-status="1"] {
    display: none;
  }

  html[data-desktop-layout="1"][data-desktop-focus="rocket"] [data-rocket-hero-host="1"] {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    margin: 0;
  }

  html[data-desktop-layout="1"][data-desktop-focus="rocket"] [data-rocket-side-panel="1"] {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    overflow: hidden;
    border: 0;
    border-radius: var(--ui-radius-panel);
    background: var(--web-selection-game-panel-background);
    box-shadow: var(--web-selection-game-panel-shadow);
  }

  html[data-desktop-layout="1"][data-desktop-focus="rocket"] [data-rocket-recent-strip="1"] {
    min-width: 0;
    flex: 0 0 auto;
    padding: 14px 16px 12px;
    border-bottom: 1px solid var(--web-border-hairline);
  }

  html[data-desktop-layout="1"][data-desktop-focus="rocket"] [data-rocket-recent-header="1"] {
    min-height: 28px;
    margin-bottom: 10px;
  }

  html[data-desktop-layout="1"][data-desktop-focus="rocket"] [data-rocket-history-label="1"] {
    display: block;
    margin-bottom: 0;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--web-text-tertiary);
  }

  html[data-desktop-layout="1"][data-desktop-focus="rocket"] [data-rocket-desktop-connection-status="1"] {
    display: block;
  }

  html[data-desktop-layout="1"][data-desktop-focus="rocket"] [data-rocket-desktop-connection-status="1"] [role="status"] {
    width: 28px;
    height: 28px;
    border-radius: var(--ui-radius-badge);
  }

  html[data-desktop-layout="1"][data-desktop-focus="rocket"] [data-rocket-recent-strip="1"] button {
    height: 36px;
    border-radius: var(--ui-radius-control-sm);
  }

  html[data-desktop-layout="1"][data-desktop-focus="rocket"] [data-rocket-live-bets="1"] {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 14px 16px 12px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  html[data-desktop-layout="1"][data-desktop-focus="rocket"] [data-rocket-live-bets="1"] > div:last-child {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
  }

  html[data-desktop-layout="1"][data-desktop-focus="rocket"] [data-rocket-empty-bets="1"] {
    height: 100%;
    min-height: 120px;
    border-top: 1px solid var(--web-border-hairline);
    border-radius: 0;
    background: var(--ui-gradient-quiet-surface);
  }

  html[data-desktop-layout="1"][data-desktop-focus="rocket"] [data-rocket-queued-bet="1"] {
    flex: 0 0 auto;
    padding: 10px 16px 0;
  }

  html[data-desktop-layout="1"][data-desktop-focus="rocket"] [data-rocket-side-panel="1"] [data-game-fixed-bar="rocket"] {
    position: static;
    inset: auto;
    width: 100%;
    max-width: none;
    min-width: 0;
    flex: 0 0 auto;
    transform: none;
  }

  html[data-desktop-layout="1"][data-desktop-focus="rocket"]
    [data-rocket-side-panel="1"] [data-game-fixed-bar-inner="1"] {
    width: 100%;
    max-width: none;
    padding: 12px 16px 16px;
    border-top: 1px solid var(--web-border-hairline);
    border-radius: 0;
    background: transparent;
  }

  html[data-desktop-layout="1"][data-desktop-focus="rocket"]
    [data-rocket-side-panel="1"] [data-game-primary-action="1"] {
    height: var(--web-game-primary-height);
    border: 1px solid transparent;
    border-radius: var(--ui-radius-control-sm);
    box-shadow: var(--ui-shadow-primary);
  }

  /* Plinko: the board owns the main canvas while controls become a desktop side panel. */
  html[data-desktop-layout="1"][data-desktop-focus="plinko"] [data-game-page="plinko"] {
    box-sizing: border-box;
    --plinko-desktop-panel-width: min(clamp(360px, 28vw, 410px), calc(100vw - 48px));
    --plinko-desktop-column-gap: clamp(20px, 2vw, 32px);
    height: auto;
    min-height: 100%;
    margin-left: 0;
    margin-right: auto;
    padding-bottom: 24px;
  }

  html[data-desktop-layout="1"][data-desktop-focus="plinko"] [data-app-main="1"] {
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 0;
  }

  html[data-desktop-layout="1"][data-desktop-focus="plinko"] [data-plinko-board-shell="1"] {
    width: 100%;
    height: clamp(320px, calc(100dvh - 220px), 620px);
    min-height: 0;
    max-height: 620px;
  }

  /* Roulette: keep the wheel large on the left and detach betting controls from the viewport edge. */
  html[data-desktop-layout="1"][data-desktop-focus="roulette"] [data-game-page="roulette"] {
    width: calc(100% - var(--desktop-game-right-shift));
    max-width: calc(100% - var(--desktop-game-right-shift));
    min-height: 100%;
    margin-left: 0;
    margin-right: auto;
  }

  html[data-desktop-layout="1"][data-desktop-focus="roulette"] [data-roulette-content="1"] {
    --roulette-desktop-panel-width: min(clamp(370px, 30vw, 430px), calc(100vw - 48px));
    padding-bottom: 0;
  }

  html[data-desktop-layout="1"][data-desktop-focus="roulette"] [data-roulette-wheel-stage] {
    min-height: 0;
    max-height: max(220px, calc(100dvh - 190px));
  }

  /* PvP: wheel and player list use two real desktop columns. */
  html[data-desktop-layout="1"][data-desktop-focus="pvp"] [data-app-main="1"] {
    /* The mobile bottom bar reserve must not clip the separate left column. */
    height: 100%;
  }

  html[data-desktop-layout="1"][data-desktop-focus="pvp"] [data-game-page="pvp"] {
    width: calc(100% - var(--desktop-game-right-shift));
    max-width: 100%;
    min-height: 100%;
    margin-left: 0;
    margin-right: auto;
    padding-bottom: 24px;
  }

  html[data-desktop-layout="1"][data-desktop-focus="pvp"] [data-pvp-layout="1"] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--web-game-panel-width, 320px);
    align-items: start;
    column-gap: 24px;
    row-gap: 14px;
  }

  html[data-desktop-layout="1"][data-desktop-focus="pvp"] [data-pvp-layout="1"] > * {
    margin-top: 0;
  }

  html[data-desktop-layout="1"][data-desktop-focus="pvp"] [data-pvp-top-actions="1"] {
    grid-area: actions;
    align-self: start;
  }

  html[data-desktop-layout="1"][data-desktop-focus="pvp"] [data-pvp-wheel-host="1"] {
    width: 100%;
    margin: 0;
  }

  html[data-desktop-layout="1"][data-desktop-focus="pvp"] [data-pvp-main-column="1"] {
    grid-area: main;
    min-width: 0;
  }

  html[data-desktop-layout="1"][data-desktop-focus="pvp"] [data-pvp-side-rail="1"] {
    grid-area: rail;
  }

  html[data-desktop-layout="1"][data-desktop-focus="pvp"] [data-pvp-about-inline="1"] {
    grid-area: about;
    min-width: 0;
  }

  html[data-desktop-layout="1"][data-desktop-focus="pvp"]
    [data-pvp-about-inline="1"] [data-game-about-document] {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.95fr);
    align-items: start;
  }

  html[data-desktop-layout="1"][data-desktop-focus="pvp"] [data-pvp-players="1"] {
    min-width: 0;
    padding-inline: 0;
    max-height: none;
    overflow-y: visible;
  }

  html[data-desktop-layout="1"][data-desktop-focus="pvp"] [data-pvp-player-grid="1"] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 10px;
  }

  html[data-desktop-layout="1"][data-desktop-focus="pvp"] [data-pvp-player-grid="1"] > * {
    margin-top: 0;
  }

  /* Fixed game CTAs align with the right-hand desktop column. */
  html[data-desktop-layout="1"] :is([data-game-fixed-bar="upgrade"], [data-game-fixed-bar="rocket"]) [data-game-fixed-bar-inner="1"] {
    width: 100%;
    max-width: none;
    padding-inline: var(--game-fixed-bar-padding-inline, 0px);
    padding-bottom: var(--game-fixed-bar-padding-bottom, 24px);
  }

  html[data-desktop-layout="1"] [data-game-fixed-bar="mines"] {
    display: none;
  }

  html[data-desktop-layout="1"] [data-game-fixed-bar="plinko"] {
    --desktop-fixed-game-bar-width: min(clamp(360px, 28vw, 410px), calc(100vw - 48px));
    inset: auto var(--desktop-edge) 24px auto;
    width: var(--desktop-fixed-game-bar-width);
    transform: none;
  }

  html[data-desktop-layout="1"] [data-game-fixed-bar="roulette"] {
    --desktop-fixed-game-bar-width: min(clamp(370px, 30vw, 430px), calc(100vw - 48px));
  }

  html[data-desktop-layout="1"] [data-game-fixed-bar="plinko"] [data-game-fixed-bar-inner="1"],
  html[data-desktop-layout="1"] [data-game-fixed-bar="roulette"] [data-game-fixed-bar-inner="1"],
  html[data-desktop-layout="1"] [data-game-fixed-bar="pvp"] [data-game-fixed-bar-inner="1"] {
    width: 100%;
    max-width: none;
    padding-inline: 0;
  }

  html[data-desktop-layout="1"] [data-game-fixed-bar="roulette"] [data-roulette-controls],
  html[data-desktop-layout="1"] [data-game-fixed-bar="pvp"] .pvp-opaque-control-surface {
    border: 1px solid var(--ui-border-subtle);
    border-radius: var(--ui-radius-control);
    box-shadow: none;
  }

  html[data-desktop-layout="1"] [data-game-fixed-bar-inner="1"] {
    width: 100%;
    max-width: none;
  }

  /* Game settings use the same desktop rhythm instead of accumulated mobile margins. */
  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="plinko-settings"]
    [data-bottom-sheet-motion="1"] {
    width: min(680px, calc(100vw - 64px));
    max-width: 680px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="plinko-settings"]
    [data-bottom-sheet-content="1"] {
    margin-top: 0;
    padding: 18px 20px 20px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="plinko-settings"]
    [data-plinko-settings-layout="1"] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    padding-bottom: 0;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="plinko-settings"]
    [data-plinko-settings-layout="1"]
    > * {
    margin-top: 0;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="plinko-settings"]
    [data-plinko-settings-span="full"] {
    grid-column: 1 / -1;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="plinko-settings"]
    [data-plinko-settings-section] {
    min-width: 0;
    padding: 16px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="plinko-settings"]
    [data-plinko-settings-section]
    > div:last-child {
    margin-top: 12px;
  }

  /* Inventory cards stay compact while browser layouts use the available columns. */
  html[data-desktop-layout="1"] [data-inventory-grid="1"] {
    grid-template-columns: repeat(auto-fit, minmax(168px, var(--inventory-card-max)));
    justify-content: center;
    gap: 12px;
  }

  html[data-desktop-layout="1"] [data-inventory-grid-row="1"] {
    grid-template-columns: repeat(2, minmax(0, var(--inventory-card-max)));
    justify-content: center;
    gap: 12px;
  }

  html[data-desktop-layout="1"] [data-inventory-grid-columns="3"] {
    grid-template-columns: repeat(3, minmax(0, var(--inventory-card-max)));
  }

  html[data-desktop-layout="1"] [data-inventory-grid-columns="4"] {
    grid-template-columns: repeat(4, minmax(0, var(--inventory-card-max)));
  }

  html[data-desktop-layout="1"] [data-inventory-grid-columns="5"] {
    grid-template-columns: repeat(5, minmax(0, var(--inventory-card-max)));
  }

  html[data-desktop-layout="1"] [data-inventory-card-cell="1"],
  html[data-desktop-layout="1"] [data-inventory-card="1"] {
    width: 100%;
    min-width: 0;
  }

  html[data-desktop-layout="1"]
    [data-inventory-card-presentation="default"]
    [data-cs-skin-rarity-glow="1"] {
    width: 60%;
    height: 60%;
  }

}

/* Source section: 05-transaction-dialogs.css */
/* Top-up flow: payment, skin inventory, coupons and trade-link form. */
@media screen {
  @keyframes desktop-topup-dialog-enter {
    from { opacity: 0; transform: translateY(10px) scale(0.975); }
    to { opacity: 1; transform: translateY(0) scale(1); }
  }

  @keyframes desktop-topup-dialog-exit {
    from { opacity: 1; transform: translateY(0) scale(1); }
    to { opacity: 0; transform: translateY(6px) scale(0.985); }
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant^="topup-"]
    [data-bottom-sheet-motion="1"] {
    transform: none;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant^="topup-"][data-bottom-sheet-phase="opening"]
    [data-bottom-sheet-motion="1"]
    > div {
    animation-name: desktop-topup-dialog-enter;
    animation-duration: var(--ui-motion-normal);
    animation-timing-function: var(--ui-motion-ease-emphasized);
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant^="topup-"][data-bottom-sheet-phase="closing"]
    [data-bottom-sheet-motion="1"]
    > div {
    animation-name: desktop-topup-dialog-exit;
    animation-duration: var(--ui-motion-fast);
    animation-timing-function: var(--ui-motion-ease-exit);
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant^="topup-"]
    [data-bottom-sheet-handle="1"] {
    display: none;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant^="topup-"]
    [data-bottom-sheet-panel="1"] {
    border-radius: var(--ui-dialog-radius-desktop);
    background: var(--ui-dialog-surface);
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant^="topup-"]
    [data-bottom-sheet-header="1"] {
    min-height: var(--ui-dialog-header-height);
    padding: 11px 14px 9px var(--ui-dialog-inline-padding);
    border-bottom: 1px solid var(--ui-dialog-separator);
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant^="topup-"]
    [data-bottom-sheet-header="1"]
    > div {
    font-size: var(--ui-dialog-title-size);
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant^="topup-"]
    [data-bottom-sheet-header="1"]
    button {
    width: var(--ui-dialog-close-size);
    height: var(--ui-dialog-close-size);
    border-radius: var(--ui-dialog-close-radius);
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant^="topup-"]
    [data-bottom-sheet-footer="1"] {
    margin-top: 0;
    padding: 16px 24px 20px;
    border-top: 1px solid var(--web-border);
    background: var(--ui-dialog-surface);
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-bottom-sheet-motion="1"] {
    width: min(740px, calc(100vw - 64px));
    max-width: 740px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-bottom-sheet-motion="1"]
    > div {
    max-height: min(78dvh, 640px);
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-bottom-sheet-content="1"] {
    margin-top: 0;
    padding: 16px 20px 20px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-main-content="1"] {
    display: grid;
    grid-template-columns: minmax(0, 1.16fr) minmax(250px, 0.84fr);
    gap: 10px 12px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-main-content="1"]
    > * {
    margin-top: 0;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-payment-column="1"] {
    grid-column: 1;
    grid-row: 2;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-methods="1"] {
    grid-column: 1 / -1;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-methods="1"]
    > div {
    display: grid;
    width: 100%;
    gap: 4px;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    padding: 4px;
    border-radius: var(--ui-radius-control);
    background: var(--web-surface-sunken);
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-methods="1"]
    button {
    height: 40px;
    width: 100%;
    justify-content: center;
    padding-inline: 8px;
    border-radius: var(--ui-radius-control);
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-methods="1"]
    button[data-topup-method-active="1"] {
    color: var(--ui-dialog-title);
    background: color-mix(in srgb, var(--ui-accent) 18%, var(--ui-dialog-hover-surface));
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-methods="1"]
    button[data-topup-method-active="1"]
    [data-topup-method-label="1"] {
    color: inherit;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-methods="1"]
    button > span {
    width: 100%;
    min-width: 0;
    justify-content: center;
    gap: 6px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-methods="1"]
    button [data-topup-method-label="1"],
  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-method-badge="1"] {
    white-space: nowrap;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-methods="1"]
    [data-topup-method-badge="1"] {
    display: inline-flex;
    min-width: max-content;
    flex: none;
    align-items: center;
    padding-inline: 5px;
    font-size: 9px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-method="crypto"]
    > span {
    gap: 4px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-main-actions="1"] {
    display: contents;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-main-actions="1"]
    > * {
    margin-top: 0;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-amount="1"] {
    grid-column: 1;
    grid-row: 2;
    min-height: 108px;
    border: 0;
    border-radius: var(--ui-dialog-section-radius);
    background: var(--ui-dialog-section-surface);
    box-shadow: none;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-amount-value="1"] {
    top: 54%;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-coupon="1"] {
    grid-column: 2;
    grid-row: 2;
    display: flex;
    align-items: center;
    min-height: 108px;
    padding: 14px 16px;
    border-radius: var(--ui-dialog-section-radius);
    background: var(--ui-dialog-section-surface);
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-coupon="1"]
    > div {
    display: grid;
    width: 100%;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-coupon-icon="1"] {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: var(--ui-radius-control-sm);
    color: var(--ui-dialog-muted);
    background: var(--web-surface-soft);
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-coupon-icon="1"]
    svg {
    width: 19px;
    height: 19px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-coupon-label="1"] {
    margin-bottom: 2px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-coupon-value="1"] {
    overflow: hidden;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-coupon-action="1"] {
    min-width: 72px;
    min-height: 32px;
    padding: 5px 7px;
    border: 0;
    border-radius: var(--ui-radius-control);
    color: var(--ui-accent);
    background: transparent;
    box-shadow: none;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-coupon-state="selected"]
    [data-topup-coupon-action="1"] {
    display: grid;
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
    place-items: center;
    padding: 0;
    color: var(--ui-dialog-muted);
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-quick-add="1"] {
    grid-column: 1;
    grid-row: 3;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-quick-add-option="1"] {
    height: 44px;
    border: 0;
    border-radius: var(--ui-radius-control-sm);
    background: var(--ui-dialog-section-surface);
    box-shadow: none;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-submit="1"] {
    grid-column: 2;
    grid-row: 3;
    height: 44px;
    border-radius: var(--ui-radius-control-sm);
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-main-actions="1"]
    [role="alert"] {
    grid-column: 1 / -1;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-main-content="1"]:has([data-topup-skins-guide="1"]) {
    display: block;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-main-content="1"]:has([data-topup-skins-guide="1"])
    [data-topup-methods="1"] {
    margin-bottom: 16px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-skins-guide="1"]
    > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 18px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-skins-guide="1"]
    > div
    > div {
    min-width: 0;
    align-items: center;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-skins-guide="1"]
    > div
    > div
    > div:last-child {
    overflow-wrap: anywhere;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-skins-trade-link-inline="1"]
    [data-web-inline-panel="1"] {
    margin-top: 14px;
    padding: 14px 16px 16px;
    border: 0;
    border-radius: var(--ui-radius-panel);
    background: var(--ui-dialog-section-surface);
    box-shadow: none;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-skins-trade-link-inline="1"]
    [data-web-inline-panel="1"]
    > header {
    margin-bottom: 10px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-main"]
    [data-topup-skins-open="1"] {
    height: 48px;
    margin-top: 16px;
    border-radius: var(--ui-radius-control);
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-skins"]
    [data-bottom-sheet-motion="1"] {
    width: min(1040px, calc(100vw - 96px));
    max-width: 1040px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-skins"]
    [data-bottom-sheet-motion="1"]
    > div {
    height: min(80dvh, 760px);
    max-height: min(80dvh, 760px);
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-skins"]
    [data-bottom-sheet-content="1"] {
    margin-top: 0;
    padding: 18px 24px 24px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-skins"]
    [data-topup-skins-grid="1"] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px 12px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-skins"]
    [data-topup-skins-footer="1"] {
    display: grid;
    grid-template-columns: minmax(180px, 0.7fr) minmax(340px, 1.3fr);
    align-items: center;
    gap: 18px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-skins"]
    [data-topup-skins-footer="1"]
    > * {
    margin-top: 0;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-skins"]
    [data-topup-skins-submit="1"] {
    height: 50px;
    border-radius: var(--ui-radius-control);
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-skins"]
    [data-topup-skins-status-layout="1"] {
    display: grid;
    grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.2fr);
    align-items: start;
    gap: 18px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-skins"]
    [data-topup-skins-status-layout="1"]
    > * {
    margin-top: 0;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-skins"]
    [data-topup-skins-status="1"] {
    position: sticky;
    top: 0;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-coupons"]
    [data-bottom-sheet-motion="1"] {
    width: min(920px, calc(100vw - 96px));
    max-width: 920px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-coupons"]:has([data-topup-coupon-count="0"])
    [data-bottom-sheet-motion="1"] {
    width: min(560px, calc(100vw - 80px));
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-coupons"]:has([data-topup-coupon-count="1"])
    [data-bottom-sheet-motion="1"] {
    width: min(420px, calc(100vw - 80px));
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-coupons"]:has([data-topup-coupon-count="2"])
    [data-bottom-sheet-motion="1"] {
    width: min(600px, calc(100vw - 80px));
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-coupons"]:has([data-topup-coupon-count="3"])
    [data-bottom-sheet-motion="1"] {
    width: min(760px, calc(100vw - 80px));
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-coupons"]
    [data-bottom-sheet-motion="1"]
    > div {
    max-height: min(78dvh, 720px);
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-coupons"]
    [data-bottom-sheet-content="1"] {
    margin-top: 0;
    padding: 20px 24px 24px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-coupons"]
    [data-topup-coupons-grid="1"] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px 14px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-coupons"]
    [data-topup-coupon-count="1"] {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-coupons"]
    [data-topup-coupon-count="2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-coupons"]
    [data-topup-coupon-count="3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-trade-link"]
    [data-bottom-sheet-motion="1"] {
    width: min(720px, calc(100vw - 80px));
    max-width: 720px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-trade-link"]
    [data-bottom-sheet-content="1"] {
    margin-top: 0;
    padding: 20px 24px 22px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-trade-link"]
    [data-topup-trade-link-help="1"] {
    padding: 0;
    border-radius: 0;
    background: transparent;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-trade-link"]
    [data-topup-trade-link-input="1"]
    input {
    height: 52px;
    border-radius: var(--ui-radius-control);
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-trade-link"]
    [data-topup-trade-link-input="1"]
    button {
    height: 52px;
    border-radius: var(--ui-radius-control);
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-skin-filters"]
    [data-bottom-sheet-motion="1"] {
    width: min(900px, calc(100vw - 96px));
    max-width: 900px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-skin-filters"]
    [data-bottom-sheet-motion="1"]
    > div {
    height: min(78dvh, 720px);
    max-height: min(78dvh, 720px);
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-skin-filters"]
    [data-bottom-sheet-content="1"] {
    margin-top: 0;
    padding: 20px 24px 24px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-skin-filters"]
    [data-inventory-filter-sheet-layout="1"] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 24px 28px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-skin-filters"]
    [data-inventory-filter-sheet-layout="1"]
    > * {
    margin-top: 0;
  }
}

/* Source section: 06-inventory-dialogs.css */
/* Inventory dialogs: filters, item actions and withdrawal flows. */
@media screen {
  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="inventory-filters"]
    [data-bottom-sheet-motion="1"] {
    width: min(900px, calc(100vw - 96px));
    max-width: 900px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="inventory-filters"]
    [data-bottom-sheet-motion="1"]
    > div {
    height: min(78dvh, 720px);
    max-height: min(78dvh, 720px);
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="inventory-filters"]
    [data-bottom-sheet-content="1"] {
    margin-top: 0;
    padding: 20px 24px 24px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="inventory-filters"]
    [data-inventory-filter-sheet-layout="1"] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 24px 28px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="inventory-filters"]
    [data-inventory-filter-sheet-layout="1"]
    > * {
    margin-top: 0;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="inventory-withdraw-options"]
    [data-bottom-sheet-motion="1"] {
    width: min(920px, calc(100vw - 96px));
    max-width: 920px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="inventory-withdraw-options"]
    [data-bottom-sheet-motion="1"]
    > div {
    height: auto;
    max-height: min(78dvh, 720px);
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="inventory-withdraw-options"]
    [data-bottom-sheet-content="1"] {
    margin-top: 0;
    padding: 20px 24px 24px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="inventory-withdraw-options"]
    [data-inventory-withdraw-grid="1"] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="inventory-withdraw-options"]
    [data-bottom-sheet-footer="1"] {
    display: none;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="inventory-item"]
    [data-bottom-sheet-motion="1"] {
    width: min(720px, calc(100vw - 80px));
    max-width: 720px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="inventory-item"]
    [data-bottom-sheet-content="1"] {
    min-height: 250px;
    padding: 18px 24px 10px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="inventory-item"]
    [data-inventory-item-actions="1"] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="inventory-item"]
    [data-inventory-item-actions="1"]
    button {
    height: 50px;
    margin-top: 0;
    border-radius: var(--ui-radius-control);
    padding-inline: 12px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="inventory-item"]
    [data-inventory-item-action="sell"] {
    gap: 8px;
    white-space: nowrap;
  }

  html[data-desktop-layout="1"]
    :is(
      [data-bottom-sheet-variant="inventory-bulk-sell"],
      [data-bottom-sheet-variant="inventory-withdraw-confirm"],
      [data-bottom-sheet-variant="inventory-withdraw-message"],
      [data-bottom-sheet-variant="inventory-withdraw-suspended"],
      [data-bottom-sheet-variant="inventory-coupon-activation"]
    )
    [data-bottom-sheet-motion="1"] {
    width: min(600px, calc(100vw - 80px));
    max-width: 600px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="inventory-withdraw-confirm"]
    [data-inventory-withdraw-confirm-actions="1"] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="inventory-withdraw-confirm"]
    [data-inventory-withdraw-confirm-actions="1"]
    button {
    height: 50px;
    margin-top: 0;
    border-radius: var(--ui-radius-control);
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="inventory-cs-withdraw"]
    [data-bottom-sheet-motion="1"] {
    width: min(760px, calc(100vw - 80px));
    max-width: 760px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="inventory-cs-withdraw"]
    [data-bottom-sheet-motion="1"]
    > div {
    height: auto;
    max-height: min(78dvh, 680px);
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="inventory-cs-withdraw"]
    [data-cs-withdraw-requirements="1"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="inventory-cs-withdraw"]
    [data-cs-withdraw-sell-actions="1"] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: 12px;
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="inventory-cs-withdraw"]
    [data-cs-withdraw-sell-actions="1"]
    button {
    height: 50px;
    margin-top: 0;
    border-radius: var(--ui-radius-control);
  }
}

@media screen and (hover: hover) {
  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-coupons"]
    [data-topup-coupon-card="1"]:hover,
  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-skins"]
    [data-topup-skin-card="1"]:hover {
    transform: translateY(-2px);
    filter: var(--ui-effect-hover-brightness);
  }

  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-coupons"]
    [data-topup-coupon-card="1"],
  html[data-desktop-layout="1"]
    [data-bottom-sheet-variant="topup-skins"]
    [data-topup-skin-card="1"] {
    transition: transform var(--ui-motion-normal) var(--ui-motion-ease-standard), filter var(--ui-motion-normal) var(--ui-motion-ease-standard);
  }
}

@media screen and (hover: hover) {
  html[data-desktop-layout="1"][data-desktop-focus="mines"] .tg-mines-board__cell.is-clickable:hover {
    background: var(--web-surface-interactive-hover);
  }

  html[data-desktop-layout="1"][data-desktop-focus="mines"] .tg-mines-board__cell.is-clickable:focus-visible {
    outline: 2px solid var(--ui-focus-ring);
    outline-offset: 2px;
  }
}

/* Final mobile-only surfaces promoted to desktop presentation. */
@media screen {
  html[data-desktop-layout="1"] [data-game-result-layout="1"] {
    width: min(760px, calc(100vw - 80px));
    max-width: 760px;
  }

  html[data-desktop-layout="1"] [data-game-result-layout="1"] > .relative.flex {
    padding-left: 40px;
    padding-right: 40px;
  }

  html[data-desktop-layout="1"]:not([data-standalone="1"]) [data-bottom-sheet-variant="game-gift-picker"] [data-bottom-sheet-motion="1"] {
    width: min(920px, calc(100vw - 64px));
    max-width: 920px;
  }

  html[data-desktop-layout="1"] [data-bottom-sheet-variant="game-gift-picker"] [data-bottom-sheet-panel="1"] {
    height: min(78dvh, 720px);
    max-height: min(78dvh, 720px);
  }

  html[data-desktop-layout="1"] [data-bottom-sheet-variant="game-gift-picker"] [data-game-gift-picker-grid="1"] {
    gap: 12px;
  }

  html[data-desktop-layout="1"] [data-bottom-sheet-variant="game-stake-form"] [data-bottom-sheet-motion="1"] {
    width: min(620px, calc(100vw - 64px));
    max-width: 620px;
  }

  html[data-desktop-layout="1"] [data-inventory-bulk-action-bar="1"] {
    inset: auto 32px 24px auto;
    width: min(480px, calc(100vw - 64px));
    padding: 0;
  }

html[data-desktop-layout="1"] [data-inventory-bulk-action-panel="1"] {
    max-width: none;
    box-shadow: var(--web-floating-shadow);
  }
}

@media screen and (max-width: 599px) {
  html[data-desktop-layout="1"][data-desktop-focus] [data-topbar-back="1"] {
    width: 34px;
    padding: 0;
    justify-content: center;
  }

  html[data-desktop-layout="1"][data-desktop-focus] [data-topbar-back-label="1"] {
    display: none;
  }
}

/* Tall desktop canvases should feel deliberately composed instead of leaving
   the games pinned to the upper half of the viewport. */
@media screen and (min-width: 1200px) and (min-height: 820px) {
  html[data-desktop-layout="1"][data-standalone="1"][data-desktop-focus="upgrade"]
    [data-game-page="upgrade"] [data-upgrade-live-content="1"] {
    min-height: calc(100dvh - 138px);
  }

  html[data-desktop-layout="1"][data-standalone="1"][data-desktop-focus="upgrade"]
    [data-game-page="upgrade"] [data-upgrade-section="chance"] {
    min-height: var(--web-upgrade-chance-height, clamp(500px, calc(100dvh - 230px), 620px));
  }

  html[data-desktop-layout="1"][data-standalone="1"][data-desktop-focus="upgrade"]
    [data-game-page="upgrade"] [data-upgrade-wheel-shell="1"] {
    width: var(--web-upgrade-wheel-size, min(460px, 92%, 54dvh));
  }

  html[data-desktop-layout="1"][data-standalone="1"][data-desktop-focus="mines"]
    [data-game-page="mines"] [data-mines-layout="1"] {
    --mines-board-max-width: 590px;
    min-height: calc(100dvh - 145px);
    align-items: center;
  }

  html[data-desktop-layout="1"][data-standalone="1"][data-desktop-focus="mines"]
    [data-game-page="mines"] [data-mines-desktop-stack="1"] {
    align-self: center;
  }
}

/* The desktop board remains CSS-owned on very large displays too. */
@media (min-width: 3000px) and (min-height: 1600px) {
  html[data-desktop-layout="1"][data-standalone="1"][data-desktop-focus="mines"]
    [data-game-page="mines"] [data-mines-layout="1"] {
    --mines-board-max-width: 920px;
  }
}

/* Short laptop windows keep the complete contract workflow visible. */
@media screen and (max-height: 760px) {
  html[data-desktop-layout="1"][data-standalone="1"][data-desktop-focus="contracts"]
    [data-contract-panel-body="1"] {
    overflow-y: auto;
  }

}
}