button, [role="button"] { touch-action: manipulation; }
    html.gbl-pwa-standalone,
    html.gbl-pwa-standalone body {
      min-height: 100%;
      background: #060b15;
      overscroll-behavior-y: none;
    }
    html.gbl-pwa-standalone #boom-boom-rocket-app { min-height: 100dvh; }
    .gbl-native-offline-banner {
      position: fixed;
      top: max(8px, env(safe-area-inset-top));
      left: 50%;
      z-index: 10000;
      min-width: 96px;
      padding: 8px 15px;
      border: 1px solid rgba(255, 179, 80, 0.46);
      border-radius: 999px;
      color: #fff3d0;
      background: rgba(104, 48, 12, 0.94);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.34);
      font-size: 12px;
      font-weight: 900;
      letter-spacing: 0.1em;
      text-align: center;
      text-transform: uppercase;
      transform: translateX(-50%);
    }
    .gbl-native-offline-banner[hidden] { display: none; }
    html.gbl-native-app { overscroll-behavior: none; }
    @media (pointer: coarse) {
      button { -webkit-tap-highlight-color: transparent; }
      button:active { transition-duration: 0ms !important; }
    }
    body {
      margin: 0;
    }

    #boom-boom-rocket-app {
      min-height: 100vh;
      margin: 0;
      color: #f8fbff;
      background:
        radial-gradient(circle at 18% 14%, rgba(255, 227, 132, 0.16), transparent 22rem),
        radial-gradient(circle at 78% 22%, rgba(92, 178, 255, 0.2), transparent 24rem),
        linear-gradient(145deg, #070b15 0%, #101c30 48%, #130b1d 100%);
      font-family: Arial, Helvetica, sans-serif;
      overflow: hidden;
    }

    #boom-boom-rocket-app * {
      box-sizing: border-box;
    }

    .gbl-notification-shell {
      position: fixed;
      top: 18px;
      right: 18px;
      z-index: 240;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 12px;
      pointer-events: none;
    }

    .gbl-notification-shell.is-hidden {
      display: none;
    }

    .gbl-notification-bell,
    .gbl-notification-drawer,
    .gbl-notification-overlay {
      pointer-events: auto;
    }

    .gbl-notification-bell {
      display: none;
      position: relative;
      width: 58px;
      height: 58px;
      border: 1px solid rgba(163, 224, 255, 0.34);
      border-radius: 20px;
      background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.04)),
        linear-gradient(135deg, rgba(116, 233, 255, 0.28), rgba(201, 132, 255, 0.18) 42%, rgba(255, 208, 112, 0.28));
      box-shadow:
        0 16px 38px rgba(5, 10, 25, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.24),
        inset 0 -16px 28px rgba(0, 0, 0, 0.14);
      backdrop-filter: blur(18px);
      cursor: pointer;
      overflow: hidden;
      transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
    }

    .gbl-notification-bell::before {
      content: "";
      position: absolute;
      inset: 1px;
      border-radius: 19px;
      background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.28), transparent 32%),
        radial-gradient(circle at 28% 20%, rgba(255, 255, 255, 0.38), transparent 24%),
        radial-gradient(circle at 78% 85%, rgba(113, 255, 236, 0.16), transparent 32%);
      opacity: 0.95;
      pointer-events: none;
    }

    .gbl-notification-bell:hover,
    .gbl-notification-bell[aria-expanded="true"] {
      transform: translateY(-1px);
      border-color: rgba(255, 235, 144, 0.72);
      box-shadow:
        0 18px 42px rgba(5, 10, 25, 0.5),
        0 0 28px rgba(124, 208, 255, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.28),
        inset 0 -16px 28px rgba(0, 0, 0, 0.14);
    }

    .gbl-notification-bell-icon {
      position: relative;
      z-index: 1;
      width: 28px;
      height: 28px;
      fill: #f6fbff;
      filter: drop-shadow(0 0 12px rgba(124, 208, 255, 0.46));
    }

    .gbl-notification-badge {
      position: absolute;
      top: -5px;
      right: -4px;
      z-index: 2;
      min-width: 22px;
      height: 22px;
      padding: 0 6px;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      background: linear-gradient(180deg, #ff7b88, #df2442);
      border: 1px solid rgba(255, 255, 255, 0.16);
      box-shadow: 0 8px 18px rgba(223, 36, 66, 0.36);
      font-size: 11px;
      font-weight: 800;
      line-height: 1;
    }

    .gbl-notification-badge.is-hidden {
      display: none;
    }

    .gbl-notification-overlay {
      position: fixed;
      inset: 0;
      background: rgba(4, 8, 18, 0.44);
      opacity: 0;
      pointer-events: none;
      transition: opacity 180ms ease;
    }

    .gbl-notification-overlay.is-open {
      opacity: 1;
      pointer-events: auto;
    }

    .gbl-notification-drawer {
      position: fixed;
      top: 88px;
      right: 18px;
      width: min(420px, calc(100vw - 28px));
      max-height: min(78vh, 760px);
      padding: 18px;
      display: flex;
      flex-direction: column;
      gap: 14px;
      overflow: hidden;
      border: 1px solid rgba(163, 224, 255, 0.22);
      border-radius: 24px;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.03)),
        rgba(8, 15, 29, 0.96);
      box-shadow: 0 28px 80px rgba(0, 0, 0, 0.46);
      backdrop-filter: blur(26px);
      opacity: 0;
      transform: translateY(-8px) scale(0.98);
      transition: opacity 180ms ease, transform 180ms ease;
    }

    .gbl-notification-drawer.is-hidden {
      display: none;
    }

    .gbl-notification-drawer.is-open {
      opacity: 1;
      transform: translateY(0) scale(1);
    }

    .gbl-notification-drawer-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }

    .gbl-notification-title {
      margin: 0;
      font-size: 24px;
      line-height: 1;
      text-transform: uppercase;
      color: #fff2b6;
      text-shadow: 0 0 20px rgba(255, 184, 51, 0.18);
    }

    .gbl-notification-subtitle {
      margin: 5px 0 0;
      color: rgba(248, 251, 255, 0.66);
      font-size: 12px;
      line-height: 1.45;
    }

    .gbl-notification-refresh {
      min-width: 88px;
    }

    .gbl-notification-admin {
      display: grid;
      gap: 8px;
      padding: 14px;
      border-radius: 18px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(255, 255, 255, 0.04);
    }

    .gbl-notification-admin.is-hidden {
      display: none;
    }

    .gbl-notification-admin-copy {
      margin: 0;
      color: rgba(248, 251, 255, 0.7);
      font-size: 12px;
      line-height: 1.45;
    }

    .gbl-notification-admin textarea,
    .gbl-notification-admin input {
      width: 100%;
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 12px;
      color: #f8fbff;
      background: rgba(255, 255, 255, 0.06);
      font: inherit;
      padding: 12px 14px;
      resize: vertical;
    }

    .gbl-notification-admin textarea {
      min-height: 112px;
    }

    .gbl-notification-admin-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      flex-wrap: wrap;
    }

    .gbl-notification-status {
      min-height: 18px;
      color: rgba(248, 251, 255, 0.66);
      font-size: 12px;
      line-height: 1.45;
    }

    .gbl-notification-status.is-error {
      color: #ffd0d6;
    }

    .gbl-notification-list {
      display: grid;
      gap: 10px;
      overflow: auto;
      padding-right: 4px;
      overscroll-behavior: contain;
    }

    .gbl-notification-empty {
      margin: 0;
      padding: 18px;
      border-radius: 18px;
      color: rgba(248, 251, 255, 0.66);
      background: rgba(255, 255, 255, 0.04);
      text-align: center;
      line-height: 1.5;
    }

    .gbl-notification-swipe {
      position: relative;
      overflow: hidden;
      border-radius: 18px;
      background: #e6293e;
      touch-action: pan-y;
    }

    .gbl-notification-delete {
      position: absolute;
      z-index: 0;
      top: 0;
      right: 0;
      bottom: 0;
      width: 92px;
      border: 0;
      color: #fff;
      background: linear-gradient(145deg, #ff4e57, #c80f2c);
      font: inherit;
      font-size: 13px;
      font-weight: 900;
      letter-spacing: 0.02em;
      cursor: pointer;
    }

    .gbl-notification-delete:focus-visible {
      outline: 3px solid #fff;
      outline-offset: -5px;
    }

    .gbl-notification-item {
      position: relative;
      z-index: 1;
      padding: 15px 16px 16px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 18px;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025)),
        #101a2b;
      transform: translate3d(0, 0, 0);
      transition: transform 220ms cubic-bezier(0.22, 0.82, 0.26, 1);
      will-change: transform;
      touch-action: pan-y;
      user-select: none;
    }

    .gbl-notification-swipe.is-open .gbl-notification-item {
      transform: translate3d(-92px, 0, 0);
    }

    .gbl-notification-swipe.is-dragging .gbl-notification-item {
      transition: none;
    }

    .gbl-notification-item.is-unread {
      border-color: rgba(124, 208, 255, 0.28);
      box-shadow: inset 0 0 0 1px rgba(124, 208, 255, 0.08);
    }

    .gbl-notification-item-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 8px;
    }

    .gbl-notification-item-title {
      display: flex;
      align-items: center;
      gap: 8px;
      min-width: 0;
      font-size: 15px;
      font-weight: 800;
      color: #f8fbff;
    }

    .gbl-notification-dot {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: linear-gradient(180deg, #ff7d8b, #df2442);
      box-shadow: 0 0 14px rgba(255, 104, 125, 0.36);
      flex: 0 0 auto;
    }

    .gbl-notification-item.is-read .gbl-notification-dot {
      background: rgba(255, 255, 255, 0.22);
      box-shadow: none;
    }

    .gbl-notification-time {
      flex: 0 0 auto;
      color: rgba(248, 251, 255, 0.48);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }

    .gbl-notification-message {
      margin: 0;
      color: rgba(248, 251, 255, 0.8);
      font-size: 13px;
      line-height: 1.6;
    }

    .gbl-notification-meta {
      display: block;
      margin-top: 10px;
      color: rgba(248, 251, 255, 0.46);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }

    .gbl-daily-reward {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 10px 12px;
      align-items: center;
      margin-top: 13px;
      padding: 13px;
      border: 1px solid rgba(255, 224, 121, 0.28);
      border-radius: 15px;
      background:
        radial-gradient(circle at 92% 12%, rgba(116, 255, 216, 0.18), transparent 42%),
        linear-gradient(145deg, rgba(255, 213, 94, 0.14), rgba(55, 255, 203, 0.07));
    }

    .gbl-daily-reward-value {
      display: flex;
      align-items: baseline;
      flex-wrap: wrap;
      gap: 5px;
      min-width: 0;
      color: #f9fbff;
      font-size: 12px;
      line-height: 1.35;
    }

    .gbl-daily-reward-value strong {
      color: #fff0a8;
      font-size: 16px;
      font-weight: 950;
    }

    .gbl-daily-reward-plus {
      color: #77f0d0;
      font-weight: 900;
    }

    .gbl-daily-reward-button {
      min-width: 96px;
      min-height: 42px;
      padding: 0 15px;
      border: 0;
      border-radius: 12px;
      color: #101827;
      background: linear-gradient(135deg, #ffe47c, #f5a23d);
      box-shadow: 0 8px 24px rgba(245, 162, 61, 0.2);
      font: inherit;
      font-size: 13px;
      font-weight: 950;
      cursor: pointer;
    }

    .gbl-daily-reward-button:disabled {
      color: rgba(255, 255, 255, 0.72);
      background: rgba(255, 255, 255, 0.1);
      box-shadow: none;
      cursor: default;
    }

    .gbl-daily-reward-expiry {
      grid-column: 1 / -1;
      color: rgba(248, 251, 255, 0.52);
      font-size: 10px;
      font-weight: 750;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }

    .gbl-daily-reward-error {
      grid-column: 1 / -1;
      margin: 0;
      color: #ffcbd2;
      font-size: 11px;
      line-height: 1.4;
    }

    .gbl-notification-tab {
      position: relative;
      display: inline-flex;
      align-items: center;
      gap: 7px;
      min-height: 38px;
      padding: 0 12px;
      border: 1px solid rgba(163, 224, 255, 0.28);
      border-radius: 12px;
      color: #f8fbff;
      background: linear-gradient(145deg, rgba(111, 198, 236, 0.28), rgba(111, 86, 181, 0.24));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 8px 18px rgba(5, 10, 25, 0.18);
      cursor: pointer;
      font: inherit;
      font-size: 13px;
      font-weight: 800;
      white-space: nowrap;
    }

    .gbl-notification-tab:hover,
    .gbl-notification-tab[aria-expanded="true"] {
      border-color: rgba(255, 235, 144, 0.72);
      background: linear-gradient(145deg, rgba(131, 222, 255, 0.36), rgba(154, 103, 217, 0.34));
    }

    .gbl-notification-tab-icon { width: 17px; height: 17px; fill: currentColor; filter: drop-shadow(0 0 8px rgba(124, 208, 255, 0.46)); }
    .gbl-notification-tab-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 999px; color: #fff; background: linear-gradient(180deg, #ff7b88, #df2442); box-shadow: 0 5px 12px rgba(223, 36, 66, 0.32); font-size: 10px; line-height: 1; }
    .gbl-notification-tab-badge.is-hidden { display: none; }

    .bbr-shell {
      display: grid;
      grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
      gap: 22px;
      min-height: 100vh;
      padding: 22px;
    }

    .bbr-panel {
      display: flex;
      flex-direction: column;
      gap: 16px;
      padding: 20px;
      border: 1px solid rgba(142, 202, 255, 0.24);
      border-radius: 8px;
      background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)),
        rgba(6, 11, 22, 0.82);
      background-size: 22px 22px, auto, auto;
      box-shadow: 0 22px 70px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08);
      backdrop-filter: blur(16px);
    }

    .bbr-title {
      margin: 0;
      font-size: 34px;
      line-height: 1;
      letter-spacing: 0;
      text-transform: uppercase;
      color: #fff2b6;
      text-shadow: 0 0 24px rgba(255, 184, 51, 0.34);
    }

    .bbr-subtitle {
      margin: 0;
      color: rgba(248, 251, 255, 0.74);
      font-size: 14px;
    }

    .bbr-stats {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }

    .bbr-wallet-switch {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
      padding: 6px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 10px;
      background: rgba(0, 0, 0, 0.2);
    }

    .bbr-wallet-button {
      min-height: 48px;
      border: 1px solid transparent;
      border-radius: 7px;
      color: rgba(248, 251, 255, 0.72);
      background: transparent;
      font: inherit;
      font-size: 13px;
      font-weight: 800;
      cursor: pointer;
      transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
    }

    .bbr-wallet-button:hover:not(:disabled) {
      transform: translateY(-1px);
      color: #fff;
    }

    .bbr-wallet-button.is-selected {
      color: #101729;
      border-color: rgba(255, 235, 134, 0.7);
      background: linear-gradient(180deg, #fff0a2, #ffbe43);
      box-shadow: 0 8px 18px rgba(255, 184, 51, 0.18);
    }

    .bbr-wallet-button.is-coin.is-selected {
      border-color: rgba(103, 255, 213, 0.7);
      background: linear-gradient(180deg, #b4ffe5, #46d6a5);
      box-shadow: 0 8px 18px rgba(59, 239, 178, 0.15);
    }

    .bbr-wallet-note {
      margin: -6px 0 0;
      color: rgba(248, 251, 255, 0.54);
      font-size: 12px;
      line-height: 1.35;
    }

    .bbr-stat {
      min-height: 82px;
      padding: 14px;
      border: 1px solid rgba(255, 255, 255, 0.11);
      border-radius: 8px;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.035)),
        rgba(255, 255, 255, 0.04);
    }

    .bbr-label {
      display: block;
      color: rgba(248, 251, 255, 0.7);
      font-size: 12px;
      text-transform: uppercase;
    }

    .bbr-value {
      display: block;
      margin-top: 8px;
      font-size: 25px;
      font-weight: 700;
    }

    .bbr-bet-row {
      display: grid;
      grid-template-columns: 42px 1fr 42px;
      gap: 8px;
      align-items: center;
    }

    .bbr-loan-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(120px, auto);
      gap: 8px;
      align-items: center;
    }

    .bbr-bet {
      width: 100%;
      height: 42px;
      border: 1px solid rgba(255, 255, 255, 0.14);
      border-radius: 8px;
      color: #f8fbff;
      background: rgba(255, 255, 255, 0.08);
      font: inherit;
      text-align: center;
    }

    .bbr-actions {
      display: grid;
      gap: 10px;
    }

    .bbr-button {
      min-height: 48px;
      border: 0;
      border-radius: 8px;
      color: #101729;
      background: linear-gradient(180deg, #ffe87a, #ffb833);
      font: inherit;
      font-weight: 700;
      cursor: pointer;
      transition: transform 140ms ease, opacity 140ms ease, filter 140ms ease;
    }

    .bbr-button:hover:not(:disabled) {
      transform: translateY(-1px);
      filter: brightness(1.05);
    }

    .bbr-button:disabled {
      cursor: not-allowed;
      opacity: 0.48;
    }

    .bbr-button-secondary {
      color: #f8fbff;
      background: rgba(255, 255, 255, 0.1);
      border: 1px solid rgba(255, 255, 255, 0.14);
    }

    .bbr-button-danger {
      color: #fff;
      background: linear-gradient(180deg, #ff6f73, #df2f45);
    }

    .bbr-log {
      min-height: 88px;
      padding: 14px;
      border-radius: 8px;
      color: rgba(248, 251, 255, 0.82);
      background: rgba(0, 0, 0, 0.22);
      font-size: 14px;
      line-height: 1.4;
    }

    .bbr-screen {
      min-height: 100vh;
      padding: 22px;
      display: grid;
      place-items: center;
      position: relative;
      overflow: hidden;
    }

    .bbr-screen::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 24% 24%, rgba(255, 232, 122, 0.14), transparent 22rem),
        radial-gradient(circle at 76% 28%, rgba(84, 196, 255, 0.18), transparent 26rem),
        radial-gradient(circle at 50% 84%, rgba(255, 82, 102, 0.12), transparent 24rem);
      pointer-events: none;
    }

    .bbr-auth-layout {
      width: min(1040px, 100%);
      display: grid;
      grid-template-columns: minmax(280px, 420px) minmax(320px, 1fr);
      gap: 22px;
      align-items: stretch;
      position: relative;
      z-index: 1;
    }

    .bbr-auth-card,
    .bbr-game-card {
      padding: 22px;
      border: 1px solid rgba(142, 202, 255, 0.24);
      border-radius: 8px;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025)),
        rgba(6, 11, 22, 0.82);
      box-shadow: 0 26px 80px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.08);
      backdrop-filter: blur(16px);
    }

    .bbr-auth-card {
      display: grid;
      gap: 14px;
      align-content: start;
    }

    .bbr-auth-card h1,
    .bbr-auth-card h2 {
      margin: 0;
      color: #fff2b6;
      text-transform: uppercase;
      line-height: 1;
      letter-spacing: 0;
      text-shadow: 0 0 24px rgba(255, 184, 51, 0.28);
    }

    .bbr-auth-card p {
      margin: 0;
      color: rgba(248, 251, 255, 0.74);
      line-height: 1.45;
    }

    .bbr-field {
      display: grid;
      gap: 7px;
    }

    .bbr-field input {
      width: 100%;
      height: 44px;
      border: 1px solid rgba(255, 255, 255, 0.14);
      border-radius: 8px;
      color: #f8fbff;
      background: rgba(255, 255, 255, 0.08);
      font: inherit;
      padding: 0 12px;
    }

    .bbr-code-row {
      display: grid;
      grid-template-columns: 1fr 120px;
      gap: 8px;
    }

    .bbr-message {
      min-height: 44px;
      padding: 12px;
      border-radius: 8px;
      color: rgba(248, 251, 255, 0.84);
      background: rgba(0, 0, 0, 0.22);
      font-size: 14px;
      line-height: 1.35;
    }

    .bbr-message.is-error {
      color: #ffd0d6;
      background: rgba(223, 47, 69, 0.16);
      border: 1px solid rgba(255, 111, 115, 0.28);
    }

    .bbr-demo-mail {
      padding: 14px;
      border-radius: 8px;
      border: 1px dashed rgba(255, 232, 122, 0.36);
      background: rgba(255, 232, 122, 0.08);
      color: rgba(248, 251, 255, 0.86);
      line-height: 1.45;
    }

    .bbr-demo-mail strong {
      display: block;
      margin-top: 8px;
      color: #fff2b6;
      font-size: 28px;
      letter-spacing: 6px;
    }

    .bbr-avatar-preview,
    .bbr-avatar-small {
      border-radius: 50%;
      background:
        radial-gradient(circle at 35% 30%, rgba(255, 255, 255, 0.84), transparent 18%),
        linear-gradient(145deg, #54c4ff, #ffb833);
      object-fit: cover;
      overflow: hidden;
    }

    .bbr-avatar-preview {
      width: 92px;
      height: 92px;
      border: 2px solid rgba(255, 255, 255, 0.22);
    }

    .bbr-avatar-small {
      width: 42px;
      height: 42px;
      border: 1px solid rgba(255, 255, 255, 0.22);
      flex: 0 0 auto;
    }

    .bbr-profile-row,
    .bbr-player-card {
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .bbr-player-card {
      padding: 10px;
      border-radius: 8px;
      background: rgba(255, 255, 255, 0.07);
      border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .bbr-player-name {
      display: block;
      font-weight: 700;
    }

    .bbr-lobby-grid {
      width: min(1100px, 100%);
      display: grid;
      gap: 18px;
      position: relative;
      z-index: 1;
    }

    .bbr-lobby-header {
      display: flex;
      justify-content: space-between;
      gap: 14px;
      align-items: center;
      flex-wrap: wrap;
    }

    #boom-boom-rocket-app[data-device="mobile"] .gbl-notification-shell {
      top: calc(env(safe-area-inset-top, 0px) + 12px);
      right: 14px;
    }

    #boom-boom-rocket-app[data-device="mobile"] .gbl-notification-bell {
      width: 54px;
      height: 54px;
      border-radius: 18px;
    }

    #boom-boom-rocket-app[data-device="mobile"] .gbl-notification-drawer {
      top: calc(env(safe-area-inset-top, 0px) + 74px);
      right: 10px;
      width: min(420px, calc(100vw - 20px));
      max-height: min(74vh, 700px);
      border-radius: 22px;
    }

    #boom-boom-rocket-app[data-device="mobile"] .gbl-notification-drawer {
      padding: 14px;
    }

    #boom-boom-rocket-app[data-device="mobile"] .gbl-daily-reward {
      grid-template-columns: 1fr;
    }

    #boom-boom-rocket-app[data-device="mobile"] .gbl-daily-reward-button {
      width: 100%;
    }

    .bbr-game-card {
      display: grid;
      grid-template-columns: minmax(280px, 1fr) minmax(260px, 390px);
      gap: 18px;
      align-items: center;
    }

    .bbr-cover-art {
      position: relative;
      min-height: 340px;
      overflow: hidden;
      border-radius: 8px;
      border: 1px solid rgba(142, 202, 255, 0.24);
      background:
        radial-gradient(circle at 74% 18%, rgba(255, 255, 255, 0.9) 0 1px, transparent 2px),
        radial-gradient(circle at 28% 28%, rgba(255, 255, 255, 0.8) 0 1px, transparent 2px),
        radial-gradient(circle at 60% 42%, rgba(255, 232, 122, 0.16), transparent 18rem),
        linear-gradient(180deg, #040711, #0b1a32 62%, #1a2440);
      box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.44);
    }

    .bbr-cover-art::before {
      content: "";
      position: absolute;
      left: -18%;
      right: -18%;
      bottom: -120px;
      height: 210px;
      border-radius: 50% 50% 0 0;
      background:
        radial-gradient(ellipse at 35% 38%, rgba(255, 255, 255, 0.42), transparent 18%),
        linear-gradient(180deg, #95e3ff, #2d8bd5 52%, #0d2b6b);
      box-shadow: 0 -20px 60px rgba(84, 196, 255, 0.34);
    }

    .bbr-cover-rocket {
      position: absolute;
      left: 50%;
      top: 42%;
      width: 92px;
      height: 190px;
      transform: translate(-50%, -50%) rotate(28deg);
      filter: drop-shadow(0 30px 24px rgba(0, 0, 0, 0.42));
    }

    .bbr-cover-rocket::before {
      content: "";
      position: absolute;
      left: 28px;
      top: 0;
      width: 38px;
      height: 126px;
      border-radius: 48% 48% 15px 15px;
      background:
        radial-gradient(circle at 50% 34%, #8ee8ff 0 10px, #16385f 11px 15px, transparent 16px),
        linear-gradient(90deg, #b9c6d4, #f7fbff 48%, #8394a9);
      box-shadow: inset -10px 0 18px rgba(0, 0, 0, 0.24);
    }

    .bbr-cover-rocket::after {
      content: "";
      position: absolute;
      left: 24px;
      bottom: 0;
      width: 48px;
      height: 96px;
      border-radius: 50%;
      background: linear-gradient(#fff1a1, #ff9138 44%, rgba(255, 73, 40, 0));
      filter: blur(3px) drop-shadow(0 0 26px rgba(255, 122, 45, 0.7));
    }

    .bbr-cover-title {
      position: absolute;
      left: 18px;
      right: 18px;
      bottom: 18px;
      color: #fff2b6;
      font-size: 34px;
      font-weight: 800;
      line-height: 0.95;
      text-transform: uppercase;
      text-shadow: 0 8px 26px rgba(0, 0, 0, 0.5);
    }

    .frogy-cover-art {
      background:
        radial-gradient(circle at 16% 18%, rgba(255, 255, 255, 0.9) 0 1px, transparent 2px),
        radial-gradient(circle at 82% 23%, rgba(255, 236, 156, 0.8) 0 1px, transparent 2px),
        radial-gradient(ellipse at 48% 72%, rgba(82, 224, 164, 0.34), transparent 18rem),
        linear-gradient(180deg, #061a2a 0%, #083044 43%, #063525 100%);
    }

    .frogy-cover-art::before {
      left: -10%;
      right: -10%;
      bottom: -74px;
      height: 176px;
      background:
        radial-gradient(ellipse at 25% 35%, rgba(201, 255, 157, 0.75), transparent 18%),
        radial-gradient(ellipse at 61% 38%, rgba(119, 245, 178, 0.62), transparent 17%),
        linear-gradient(180deg, #67d98e, #1d8c61 55%, #084d39);
      box-shadow: 0 -24px 80px rgba(79, 255, 172, 0.2);
    }

    .frogy-cover-frog {
      position: absolute;
      left: 50%;
      top: 42%;
      width: 138px;
      height: 98px;
      transform: translate(-50%, -50%);
      border-radius: 48% 48% 42% 42%;
      background:
        radial-gradient(circle at 27% 22%, #0b1715 0 6px, #eef9df 7px 16px, transparent 17px),
        radial-gradient(circle at 72% 22%, #0b1715 0 6px, #eef9df 7px 16px, transparent 17px),
        radial-gradient(ellipse at 50% 72%, rgba(236, 255, 186, 0.28), transparent 28px),
        linear-gradient(145deg, #8cef5e, #22aa5f 61%, #075a3c);
      box-shadow: inset -14px -17px 25px rgba(0, 0, 0, 0.24), 0 30px 28px rgba(0, 0, 0, 0.34);
      animation: frogy-cover-bob 2.5s ease-in-out infinite;
    }

    .frogy-cover-frog::before,
    .frogy-cover-frog::after {
      content: "";
      position: absolute;
      bottom: -12px;
      width: 48px;
      height: 28px;
      border-radius: 50% 46% 48% 52%;
      background: linear-gradient(145deg, #5cdf70, #096842);
      box-shadow: inset -8px -7px 12px rgba(0, 0, 0, 0.22);
    }

    .frogy-cover-frog::before {
      left: -17px;
      transform: rotate(16deg);
    }

    .frogy-cover-frog::after {
      right: -17px;
      transform: rotate(-16deg);
    }

    .frogy-stage {
      position: relative;
      min-height: calc(100vh - 44px);
      overflow: hidden;
      border: 1px solid rgba(116, 255, 199, 0.24);
      border-radius: 8px;
      isolation: isolate;
      background:
        linear-gradient(180deg, rgba(2, 10, 16, 0.18), rgba(0, 10, 13, 0.42)),
        url("frogy-moonlit-pond.png") center / cover no-repeat;
      box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.54);
    }

    .frogy-stage::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      background:
        radial-gradient(ellipse at 50% 58%, rgba(174, 255, 224, 0.12), transparent 32%),
        repeating-linear-gradient(105deg, rgba(255, 255, 255, 0.045) 0 1px, transparent 1px 42px),
        repeating-linear-gradient(14deg, rgba(139, 240, 215, 0.04) 0 1px, transparent 1px 34px);
      mix-blend-mode: screen;
      opacity: 0.66;
      animation: frogy-water-shimmer 6s ease-in-out infinite alternate;
      pointer-events: none;
    }

    .frogy-stage::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 20;
      background:
        radial-gradient(circle at 50% 50%, transparent 0 58%, rgba(0, 0, 0, 0.32) 100%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 36%, rgba(0, 0, 0, 0.2));
      pointer-events: none;
    }

    .frogy-water-layer {
      position: absolute;
      inset: -18%;
      z-index: 0;
      background:
        radial-gradient(ellipse at 24% 40%, rgba(132, 242, 214, 0.1), transparent 18%),
        radial-gradient(ellipse at 72% 62%, rgba(91, 180, 255, 0.1), transparent 22%),
        repeating-radial-gradient(ellipse at center, rgba(255, 255, 255, 0.035) 0 1px, transparent 2px 34px);
      filter: blur(0.4px);
      animation: frogy-water-drift 15s linear infinite;
    }

    .frogy-bank {
      position: absolute;
      left: -6%;
      right: -6%;
      bottom: -84px;
      z-index: 2;
      height: 178px;
      border-radius: 50% 50% 0 0;
      background:
        radial-gradient(ellipse at 22% 24%, rgba(188, 255, 135, 0.55), transparent 11%),
        radial-gradient(ellipse at 74% 30%, rgba(102, 213, 107, 0.42), transparent 13%),
        linear-gradient(180deg, #275f3b, #12432d 64%, #082719);
      box-shadow: 0 -24px 70px rgba(61, 255, 164, 0.14), inset 0 20px 22px rgba(255, 255, 255, 0.08);
    }

    .frogy-reeds,
    .frogy-reeds::before,
    .frogy-reeds::after {
      position: absolute;
      bottom: 46px;
      z-index: 3;
      width: 12px;
      height: 116px;
      border-radius: 999px 999px 8px 8px;
      background: linear-gradient(180deg, #a7d86d, #255b2e);
      box-shadow: 24px 22px 0 -2px #2f6d36, 48px 8px 0 -3px #78aa51, 68px 28px 0 -4px #24532c;
      transform-origin: bottom center;
      animation: frogy-reed-sway 4.5s ease-in-out infinite alternate;
    }

    .frogy-reeds {
      left: 24px;
    }

    .frogy-reeds::before {
      content: "";
      left: auto;
      right: -82vw;
      bottom: 0;
      transform: scaleX(-1);
      animation-delay: -1.3s;
    }

    .frogy-reeds::after {
      content: "";
      left: 46vw;
      bottom: -8px;
      transform: scale(0.65);
      opacity: 0.62;
      animation-delay: -2.4s;
    }

    .frogy-status {
      position: absolute;
      left: 24px;
      top: 22px;
      z-index: 15;
      padding: 10px 14px;
      border: 1px solid rgba(255, 255, 255, 0.14);
      border-radius: 999px;
      color: #eafff6;
      background: rgba(0, 0, 0, 0.34);
      backdrop-filter: blur(10px);
      font-weight: 800;
    }

    .frogy-multiplier {
      position: absolute;
      right: 24px;
      top: 18px;
      z-index: 15;
      color: #fff2b6;
      font-size: clamp(38px, 6vw, 76px);
      font-weight: 900;
      text-shadow: 0 0 28px rgba(255, 232, 122, 0.32), 0 12px 28px rgba(0, 0, 0, 0.34);
    }

    .frogy-path-line {
      position: absolute;
      left: 10%;
      right: 6%;
      top: 54%;
      z-index: 3;
      height: 4px;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(207, 255, 181, 0.04), rgba(255, 232, 122, 0.18), rgba(207, 255, 181, 0.04));
      box-shadow: 0 0 22px rgba(255, 232, 122, 0.1);
      transform: translateY(-50%);
    }

    .frogy-start-pad {
      position: absolute;
      left: 7%;
      top: 54%;
      z-index: 4;
      width: 94px;
      height: 68px;
      border-radius: 52% 48% 46% 54%;
      background:
        radial-gradient(ellipse at 36% 30%, rgba(224, 255, 193, 0.4), transparent 22%),
        linear-gradient(145deg, #8bdf76, #277a48 60%, #0d4b34);
      box-shadow: inset -12px -12px 18px rgba(0, 0, 0, 0.24), 0 18px 28px rgba(0, 0, 0, 0.28);
      transform: translate(-50%, -50%) rotate(-5deg);
    }

    .frogy-pad-track {
      position: absolute;
      left: 15%;
      right: 6%;
      top: 54%;
      z-index: 5;
      display: grid;
      grid-template-columns: repeat(var(--pad-count, 8), minmax(58px, 1fr));
      gap: clamp(8px, 1.3vw, 16px);
      align-items: center;
      transform: translateY(-50%);
    }

    .frogy-pad-slot {
      position: relative;
      min-height: 124px;
      display: grid;
      place-items: center;
      overflow: visible;
    }

    .frogy-pad {
      position: relative;
      z-index: 3;
      width: 100%;
      min-height: clamp(68px, 7.2vw, 92px);
      border-radius: 52% 48% 50% 46%;
      border: 1px solid rgba(217, 255, 184, 0.26);
      color: #ffffff;
      background:
        radial-gradient(ellipse at 31% 28%, rgba(237, 255, 197, 0.62), transparent 18%),
        radial-gradient(ellipse at 72% 72%, rgba(8, 73, 47, 0.36), transparent 25%),
        repeating-radial-gradient(ellipse at 60% 44%, rgba(255,255,255,0.09) 0 1px, transparent 1px 8px),
        linear-gradient(145deg, #8eea7e, #2e9758 57%, #0a4934);
      box-shadow: inset -13px -15px 20px rgba(0, 0, 0, 0.28), inset 10px 9px 14px rgba(255, 255, 255, 0.14), 0 18px 28px rgba(0, 0, 0, 0.42);
      display: grid;
      place-items: center;
      font-weight: 900;
      text-shadow: 0 2px 8px rgba(0, 0, 0, 0.42);
      transform: translateY(var(--bob, 0)) rotate(var(--tilt, -2deg));
      transition: transform 240ms ease, filter 240ms ease, opacity 240ms ease, box-shadow 240ms ease;
    }

    .frogy-pad::before {
      content: "";
      position: absolute;
      inset: 18% 14% 18% 46%;
      border-radius: 999px 0 0 999px;
      border-left: 3px solid rgba(6, 82, 50, 0.36);
      transform: rotate(15deg);
    }

    .frogy-pad::after {
      content: "";
      position: absolute;
      left: 52%;
      top: 50%;
      width: 28%;
      height: 9%;
      border-radius: 999px;
      background: rgba(6, 82, 50, 0.2);
      transform: translate(-50%, -50%) rotate(28deg);
    }

    .frogy-pad-slot:nth-child(2n) .frogy-pad {
      --tilt: 3deg;
      --bob: 14px;
    }

    .frogy-pad-slot:nth-child(3n) .frogy-pad {
      --tilt: -5deg;
      --bob: -10px;
    }

    .frogy-pad.is-safe {
      filter: brightness(1.16) saturate(1.16);
      box-shadow: 0 0 26px rgba(122, 255, 166, 0.24), inset -13px -15px 20px rgba(0, 0, 0, 0.22), 0 20px 30px rgba(0, 0, 0, 0.3);
      transform: translateY(var(--bob, 0)) rotate(var(--tilt, -2deg)) scale(1.05);
    }

    .frogy-pad.is-current {
      outline: 3px solid rgba(255, 232, 122, 0.78);
      box-shadow: 0 0 36px rgba(255, 232, 122, 0.32), inset -13px -15px 20px rgba(0, 0, 0, 0.22), 0 20px 30px rgba(0, 0, 0, 0.3);
    }

    .frogy-pad.is-danger {
      filter: saturate(0.58) brightness(0.72);
      animation: frogy-pad-sink 580ms ease-out forwards;
    }

    .frogy-step-label {
      position: relative;
      z-index: 1;
      padding: 7px 10px;
      border-radius: 999px;
      background: rgba(0, 0, 0, 0.22);
      border: 1px solid rgba(255, 255, 255, 0.12);
    }

    .frogy-koi-school {
      position: absolute;
      left: 15%;
      right: 6%;
      top: 0;
      bottom: 0;
      z-index: 4;
      display: grid;
      grid-template-columns: repeat(var(--pad-count, 8), minmax(58px, 1fr));
      gap: clamp(8px, 1.3vw, 16px);
      overflow: hidden;
      pointer-events: none;
    }

    .frogy-koi-lane {
      position: absolute;
      position: relative;
      min-width: 0;
      height: 100%;
      border-left: 1px solid rgba(207, 255, 242, 0.08);
      border-right: 1px solid rgba(207, 255, 242, 0.035);
      background:
        linear-gradient(180deg, rgba(206, 255, 240, 0.06), transparent 20%, transparent 78%, rgba(206, 255, 240, 0.04));
    }

    .frogy-koi-lane::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: 120%;
      height: 150px;
      transform: translate(-50%, -50%);
      background: radial-gradient(ellipse, rgba(128, 244, 218, 0.08), transparent 68%);
      opacity: 0;
      transition: opacity 160ms ease;
    }

    .frogy-koi-lane.is-striking::before {
      opacity: 1;
      animation: frogy-strike-water 560ms ease-out;
    }

    .frogy-koi {
      position: absolute;
      left: 50%;
      top: -18%;
      width: 84px;
      height: 32px;
      border-radius: 54% 46% 50% 56%;
      background:
        radial-gradient(circle at 73% 42%, #07130f 0 3px, transparent 3.7px),
        radial-gradient(ellipse at 29% 42%, #e84625 0 17%, transparent 18%),
        radial-gradient(ellipse at 54% 60%, #fff0c8 0 17%, transparent 18%),
        radial-gradient(ellipse at 67% 28%, #f35e2f 0 11%, transparent 12%),
        linear-gradient(90deg, #fff9df, #f7ae6d 50%, #d94726);
      box-shadow: 0 10px 16px rgba(0, 0, 0, 0.28), inset -8px -7px 11px rgba(47, 15, 5, 0.24), inset 5px 6px 10px rgba(255, 255, 255, 0.22);
      filter: drop-shadow(0 0 10px rgba(255, 179, 105, 0.16));
      animation: frogy-koi-vertical var(--speed, 5.6s) linear infinite;
      animation-delay: var(--delay, 0s);
      transform: translateX(-50%) rotate(90deg);
    }

    .frogy-koi::before {
      content: "";
      position: absolute;
      left: -18px;
      top: 6px;
      border-right: 25px solid rgba(238, 101, 52, 0.92);
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
      transform-origin: right center;
      animation: frogy-tail 320ms ease-in-out infinite alternate;
    }

    .frogy-koi::after {
      content: "";
      position: absolute;
      left: 34px;
      top: -8px;
      width: 24px;
      height: 15px;
      border-radius: 50%;
      background: rgba(255, 238, 188, 0.7);
      transform: rotate(-22deg);
    }

    .frogy-frog-shadow {
      position: absolute;
      left: 7%;
      top: 59%;
      z-index: 5;
      width: 82px;
      height: 22px;
      border-radius: 50%;
      background: rgba(0, 0, 0, 0.28);
      filter: blur(5px);
      transform: translate(-50%, -50%);
      transition: left 430ms cubic-bezier(.2,.9,.23,1.1), top 430ms cubic-bezier(.2,.9,.23,1.1), opacity 220ms ease, transform 220ms ease;
    }

    .frogy-frog {
      position: absolute;
      left: 7%;
      top: 51.5%;
      z-index: 9;
      width: 84px;
      height: 62px;
      border-radius: 48% 48% 43% 43%;
      background:
        radial-gradient(circle at 27% 26%, #0b1715 0 4px, #edf8df 5px 11px, transparent 12px),
        radial-gradient(circle at 71% 26%, #0b1715 0 4px, #edf8df 5px 11px, transparent 12px),
        radial-gradient(ellipse at 50% 73%, rgba(238, 255, 188, 0.28), transparent 21px),
        radial-gradient(ellipse at 38% 58%, rgba(62, 115, 27, 0.24) 0 5px, transparent 6px),
        radial-gradient(ellipse at 62% 62%, rgba(62, 115, 27, 0.2) 0 4px, transparent 5px),
        linear-gradient(145deg, #b8f67d, #33b960 60%, #08623f);
      box-shadow: inset -10px -11px 15px rgba(0, 0, 0, 0.27), inset 8px 7px 13px rgba(255, 255, 255, 0.16), 0 17px 20px rgba(0, 0, 0, 0.36);
      transform: translate(-50%, -52%);
      transition: left 430ms cubic-bezier(.2,.9,.23,1.1), top 430ms cubic-bezier(.2,.9,.23,1.1), transform 220ms ease, opacity 220ms ease;
    }

    .frogy-frog::before,
    .frogy-frog::after {
      content: "";
      position: absolute;
      bottom: -9px;
      width: 30px;
      height: 18px;
      border-radius: 50%;
      background: linear-gradient(145deg, #67e46e, #0c6b43);
      box-shadow: inset -6px -5px 8px rgba(0, 0, 0, 0.2);
    }

    .frogy-frog::before {
      left: -8px;
      transform: rotate(16deg);
    }

    .frogy-frog::after {
      right: -8px;
      transform: rotate(-16deg);
    }

    .frogy-stage.is-hopping .frogy-frog {
      animation: frogy-hop 430ms ease-out;
    }

    .frogy-stage.is-hopping .frogy-frog-shadow {
      animation: frogy-shadow-hop 430ms ease-out;
    }

    .frogy-stage.is-hit {
      animation: bbr-stage-shake 540ms cubic-bezier(.36,.07,.19,.97);
    }

    .frogy-stage.is-hit .frogy-frog {
      transform: translate(-50%, -52%) rotate(86deg) scale(0.84);
      opacity: 0.42;
    }

    .frogy-stage.is-hit .frogy-frog-shadow {
      opacity: 0.12;
      transform: translate(-50%, -50%) scale(1.35);
    }

    .frogy-start-pad,
    .frogy-pad {
      overflow: visible;
      clip-path: polygon(7% 48%, 13% 25%, 31% 9%, 58% 6%, 84% 18%, 98% 39%, 96% 62%, 80% 84%, 53% 96%, 26% 90%, 8% 70%);
      border: 0;
      background:
        radial-gradient(ellipse at 29% 24%, rgba(229, 255, 169, 0.62), transparent 13%),
        radial-gradient(ellipse at 64% 60%, rgba(6, 74, 34, 0.24), transparent 24%),
        repeating-radial-gradient(ellipse at 50% 54%, rgba(255,255,255,0.1) 0 1px, transparent 1px 8px),
        linear-gradient(138deg, #b7ed82 0%, #4eb56a 47%, #146343 78%, #0a3e30 100%);
      box-shadow: inset -15px -14px 18px rgba(1, 29, 16, 0.34), inset 9px 8px 12px rgba(255, 255, 255, 0.2), 0 17px 28px rgba(0, 0, 0, 0.46);
    }

    .frogy-start-pad::before,
    .frogy-pad::before {
      inset: auto;
      left: 49%;
      top: 46%;
      width: 50%;
      height: 30%;
      border: 0;
      border-radius: 0;
      background: linear-gradient(32deg, transparent 0 47%, rgba(7, 78, 43, 0.5) 48% 52%, transparent 53%);
      transform: translate(-50%, -50%) rotate(7deg);
    }

    .frogy-start-pad::after,
    .frogy-pad::after {
      left: 68%;
      top: 22%;
      width: 32%;
      height: 50%;
      border-radius: 0;
      background: linear-gradient(135deg, transparent 0 47%, rgba(5, 49, 31, 0.44) 48% 52%, transparent 53%);
      transform: translate(-50%, -50%) rotate(18deg);
    }

    .frogy-pad-notch {
      position: absolute;
      z-index: 2;
      right: -1px;
      top: 39%;
      width: 32%;
      height: 22%;
      clip-path: polygon(0 48%, 100% 0, 100% 100%);
      background: rgba(4, 49, 35, 0.7);
    }

    .frogy-pad-vein {
      position: absolute;
      z-index: 2;
      left: 48%;
      top: 47%;
      width: 43%;
      height: 2px;
      border-radius: 99px;
      transform-origin: left center;
      background: linear-gradient(90deg, rgba(16, 90, 44, 0.66), rgba(15, 99, 45, 0));
    }

    .frogy-pad-vein-one { transform: rotate(-33deg); }
    .frogy-pad-vein-two { transform: rotate(8deg); }
    .frogy-pad-vein-three { transform: rotate(38deg); }

    .frogy-step-label {
      z-index: 4;
      padding: 6px 9px;
      background: rgba(2, 20, 16, 0.38);
      border-color: rgba(238, 255, 199, 0.28);
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.22);
    }

    .frogy-koi {
      width: 94px;
      height: 46px;
      border-radius: 0;
      background: none;
      box-shadow: none;
      filter: drop-shadow(0 10px 10px rgba(0, 0, 0, 0.32));
    }

    .frogy-koi::before,
    .frogy-koi::after {
      display: none;
    }

    .frogy-koi-body {
      position: absolute;
      right: 2px;
      top: 4px;
      width: 76px;
      height: 38px;
      overflow: hidden;
      border-radius: 56% 48% 48% 58%;
      background:
        radial-gradient(circle at 78% 42%, #080e0c 0 2px, #f8f5d1 2.5px 4px, transparent 4.5px),
        radial-gradient(ellipse at 26% 42%, #e7442d 0 18%, transparent 19%),
        radial-gradient(ellipse at 54% 64%, #f4c755 0 15%, transparent 16%),
        radial-gradient(ellipse at 70% 24%, #f05a36 0 13%, transparent 14%),
        linear-gradient(100deg, #fff8d8, #ef9b55 52%, #c83f2c);
      border: 1px solid rgba(255, 246, 207, 0.35);
      box-shadow: inset -8px -7px 9px rgba(61, 16, 6, 0.28), inset 5px 5px 9px rgba(255, 255, 255, 0.32);
    }

    .frogy-koi-tail {
      position: absolute;
      left: -1px;
      top: 9px;
      width: 31px;
      height: 28px;
      clip-path: polygon(100% 50%, 0 0, 18% 50%, 0 100%);
      background: linear-gradient(90deg, #cc412b, #f4945c);
      transform-origin: 88% 50%;
      animation: frogy-tail 220ms ease-in-out infinite alternate;
    }

    .frogy-koi-fin {
      position: absolute;
      z-index: 2;
      left: 37px;
      width: 22px;
      height: 14px;
      border-radius: 72% 22% 72% 22%;
      background: rgba(237, 106, 57, 0.74);
      transform-origin: left center;
    }

    .frogy-koi-fin-top { top: -2px; transform: rotate(-22deg); }
    .frogy-koi-fin-bottom { bottom: -2px; transform: rotate(28deg) scaleY(-1); }

    .frogy-koi-eye,
    .frogy-koi-mark {
      position: absolute;
      display: block;
      border-radius: 50%;
    }

    .frogy-koi-eye {
      right: 13px;
      top: 14px;
      width: 5px;
      height: 5px;
      background: #0a100c;
      box-shadow: 0 0 0 2px rgba(255, 247, 209, 0.86);
    }

    .frogy-koi-mark-one {
      left: 18px;
      top: 9px;
      width: 13px;
      height: 10px;
      background: rgba(218, 52, 34, 0.7);
    }

    .frogy-koi-mark-two {
      left: 42px;
      bottom: 6px;
      width: 14px;
      height: 8px;
      background: rgba(255, 238, 182, 0.55);
    }

    .frogy-frog {
      width: 116px;
      height: 84px;
      background: none;
      box-shadow: none;
      filter: drop-shadow(0 13px 9px rgba(0, 0, 0, 0.3));
    }

    .frogy-frog::before,
    .frogy-frog::after {
      display: none;
    }

    .frogy-frog-body {
      position: absolute;
      z-index: 3;
      left: 23px;
      top: 11px;
      width: 70px;
      height: 60px;
      border-radius: 48% 49% 43% 45%;
      background:
        radial-gradient(ellipse at 32% 62%, rgba(38, 100, 31, 0.4) 0 6px, transparent 7px),
        radial-gradient(ellipse at 64% 72%, rgba(38, 100, 31, 0.34) 0 5px, transparent 6px),
        radial-gradient(ellipse at 48% 76%, rgba(241, 249, 184, 0.44), transparent 28%),
        linear-gradient(145deg, #c4ee83, #51ba5c 54%, #167344 100%);
      border: 1px solid rgba(211, 255, 177, 0.34);
      box-shadow: inset -9px -10px 12px rgba(5, 51, 26, 0.28), inset 8px 7px 11px rgba(255, 255, 255, 0.18);
    }

    .frogy-eye {
      position: absolute;
      top: -8px;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background: radial-gradient(circle at 50% 51%, #101812 0 4px, #eaf5d7 4.5px 10px, #57b962 10.5px 100%);
      border: 1px solid rgba(218, 255, 193, 0.5);
      box-shadow: inset -4px -4px 6px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.2);
    }

    .frogy-eye-left { left: 8px; }
    .frogy-eye-right { right: 8px; }

    .frogy-eye i {
      position: absolute;
      left: 8px;
      top: 7px;
      width: 7px;
      height: 8px;
      border-radius: 50%;
      background: #07100b;
      box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.72);
    }

    .frogy-frog-snout {
      position: absolute;
      left: 21px;
      bottom: 8px;
      width: 29px;
      height: 12px;
      border-bottom: 2px solid rgba(13, 65, 38, 0.8);
      border-radius: 50%;
    }

    .frogy-frog-snout::before,
    .frogy-frog-snout::after {
      content: "";
      position: absolute;
      top: -3px;
      width: 3px;
      height: 3px;
      border-radius: 50%;
      background: rgba(7, 42, 25, 0.78);
    }

    .frogy-frog-snout::before { left: 8px; }
    .frogy-frog-snout::after { right: 8px; }

    .frogy-frog-spots {
      position: absolute;
      left: 12px;
      bottom: 15px;
      width: 8px;
      height: 6px;
      border-radius: 50%;
      background: rgba(25, 102, 46, 0.42);
      box-shadow: 38px 3px 0 -1px rgba(25, 102, 46, 0.35), 25px -8px 0 -2px rgba(25, 102, 46, 0.45);
    }

    .frogy-leg {
      position: absolute;
      z-index: 2;
      width: 44px;
      height: 30px;
      transform-origin: 70% 35%;
    }

    .frogy-leg i,
    .frogy-leg b {
      position: absolute;
      display: block;
      border-radius: 999px;
      background: linear-gradient(145deg, #90de6d, #1e7a46);
      box-shadow: inset -4px -4px 6px rgba(0, 0, 0, 0.2);
    }

    .frogy-leg i {
      width: 31px;
      height: 15px;
      transform-origin: right center;
    }

    .frogy-leg b {
      width: 25px;
      height: 11px;
      transform-origin: left center;
    }

    .frogy-leg b::before,
    .frogy-leg b::after {
      content: "";
      position: absolute;
      right: -6px;
      width: 10px;
      height: 3px;
      border-radius: 99px;
      background: #57b95c;
      transform-origin: left center;
    }

    .frogy-leg b::before { top: 1px; transform: rotate(-24deg); }
    .frogy-leg b::after { bottom: 1px; transform: rotate(24deg); }

    .frogy-leg-back { bottom: 5px; }
    .frogy-leg-front { top: 39px; }
    .frogy-leg-left { left: 0; }
    .frogy-leg-right { right: 0; transform: scaleX(-1); }
    .frogy-leg-back i { top: 4px; transform: rotate(-28deg); }
    .frogy-leg-back b { left: 0; top: 18px; transform: rotate(28deg); }
    .frogy-leg-front i { top: 3px; transform: rotate(20deg); }
    .frogy-leg-front b { left: 22px; top: 13px; transform: rotate(-14deg); }

    .frogy-stage.is-hopping .frogy-leg-back.frogy-leg-left { animation: frogy-back-leg-left 430ms ease-out; }
    .frogy-stage.is-hopping .frogy-leg-back.frogy-leg-right { animation: frogy-back-leg-right 430ms ease-out; }
    .frogy-stage.is-hopping .frogy-leg-front.frogy-leg-left { animation: frogy-front-leg-left 430ms ease-out; }
    .frogy-stage.is-hopping .frogy-leg-front.frogy-leg-right { animation: frogy-front-leg-right 430ms ease-out; }

    .frogy-splash {
      position: absolute;
      left: 7%;
      top: 56%;
      z-index: 8;
      width: 26px;
      height: 26px;
      border-radius: 50%;
      border: 2px solid rgba(187, 244, 255, 0);
      transform: translate(-50%, -50%);
      pointer-events: none;
    }

    .frogy-stage.is-hit .frogy-splash {
      animation: frogy-splash 820ms ease-out forwards;
    }

    .is-hidden {
      display: none !important;
    }

    .bbr-stage {
      position: relative;
      min-height: calc(100vh - 44px);
      overflow: hidden;
      border: 1px solid rgba(142, 202, 255, 0.2);
      border-radius: 8px;
      background:
        radial-gradient(ellipse at 54% 52%, rgba(44, 96, 158, 0.22), transparent 31rem),
        radial-gradient(ellipse at 84% 24%, rgba(134, 95, 210, 0.13), transparent 20rem),
        radial-gradient(circle at 62% 34%, rgba(63, 116, 185, 0.18), transparent 23rem),
        radial-gradient(circle at 28% 76%, rgba(64, 145, 209, 0.14), transparent 21rem),
        linear-gradient(180deg, #030711 0%, #050b17 45%, #081427 100%);
      box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.45);
    }

    .bbr-stage::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      background:
        linear-gradient(111deg, transparent 0 44%, rgba(255, 255, 255, 0.04) 47%, transparent 51%),
        linear-gradient(23deg, transparent 0 58%, rgba(87, 172, 255, 0.045) 61%, transparent 66%),
        radial-gradient(ellipse at center bottom, rgba(86, 171, 255, 0.22), transparent 47%);
      opacity: 0.84;
      pointer-events: none;
    }

    .bbr-stage::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 2;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 35%, rgba(1, 7, 18, 0.22)),
        radial-gradient(circle at 50% 50%, transparent 0 55%, rgba(0, 0, 0, 0.22) 100%);
      pointer-events: none;
    }

    .bbr-star-layer,
    .bbr-space-dust,
    .bbr-shooting-star {
      position: absolute;
      inset: -20%;
      z-index: 0;
      pointer-events: none;
    }

    .bbr-star-layer {
      opacity: 0.9;
      background-repeat: repeat;
      transform: translate3d(0, 0, 0);
      animation: bbr-star-drift 28s linear infinite;
    }

    .bbr-stars-back {
      background-image:
        radial-gradient(circle, rgba(255, 255, 255, 0.74) 0 1px, transparent 1.7px),
        radial-gradient(circle, rgba(142, 202, 255, 0.52) 0 1px, transparent 1.5px),
        radial-gradient(circle, rgba(255, 232, 172, 0.45) 0 1px, transparent 1.6px);
      background-size: 190px 170px, 260px 230px, 340px 290px;
      background-position: 12px 28px, 90px 40px, 190px 130px;
      animation-duration: 44s;
    }

    .bbr-stars-mid {
      background-image:
        radial-gradient(circle, rgba(255, 255, 255, 0.92) 0 1.2px, transparent 2px),
        radial-gradient(circle, rgba(255, 232, 176, 0.72) 0 1px, transparent 1.9px);
      background-size: 310px 250px, 380px 300px;
      background-position: 36px 70px, 160px 18px;
      animation-duration: 30s;
    }

    .bbr-stars-front {
      background-image:
        radial-gradient(circle, rgba(255, 255, 255, 1) 0 1px, transparent 2px),
        radial-gradient(circle, rgba(178, 221, 255, 0.88) 0 1.3px, transparent 2.2px);
      background-size: 430px 320px, 520px 400px;
      background-position: 110px 45px, 14px 170px;
      animation-duration: 20s;
      animation-name: bbr-star-drift-front;
    }

    .bbr-space-dust {
      z-index: 1;
      background:
        radial-gradient(ellipse at 62% 40%, rgba(91, 159, 230, 0.18), transparent 28%),
        radial-gradient(ellipse at 44% 62%, rgba(255, 203, 110, 0.1), transparent 24%),
        radial-gradient(ellipse at 74% 74%, rgba(159, 113, 255, 0.11), transparent 28%),
        conic-gradient(from 18deg at 62% 48%, transparent 0 10%, rgba(116, 194, 255, 0.07) 13% 17%, transparent 21% 45%, rgba(255, 232, 172, 0.06) 49% 53%, transparent 57% 100%);
      filter: blur(9px) saturate(1.15);
      animation: bbr-dust-drift 18s ease-in-out infinite alternate;
    }

    .bbr-shooting-star {
      inset: auto;
      top: 18%;
      left: 72%;
      width: 170px;
      height: 2px;
      z-index: 1;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.86), rgba(113, 197, 255, 0));
      opacity: 0;
      transform: rotate(-22deg) translateX(0);
      animation: bbr-shoot 7s ease-in-out infinite;
    }

    .bbr-planet {
      position: absolute;
      left: -14%;
      right: -14%;
      bottom: -190px;
      z-index: 1;
      height: 340px;
      border-radius: 50% 50% 0 0;
      overflow: hidden;
      opacity: 1;
      transition: opacity 900ms ease, transform 900ms ease;
      will-change: opacity, transform;
      background:
        radial-gradient(circle at 28% 42%, rgba(255, 255, 255, 0.55), transparent 8%),
        radial-gradient(circle at 62% 30%, rgba(255, 255, 255, 0.34), transparent 10%),
        radial-gradient(circle at 78% 58%, rgba(255, 255, 255, 0.18), transparent 8%),
        radial-gradient(ellipse at 42% 54%, rgba(68, 154, 91, 0.72), transparent 13%),
        radial-gradient(ellipse at 70% 42%, rgba(74, 139, 80, 0.62), transparent 10%),
        linear-gradient(22deg, transparent 0 21%, rgba(60, 139, 82, 0.76) 24% 32%, transparent 35% 52%, rgba(56, 152, 92, 0.68) 55% 62%, transparent 65%),
        linear-gradient(180deg, rgba(155, 226, 255, 1), rgba(45, 137, 211, 0.98) 38%, rgba(16, 57, 130, 1) 70%, rgba(8, 24, 63, 1));
      box-shadow:
        0 -18px 70px rgba(84, 196, 255, 0.38),
        inset 0 24px 28px rgba(255, 255, 255, 0.22),
        inset 0 -70px 60px rgba(0, 0, 0, 0.28);
      pointer-events: none;
    }

    .bbr-planet::before {
      content: "";
      position: absolute;
      inset: 12px 2% auto;
      height: 96px;
      border-radius: 50%;
      background:
        radial-gradient(ellipse at 26% 45%, rgba(255, 255, 255, 0.42), transparent 16%),
        radial-gradient(ellipse at 56% 28%, rgba(255, 255, 255, 0.3), transparent 20%),
        radial-gradient(ellipse at 76% 55%, rgba(255, 255, 255, 0.24), transparent 14%),
        linear-gradient(8deg, transparent 0 18%, rgba(255, 255, 255, 0.2) 21% 24%, transparent 28% 54%, rgba(255, 255, 255, 0.18) 57% 60%, transparent 64%);
      filter: blur(3px);
      opacity: 0.76;
      animation: bbr-cloud-drift 16s ease-in-out infinite alternate;
    }

    .bbr-planet::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 44px;
      background: linear-gradient(180deg, rgba(210, 244, 255, 0.48), rgba(93, 191, 255, 0.12), transparent);
      filter: blur(1px);
    }

    .bbr-moon,
    .bbr-planet-pack,
    .bbr-galaxy {
      position: absolute;
      z-index: 1;
      opacity: 0;
      pointer-events: none;
      transition: opacity 900ms ease, transform 900ms ease, filter 900ms ease;
      will-change: opacity, transform;
    }

    .bbr-moon {
      top: 12%;
      right: 10%;
      width: 138px;
      height: 138px;
      border-radius: 50%;
      background:
        radial-gradient(circle at 34% 28%, rgba(255, 255, 255, 0.42), transparent 9%),
        radial-gradient(circle at 66% 38%, rgba(73, 80, 93, 0.36), transparent 10%),
        radial-gradient(circle at 44% 66%, rgba(73, 80, 93, 0.3), transparent 13%),
        radial-gradient(circle at 58% 74%, rgba(255, 255, 255, 0.22), transparent 8%),
        linear-gradient(135deg, #f2f0e8, #aaa9a4 58%, #6d7078);
      box-shadow:
        0 0 44px rgba(222, 236, 255, 0.24),
        inset -22px -18px 34px rgba(25, 31, 42, 0.34),
        inset 14px 12px 22px rgba(255, 255, 255, 0.28);
      transform: translate3d(80px, 18px, 0) scale(0.72);
    }

    .bbr-moon::before {
      content: "";
      position: absolute;
      inset: -20px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(190, 219, 255, 0.16), transparent 66%);
      filter: blur(2px);
    }

    .bbr-planet-pack {
      inset: 0;
      transform: translate3d(60px, 26px, 0);
    }

    .bbr-distant-planet {
      position: absolute;
      border-radius: 50%;
      box-shadow: inset -16px -14px 24px rgba(0, 0, 0, 0.3), 0 0 34px rgba(123, 184, 255, 0.18);
    }

    .bbr-red-planet {
      right: 17%;
      top: 20%;
      width: 94px;
      height: 94px;
      background:
        radial-gradient(circle at 32% 28%, rgba(255, 228, 184, 0.42), transparent 13%),
        linear-gradient(165deg, #d77a52, #8d3d2f 62%, #3b1f2f);
    }

    .bbr-ring-planet {
      left: 52%;
      top: 51%;
      width: 116px;
      height: 116px;
      background:
        radial-gradient(circle at 38% 30%, rgba(255, 246, 214, 0.48), transparent 14%),
        linear-gradient(145deg, #dcc18a, #8f7550 58%, #3a2f31);
    }

    .bbr-ring-planet::before {
      content: "";
      position: absolute;
      left: -46px;
      right: -46px;
      top: 44px;
      height: 28px;
      border: 5px solid rgba(224, 204, 164, 0.72);
      border-left-color: rgba(224, 204, 164, 0.18);
      border-right-color: rgba(224, 204, 164, 0.18);
      border-radius: 50%;
      transform: rotate(-14deg);
      box-shadow: 0 0 20px rgba(255, 225, 164, 0.18);
    }

    .bbr-blue-planet {
      right: 7%;
      bottom: 17%;
      width: 68px;
      height: 68px;
      background:
        radial-gradient(circle at 34% 30%, rgba(220, 249, 255, 0.5), transparent 13%),
        linear-gradient(145deg, #67d0ff, #285ca8 58%, #182348);
    }

    .bbr-galaxy {
      inset: -8%;
      z-index: 0;
      background:
        radial-gradient(ellipse at 62% 43%, rgba(255, 244, 195, 0.8), rgba(179, 96, 255, 0.3) 9%, transparent 26%),
        radial-gradient(ellipse at 62% 43%, rgba(92, 204, 255, 0.28), transparent 42%),
        conic-gradient(from 24deg at 62% 43%, transparent 0 17%, rgba(90, 195, 255, 0.32) 20% 29%, transparent 33% 48%, rgba(255, 214, 138, 0.26) 52% 61%, transparent 65% 100%);
      filter: blur(1px) saturate(1.18);
      transform: scale(0.82) rotate(-7deg);
    }

    .bbr-galaxy::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 54% 36%, rgba(255, 255, 255, 0.9) 0 1px, transparent 2px),
        radial-gradient(circle at 66% 50%, rgba(255, 238, 171, 0.86) 0 1px, transparent 2px),
        radial-gradient(circle at 74% 33%, rgba(189, 228, 255, 0.82) 0 1px, transparent 2px),
        radial-gradient(circle at 47% 53%, rgba(255, 255, 255, 0.7) 0 1px, transparent 2px);
      background-size: 86px 72px, 120px 104px, 150px 132px, 210px 160px;
      animation: bbr-galaxy-sparkle 2.6s ease-in-out infinite alternate;
    }

    .bbr-scene-earth .bbr-planet {
      transform: translate3d(0, 0, 0) scale(1);
      opacity: 1;
    }

    .bbr-scene-moon .bbr-planet {
      transform: translate3d(0, 80px, 0) scale(0.88);
      opacity: 0.56;
    }

    .bbr-scene-moon .bbr-moon {
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1);
    }

    .bbr-scene-planets .bbr-planet {
      transform: translate3d(0, 142px, 0) scale(0.78);
      opacity: 0.24;
    }

    .bbr-scene-planets .bbr-moon {
      opacity: 0.3;
      transform: translate3d(-180px, -48px, 0) scale(0.46);
      filter: blur(0.4px);
    }

    .bbr-scene-planets .bbr-planet-pack {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }

    .bbr-scene-galaxy .bbr-planet {
      transform: translate3d(0, 190px, 0) scale(0.66);
      opacity: 0.08;
    }

    .bbr-scene-galaxy .bbr-moon {
      opacity: 0;
      transform: translate3d(-260px, -80px, 0) scale(0.36);
    }

    .bbr-scene-galaxy .bbr-planet-pack {
      opacity: 0.42;
      transform: translate3d(-120px, 42px, 0) scale(0.76);
      filter: blur(0.8px);
    }

    .bbr-scene-galaxy .bbr-galaxy {
      opacity: 1;
      transform: scale(1) rotate(0deg);
    }

    .bbr-scene-galaxy .bbr-stars-front {
      animation-duration: 9s;
    }

    .bbr-multiplier {
      position: absolute;
      top: 22px;
      left: 22px;
      z-index: 4;
      font-size: clamp(42px, 9vw, 118px);
      line-height: 0.92;
      font-weight: 800;
      text-shadow: 0 0 34px rgba(255, 232, 122, 0.45);
      white-space: nowrap;
      font-variant-numeric: tabular-nums;
      font-feature-settings: "tnum" 1;
      transform-origin: left top;
      backface-visibility: hidden;
      will-change: opacity;
    }

    .bbr-status {
      position: absolute;
      top: 24px;
      right: 22px;
      z-index: 4;
      max-width: 280px;
      padding: 12px 14px;
      border: 1px solid rgba(255, 255, 255, 0.14);
      border-radius: 8px;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)),
        rgba(8, 13, 25, 0.76);
      color: rgba(248, 251, 255, 0.82);
      font-size: 14px;
      text-align: right;
    }

    .bbr-countdown {
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 6;
      display: grid;
      gap: 4px;
      min-width: 156px;
      padding: 14px 18px;
      border: 1px solid rgba(255, 225, 126, 0.66);
      border-radius: 18px;
      background: rgba(5, 12, 25, 0.74);
      box-shadow: 0 0 34px rgba(255, 206, 83, 0.22), inset 0 0 22px rgba(255, 255, 255, 0.06);
      color: #fff4c5;
      text-align: center;
      transform: translate(-50%, -50%);
      backdrop-filter: blur(10px);
      pointer-events: none;
    }

    .bbr-countdown[hidden] { display: none; }
    .bbr-countdown span { color: #b7d0e5; font-size: 11px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; }
    .bbr-countdown strong { font-size: clamp(46px, 8vw, 78px); line-height: 0.9; text-shadow: 0 0 24px rgba(255, 218, 107, 0.62); }
    .bbr-stage.is-countdown .bbr-countdown { animation: bbr-countdown-pulse 900ms ease-in-out infinite; }
    .bbr-stage.is-countdown .bbr-rocket { animation: bbr-rocket-countdown 900ms ease-in-out infinite alternate; }
    .bbr-stage.is-countdown .bbr-flame { animation-duration: 120ms; }

    .bbr-flight-path {
      position: absolute;
      inset: 100px 56px 70px;
      z-index: 2;
      border-left: 2px dashed rgba(142, 202, 255, 0.2);
      border-bottom: 2px dashed rgba(142, 202, 255, 0.2);
      transform: skewY(-10deg);
      transform-origin: left bottom;
    }

    .bbr-rocket {
      position: absolute;
      left: 9%;
      bottom: 54px;
      z-index: 3;
      width: 126px;
      height: 226px;
      transform: translate(0, 0) rotate(22deg);
      transform-origin: 50% 75%;
      transition: transform 80ms linear, opacity 180ms ease;
      filter: drop-shadow(0 26px 24px rgba(0, 0, 0, 0.42));
      will-change: transform;
    }

    .bbr-stage.is-flying .bbr-rocket {
      animation: bbr-rocket-vibration 190ms ease-in-out infinite alternate;
    }

    .bbr-rocket-body {
      position: absolute;
      left: 41px;
      top: 20px;
      width: 48px;
      height: 142px;
      border: 1px solid rgba(255, 255, 255, 0.68);
      border-radius: 50% 50% 18px 18px;
      background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.2), transparent 16% 78%, rgba(0, 0, 0, 0.18)),
        linear-gradient(90deg, #c7d2dc, #f6fbff 42%, #8ca0b4 74%, #eef5fb);
      box-shadow:
        inset -13px 0 20px rgba(0, 0, 0, 0.22),
        inset 10px 0 16px rgba(255, 255, 255, 0.32),
        0 0 0 1px rgba(0, 0, 0, 0.16);
    }

    .bbr-rocket::before {
      content: "";
      position: absolute;
      left: 50px;
      top: 26px;
      z-index: 6;
      width: 8px;
      height: 126px;
      border-radius: 999px;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.66), rgba(255, 255, 255, 0.08));
      filter: blur(0.4px);
      opacity: 0.62;
      pointer-events: none;
    }

    .bbr-rocket::after {
      content: "";
      position: absolute;
      left: 36px;
      top: 152px;
      z-index: 4;
      width: 58px;
      height: 16px;
      border-radius: 999px;
      background:
        radial-gradient(ellipse at center, rgba(255, 238, 166, 0.36), transparent 54%),
        linear-gradient(90deg, rgba(20, 28, 38, 0.88), rgba(120, 134, 148, 0.8) 48%, rgba(20, 28, 38, 0.88));
      box-shadow: inset 0 -4px 8px rgba(0, 0, 0, 0.45);
      pointer-events: none;
    }

    .bbr-rocket-body::before {
      content: none;
    }

    .bbr-rocket-window {
      position: absolute;
      left: 43px;
      top: 43px;
      z-index: 7;
      width: 42px;
      height: 42px;
      border: 5px solid #dfeaf2;
      border-radius: 50%;
      background: radial-gradient(circle at 32% 28%, #e5fbff 0 9%, #64c9ed 28%, #155184 62%, #06172c 100%);
      box-shadow: 0 0 0 2px rgba(12, 28, 48, 0.78), inset 5px 5px 9px rgba(255, 255, 255, 0.42), 0 0 18px rgba(97, 213, 255, 0.34);
    }

    .bbr-rocket-window::after {
      content: "";
      position: absolute;
      top: 5px;
      left: 7px;
      width: 11px;
      height: 6px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.72);
      transform: rotate(-24deg);
      filter: blur(0.4px);
    }

    .bbr-rocket-panel {
      position: absolute;
      left: 43px;
      top: 93px;
      z-index: 7;
      width: 42px;
      height: 39px;
      border: 1px solid rgba(164, 197, 218, 0.72);
      border-radius: 6px;
      background:
        radial-gradient(circle at 25% 25%, #7affc7 0 2px, transparent 3px),
        radial-gradient(circle at 45% 25%, #ffd86b 0 2px, transparent 3px),
        repeating-linear-gradient(180deg, rgba(37, 69, 92, 0.86) 0 4px, rgba(162, 202, 222, 0.44) 4px 5px),
        linear-gradient(145deg, #1a3d59, #081b31);
      box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.1), 0 3px 7px rgba(0, 0, 0, 0.22);
    }

    .bbr-rocket-panel::after {
      content: "";
      position: absolute;
      right: 5px;
      bottom: 6px;
      left: 5px;
      height: 3px;
      border-radius: 99px;
      background: linear-gradient(90deg, #ff5d6d, #ffcf67 48%, #61e8ff);
      box-shadow: 0 0 7px rgba(100, 226, 255, 0.46);
    }

    .bbr-rocket-collar {
      position: absolute;
      left: 35px;
      bottom: 52px;
      z-index: 6;
      width: 56px;
      height: 13px;
      border: 1px solid rgba(231, 244, 250, 0.62);
      border-radius: 50%;
      background: linear-gradient(180deg, #8fa7b7, #263b4c 56%, #111e2e);
      box-shadow: inset 0 3px 5px rgba(255, 255, 255, 0.2), 0 3px 8px rgba(0, 0, 0, 0.26);
    }

    .bbr-rocket-body::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 38px;
      height: 14px;
      background: linear-gradient(90deg, #b91f38, #ff4f64 50%, #8f182f);
      box-shadow: 0 26px 0 rgba(13, 29, 54, 0.72);
    }

    .bbr-body-seam {
      position: absolute;
      left: 48px;
      top: 70px;
      z-index: 4;
      width: 33px;
      height: 78px;
      border-top: 1px solid rgba(13, 29, 54, 0.32);
      border-bottom: 1px solid rgba(13, 29, 54, 0.32);
      background:
        linear-gradient(90deg, transparent 0 46%, rgba(33, 47, 62, 0.26) 48% 52%, transparent 54%),
        repeating-linear-gradient(180deg, transparent 0 15px, rgba(13, 29, 54, 0.2) 16px 17px);
      border-radius: 16px;
      pointer-events: none;
    }

    .bbr-body-seam::before,
    .bbr-body-seam::after {
      content: "";
      position: absolute;
      left: -5px;
      width: 43px;
      height: 1px;
      background: rgba(19, 34, 52, 0.3);
    }

    .bbr-body-seam::before {
      top: 24px;
    }

    .bbr-body-seam::after {
      top: 51px;
    }

    .bbr-rivets {
      position: absolute;
      left: 37px;
      top: 75px;
      z-index: 4;
      width: 56px;
      height: 74px;
      background-image:
        radial-gradient(circle, rgba(50, 64, 78, 0.62) 0 1.4px, transparent 1.8px),
        radial-gradient(circle, rgba(255, 255, 255, 0.8) 0 1px, transparent 1.4px);
      background-size: 42px 18px, 42px 18px;
      background-position: 0 0, 38px 0;
      opacity: 0.82;
      pointer-events: none;
    }

    .bbr-flag-mark {
      position: absolute;
      left: 48px;
      top: 112px;
      z-index: 5;
      width: 31px;
      height: 18px;
      border-radius: 2px;
      background:
        linear-gradient(90deg, rgba(20, 34, 58, 0.82) 0 34%, transparent 35%),
        repeating-linear-gradient(180deg, #d9263e 0 3px, #f4f7fb 3px 6px);
      box-shadow: 0 0 0 1px rgba(12, 24, 42, 0.22);
      opacity: 0.88;
    }

    .bbr-nose {
      position: absolute;
      left: 42px;
      top: -4px;
      width: 46px;
      height: 56px;
      border-radius: 58% 58% 12px 12px;
      background: linear-gradient(90deg, #ab1730, #ff5d70 48%, #8f182f);
      clip-path: polygon(50% 0, 100% 100%, 0 100%);
      box-shadow: inset -8px -8px 14px rgba(0, 0, 0, 0.18);
    }

    .bbr-fin {
      position: absolute;
      bottom: 58px;
      width: 42px;
      height: 58px;
      background: linear-gradient(150deg, #d8253e, #ffb833);
      clip-path: polygon(42% 0, 100% 100%, 0 78%);
      box-shadow: inset -8px 0 12px rgba(0, 0, 0, 0.2);
    }

    .bbr-fin-left {
      left: 14px;
      transform: rotate(-24deg);
    }

    .bbr-fin-right {
      right: 10px;
      transform: rotate(24deg) scaleX(-1);
    }

    .bbr-booster {
      position: absolute;
      top: 82px;
      width: 25px;
      height: 92px;
      border-radius: 16px 16px 10px 10px;
      background:
        linear-gradient(180deg, #d82640 0 14%, transparent 15% 78%, #253142 79% 100%),
        linear-gradient(90deg, rgba(255, 255, 255, 0.22), transparent 18% 78%, rgba(0, 0, 0, 0.18)),
        linear-gradient(90deg, #9aa8b5, #eef5fb 52%, #74879a);
      box-shadow: inset -6px 0 12px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(255, 255, 255, 0.28);
    }

    .bbr-booster-left {
      left: 23px;
    }

    .bbr-booster-right {
      right: 20px;
    }

    .bbr-engine {
      position: absolute;
      left: 46px;
      bottom: 45px;
      width: 38px;
      height: 22px;
      border-radius: 0 0 12px 12px;
      background:
        radial-gradient(ellipse at center bottom, rgba(255, 184, 51, 0.52), transparent 34%),
        linear-gradient(90deg, #2f3d4c, #7c8c9a 48%, #1d2632);
      box-shadow: inset 0 -6px 10px rgba(0, 0, 0, 0.38);
    }

    .bbr-engine::after {
      content: "";
      position: absolute;
      left: 8px;
      right: 8px;
      bottom: -3px;
      height: 7px;
      border-radius: 50%;
      background: radial-gradient(ellipse at center, rgba(255, 245, 180, 0.94), rgba(255, 121, 42, 0.5), transparent 72%);
      filter: blur(0.5px);
    }

    .bbr-trail {
      position: absolute;
      left: 34px;
      bottom: -64px;
      width: 60px;
      height: 130px;
      border-radius: 48% 48% 54% 54%;
      background:
        radial-gradient(ellipse at center 12%, rgba(255, 255, 255, 0.46), transparent 18%),
        linear-gradient(180deg, rgba(255, 225, 114, 0.28), rgba(255, 120, 38, 0.2) 42%, rgba(92, 178, 255, 0.08) 74%, rgba(92, 178, 255, 0));
      transform-origin: top;
      filter: blur(6px);
      animation: bbr-trail-pulse 220ms ease-in-out infinite alternate;
    }

    .bbr-flame {
      position: absolute;
      left: 41px;
      bottom: -12px;
      width: 46px;
      height: 86px;
      border-radius: 50% 50% 44% 44%;
      background:
        radial-gradient(circle at center 18%, rgba(255, 255, 255, 0.96), transparent 18%),
        linear-gradient(#fff6bc, #ffb833 32%, #ff5b26 62%, rgba(255, 59, 48, 0));
      transform-origin: top;
      animation: bbr-flame 84ms infinite alternate;
      filter: blur(0.2px) drop-shadow(0 0 24px rgba(255, 123, 41, 0.68));
    }

    .bbr-smoke {
      position: absolute;
      left: 24px;
      bottom: -30px;
      width: 82px;
      height: 50px;
      border-radius: 50%;
      background:
        radial-gradient(circle at 24% 55%, rgba(210, 220, 230, 0.5), transparent 28%),
        radial-gradient(circle at 56% 42%, rgba(160, 175, 190, 0.4), transparent 34%),
        radial-gradient(circle at 78% 62%, rgba(210, 220, 230, 0.34), transparent 28%);
      opacity: 0.46;
      animation: bbr-smoke 360ms ease-in-out infinite alternate;
    }

    .bbr-orbital-debris {
      position: absolute;
      z-index: 1;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: radial-gradient(circle at 35% 28%, rgba(255, 246, 192, 0.9), rgba(255, 184, 51, 0.78) 46%, rgba(121, 75, 20, 0.1));
      box-shadow: 0 0 16px rgba(255, 210, 89, 0.32);
      opacity: 0.76;
      animation: bbr-orbit 10s linear infinite;
    }

    .bbr-explosion {
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: 7;
      width: 220px;
      height: 220px;
      border-radius: 50%;
      background:
        radial-gradient(circle, rgba(255, 255, 255, 1) 0 5%, rgba(255, 238, 145, 0.98) 6% 15%, rgba(255, 132, 38, 0.92) 16% 28%, rgba(168, 33, 44, 0.68) 29% 42%, rgba(46, 31, 38, 0) 56%),
        conic-gradient(from 12deg, rgba(255, 232, 122, 0.98), transparent 7%, rgba(255, 93, 40, 0.95) 12%, transparent 21%, rgba(255, 255, 255, 0.9) 28%, transparent 37%, rgba(179, 37, 49, 0.9) 48%, transparent 62%, rgba(255, 184, 51, 0.88) 75%, transparent 100%);
      opacity: 0;
      transform: translate(-50%, -50%) scale(0.08);
      filter: drop-shadow(0 0 48px rgba(255, 114, 36, 0.6));
      pointer-events: none;
    }

    .bbr-explosion::before {
      content: "";
      position: absolute;
      inset: -52px;
      border-radius: 50%;
      border: 3px solid rgba(186, 225, 255, 0.72);
      background:
        radial-gradient(circle, transparent 0 45%, rgba(149, 210, 255, 0.18) 46% 51%, transparent 52%),
        conic-gradient(from 18deg, transparent 0 8%, rgba(255, 244, 194, 0.85) 9% 10%, transparent 12% 22%, rgba(255, 117, 54, 0.76) 23% 24%, transparent 26% 40%, rgba(255, 255, 255, 0.75) 41% 42%, transparent 44% 63%, rgba(255, 154, 53, 0.8) 64% 65%, transparent 67% 100%);
      opacity: 0;
      transform: scale(0.15);
    }

    .bbr-explosion::after {
      content: "";
      position: absolute;
      inset: 16px;
      border-radius: 50%;
      background:
        radial-gradient(circle at 35% 44%, rgba(72, 71, 78, 0.78), transparent 18%),
        radial-gradient(circle at 58% 36%, rgba(109, 91, 73, 0.62), transparent 16%),
        radial-gradient(circle at 54% 62%, rgba(44, 45, 52, 0.72), transparent 19%),
        radial-gradient(circle, rgba(55, 51, 55, 0.45), transparent 58%);
      opacity: 0;
      filter: blur(4px);
      transform: scale(0.1);
    }

    .bbr-screen-flash {
      position: absolute;
      inset: 0;
      z-index: 6;
      background:
        radial-gradient(circle at var(--boom-x, 50%) var(--boom-y, 50%), rgba(255, 255, 255, 0.95), rgba(255, 211, 112, 0.5) 16%, rgba(255, 87, 54, 0.12) 32%, transparent 48%),
        linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.14), transparent);
      opacity: 0;
      pointer-events: none;
      mix-blend-mode: screen;
    }

    .bbr-screen-static {
      position: absolute;
      inset: 0;
      z-index: 8;
      background:
        repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.08) 0 1px, transparent 1px 5px),
        linear-gradient(90deg, transparent 0 32%, rgba(255, 255, 255, 0.12) 34%, transparent 36% 70%, rgba(255, 91, 65, 0.1) 72%, transparent 74%);
      opacity: 0;
      transform: translateX(0);
      pointer-events: none;
      mix-blend-mode: screen;
    }

    .bbr-spark-field {
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: 7;
      width: 16px;
      height: 16px;
      opacity: 0;
      pointer-events: none;
      transform: translate(-50%, -50%);
    }

    .bbr-spark-field span {
      position: absolute;
      left: 6px;
      top: 6px;
      width: 4px;
      height: 38px;
      border-radius: 999px;
      background: linear-gradient(rgba(255, 249, 194, 1), rgba(255, 118, 38, 0.72), transparent);
      transform-origin: 2px 2px;
      filter: drop-shadow(0 0 8px rgba(255, 170, 54, 0.75));
    }

    .bbr-stage.is-boomed .bbr-explosion {
      animation: bbr-boom 980ms ease-out forwards;
    }

    .bbr-stage.is-boomed .bbr-explosion::before {
      animation: bbr-shockwave 820ms ease-out forwards;
    }

    .bbr-stage.is-boomed .bbr-explosion::after {
      animation: bbr-smoke-burst 1.25s ease-out forwards;
    }

    .bbr-stage.is-boomed .bbr-screen-flash {
      animation: bbr-screen-flash 760ms ease-out forwards;
    }

    .bbr-stage.is-boomed .bbr-screen-static {
      animation: bbr-screen-static 680ms steps(5, end) forwards;
    }

    .bbr-stage.is-boomed .bbr-spark-field {
      animation: bbr-spark-field 920ms ease-out forwards;
    }

    .bbr-stage.is-boomed .bbr-spark-field span {
      animation: bbr-spark 920ms ease-out forwards;
    }

    .bbr-stage.is-boomed {
      animation: bbr-stage-shake 520ms cubic-bezier(.36,.07,.19,.97);
    }

    .bbr-stage.is-boomed .bbr-rocket {
      opacity: 0;
    }

    /* Boom Boom Rocket scene v3: original craft, launch site, and layered impact. */
    .bbr-stage {
      isolation: isolate;
      background:
        radial-gradient(ellipse at 52% 62%, rgba(50, 119, 194, 0.2), transparent 29rem),
        radial-gradient(ellipse at 84% 24%, rgba(151, 86, 221, 0.16), transparent 20rem),
        linear-gradient(180deg, #02050d 0%, #050b18 52%, #07152b 100%);
    }

    .bbr-atmosphere {
      position: absolute;
      inset: 0;
      z-index: 0;
      overflow: hidden;
      opacity: 0;
      background:
        radial-gradient(ellipse at 50% 102%, rgba(255, 226, 149, 0.76), transparent 30%),
        linear-gradient(180deg, #06152c 0%, #123969 32%, #3687bb 64%, #a6d8df 84%, #f2d2a0 100%);
      transition: opacity 900ms ease, transform 1100ms ease, filter 900ms ease;
      transform: translate3d(0, 0, 0) scale(1.02);
      will-change: opacity, transform;
      pointer-events: none;
    }

    .bbr-atmosphere::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 78% 20%, rgba(255, 249, 214, 0.62) 0 2%, rgba(255, 225, 150, 0.2) 8%, transparent 19%),
        linear-gradient(110deg, transparent 0 39%, rgba(205, 238, 255, 0.12) 44%, transparent 49% 100%);
      mix-blend-mode: screen;
    }

    .bbr-atmosphere-glow {
      position: absolute;
      right: -18%;
      bottom: -21%;
      width: 74%;
      height: 58%;
      border-radius: 50%;
      background: radial-gradient(ellipse, rgba(255, 220, 149, 0.46), rgba(110, 203, 241, 0.17) 48%, transparent 70%);
      filter: blur(14px);
    }

    .bbr-high-cloud {
      position: absolute;
      width: 42%;
      height: 7%;
      border-radius: 50%;
      background:
        radial-gradient(ellipse at 20% 52%, rgba(238, 250, 255, 0.5), transparent 38%),
        radial-gradient(ellipse at 52% 42%, rgba(238, 250, 255, 0.44), transparent 42%),
        radial-gradient(ellipse at 80% 58%, rgba(238, 250, 255, 0.36), transparent 36%);
      filter: blur(7px);
      opacity: 0.68;
      animation: bbr-atmosphere-cloud 17s ease-in-out infinite alternate;
      will-change: transform;
    }

    .bbr-high-cloud-one { left: -7%; top: 38%; }
    .bbr-high-cloud-two { right: -12%; top: 54%; animation-delay: -8s; animation-duration: 21s; }
    .bbr-high-cloud-three { left: 31%; top: 69%; animation-delay: -12s; animation-duration: 24s; }

    .bbr-scene-earth .bbr-atmosphere {
      opacity: 1;
    }

    .bbr-scene-moon .bbr-atmosphere,
    .bbr-scene-planets .bbr-atmosphere,
    .bbr-scene-galaxy .bbr-atmosphere {
      opacity: 0;
      filter: saturate(0.65) brightness(0.55);
      transform: translate3d(0, 22%, 0) scale(1.08);
    }

    .bbr-scene-earth .bbr-star-layer { opacity: 0.2; }
    .bbr-scene-earth.is-flying .bbr-star-layer { opacity: 0.42; }
    .bbr-stage.is-flying .bbr-stars-mid { animation-duration: 18s; }
    .bbr-stage.is-flying .bbr-stars-front { animation-duration: 11s; }

    .bbr-earth-surface {
      position: absolute;
      left: -7%;
      right: -7%;
      bottom: -2px;
      z-index: 3;
      height: 28%;
      overflow: hidden;
      background:
        linear-gradient(180deg, rgba(80, 112, 90, 0.18), transparent 13%),
        repeating-linear-gradient(94deg, rgba(255, 222, 147, 0.05) 0 2px, transparent 2px 34px),
        linear-gradient(180deg, #304739 0%, #1f322d 34%, #101c1d 68%, #081014 100%);
      clip-path: polygon(0 19%, 9% 13%, 18% 17%, 28% 8%, 39% 17%, 52% 5%, 64% 14%, 77% 8%, 88% 18%, 100% 11%, 100% 100%, 0 100%);
      box-shadow: 0 -20px 44px rgba(242, 200, 124, 0.16);
      opacity: 0;
      transform: translate3d(0, 18%, 0) scale(1.02);
      transition: opacity 820ms ease, transform 1100ms ease;
      will-change: transform, opacity;
      pointer-events: none;
    }

    .bbr-scene-earth .bbr-earth-surface {
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1.02);
    }

    .bbr-scene-moon .bbr-earth-surface,
    .bbr-scene-planets .bbr-earth-surface,
    .bbr-scene-galaxy .bbr-earth-surface {
      opacity: 0;
      transform: translate3d(0, 76%, 0) scale(1.12);
    }

    .bbr-stage.is-flying.bbr-scene-earth .bbr-earth-surface {
      animation: bbr-earth-recede 2.7s cubic-bezier(.2,.72,.32,1) forwards;
    }

    .bbr-terrain-ridge {
      position: absolute;
      left: -4%;
      width: 108%;
      pointer-events: none;
    }

    .bbr-terrain-ridge-far {
      top: 7%;
      height: 44%;
      background: #56705d;
      clip-path: polygon(0 76%, 8% 45%, 16% 67%, 25% 20%, 33% 58%, 42% 27%, 51% 66%, 61% 12%, 69% 58%, 79% 31%, 88% 67%, 100% 39%, 100% 100%, 0 100%);
      opacity: 0.55;
      filter: blur(1px);
    }

    .bbr-terrain-ridge-near {
      top: 34%;
      height: 42%;
      background: linear-gradient(180deg, #2c493a, #142620);
      clip-path: polygon(0 52%, 8% 24%, 18% 59%, 28% 30%, 38% 62%, 48% 21%, 59% 55%, 68% 26%, 78% 58%, 89% 17%, 100% 49%, 100% 100%, 0 100%);
      opacity: 0.92;
    }

    .bbr-runway-lights {
      position: absolute;
      left: 2%;
      right: 2%;
      bottom: 18%;
      height: 4px;
      background: repeating-linear-gradient(90deg, #ffcf66 0 4px, transparent 4px 42px);
      filter: drop-shadow(0 0 5px rgba(255, 204, 92, 0.8));
      opacity: 0.8;
    }

    .bbr-launch-complex {
      position: absolute;
      left: calc(7% - 27px);
      bottom: 14px;
      z-index: 5;
      width: 220px;
      height: 166px;
      opacity: 0;
      transform: translate3d(0, 12px, 0);
      transition: opacity 700ms ease, transform 900ms ease;
      transform-origin: left bottom;
      will-change: transform, opacity;
      pointer-events: none;
    }

    .bbr-scene-earth .bbr-launch-complex {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }

    .bbr-stage.is-flying .bbr-launch-complex,
    .bbr-scene-moon .bbr-launch-complex,
    .bbr-scene-planets .bbr-launch-complex,
    .bbr-scene-galaxy .bbr-launch-complex {
      opacity: 0;
      transform: translate3d(-8px, 68px, 0) scale(0.9);
    }

    .bbr-launch-shadow {
      position: absolute;
      left: 4px;
      right: 0;
      bottom: 5px;
      height: 29px;
      border-radius: 50%;
      background: rgba(0, 0, 0, 0.48);
      filter: blur(9px);
    }

    .bbr-launch-platform {
      position: absolute;
      left: 5px;
      bottom: 16px;
      width: 190px;
      height: 27px;
      border: 2px solid #82909a;
      border-radius: 8px 8px 3px 3px;
      background:
        repeating-linear-gradient(90deg, transparent 0 14px, rgba(0, 0, 0, 0.24) 14px 16px),
        linear-gradient(180deg, #8e9ba4, #35424c 48%, #111b23);
      box-shadow: inset 0 3px 0 rgba(255, 255, 255, 0.18), 0 7px 12px rgba(0, 0, 0, 0.42);
    }

    .bbr-launch-trench {
      position: absolute;
      left: 51px;
      bottom: 19px;
      width: 82px;
      height: 18px;
      border-radius: 50%;
      background: radial-gradient(ellipse, #010306 0 34%, #27323a 38% 62%, transparent 66%);
      box-shadow: 0 0 17px rgba(255, 125, 45, 0.12);
    }

    .bbr-launch-tower {
      position: absolute;
      left: 152px;
      bottom: 40px;
      width: 36px;
      height: 118px;
      border: 3px solid #6e7c85;
      background:
        repeating-linear-gradient(180deg, transparent 0 18px, rgba(224, 235, 240, 0.58) 18px 21px),
        linear-gradient(90deg, #202c34, #596872 48%, #1b252d);
      box-shadow: inset 5px 0 0 rgba(255, 255, 255, 0.08), 7px 8px 12px rgba(0, 0, 0, 0.35);
    }

    .bbr-launch-tower::before,
    .bbr-launch-tower::after {
      content: "";
      position: absolute;
      inset: 2px;
      background: linear-gradient(58deg, transparent 46%, rgba(210, 224, 230, 0.5) 47% 53%, transparent 54%);
      background-size: 25px 24px;
    }

    .bbr-launch-tower::after {
      transform: scaleX(-1);
    }

    .bbr-launch-tower i {
      position: absolute;
      left: -7px;
      width: 46px;
      height: 6px;
      border-radius: 2px;
      background: linear-gradient(180deg, #aab7be, #47545d);
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    }

    .bbr-launch-tower i:nth-child(1) { top: 12px; }
    .bbr-launch-tower i:nth-child(2) { top: 39px; }
    .bbr-launch-tower i:nth-child(3) { top: 67px; }
    .bbr-launch-tower i:nth-child(4) { top: 94px; }

    .bbr-service-arm {
      position: absolute;
      left: 111px;
      z-index: 2;
      width: 55px;
      height: 10px;
      border-radius: 5px 0 0 5px;
      background: linear-gradient(180deg, #a6b5be, #465660);
      box-shadow: 0 4px 7px rgba(0, 0, 0, 0.32);
      transform-origin: right center;
      transition: transform 700ms cubic-bezier(.25,.8,.24,1);
    }

    .bbr-service-arm::before {
      content: "";
      position: absolute;
      left: -8px;
      top: -5px;
      width: 13px;
      height: 20px;
      border-radius: 6px;
      background: #d8444f;
    }

    .bbr-service-arm-upper { top: 49px; }
    .bbr-service-arm-lower { top: 95px; }
    .bbr-stage.is-countdown .bbr-service-arm-upper { transform: rotate(-38deg); }
    .bbr-stage.is-countdown .bbr-service-arm-lower { transform: rotate(32deg); }

    .bbr-pad-light {
      position: absolute;
      bottom: 48px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #ffd76a;
      box-shadow: 0 0 13px 4px rgba(255, 211, 92, 0.56);
      animation: bbr-pad-light 1.6s ease-in-out infinite alternate;
    }

    .bbr-pad-light-left { left: 12px; }
    .bbr-pad-light-right { left: 131px; animation-delay: -0.8s; }

    .bbr-multiplier,
    .bbr-status,
    .bbr-countdown {
      z-index: 24;
    }

    .bbr-flight-path {
      opacity: 0.24;
      transition: opacity 420ms ease;
    }

    .bbr-stage:not(.is-flying) .bbr-flight-path { opacity: 0; }

    .bbr-rocket {
      left: 7%;
      bottom: 55px;
      z-index: 7;
      width: 150px;
      height: 275px;
      opacity: 1;
      transform: translate3d(0, 0, 0) rotate(0deg);
      transform-origin: 50% 82%;
      transition: opacity 150ms ease;
      filter: drop-shadow(0 25px 24px rgba(0, 0, 0, 0.48));
      will-change: transform, opacity;
    }

    .bbr-rocket::before,
    .bbr-rocket::after {
      content: none;
    }

    .bbr-rocket-craft {
      position: absolute;
      inset: 0;
      transform: translate3d(0, 0, 0);
      transform-origin: 50% 76%;
      will-change: transform;
    }

    .bbr-custom-rocket {
      position: absolute;
      inset: 0;
      z-index: 3;
      display: block;
      width: 100%;
      height: 100%;
      overflow: visible;
      filter: saturate(1.08) contrast(1.02);
    }

    .bbr-smoke {
      position: absolute;
      left: 50%;
      bottom: -13%;
      z-index: 0;
      width: 110%;
      height: 36%;
      opacity: 0;
      transform: translate3d(-50%, 0, 0);
      background: none;
      animation: none;
      transition: opacity 180ms ease;
      pointer-events: none;
    }

    .bbr-smoke i {
      position: absolute;
      left: 50%;
      top: 16%;
      width: 42%;
      aspect-ratio: 1;
      border-radius: 50%;
      background: radial-gradient(circle at 42% 34%, rgba(236, 242, 244, 0.74), rgba(103, 119, 131, 0.44) 42%, transparent 70%);
      filter: blur(4px);
      animation: bbr-launch-smoke 880ms ease-out infinite;
      transform: translate3d(-50%, 0, 0) scale(0.45);
      will-change: transform, opacity;
    }

    .bbr-smoke i:nth-child(2) { animation-delay: -220ms; --smoke-x: -35px; }
    .bbr-smoke i:nth-child(3) { animation-delay: -440ms; --smoke-x: 28px; }
    .bbr-smoke i:nth-child(4) { animation-delay: -660ms; --smoke-x: -8px; }

    .bbr-trail {
      position: absolute;
      left: 50%;
      bottom: -46%;
      z-index: 1;
      width: 46%;
      height: 68%;
      border-radius: 50% 50% 55% 55%;
      opacity: 0;
      background:
        radial-gradient(ellipse at 50% 4%, rgba(255, 255, 255, 0.72), transparent 15%),
        linear-gradient(180deg, rgba(255, 244, 182, 0.82), rgba(255, 145, 45, 0.6) 31%, rgba(255, 64, 35, 0.25) 56%, rgba(86, 178, 255, 0.04) 83%, transparent);
      transform: translate3d(-50%, 0, 0) scaleY(0.7);
      transform-origin: top;
      filter: blur(8px) drop-shadow(0 0 22px rgba(255, 123, 42, 0.58));
      animation: bbr-custom-trail 180ms ease-in-out infinite alternate;
      transition: opacity 180ms ease;
    }

    .bbr-flame {
      position: absolute;
      left: 50%;
      bottom: -18%;
      z-index: 2;
      width: 35%;
      height: 42%;
      opacity: 0;
      border-radius: 45% 45% 58% 58%;
      background: linear-gradient(180deg, #ffffff 0 10%, #fff7ad 18%, #ffc43f 42%, #ff582e 69%, transparent 100%);
      transform: translate3d(-50%, 0, 0) scaleY(0.82);
      transform-origin: top;
      filter: drop-shadow(0 0 21px rgba(255, 133, 42, 0.9));
      animation: bbr-custom-flame 95ms ease-in-out infinite alternate;
      transition: opacity 120ms ease;
    }

    .bbr-flame i {
      position: absolute;
      top: 8%;
      width: 34%;
      height: 84%;
      border-radius: 50%;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 217, 76, 0.86) 42%, rgba(255, 81, 34, 0));
      filter: blur(1px);
    }

    .bbr-flame i:nth-child(1) { left: -6%; transform: rotate(7deg) scaleY(0.82); }
    .bbr-flame i:nth-child(2) { left: 33%; transform: scaleY(1.08); }
    .bbr-flame i:nth-child(3) { right: -6%; transform: rotate(-7deg) scaleY(0.88); }

    .bbr-stage.is-countdown .bbr-rocket {
      animation: none;
    }

    .bbr-stage.is-countdown .bbr-rocket-craft {
      animation: bbr-custom-countdown 430ms ease-in-out infinite alternate;
    }

    .bbr-stage.is-countdown .bbr-flame { opacity: 0.56; }
    .bbr-stage.is-countdown .bbr-trail { opacity: 0.2; }
    .bbr-stage.is-countdown .bbr-smoke { opacity: 0.76; }

    .bbr-stage.is-flying .bbr-rocket {
      animation: none;
    }

    .bbr-stage.is-flying .bbr-rocket-craft {
      animation: bbr-custom-vibration 120ms ease-in-out infinite alternate;
    }

    .bbr-stage.is-flying .bbr-flame { opacity: 1; }
    .bbr-stage.is-flying .bbr-trail { opacity: 0.9; }
    .bbr-stage.is-flying .bbr-smoke { opacity: 0.26; }

    .bbr-explosion {
      z-index: 32;
      width: 270px;
      height: 270px;
      overflow: visible;
      border-radius: 50%;
      opacity: 0;
      background: none;
      transform: translate3d(-50%, -50%, 0) scale(1);
      filter: none;
      will-change: transform, opacity;
    }

    .bbr-explosion::before,
    .bbr-explosion::after {
      content: none;
    }

    .bbr-explosion-core,
    .bbr-fire-lobe,
    .bbr-smoke-lobe,
    .bbr-explosion-ring,
    .bbr-debris {
      position: absolute;
      pointer-events: none;
      will-change: transform, opacity;
    }

    .bbr-explosion-core {
      left: 50%;
      top: 50%;
      z-index: 5;
      width: 47%;
      height: 47%;
      border-radius: 46% 54% 58% 42%;
      opacity: 0;
      background: radial-gradient(circle at 45% 43%, #ffffff 0 13%, #fff8a6 14% 34%, #ffc635 35% 56%, #ff5d25 57% 74%, rgba(193, 28, 34, 0.42) 75% 86%, transparent 87%);
      box-shadow: 0 0 35px rgba(255, 246, 158, 0.92), 0 0 90px rgba(255, 87, 34, 0.62);
      transform: translate3d(-50%, -50%, 0) scale(0.08) rotate(0deg);
    }

    .bbr-fire-lobe {
      left: calc(50% + var(--x));
      top: calc(50% + var(--y));
      z-index: 4;
      width: var(--size);
      aspect-ratio: 1;
      border-radius: 42% 58% 51% 49%;
      opacity: 0;
      background: radial-gradient(circle at 38% 35%, #fffbd0 0 8%, #ffed68 9% 31%, #ffad22 32% 55%, #f34320 56% 75%, rgba(119, 10, 25, 0.58) 76% 87%, transparent 88%);
      box-shadow: 0 0 26px rgba(255, 129, 28, 0.68);
      transform: translate3d(-50%, -50%, 0) scale(0.05) rotate(-20deg);
    }

    .bbr-fire-lobe:nth-of-type(3n) { border-radius: 61% 39% 46% 54%; }
    .bbr-fire-lobe:nth-of-type(4n) { border-radius: 48% 52% 64% 36%; }

    .bbr-smoke-lobe {
      left: calc(50% + var(--x));
      top: calc(50% + var(--y));
      z-index: 2;
      width: var(--size);
      aspect-ratio: 1;
      border-radius: 50%;
      opacity: 0;
      background: radial-gradient(circle at 39% 34%, rgba(134, 125, 119, 0.94), rgba(54, 48, 51, 0.82) 48%, rgba(20, 18, 25, 0.26) 70%, transparent 76%);
      filter: blur(3px);
      transform: translate3d(-50%, -50%, 0) scale(0.12);
    }

    .bbr-explosion-ring {
      left: 50%;
      top: 50%;
      z-index: 1;
      width: 54%;
      height: 54%;
      border: 4px solid rgba(255, 242, 178, 0.92);
      border-radius: 50%;
      opacity: 0;
      box-shadow: 0 0 18px rgba(255, 159, 53, 0.72), inset 0 0 18px rgba(255, 255, 255, 0.38);
      transform: translate3d(-50%, -50%, 0) scale(0.1);
    }

    .bbr-explosion-ring-two {
      border-width: 2px;
      border-color: rgba(130, 211, 255, 0.72);
    }

    .bbr-debris {
      left: 50%;
      top: 50%;
      z-index: 7;
      width: 18px;
      height: 8px;
      border: 1px solid rgba(255, 255, 255, 0.48);
      border-radius: 2px;
      opacity: 0;
      background: linear-gradient(90deg, #4f5e6d, #edf6fb 46%, #9c1731 48%, #ff5064);
      box-shadow: 0 0 8px rgba(255, 138, 45, 0.72);
      transform: translate3d(-50%, -50%, 0) scale(0.15) rotate(0deg);
    }

    .bbr-debris:nth-of-type(even) {
      width: 10px;
      height: 17px;
      background: linear-gradient(160deg, #ff5368, #82112d 58%, #d7e4eb 60%);
    }

    .bbr-stage.is-boomed .bbr-explosion {
      animation: bbr-explosion-shell 1.65s linear forwards;
    }

    .bbr-stage.is-boomed .bbr-explosion-core {
      animation: bbr-explosion-core-pop 1.15s cubic-bezier(.14,.73,.22,1) forwards;
    }

    .bbr-stage.is-boomed .bbr-fire-lobe {
      animation: bbr-fireball-lobe 1.12s cubic-bezier(.12,.72,.2,1) var(--delay) forwards;
    }

    .bbr-stage.is-boomed .bbr-smoke-lobe {
      animation: bbr-explosion-smoke 1.5s cubic-bezier(.16,.61,.22,1) var(--delay) forwards;
    }

    .bbr-stage.is-boomed .bbr-explosion-ring-one {
      animation: bbr-explosion-ring 940ms ease-out 30ms forwards;
    }

    .bbr-stage.is-boomed .bbr-explosion-ring-two {
      animation: bbr-explosion-ring 1.22s ease-out 110ms forwards;
    }

    .bbr-stage.is-boomed .bbr-debris {
      animation: bbr-rocket-debris 1.25s cubic-bezier(.12,.68,.31,1) var(--delay) forwards;
    }

    .bbr-stage.is-boomed {
      animation: bbr-stage-impact 760ms cubic-bezier(.36,.07,.19,.97);
    }

    .bbr-screen-flash {
      z-index: 30;
      background:
        radial-gradient(circle at var(--boom-x, 50%) var(--boom-y, 50%), rgba(255, 255, 255, 1), rgba(255, 244, 169, 0.68) 11%, rgba(255, 97, 38, 0.22) 27%, transparent 49%),
        linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.17), transparent);
    }

    .bbr-screen-static { z-index: 36; }
    .bbr-spark-field { z-index: 34; }

    .bbr-multiplier,
    .bbr-status {
      transition: opacity 220ms ease, transform 260ms ease;
    }

    .bbr-stage.is-boomed .bbr-multiplier,
    .bbr-stage.is-boomed .bbr-status {
      opacity: 0;
      transform: translate3d(0, -10px, 0) scale(0.96);
    }

    .bbr-crash-report {
      position: absolute;
      left: 50%;
      top: 49%;
      z-index: 38;
      display: grid;
      gap: 14px;
      width: min(590px, 74%);
      padding: 18px;
      border: 1px solid rgba(145, 160, 255, 0.3);
      border-radius: 18px;
      color: #f8f9ff;
      background:
        linear-gradient(135deg, rgba(87, 64, 163, 0.19), transparent 48%),
        rgba(12, 15, 54, 0.9);
      box-shadow: 0 24px 65px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.09), 0 0 50px rgba(90, 91, 213, 0.14);
      opacity: 0;
      visibility: hidden;
      transform: translate3d(-50%, -47%, 0) scale(0.92);
      backdrop-filter: blur(14px) saturate(1.12);
      pointer-events: none;
      will-change: transform, opacity;
    }

    .bbr-stage.is-boomed .bbr-crash-report {
      visibility: visible;
      animation: bbr-crash-report-in 520ms cubic-bezier(.16,.82,.24,1) 420ms forwards;
    }

    .bbr-crash-history {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 8px;
    }

    .bbr-crash-history span {
      min-width: 0;
      padding: 9px 7px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 9px;
      color: #ecf0ff;
      background: rgba(40, 40, 108, 0.72);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
      font-size: clamp(13px, 1.8vw, 18px);
      font-weight: 900;
      text-align: center;
    }

    .bbr-crash-history span.is-cashout {
      color: #71ffad;
      border-color: rgba(86, 243, 154, 0.35);
      text-shadow: 0 0 12px rgba(68, 255, 145, 0.38);
    }

    .bbr-crash-history span.is-loss {
      color: #f3f5ff;
    }

    .bbr-crash-main {
      display: grid;
      place-items: center;
      gap: 3px;
      padding: 15px 12px 13px;
      border: 1px solid rgba(255, 92, 110, 0.34);
      border-radius: 14px;
      background:
        radial-gradient(circle at 50% 20%, rgba(255, 75, 91, 0.13), transparent 46%),
        rgba(48, 34, 92, 0.76);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
      text-align: center;
    }

    .bbr-crash-main span,
    .bbr-crash-main small,
    .bbr-crash-stats span {
      color: #c3cbe6;
      font-size: 10px;
      font-weight: 900;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }

    .bbr-crash-main strong {
      color: #ff4356;
      font-size: clamp(60px, 10vw, 112px);
      line-height: 0.9;
      letter-spacing: -0.055em;
      text-shadow: 0 6px 0 rgba(84, 8, 29, 0.55), 0 0 32px rgba(255, 52, 77, 0.34);
    }

    .bbr-crash-stats {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 9px;
    }

    .bbr-crash-stats div {
      display: grid;
      gap: 5px;
      min-width: 0;
      padding: 11px;
      border: 1px solid rgba(255, 255, 255, 0.09);
      border-radius: 11px;
      background: rgba(27, 34, 76, 0.78);
    }

    .bbr-crash-stats strong {
      overflow: hidden;
      color: #ffffff;
      font-size: clamp(14px, 2vw, 21px);
      line-height: 1.2;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .bbr-crash-report.is-win .bbr-crash-stats div:first-child strong,
    .bbr-crash-report.is-win .bbr-crash-stats div:last-child strong,
    .bbr-crash-report.is-win .bbr-crash-outcome {
      color: #74ffb3;
    }

    .bbr-crash-report:not(.is-win) .bbr-crash-stats div:last-child strong,
    .bbr-crash-report:not(.is-win) .bbr-crash-outcome {
      color: #ff9eaa;
    }

    .bbr-crash-outcome {
      margin: 0;
      color: #ff9eaa;
      font-size: 13px;
      font-weight: 800;
      text-align: center;
    }

    @keyframes bbr-crash-report-in {
      0% { opacity: 0; transform: translate3d(-50%, -45%, 0) scale(0.9); }
      70% { opacity: 1; transform: translate3d(-50%, -51%, 0) scale(1.015); }
      100% { opacity: 1; transform: translate3d(-50%, -50%, 0) scale(1); }
    }

    @keyframes bbr-atmosphere-cloud {
      from { transform: translate3d(-18px, 0, 0) scale(0.96); opacity: 0.42; }
      to { transform: translate3d(42px, -6px, 0) scale(1.08); opacity: 0.74; }
    }

    @keyframes bbr-earth-recede {
      0% { transform: translate3d(0, 0, 0) scale(1.02); opacity: 1; }
      62% { opacity: 0.92; }
      100% { transform: translate3d(0, 52%, 0) scale(1.14); opacity: 0.28; }
    }

    @keyframes bbr-pad-light {
      from { opacity: 0.48; transform: scale(0.82); }
      to { opacity: 1; transform: scale(1.18); }
    }

    @keyframes bbr-custom-countdown {
      from { transform: translate3d(-1px, 1px, 0) rotate(-0.45deg); }
      to { transform: translate3d(1px, -2px, 0) rotate(0.45deg); }
    }

    @keyframes bbr-custom-vibration {
      from { transform: translate3d(-0.8px, 0.5px, 0) rotate(-0.22deg); }
      to { transform: translate3d(0.8px, -0.8px, 0) rotate(0.22deg); }
    }

    @keyframes bbr-custom-flame {
      from { transform: translate3d(-50%, 0, 0) scaleX(0.9) scaleY(0.76); filter: drop-shadow(0 0 16px rgba(255, 124, 37, 0.76)); }
      to { transform: translate3d(-50%, 0, 0) scaleX(1.08) scaleY(1.16); filter: drop-shadow(0 0 28px rgba(255, 151, 48, 0.96)); }
    }

    @keyframes bbr-custom-trail {
      from { transform: translate3d(-50%, 0, 0) scaleX(0.86) scaleY(0.72); }
      to { transform: translate3d(-50%, 0, 0) scaleX(1.1) scaleY(1.08); }
    }

    @keyframes bbr-launch-smoke {
      0% { opacity: 0; transform: translate3d(-50%, 0, 0) scale(0.35); }
      22% { opacity: 0.7; }
      100% { opacity: 0; transform: translate3d(calc(-50% + var(--smoke-x, 0px)), 58px, 0) scale(1.38); }
    }

    @keyframes bbr-explosion-shell {
      0%, 82% { opacity: 1; transform: translate3d(-50%, -50%, 0) scale(0.82); }
      100% { opacity: 0; transform: translate3d(-50%, -50%, 0) scale(1.04); }
    }

    @keyframes bbr-explosion-core-pop {
      0% { opacity: 0; transform: translate3d(-50%, -50%, 0) scale(0.04) rotate(0deg); }
      8% { opacity: 1; transform: translate3d(-50%, -50%, 0) scale(0.62) rotate(8deg); }
      28% { opacity: 1; transform: translate3d(-50%, -50%, 0) scale(1.35) rotate(23deg); }
      64% { opacity: 0.84; transform: translate3d(-50%, -50%, 0) scale(1.7) rotate(42deg); }
      100% { opacity: 0; transform: translate3d(-50%, -50%, 0) scale(2.02) rotate(66deg); }
    }

    @keyframes bbr-fireball-lobe {
      0% { opacity: 0; transform: translate3d(-50%, -50%, 0) scale(0.04) rotate(-22deg); }
      12% { opacity: 1; transform: translate3d(-50%, -50%, 0) scale(0.54) rotate(-7deg); }
      42% { opacity: 1; transform: translate3d(-50%, -50%, 0) scale(1.18) rotate(14deg); }
      72% { opacity: 0.72; transform: translate3d(-50%, -50%, 0) scale(1.43) rotate(28deg); }
      100% { opacity: 0; transform: translate3d(-50%, -50%, 0) scale(1.66) rotate(42deg); }
    }

    @keyframes bbr-explosion-smoke {
      0% { opacity: 0; transform: translate3d(-50%, -50%, 0) scale(0.08); }
      22% { opacity: 0.78; }
      58% { opacity: 0.7; transform: translate3d(-50%, -55%, 0) scale(1.16); }
      100% { opacity: 0; transform: translate3d(-50%, -76%, 0) scale(1.72); }
    }

    @keyframes bbr-explosion-ring {
      0% { opacity: 0; transform: translate3d(-50%, -50%, 0) scale(0.08); }
      13% { opacity: 1; }
      100% { opacity: 0; transform: translate3d(-50%, -50%, 0) scale(3.15); }
    }

    @keyframes bbr-rocket-debris {
      0% { opacity: 0; transform: translate3d(-50%, -50%, 0) scale(0.12) rotate(0deg); }
      10% { opacity: 1; }
      72% { opacity: 0.9; }
      100% { opacity: 0; transform: translate3d(calc(-50% + var(--dx)), calc(-50% + var(--dy)), 0) scale(0.72) rotate(var(--rot)); }
    }

    @keyframes bbr-stage-impact {
      0%, 100% { transform: translate3d(0, 0, 0); }
      8% { transform: translate3d(-10px, 6px, 0) rotate(-0.25deg); }
      17% { transform: translate3d(11px, -8px, 0) rotate(0.3deg); }
      28% { transform: translate3d(-8px, -5px, 0) rotate(-0.2deg); }
      40% { transform: translate3d(7px, 5px, 0) rotate(0.15deg); }
      55% { transform: translate3d(-5px, 3px, 0); }
      72% { transform: translate3d(3px, -2px, 0); }
      88% { transform: translate3d(-1px, 1px, 0); }
    }

    @media (max-width: 980px), (pointer: coarse) and (max-width: 1120px) {
      #boom-boom-rocket-app[data-device="mobile"] .bbr-rocket {
        left: 7%;
        bottom: 43px;
        width: 108px;
        height: 198px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-launch-complex {
        left: calc(7% - 20px);
        bottom: 5px;
        transform: scale(0.72);
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-scene-earth .bbr-launch-complex {
        transform: scale(0.72);
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-stage.is-flying .bbr-launch-complex {
        transform: translate3d(-7px, 48px, 0) scale(0.64);
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-earth-surface {
        height: 27%;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-explosion {
        width: 215px;
        height: 215px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-crash-report {
        top: 52%;
        gap: 9px;
        width: calc(100% - 22px);
        padding: 11px;
        border-radius: 14px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-crash-history {
        display: none;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-crash-main {
        padding: 10px 8px 9px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-crash-main strong {
        font-size: clamp(52px, 19vw, 76px);
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-crash-stats {
        gap: 6px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-crash-stats div {
        gap: 3px;
        padding: 8px 6px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-crash-main span,
      #boom-boom-rocket-app[data-device="mobile"] .bbr-crash-main small,
      #boom-boom-rocket-app[data-device="mobile"] .bbr-crash-stats span {
        font-size: 8px;
        letter-spacing: 0.1em;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-crash-stats strong {
        font-size: 12px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-crash-outcome {
        font-size: 10px;
      }

    }

    @keyframes bbr-flame {
      from { transform: scaleY(0.76) skewX(-4deg); }
      to { transform: scaleY(1.2) skewX(5deg); }
    }

    @keyframes bbr-countdown-pulse {
      0%, 100% { opacity: 0.78; transform: translate(-50%, -50%) scale(0.96); }
      50% { opacity: 1; transform: translate(-50%, -50%) scale(1.04); }
    }

    @keyframes bbr-rocket-countdown {
      from { transform: translate(0, 2px) rotate(21deg) scale(0.98); filter: drop-shadow(0 22px 22px rgba(0, 0, 0, 0.42)) brightness(0.94); }
      to { transform: translate(0, -4px) rotate(23deg) scale(1.02); filter: drop-shadow(0 30px 28px rgba(0, 0, 0, 0.46)) brightness(1.1); }
    }

    @keyframes bbr-trail-pulse {
      from { opacity: 0.4; transform: scaleY(0.92) skewX(-4deg); }
      to { opacity: 0.68; transform: scaleY(1.1) skewX(4deg); }
    }

    @keyframes bbr-smoke {
      from { opacity: 0.42; transform: translateY(0) scale(0.95); }
      to { opacity: 0.72; transform: translateY(8px) scale(1.08); }
    }

    @keyframes bbr-star-drift {
      from { transform: translate3d(0, 0, 0); }
      to { transform: translate3d(-90px, 80px, 0); }
    }

    @keyframes bbr-star-drift-front {
      from { transform: translate3d(0, 0, 0); opacity: 0.64; }
      50% { opacity: 1; }
      to { transform: translate3d(-150px, 115px, 0); opacity: 0.74; }
    }

    @keyframes bbr-dust-drift {
      from { transform: translate3d(-18px, 8px, 0) scale(1); opacity: 0.76; }
      to { transform: translate3d(18px, -10px, 0) scale(1.04); opacity: 0.92; }
    }

    @keyframes bbr-galaxy-sparkle {
      from { opacity: 0.46; transform: translate3d(-4px, 3px, 0); }
      to { opacity: 0.9; transform: translate3d(5px, -4px, 0); }
    }

    @keyframes bbr-cloud-drift {
      from { transform: translateX(-2%); }
      to { transform: translateX(3%); }
    }

    @keyframes bbr-shoot {
      0%, 64%, 100% { opacity: 0; transform: rotate(-22deg) translateX(0); }
      68% { opacity: 1; }
      78% { opacity: 0; transform: rotate(-22deg) translateX(-360px); }
    }

    @keyframes bbr-orbit {
      from { transform: translate3d(0, 0, 0) scale(0.85); }
      to { transform: translate3d(-42px, -140px, 0) scale(1.15); }
    }

    @keyframes bbr-rocket-vibration {
      from { margin-left: -0.8px; margin-top: 0; }
      to { margin-left: 0.8px; margin-top: -1.2px; }
    }

    @keyframes bbr-boom {
      0% { opacity: 0; transform: translate(-50%, -50%) scale(0.05) rotate(0deg); filter: blur(0) drop-shadow(0 0 8px rgba(255, 114, 36, 0.1)); }
      9% { opacity: 1; transform: translate(-50%, -50%) scale(0.7) rotate(10deg); filter: blur(0) drop-shadow(0 0 58px rgba(255, 214, 98, 0.86)); }
      28% { opacity: 0.95; transform: translate(-50%, -50%) scale(1.2) rotate(26deg); filter: blur(0.5px) drop-shadow(0 0 72px rgba(255, 84, 42, 0.68)); }
      62% { opacity: 0.5; transform: translate(-50%, -50%) scale(1.55) rotate(48deg); filter: blur(2px) drop-shadow(0 0 50px rgba(255, 84, 42, 0.32)); }
      100% { opacity: 0; transform: translate(-50%, -50%) scale(1.9) rotate(72deg); filter: blur(8px) drop-shadow(0 0 0 rgba(255, 84, 42, 0)); }
    }

    @keyframes bbr-shockwave {
      0% { opacity: 0; transform: scale(0.1); }
      12% { opacity: 0.95; transform: scale(0.4); }
      100% { opacity: 0; transform: scale(2.5); }
    }

    @keyframes bbr-smoke-burst {
      0% { opacity: 0; transform: scale(0.08) rotate(0deg); filter: blur(2px); }
      22% { opacity: 0.74; transform: scale(0.86) rotate(24deg); filter: blur(4px); }
      100% { opacity: 0; transform: scale(1.75) rotate(72deg); filter: blur(12px); }
    }

    @keyframes bbr-screen-flash {
      0% { opacity: 0; }
      8% { opacity: 1; }
      22% { opacity: 0.42; }
      100% { opacity: 0; }
    }

    @keyframes bbr-screen-static {
      0% { opacity: 0; transform: translateX(0); }
      10% { opacity: 0.8; transform: translateX(-10px); }
      20% { opacity: 0.24; transform: translateX(8px); }
      36% { opacity: 0.52; transform: translateX(-5px); }
      55% { opacity: 0.18; transform: translateX(4px); }
      100% { opacity: 0; transform: translateX(0); }
    }

    @keyframes bbr-stage-shake {
      0%, 100% { transform: translate3d(0, 0, 0); }
      10% { transform: translate3d(-8px, 5px, 0); }
      20% { transform: translate3d(9px, -6px, 0); }
      30% { transform: translate3d(-7px, -4px, 0); }
      40% { transform: translate3d(6px, 5px, 0); }
      52% { transform: translate3d(-4px, 3px, 0); }
      66% { transform: translate3d(3px, -2px, 0); }
      82% { transform: translate3d(-2px, 1px, 0); }
    }

    @keyframes bbr-spark-field {
      0% { opacity: 0; transform: translate(-50%, -50%) scale(0.3) rotate(0deg); }
      10% { opacity: 1; }
      100% { opacity: 0; transform: translate(-50%, -50%) scale(3.2) rotate(28deg); }
    }

    @keyframes bbr-spark {
      0% { height: 16px; opacity: 0; }
      14% { height: 70px; opacity: 1; }
      100% { height: 4px; opacity: 0; }
    }

    @keyframes frogy-cover-bob {
      0%, 100% { transform: translate(-50%, -50%) translateY(0) scale(1); }
      50% { transform: translate(-50%, -50%) translateY(-10px) scale(1.02); }
    }

    @keyframes frogy-water-shimmer {
      from { transform: translate3d(-18px, 0, 0); opacity: 0.52; }
      to { transform: translate3d(18px, 0, 0); opacity: 0.82; }
    }

    @keyframes frogy-water-drift {
      from { transform: translate3d(-34px, -18px, 0) scale(1); }
      to { transform: translate3d(34px, 18px, 0) scale(1.03); }
    }

    @keyframes frogy-reed-sway {
      from { transform: rotate(-3deg); }
      to { transform: rotate(4deg); }
    }

    @keyframes frogy-koi-vertical {
      from { top: -18%; transform: translateX(-50%) rotate(90deg); }
      to { top: 118%; transform: translateX(-50%) rotate(90deg); }
    }

    @keyframes frogy-strike-water {
      from { transform: translate(-50%, -50%) scale(0.28); opacity: 0.9; }
      to { transform: translate(-50%, -50%) scale(1.3); opacity: 0; }
    }

    @keyframes frogy-tail {
      from { transform: rotate(-12deg) scaleY(0.9); }
      to { transform: rotate(14deg) scaleY(1.06); }
    }

    @keyframes frogy-hop {
      0% { transform: translate(-50%, -52%) translateY(0) scale(1); }
      48% { transform: translate(-50%, -52%) translateY(-64px) scale(1.04); }
      100% { transform: translate(-50%, -52%) translateY(0) scale(1); }
    }

    @keyframes frogy-back-leg-left {
      0%, 100% { transform: rotate(0deg); }
      38% { transform: rotate(-42deg) translate(-4px, 1px) scale(1.06); }
      60% { transform: rotate(18deg) translate(5px, -3px) scale(0.98); }
    }

    @keyframes frogy-back-leg-right {
      0%, 100% { transform: scaleX(-1) rotate(0deg); }
      38% { transform: scaleX(-1) rotate(-42deg) translate(-4px, 1px) scale(1.06); }
      60% { transform: scaleX(-1) rotate(18deg) translate(5px, -3px) scale(0.98); }
    }

    @keyframes frogy-front-leg-left {
      0%, 100% { transform: rotate(0deg); }
      35% { transform: rotate(34deg) translate(3px, -3px); }
      62% { transform: rotate(-18deg) translate(-3px, 2px); }
    }

    @keyframes frogy-front-leg-right {
      0%, 100% { transform: scaleX(-1) rotate(0deg); }
      35% { transform: scaleX(-1) rotate(34deg) translate(3px, -3px); }
      62% { transform: scaleX(-1) rotate(-18deg) translate(-3px, 2px); }
    }

    @keyframes frogy-shadow-hop {
      0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.28; }
      48% { transform: translate(-50%, -50%) scale(0.55); opacity: 0.14; }
    }

    @keyframes frogy-pad-sink {
      0% { transform: translateY(var(--bob, 0)) rotate(var(--tilt, -2deg)) scale(1); opacity: 1; }
      100% { transform: translateY(calc(var(--bob, 0px) + 30px)) rotate(var(--tilt, -2deg)) scale(0.9); opacity: 0.48; }
    }

    @keyframes frogy-splash {
      0% {
        width: 20px;
        height: 20px;
        opacity: 0;
        border-color: rgba(187, 244, 255, 0.9);
        box-shadow: 0 0 0 0 rgba(187, 244, 255, 0.45);
      }
      35% {
        width: 160px;
        height: 54px;
        opacity: 1;
        border-color: rgba(187, 244, 255, 0.72);
        box-shadow: 0 0 42px 18px rgba(92, 223, 255, 0.18);
      }
      100% {
        width: 230px;
        height: 80px;
        opacity: 0;
        border-color: rgba(187, 244, 255, 0);
        box-shadow: 0 0 0 0 rgba(187, 244, 255, 0);
      }
    }

    @media (max-width: 800px) {
      .bbr-auth-layout,
      .bbr-game-card {
        grid-template-columns: 1fr;
      }

      .bbr-shell {
        grid-template-columns: 1fr;
        min-height: auto;
      }

      .bbr-stage {
        min-height: 520px;
      }

      .frogy-stage {
        min-height: 560px;
      }

      .frogy-pad-track {
        left: 13%;
        right: 4%;
        grid-template-columns: repeat(var(--pad-count, 8), minmax(42px, 1fr));
        gap: 6px;
      }

      .frogy-pad-slot {
        min-height: 108px;
      }

      .frogy-koi-school {
        left: 13%;
        right: 4%;
        grid-template-columns: repeat(var(--pad-count, 8), minmax(42px, 1fr));
        gap: 6px;
      }

      .frogy-koi {
        width: 62px;
        height: 24px;
      }

      .frogy-step-label {
        padding: 6px 5px;
        font-size: 12px;
      }

      .bbr-status {
        left: 22px;
        right: auto;
        top: 112px;
        text-align: left;
      }
    }

    @media (max-width: 440px) {
      .bbr-shell {
        padding: 12px;
      }

      .bbr-stats {
        grid-template-columns: 1fr;
      }

      .bbr-title {
        font-size: 28px;
      }

      .bbr-code-row,
      .bbr-loan-row {
        grid-template-columns: 1fr;
      }
    }
    .gamboland-brand-lockup,
    .gamboland-mini-brand {
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .gamboland-brand-lockup h1,
    .gamboland-mini-brand span {
      margin: 0;
    }

    .gamboland-brand-logo {
      display: block;
      width: 68px;
      aspect-ratio: 1;
      object-fit: contain;
      mix-blend-mode: screen;
      filter: drop-shadow(0 10px 18px rgba(255, 184, 42, 0.28));
    }

    .gamboland-mini-brand {
      margin-bottom: 10px;
      color: #fff3bd;
      font-size: 13px;
      font-weight: 900;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .gamboland-mini-brand .gamboland-brand-logo {
      width: 38px;
    }

    .gamboland-logo-badge {
      position: absolute;
      z-index: 8;
      top: 14px;
      right: 14px;
      width: 74px;
      aspect-ratio: 1;
      object-fit: contain;
      mix-blend-mode: screen;
      filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.62));
      pointer-events: none;
    }

    .bbr-cover-art.rocket-cover-art {
      background:
        linear-gradient(180deg, rgba(3, 6, 18, 0.04) 18%, rgba(3, 6, 18, 0.18) 58%, rgba(3, 6, 18, 0.9) 100%),
        url("boom-boom-rocket-card.jpg") center 48% / cover no-repeat;
    }

    .bbr-cover-art.rocket-cover-art::before,
    .bbr-cover-art.frogy-cover-art::before {
      display: block;
      inset: 0;
      width: auto;
      height: auto;
      border-radius: inherit;
      background: linear-gradient(90deg, rgba(2, 6, 18, 0.38), transparent 68%);
      box-shadow: none;
      z-index: 1;
      pointer-events: none;
    }

    .bbr-cover-art.rocket-cover-art .bbr-cover-rocket,
    .bbr-cover-art.frogy-cover-art .frogy-cover-frog {
      display: none;
    }

    .bbr-cover-title {
      z-index: 2;
    }

    .frogy-cover-art {
      background:
        linear-gradient(180deg, rgba(2, 13, 17, 0.02) 18%, rgba(2, 13, 17, 0.18) 58%, rgba(2, 13, 17, 0.88) 100%),
        url("frogy-card.jpg") center 48% / cover no-repeat;
    }

    .frogy-cover-art::before {
      background: linear-gradient(90deg, rgba(2, 17, 20, 0.34), transparent 68%);
    }

    .frogy-cover-frog {
      top: 48%;
      width: 146px;
      height: 102px;
      border: 1px solid rgba(226, 255, 178, 0.38);
      background:
        radial-gradient(circle at 28% 21%, #09120d 0 6px, #f4fbdc 7px 17px, transparent 18px),
        radial-gradient(circle at 72% 21%, #09120d 0 6px, #f4fbdc 7px 17px, transparent 18px),
        radial-gradient(ellipse at 48% 74%, rgba(242, 255, 198, 0.43), transparent 29px),
        radial-gradient(ellipse at 39% 62%, rgba(33, 111, 50, 0.45) 0 6px, transparent 7px),
        radial-gradient(ellipse at 63% 67%, rgba(33, 111, 50, 0.35) 0 5px, transparent 6px),
        linear-gradient(145deg, #c9f28c 0%, #58c668 48%, #147243 100%);
      box-shadow: inset -15px -16px 23px rgba(0, 37, 22, 0.35), inset 10px 9px 15px rgba(255, 255, 255, 0.2), 0 26px 32px rgba(0, 0, 0, 0.46);
    }

    .frogy-cover-frog::before,
    .frogy-cover-frog::after {
      width: 56px;
      height: 33px;
      bottom: -14px;
      background: linear-gradient(145deg, #9ee879, #187443);
      box-shadow: inset -8px -7px 12px rgba(0, 0, 0, 0.27), 0 7px 9px rgba(0, 0, 0, 0.25);
    }

    .frogy-stage {
      min-height: calc(100vh - 44px);
      border: 1px solid rgba(115, 232, 214, 0.28);
      border-radius: 26px;
      background:
        linear-gradient(180deg, rgba(0, 9, 20, 0.02), rgba(0, 13, 20, 0.32)),
        url("frogy-moonlit-pond-v2.png") center / cover no-repeat;
      box-shadow: inset 0 0 100px rgba(0, 4, 12, 0.55), 0 24px 62px rgba(0, 0, 0, 0.3);
    }

    .frogy-stage::before {
      z-index: 1;
      background:
        radial-gradient(ellipse at 52% 56%, rgba(104, 236, 218, 0.16), transparent 34%),
        repeating-linear-gradient(103deg, rgba(188, 255, 246, 0.08) 0 1px, transparent 1px 56px),
        repeating-linear-gradient(12deg, rgba(78, 221, 213, 0.06) 0 1px, transparent 1px 46px);
      opacity: 0.82;
      mix-blend-mode: screen;
      animation-duration: 8s;
    }

    .frogy-stage::after {
      z-index: 2;
      background:
        radial-gradient(ellipse at 50% 57%, transparent 0 40%, rgba(0, 4, 12, 0.32) 100%),
        linear-gradient(180deg, rgba(3, 10, 23, 0.12), transparent 35%, rgba(0, 12, 17, 0.22));
    }

    .frogy-water-layer {
      inset: -30%;
      z-index: 0;
      opacity: 0.9;
      background:
        radial-gradient(ellipse at 24% 38%, rgba(115, 245, 220, 0.22), transparent 17%),
        radial-gradient(ellipse at 70% 62%, rgba(76, 160, 255, 0.2), transparent 20%),
        repeating-radial-gradient(ellipse at center, rgba(235, 255, 249, 0.07) 0 1px, transparent 2px 40px);
      mix-blend-mode: screen;
      animation-duration: 19s;
    }

    .frogy-bank,
    .frogy-reeds {
      display: none;
    }

    .frogy-status,
    .frogy-multiplier {
      z-index: 30;
      border: 1px solid rgba(181, 255, 240, 0.22);
      background: linear-gradient(140deg, rgba(2, 20, 35, 0.75), rgba(4, 38, 48, 0.38));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 12px 28px rgba(0, 0, 0, 0.32);
      backdrop-filter: blur(14px);
    }

    .frogy-status {
      left: 22px;
      top: 20px;
      padding: 10px 15px;
      color: #dffef1;
      letter-spacing: 0.02em;
    }

    .frogy-multiplier {
      right: 22px;
      top: 18px;
      padding: 5px 14px 8px;
      border-radius: 18px;
      color: #fff4c8;
      font-size: clamp(36px, 5vw, 66px);
      line-height: 1;
      text-shadow: 0 0 22px rgba(255, 221, 105, 0.32), 0 6px 16px rgba(0, 0, 0, 0.55);
    }

    .frogy-path-line {
      top: 58%;
      z-index: 4;
      height: 2px;
      background: repeating-linear-gradient(90deg, rgba(209, 255, 229, 0.04) 0 14px, rgba(255, 235, 145, 0.38) 15px 24px, rgba(209, 255, 229, 0.04) 25px 46px);
      box-shadow: 0 0 24px rgba(137, 252, 224, 0.2);
    }

    .frogy-start-pad {
      top: 58%;
      z-index: 15;
      width: 106px;
      height: 78px;
      background:
        radial-gradient(ellipse at 30% 24%, rgba(239, 255, 194, 0.74), transparent 13%),
        radial-gradient(ellipse at 67% 65%, rgba(1, 64, 37, 0.34), transparent 24%),
        repeating-radial-gradient(ellipse at 46% 55%, rgba(255, 255, 255, 0.12) 0 1px, transparent 1px 9px),
        linear-gradient(138deg, #bde986 0%, #4eae63 46%, #13613f 77%, #092f2b 100%);
      box-shadow: inset -14px -15px 20px rgba(0, 32, 18, 0.36), inset 11px 9px 15px rgba(255, 255, 255, 0.2), 0 22px 34px rgba(0, 0, 0, 0.48);
    }

    .frogy-pad-track {
      left: 15%;
      right: 5%;
      top: 58%;
      z-index: 16;
      gap: clamp(9px, 1.4vw, 18px);
    }

    .frogy-pad-slot {
      min-height: 146px;
    }

    .frogy-pad {
      min-height: clamp(76px, 7.8vw, 102px);
      clip-path: polygon(6% 48%, 12% 25%, 30% 9%, 58% 5%, 85% 17%, 99% 39%, 96% 63%, 79% 86%, 52% 97%, 25% 90%, 7% 70%);
      border: 1px solid rgba(210, 255, 189, 0.32);
      background:
        radial-gradient(ellipse at 29% 23%, rgba(240, 255, 195, 0.7), transparent 13%),
        radial-gradient(ellipse at 67% 61%, rgba(4, 70, 35, 0.35), transparent 26%),
        repeating-radial-gradient(ellipse at 50% 54%, rgba(255, 255, 255, 0.1) 0 1px, transparent 1px 9px),
        linear-gradient(138deg, #c5f18b 0%, #5bb76a 47%, #176743 77%, #082f2b 100%);
      box-shadow: inset -16px -16px 21px rgba(0, 28, 17, 0.36), inset 10px 9px 14px rgba(255, 255, 255, 0.2), 0 20px 30px rgba(0, 0, 0, 0.48), 0 0 0 1px rgba(111, 255, 174, 0.08);
    }

    .frogy-pad::before,
    .frogy-start-pad::before {
      opacity: 0.76;
    }

    .frogy-pad::after,
    .frogy-start-pad::after {
      opacity: 0.65;
    }

    .frogy-pad.is-safe {
      filter: brightness(1.13) saturate(1.2);
      box-shadow: 0 0 28px rgba(128, 255, 176, 0.3), inset -16px -16px 21px rgba(0, 28, 17, 0.28), inset 10px 9px 14px rgba(255, 255, 255, 0.24), 0 20px 30px rgba(0, 0, 0, 0.38);
    }

    .frogy-pad.is-current {
      outline: 2px solid rgba(255, 235, 143, 0.86);
      outline-offset: 4px;
      box-shadow: 0 0 38px rgba(255, 224, 112, 0.38), inset -16px -16px 21px rgba(0, 28, 17, 0.26), inset 10px 9px 14px rgba(255, 255, 255, 0.24), 0 20px 30px rgba(0, 0, 0, 0.36);
    }

    .frogy-step-label {
      padding: 7px 10px;
      color: #fff8d9;
      border-color: rgba(241, 255, 207, 0.34);
      background: linear-gradient(135deg, rgba(3, 29, 25, 0.64), rgba(9, 67, 47, 0.38));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 5px 10px rgba(0, 0, 0, 0.26);
      backdrop-filter: blur(4px);
    }

    .frogy-koi-school {
      left: 15%;
      right: 5%;
      z-index: 10;
      gap: clamp(9px, 1.4vw, 18px);
    }

    .frogy-koi-lane {
      border-left-color: rgba(147, 255, 233, 0.08);
      border-right-color: rgba(147, 255, 233, 0.04);
      background: linear-gradient(180deg, rgba(127, 248, 226, 0.07), transparent 18%, transparent 82%, rgba(127, 248, 226, 0.06));
    }

    .frogy-koi-lane::before {
      width: 150%;
      height: 180px;
      background: radial-gradient(ellipse, rgba(117, 255, 227, 0.34), rgba(74, 171, 255, 0.08) 42%, transparent 70%);
    }

    .frogy-koi {
      width: 114px;
      height: 55px;
      filter: drop-shadow(0 12px 10px rgba(0, 0, 0, 0.4)) drop-shadow(0 0 14px rgba(255, 156, 85, 0.12));
    }

    .frogy-koi-body {
      right: 3px;
      top: 4px;
      width: 91px;
      height: 47px;
      border: 1px solid rgba(255, 249, 214, 0.46);
      background:
        radial-gradient(circle at 80% 42%, #07100d 0 2px, #fff8d5 2.6px 4.3px, transparent 4.8px),
        radial-gradient(ellipse at 24% 45%, #cd3829 0 17%, transparent 18%),
        radial-gradient(ellipse at 50% 69%, #f8d96a 0 15%, transparent 16%),
        radial-gradient(ellipse at 68% 24%, #e95232 0 13%, transparent 14%),
        radial-gradient(ellipse at 44% 30%, rgba(255, 255, 255, 0.7), transparent 18%),
        linear-gradient(101deg, #fffbe8 0%, #ffc86e 48%, #e76a3c 73%, #ba3028 100%);
      box-shadow: inset -9px -8px 12px rgba(69, 16, 5, 0.3), inset 7px 6px 10px rgba(255, 255, 255, 0.35);
    }

    .frogy-koi-tail {
      top: 10px;
      width: 37px;
      height: 34px;
      background: linear-gradient(90deg, #a92d25, #ee6e42 66%, #ffc375);
      filter: drop-shadow(-2px 1px 1px rgba(0, 0, 0, 0.25));
    }

    .frogy-koi-fin {
      left: 44px;
      width: 26px;
      height: 16px;
      background: linear-gradient(135deg, rgba(255, 197, 118, 0.88), rgba(218, 68, 42, 0.72));
    }

    .frogy-koi-eye {
      right: 15px;
      top: 17px;
      width: 6px;
      height: 6px;
    }

    .frogy-koi-mark-one {
      left: 22px;
      top: 11px;
      width: 16px;
      height: 11px;
    }

    .frogy-koi-mark-two {
      left: 49px;
      bottom: 7px;
      width: 17px;
      height: 9px;
    }

    .frogy-frog-shadow {
      z-index: 17;
      width: 98px;
      height: 25px;
      background: rgba(0, 5, 5, 0.46);
      filter: blur(6px);
    }

    .frogy-frog {
      z-index: 22;
      width: 132px;
      height: 96px;
      filter: drop-shadow(0 16px 11px rgba(0, 0, 0, 0.42)) drop-shadow(0 0 12px rgba(160, 255, 128, 0.12));
    }

    .frogy-frog-body {
      left: 25px;
      top: 12px;
      width: 81px;
      height: 69px;
      border: 1px solid rgba(221, 255, 183, 0.46);
      background:
        radial-gradient(ellipse at 27% 55%, rgba(28, 104, 42, 0.55) 0 7px, transparent 8px),
        radial-gradient(ellipse at 67% 67%, rgba(23, 94, 37, 0.5) 0 6px, transparent 7px),
        radial-gradient(ellipse at 51% 78%, rgba(244, 255, 201, 0.56), transparent 30%),
        radial-gradient(ellipse at 44% 25%, rgba(255, 255, 227, 0.24), transparent 23%),
        linear-gradient(145deg, #d3f49a 0%, #72ce70 45%, #21834b 74%, #0a4c38 100%);
      box-shadow: inset -11px -12px 15px rgba(0, 43, 25, 0.34), inset 10px 8px 13px rgba(255, 255, 255, 0.22), 0 2px 1px rgba(255, 255, 255, 0.12);
      animation: frogy-breath 3.2s ease-in-out infinite;
    }

    .frogy-eye {
      top: -10px;
      width: 28px;
      height: 28px;
      border-color: rgba(231, 255, 208, 0.64);
      background: radial-gradient(circle at 50% 50%, #08120d 0 5px, #f9ffe8 5.5px 11px, #65c76a 11.5px 100%);
      box-shadow: inset -5px -5px 7px rgba(0, 0, 0, 0.22), 0 3px 5px rgba(0, 0, 0, 0.28);
    }

    .frogy-eye i {
      left: 9px;
      top: 8px;
      width: 8px;
      height: 9px;
    }

    .frogy-frog-snout {
      left: 24px;
      bottom: 9px;
      width: 33px;
      height: 13px;
      border-bottom-color: rgba(4, 62, 34, 0.88);
    }

    .frogy-leg {
      width: 51px;
      height: 34px;
    }

    .frogy-leg i,
    .frogy-leg b {
      background: linear-gradient(145deg, #b0eb7e, #3c9a54 52%, #126341);
      box-shadow: inset -5px -5px 7px rgba(0, 0, 0, 0.24), inset 4px 3px 5px rgba(255, 255, 255, 0.14);
    }

    .frogy-leg i {
      width: 36px;
      height: 17px;
    }

    .frogy-leg b {
      width: 30px;
      height: 12px;
    }

    .frogy-leg b::before,
    .frogy-leg b::after {
      right: -8px;
      width: 13px;
      height: 4px;
      background: #69c866;
    }

    .frogy-stage.is-hopping .frogy-frog-body {
      animation: none;
    }

    .frogy-splash {
      z-index: 24;
      width: 32px;
      height: 25px;
    }

    .frogy-splash::before,
    .frogy-splash::after {
      content: "";
      position: absolute;
      inset: 50% auto auto 50%;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: rgba(196, 255, 247, 0);
      transform: translate(-50%, -50%);
    }

    .frogy-stage.is-hit .frogy-splash::before {
      animation: frogy-droplets-left 800ms ease-out forwards;
    }

    .frogy-stage.is-hit .frogy-splash::after {
      animation: frogy-droplets-right 800ms ease-out forwards;
    }

    @keyframes frogy-koi-vertical {
      0% { top: -24%; transform: translateX(-50%) rotate(90deg) scale(0.9); }
      42% { transform: translateX(-50%) rotate(90deg) scale(1); }
      75% { transform: translateX(-50%) rotate(90deg) scale(0.96); }
      100% { top: 124%; transform: translateX(-50%) rotate(90deg) scale(0.88); }
    }

    @keyframes frogy-hop {
      0% { transform: translate(-50%, -52%) translateY(0) rotate(0deg) scale(1); }
      46% { transform: translate(-50%, -52%) translateY(-78px) rotate(-3deg) scale(1.06); }
      72% { transform: translate(-50%, -52%) translateY(-25px) rotate(2deg) scale(1.02); }
      100% { transform: translate(-50%, -52%) translateY(0) rotate(0deg) scale(1); }
    }

    @keyframes frogy-breath {
      0%, 100% { transform: translateY(0) scale(1); filter: saturate(1); }
      50% { transform: translateY(-1px) scale(1.018); filter: saturate(1.1); }
    }

    @keyframes frogy-droplets-left {
      0% { opacity: 0; background: rgba(196, 255, 247, 0.9); transform: translate(-50%, -50%) scale(0.4); }
      38% { opacity: 1; transform: translate(-74px, -54px) scale(1.15); }
      100% { opacity: 0; transform: translate(-98px, 4px) scale(0.45); }
    }

    @keyframes frogy-droplets-right {
      0% { opacity: 0; background: rgba(196, 255, 247, 0.9); transform: translate(-50%, -50%) scale(0.4); }
      38% { opacity: 1; transform: translate(58px, -66px) scale(1.05); }
      100% { opacity: 0; transform: translate(92px, 7px) scale(0.4); }
    }

    @media (max-width: 800px) {
      .gamboland-brand-logo { width: 56px; }
      .gamboland-logo-badge { width: 58px; top: 10px; right: 10px; }
      .frogy-stage { min-height: 560px; border-radius: 20px; }
      .frogy-status { left: 14px; top: 14px; font-size: 13px; }
      .frogy-multiplier { right: 14px; top: 13px; font-size: 32px; }
      .frogy-path-line,
      .frogy-start-pad,
      .frogy-pad-track { top: 60%; }
      .frogy-pad-track,
      .frogy-koi-school { left: 13%; right: 4%; gap: 6px; }
      .frogy-pad-slot { min-height: 112px; }
      .frogy-pad { min-height: 60px; }
      .frogy-koi { width: 72px; height: 34px; }
      .frogy-koi-body { width: 57px; height: 29px; }
      .frogy-koi-tail { top: 6px; width: 24px; height: 21px; }
      .frogy-koi-fin { left: 28px; width: 16px; height: 10px; }
      .frogy-frog { width: 100px; height: 74px; }
      .frogy-frog-body { left: 19px; top: 9px; width: 63px; height: 54px; }
      .frogy-eye { top: -8px; width: 22px; height: 22px; }
      .frogy-eye i { left: 7px; top: 6px; width: 6px; height: 7px; }
      .frogy-leg { width: 39px; height: 26px; }
      .frogy-leg i { width: 28px; height: 13px; }
      .frogy-leg b { width: 23px; height: 10px; }
      .frogy-step-label { padding: 5px 4px; font-size: 11px; }
    }

    @media (prefers-reduced-motion: reduce) {
      .frogy-stage *,
      .frogy-stage::before,
      .frogy-stage::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
    }

    .frogy-stage {
      background: #03151d;
    }

    .frogy-world-map {
      position: absolute;
      inset: -9% -20%;
      z-index: 0;
      background:
        linear-gradient(180deg, rgba(0, 8, 18, 0.03), rgba(0, 15, 20, 0.28)),
        url("frogy-moonlit-pond-v2.png") center / cover no-repeat;
      transform: translate3d(var(--frogy-world-shift, 0px), 0, 0) scale(1.08);
      transform-origin: center;
      transition: transform 620ms cubic-bezier(.18, .86, .24, 1);
      will-change: transform;
    }

    .frogy-stage.is-panning .frogy-world-map {
      filter: saturate(1.08) brightness(1.04);
    }

    .frogy-water-layer {
      z-index: 1;
    }

    @media (prefers-reduced-motion: reduce) {
      .frogy-world-map { transition: none; }
    }

    .frogy-stage {
      --frogy-failure-x: 7%;
      --frogy-failure-y: 58%;
    }

    .frogy-pad-crack {
      position: absolute;
      z-index: 5;
      inset: 18% 12% 16% 14%;
      opacity: 0;
      background:
        linear-gradient(42deg, transparent 0 46%, rgba(5, 37, 28, 0.92) 47% 51%, transparent 52%),
        linear-gradient(-28deg, transparent 0 54%, rgba(5, 37, 28, 0.86) 55% 58%, transparent 59%),
        linear-gradient(88deg, transparent 0 48%, rgba(5, 37, 28, 0.78) 49% 52%, transparent 53%);
      filter: drop-shadow(0 1px 0 rgba(222, 255, 200, 0.2));
      transform: rotate(-7deg) scale(0.35);
      transform-origin: center;
      pointer-events: none;
    }

    .frogy-pad.is-cracked .frogy-pad-crack {
      opacity: 1;
      animation: frogy-pad-crack 680ms cubic-bezier(.16, .88, .25, 1) forwards;
    }

    .frogy-koi--strike {
      top: 130%;
      width: 132px;
      height: 64px;
      z-index: 6;
      opacity: 0;
      animation: none;
      transform: translateX(-50%) rotate(90deg) scale(0.72);
      will-change: top, transform, opacity;
    }

    .frogy-koi-lane.is-striking {
      z-index: 25;
    }

    .frogy-koi-lane.is-striking .frogy-koi--strike {
      animation: frogy-koi-strike 900ms cubic-bezier(.18, .76, .18, 1) forwards;
    }

    .frogy-failure-layer {
      position: absolute;
      inset: 0;
      z-index: 26;
      overflow: hidden;
      pointer-events: none;
    }

    .frogy-failure-ring,
    .frogy-whirlpool {
      position: absolute;
      left: var(--frogy-failure-x);
      top: var(--frogy-failure-y);
      opacity: 0;
      pointer-events: none;
    }

    .frogy-failure-ring {
      width: 42px;
      height: 20px;
      border: 3px solid rgba(203, 255, 246, 0.8);
      border-radius: 50%;
      box-shadow: 0 0 0 8px rgba(97, 228, 214, 0.12), 0 0 28px rgba(113, 255, 232, 0.34);
      transform: translate(-50%, -50%) scale(0.28);
    }

    .frogy-whirlpool {
      width: 142px;
      height: 70px;
      border: 2px solid rgba(167, 255, 242, 0.44);
      border-radius: 50%;
      background:
        repeating-radial-gradient(ellipse at center, rgba(4, 22, 34, 0.72) 0 5px, rgba(86, 214, 218, 0.34) 6px 9px, transparent 10px 16px),
        radial-gradient(ellipse at center, rgba(1, 10, 22, 0.94), rgba(5, 77, 92, 0.56) 48%, transparent 70%);
      box-shadow: inset 0 0 28px rgba(0, 2, 12, 0.72), 0 0 28px rgba(72, 221, 220, 0.3);
      transform: translate(-50%, -42%) scale(0.26) rotate(0deg);
    }

    .frogy-whirlpool::before,
    .frogy-whirlpool::after {
      content: "";
      position: absolute;
      inset: 18% 22%;
      border: 2px solid rgba(205, 255, 248, 0.38);
      border-radius: 50%;
    }

    .frogy-whirlpool::after {
      inset: 33% 37%;
      border-color: rgba(0, 12, 24, 0.78);
    }

    .frogy-failure-caption {
      position: absolute;
      left: var(--frogy-failure-x);
      top: calc(var(--frogy-failure-y) - 94px);
      min-width: 126px;
      padding: 7px 10px;
      border: 1px solid rgba(211, 255, 242, 0.3);
      border-radius: 999px;
      color: #effff9;
      background: rgba(3, 22, 34, 0.82);
      box-shadow: 0 9px 22px rgba(0, 0, 0, 0.36);
      font-size: 12px;
      font-weight: 900;
      letter-spacing: 0.03em;
      text-align: center;
      opacity: 0;
      transform: translate(-50%, 12px) scale(0.88);
    }

    .frogy-stage.is-hit .frogy-failure-ring {
      animation: frogy-failure-ring 860ms ease-out forwards;
    }

    .frogy-stage.is-hit .frogy-failure-caption {
      animation: frogy-failure-caption 860ms cubic-bezier(.16, .88, .25, 1) forwards;
    }

    .frogy-stage[data-frogy-failure="whirlpool"].is-hit .frogy-whirlpool {
      animation: frogy-whirlpool 900ms cubic-bezier(.16, .82, .22, 1) forwards;
    }

    .frogy-stage[data-frogy-failure="koi"] .frogy-failure-caption {
      border-color: rgba(255, 198, 111, 0.48);
      color: #fff1cc;
    }

    .frogy-stage[data-frogy-failure="cracked"] .frogy-failure-caption {
      border-color: rgba(211, 255, 169, 0.42);
      color: #eaffdc;
    }

    .frogy-stage[data-frogy-failure="whirlpool"] .frogy-failure-caption {
      border-color: rgba(130, 232, 255, 0.5);
      color: #dbfaff;
    }

    .frogy-stage[data-frogy-failure="koi"].is-hit .frogy-frog {
      animation: frogy-koi-bump 840ms cubic-bezier(.2, .82, .2, 1) forwards;
    }

    .frogy-stage[data-frogy-failure="cracked"].is-hit .frogy-frog {
      animation: frogy-pad-drop 820ms cubic-bezier(.18, .75, .3, 1) forwards;
    }

    .frogy-stage[data-frogy-failure="whirlpool"].is-hit .frogy-frog {
      animation: frogy-whirlpool-pull 880ms cubic-bezier(.16, .78, .26, 1) forwards;
    }

    .frogy-pad.is-landing {
      animation: frogy-pad-landing 560ms cubic-bezier(.16, .88, .25, 1);
    }

    .frogy-stage.is-cashed-out .frogy-pad.is-cashed-out {
      animation: frogy-cashout-glow 780ms ease-out;
    }

    @keyframes frogy-koi-strike {
      0% { top: 132%; opacity: 0; transform: translateX(-50%) rotate(90deg) scale(0.68); }
      14% { opacity: 1; }
      62% { top: 45%; opacity: 1; transform: translateX(-50%) rotate(90deg) scale(1.1); }
      100% { top: -38%; opacity: 0; transform: translateX(-50%) rotate(90deg) scale(0.86); }
    }

    @keyframes frogy-failure-ring {
      0% { opacity: 0; transform: translate(-50%, -50%) scale(0.22); }
      18% { opacity: 1; }
      100% { opacity: 0; transform: translate(-50%, -50%) scale(3.3); }
    }

    @keyframes frogy-failure-caption {
      0%, 15% { opacity: 0; transform: translate(-50%, 12px) scale(0.88); }
      32%, 72% { opacity: 1; transform: translate(-50%, 0) scale(1); }
      100% { opacity: 0; transform: translate(-50%, -8px) scale(0.96); }
    }

    @keyframes frogy-whirlpool {
      0% { opacity: 0; transform: translate(-50%, -42%) scale(0.26) rotate(0deg); }
      18% { opacity: 0.94; }
      75% { opacity: 0.92; transform: translate(-50%, -42%) scale(1.08) rotate(260deg); }
      100% { opacity: 0; transform: translate(-50%, -42%) scale(1.34) rotate(380deg); }
    }

    @keyframes frogy-pad-crack {
      0% { opacity: 0; transform: rotate(-7deg) scale(0.35); }
      42% { opacity: 1; transform: rotate(-7deg) scale(1.08); }
      100% { opacity: 1; transform: rotate(-7deg) scale(1); }
    }

    @keyframes frogy-koi-bump {
      0% { opacity: 1; transform: translate(-50%, -52%) rotate(0deg) scale(1); }
      42% { opacity: 1; transform: translate(calc(-50% + 44px), calc(-52% - 30px)) rotate(24deg) scale(1.03); }
      100% { opacity: 0; transform: translate(calc(-50% + 82px), calc(-52% + 82px)) rotate(108deg) scale(0.72); }
    }

    @keyframes frogy-pad-drop {
      0% { opacity: 1; transform: translate(-50%, -52%) rotate(0deg) scale(1); }
      42% { opacity: 1; transform: translate(-50%, calc(-52% + 10px)) rotate(-8deg) scale(0.96); }
      100% { opacity: 0; transform: translate(-50%, calc(-52% + 112px)) rotate(22deg) scale(0.66); }
    }

    @keyframes frogy-whirlpool-pull {
      0% { opacity: 1; transform: translate(-50%, -52%) rotate(0deg) scale(1); }
      58% { opacity: 0.86; transform: translate(-50%, -52%) rotate(-110deg) scale(0.68); }
      100% { opacity: 0; transform: translate(-50%, -52%) rotate(-260deg) scale(0.18); }
    }

    @keyframes frogy-pad-landing {
      0% { filter: brightness(1) saturate(1); transform: translateY(var(--bob, 0)) rotate(var(--tilt, -2deg)) scale(0.9); }
      48% { filter: brightness(1.24) saturate(1.3); transform: translateY(calc(var(--bob, 0) + 8px)) rotate(var(--tilt, -2deg)) scale(1.1); }
      100% { filter: brightness(1.13) saturate(1.2); transform: translateY(var(--bob, 0)) rotate(var(--tilt, -2deg)) scale(1.05); }
    }

    @keyframes frogy-cashout-glow {
      0%, 100% { outline-color: rgba(255, 235, 143, 0.86); filter: brightness(1.13) saturate(1.2); }
      46% { outline-color: rgba(163, 255, 198, 1); filter: brightness(1.34) saturate(1.42); }
    }

    @media (max-width: 800px) {
      .frogy-koi--strike {
        width: 98px;
        height: 48px;
      }

      .frogy-failure-caption {
        top: calc(var(--frogy-failure-y) - 76px);
        min-width: 110px;
        padding: 6px 8px;
        font-size: 10px;
      }

      .frogy-whirlpool {
        width: 112px;
        height: 56px;
      }
    }

    :root {
      --gbl-bg: #0d1118;
      --gbl-bg-deep: #070a10;
      --gbl-surface: rgba(22, 27, 38, 0.9);
      --gbl-surface-strong: rgba(29, 35, 48, 0.96);
      --gbl-surface-soft: rgba(255, 255, 255, 0.055);
      --gbl-border: rgba(255, 255, 255, 0.105);
      --gbl-border-strong: rgba(255, 255, 255, 0.18);
      --gbl-text: #f6f8ff;
      --gbl-muted: #9fa9bc;
      --gbl-gold: #f6c453;
      --gbl-gold-bright: #ffe489;
      --gbl-purple: #8b5cf6;
      --gbl-mint: #5ce2b9;
      --gbl-danger: #ed5e70;
      --gbl-radius: 16px;
      --gbl-radius-lg: 22px;
      --gbl-shadow: 0 20px 60px rgba(0, 0, 0, 0.36);
      --gbl-shadow-soft: 0 10px 26px rgba(0, 0, 0, 0.26);
    }

    body {
      background: var(--gbl-bg-deep);
    }

    #boom-boom-rocket-app {
      min-height: 100dvh;
      color: var(--gbl-text);
      overflow-x: clip;
      overflow-y: auto;
      background:
        radial-gradient(circle at 8% 4%, rgba(139, 92, 246, 0.2), transparent 28rem),
        radial-gradient(circle at 92% 12%, rgba(246, 196, 83, 0.15), transparent 30rem),
        linear-gradient(155deg, #0d1118 0%, #101722 54%, #0b0d14 100%);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    #boom-boom-rocket-app button,
    #boom-boom-rocket-app input,
    #boom-boom-rocket-app select {
      font-family: inherit;
    }

    .bbr-screen {
      min-height: 100dvh;
      padding: clamp(16px, 3vw, 40px);
    }

    .bbr-screen::before {
      opacity: 0.7;
      background:
        radial-gradient(circle at 18% 20%, rgba(139, 92, 246, 0.18), transparent 22rem),
        radial-gradient(circle at 84% 16%, rgba(246, 196, 83, 0.12), transparent 24rem),
        radial-gradient(circle at 62% 84%, rgba(92, 226, 185, 0.09), transparent 26rem);
    }

    .bbr-auth-layout {
      width: min(1180px, 100%);
      grid-template-columns: minmax(310px, 430px) minmax(360px, 1fr);
      gap: clamp(16px, 2.4vw, 30px);
    }

    .bbr-lobby-grid {
      width: min(1240px, 100%);
      gap: clamp(16px, 2vw, 24px);
    }

    .bbr-shell {
      width: min(1480px, 100%);
      margin: 0 auto;
      grid-template-columns: minmax(320px, 390px) minmax(0, 1fr);
      gap: clamp(14px, 2vw, 26px);
      min-height: 100dvh;
      padding: clamp(12px, 2vw, 28px);
    }

    .bbr-panel,
    .bbr-auth-card,
    .bbr-game-card {
      border: 1px solid var(--gbl-border);
      border-radius: var(--gbl-radius-lg);
      background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.022) 34%, rgba(255, 255, 255, 0.01)),
        var(--gbl-surface);
      box-shadow: var(--gbl-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.08);
      backdrop-filter: blur(20px);
    }

    .bbr-panel {
      gap: 14px;
      padding: clamp(16px, 2vw, 24px);
      background-size: auto;
      align-self: start;
      position: sticky;
      top: 16px;
      max-height: calc(100dvh - 32px);
      overflow-y: auto;
      scrollbar-color: rgba(255, 255, 255, 0.18) transparent;
    }

    .bbr-auth-card {
      gap: 16px;
      padding: clamp(20px, 3vw, 30px);
    }

    .bbr-game-card {
      grid-template-columns: minmax(340px, 1.15fr) minmax(300px, 0.85fr);
      gap: clamp(14px, 2vw, 24px);
      padding: clamp(12px, 1.8vw, 20px);
    }

    .gbl-coin-leaderboard {
      gap: 16px;
    }

    .gbl-leaderboard-header {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 16px;
    }

    .gbl-leaderboard-kicker {
      color: var(--gbl-gold-light);
      font-size: 11px;
      font-weight: 900;
      letter-spacing: 0.13em;
      text-transform: uppercase;
    }

    .gbl-leaderboard-header h2 {
      margin: 5px 0 7px;
    }

    .gbl-leaderboard-header p {
      margin: 0;
      max-width: 720px;
    }

    .gbl-leaderboard-refresh {
      flex: 0 0 auto;
      min-height: 42px;
      padding: 0 16px;
    }

    .gbl-leaderboard-list {
      display: grid;
      gap: 8px;
      max-height: min(560px, 60vh);
      overflow-y: auto;
      padding-right: 4px;
      scrollbar-color: rgba(255, 255, 255, 0.22) transparent;
    }

    .gbl-leaderboard-row {
      display: grid;
      grid-template-columns: 46px minmax(0, 1fr) auto;
      align-items: center;
      gap: 12px;
      min-height: 60px;
      padding: 9px 13px;
      border: 1px solid rgba(255, 255, 255, 0.09);
      border-radius: 14px;
      background: rgba(4, 7, 13, 0.34);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    }

    .gbl-leaderboard-row.is-current {
      border-color: rgba(255, 214, 101, 0.65);
      background: linear-gradient(112deg, rgba(255, 206, 78, 0.19), rgba(111, 71, 255, 0.16));
      box-shadow: 0 10px 24px rgba(250, 193, 60, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    }

    .gbl-leaderboard-rank {
      display: inline-grid;
      place-items: center;
      width: 34px;
      height: 34px;
      border-radius: 11px;
      color: var(--gbl-muted);
      font-size: 13px;
      font-weight: 900;
      font-variant-numeric: tabular-nums;
      background: rgba(255, 255, 255, 0.07);
    }

    .gbl-leaderboard-row.is-top-three .gbl-leaderboard-rank {
      color: #221400;
      background: linear-gradient(135deg, #fff2ae, #f5ba39);
      box-shadow: 0 5px 14px rgba(246, 194, 67, 0.25);
    }

    .gbl-leaderboard-player {
      min-width: 0;
      overflow: hidden;
      color: var(--gbl-text);
      font-weight: 850;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .gbl-leaderboard-player small {
      margin-left: 7px;
      color: var(--gbl-gold-light);
      font-size: 10px;
      font-weight: 900;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }

    .gbl-leaderboard-coins {
      color: #d8fff1;
      font-size: clamp(14px, 1.8vw, 17px);
      font-weight: 900;
      font-variant-numeric: tabular-nums;
      letter-spacing: -0.025em;
      text-align: right;
      white-space: nowrap;
    }

    .gbl-leaderboard-empty {
      margin: 0;
      padding: 22px 14px;
      border: 1px dashed rgba(255, 255, 255, 0.15);
      border-radius: 14px;
      color: var(--gbl-muted);
      text-align: center;
    }

    .bbr-title,
    .bbr-auth-card h1,
    .bbr-auth-card h2 {
      color: var(--gbl-text);
      letter-spacing: -0.035em;
      text-transform: none;
      text-shadow: none;
    }

    .bbr-title {
      font-size: clamp(29px, 2.5vw, 38px);
      line-height: 1.05;
    }

    .bbr-auth-card h1 {
      font-size: clamp(34px, 4vw, 48px);
    }

    .bbr-auth-card h2 {
      font-size: clamp(27px, 3vw, 36px);
    }

    .bbr-subtitle,
    .bbr-auth-card p,
    .bbr-wallet-note {
      color: var(--gbl-muted);
    }

    .bbr-label {
      color: #aab3c5;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.075em;
    }

    .bbr-value {
      margin-top: 7px;
      color: #ffffff;
      font-size: clamp(20px, 2vw, 27px);
      font-variant-numeric: tabular-nums;
      letter-spacing: -0.035em;
    }

    .bbr-stats {
      gap: 9px;
    }

    .bbr-stat {
      min-height: 78px;
      padding: 13px;
      border-color: var(--gbl-border);
      border-radius: 14px;
      background: linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055);
    }

    .bbr-wallet-switch {
      --wallet-gap: 6px;
      position: relative;
      isolation: isolate;
      overflow: hidden;
      gap: var(--wallet-gap);
      padding: 5px;
      border-color: var(--gbl-border);
      border-radius: 14px;
      background: rgba(5, 8, 14, 0.45);
    }

    #boom-boom-rocket-app[data-device="desktop"] .bbr-panel > .bbr-wallet-switch {
      flex-shrink: 0;
      min-height: 58px;
    }

    .bbr-wallet-switch::before {
      content: "";
      position: absolute;
      inset: 5px;
      z-index: 0;
      width: calc((100% - var(--wallet-gap) - 10px) / 2);
      border-radius: 10px;
      pointer-events: none;
      transform: translateX(0);
      background: linear-gradient(112deg, #fff3b0 0%, #ffd768 42%, var(--gbl-gold) 66%, #fff0ab 100%);
      background-size: 175% 100%;
      box-shadow: 0 9px 20px rgba(246, 196, 83, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.68);
      transition: transform 460ms cubic-bezier(0.22, 1, 0.36, 1), background 260ms ease, box-shadow 260ms ease;
      animation: gbl-wallet-highlight 3.8s ease-in-out infinite;
    }

    .bbr-wallet-switch.is-coin-mode::before {
      transform: translateX(calc(100% + var(--wallet-gap)));
      background: linear-gradient(112deg, #d5fff1 0%, #89f7ca 40%, var(--gbl-mint) 66%, #d9fff4 100%);
      box-shadow: 0 9px 20px rgba(72, 229, 173, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.7);
    }

    .bbr-wallet-button {
      position: relative;
      z-index: 1;
      overflow: hidden;
      min-height: 46px;
      border-radius: 10px;
      color: var(--gbl-muted);
      transition: color 180ms ease, transform 180ms ease;
    }

    .bbr-wallet-button::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      opacity: 0;
      background: linear-gradient(112deg, transparent 26%, rgba(255, 255, 255, 0.66) 49%, transparent 72%);
      transform: translateX(-135%) skewX(-18deg);
    }

    .bbr-wallet-button.is-selected {
      color: #16120a;
      border-color: transparent;
      background: transparent;
      box-shadow: none;
      animation: gbl-wallet-button-pop 460ms cubic-bezier(0.22, 1, 0.36, 1);
    }

    .bbr-wallet-button.is-selected::after {
      opacity: 0.58;
      animation: gbl-wallet-shine 620ms cubic-bezier(0.22, 1, 0.36, 1);
    }

    .bbr-wallet-button.is-coin.is-selected {
      color: #062117;
      border-color: transparent;
      background: transparent;
    }

    @keyframes gbl-wallet-highlight {
      0%, 100% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
    }

    @keyframes gbl-wallet-button-pop {
      0% { transform: scale(0.94); }
      58% { transform: scale(1.045); }
      100% { transform: scale(1); }
    }

    @keyframes gbl-wallet-shine {
      0% { transform: translateX(-135%) skewX(-18deg); }
      100% { transform: translateX(135%) skewX(-18deg); }
    }

    .bbr-field input,
    .bbr-bet {
      height: 50px;
      border-color: var(--gbl-border);
      border-radius: 13px;
      color: var(--gbl-text);
      background: rgba(4, 7, 13, 0.42);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
      transition: border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
    }

    .bbr-field input:focus,
    .bbr-bet:focus {
      outline: 0;
      border-color: rgba(139, 92, 246, 0.88);
      background: rgba(14, 18, 28, 0.82);
      box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.06);
    }

    .bbr-bet-row {
      grid-template-columns: 48px 1fr 48px;
      gap: 9px;
    }

    .bbr-button {
      min-height: 50px;
      border: 1px solid rgba(255, 232, 145, 0.56);
      border-radius: 13px;
      color: #171208;
      background: linear-gradient(180deg, var(--gbl-gold-bright), var(--gbl-gold));
      box-shadow: 0 10px 20px rgba(246, 196, 83, 0.17), inset 0 1px 0 rgba(255, 255, 255, 0.46);
      font-size: 14px;
      font-weight: 850;
      letter-spacing: 0.01em;
      transition: transform 140ms ease, filter 140ms ease, box-shadow 140ms ease, background 140ms ease;
    }

    .bbr-button:hover:not(:disabled) {
      transform: translateY(-2px);
      filter: brightness(1.04);
      box-shadow: 0 13px 24px rgba(246, 196, 83, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.5);
    }

    .bbr-button:active:not(:disabled) {
      transform: translateY(0);
    }

    .bbr-button:disabled {
      opacity: 0.38;
      box-shadow: none;
    }

    .bbr-button-secondary {
      color: var(--gbl-text);
      border-color: var(--gbl-border);
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.045));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    }

    .bbr-button-danger {
      color: #fff7f8;
      border-color: rgba(255, 144, 156, 0.48);
      background: linear-gradient(180deg, #f87b89, var(--gbl-danger));
      box-shadow: 0 10px 20px rgba(237, 94, 112, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.25);
    }

    .bbr-button:focus-visible,
    .bbr-wallet-button:focus-visible {
      outline: 3px solid rgba(139, 92, 246, 0.82);
      outline-offset: 3px;
    }

    .bbr-player-card {
      padding: 10px 12px;
      border-color: var(--gbl-border);
      border-radius: 14px;
      background: rgba(4, 7, 13, 0.3);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055);
    }

    .bbr-avatar-preview,
    .bbr-avatar-small {
      border-color: rgba(246, 196, 83, 0.6);
      box-shadow: 0 0 0 3px rgba(246, 196, 83, 0.09);
    }

    .bbr-log,
    .bbr-message {
      min-height: auto;
      border: 1px solid var(--gbl-border);
      border-radius: 14px;
      color: #d7dceb;
      background: rgba(4, 7, 13, 0.32);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
    }

    .bbr-message.is-error {
      border-color: rgba(237, 94, 112, 0.42);
      color: #ffd9de;
      background: rgba(237, 94, 112, 0.12);
    }

    .bbr-cover-art,
    .bbr-stage,
    .frogy-stage {
      border-color: rgba(255, 255, 255, 0.12);
      border-radius: var(--gbl-radius-lg);
      box-shadow: var(--gbl-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    }

    .bbr-cover-art {
      min-height: 360px;
    }

    .bbr-stage,
    .frogy-stage {
      min-height: calc(100dvh - 56px);
    }

    .gamboland-brand-lockup {
      gap: 10px;
    }

    .gamboland-brand-logo {
      width: 62px;
      filter: drop-shadow(0 10px 16px rgba(246, 196, 83, 0.18));
    }

    .gamboland-mini-brand {
      color: #d8c9ff;
      font-size: 11px;
      letter-spacing: 0.13em;
    }

    .gamboland-mini-brand .gamboland-brand-logo {
      width: 34px;
    }

    .gamboland-logo-badge {
      width: 68px;
      opacity: 0.95;
    }

    @media (max-width: 980px), (pointer: coarse) and (max-width: 1120px) {
      #boom-boom-rocket-app[data-device="mobile"] {
        padding-bottom: max(12px, env(safe-area-inset-bottom));
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-auth-layout,
      #boom-boom-rocket-app[data-device="mobile"] .bbr-game-card {
        grid-template-columns: 1fr;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-auth-layout {
        width: min(660px, 100%);
        gap: 12px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-game-card {
        padding: 12px;
        gap: 12px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-leaderboard-header {
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-leaderboard-refresh {
        width: 100%;
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-leaderboard-list {
        max-height: none;
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-leaderboard-row {
        grid-template-columns: 38px minmax(0, 1fr) auto;
        gap: 9px;
        min-height: 56px;
        padding: 8px 10px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-leaderboard-rank {
        width: 30px;
        height: 30px;
        border-radius: 10px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-leaderboard-coins {
        font-size: 14px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-game-card .bbr-cover-art {
        order: -1;
        min-height: clamp(190px, 46vw, 290px);
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-shell {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 100dvh;
        gap: 12px;
        padding: 10px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-stage,
      #boom-boom-rocket-app[data-device="mobile"] .frogy-stage {
        order: -1;
        width: 100%;
        min-height: clamp(340px, 57dvh, 540px);
        height: min(58dvh, 540px);
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-panel {
        position: static;
        max-height: none;
        width: 100%;
        padding: 16px 14px 190px;
        overflow: visible;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-panel .bbr-player-card {
        flex-wrap: wrap;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-panel .bbr-player-card .bbr-button {
        margin-left: auto;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-actions {
        position: fixed;
        z-index: 80;
        left: 10px;
        right: 10px;
        bottom: max(10px, env(safe-area-inset-bottom));
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        padding: 9px;
        border: 1px solid rgba(255, 255, 255, 0.15);
        border-radius: 18px;
        background: rgba(13, 17, 24, 0.93);
        box-shadow: 0 -6px 26px rgba(0, 0, 0, 0.32), 0 16px 38px rgba(0, 0, 0, 0.38);
        backdrop-filter: blur(18px);
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-actions > .bbr-button {
        min-height: 48px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-actions > .bbr-button:nth-child(3),
      #boom-boom-rocket-app[data-device="mobile"] .bbr-actions .bbr-loan-row {
        grid-column: 1 / -1;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-loan-row {
        grid-template-columns: 1fr 1fr;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-stat {
        min-height: 70px;
        padding: 11px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-stat:nth-child(5) {
        grid-column: 1 / -1;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-value {
        font-size: 21px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-title {
        font-size: 30px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-code-row {
        grid-template-columns: 1fr;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-code-row .bbr-button {
        width: 100%;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-status {
        left: 14px;
        right: 14px;
        top: 86px;
        max-width: 62%;
        font-size: 12px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .frogy-status {
        left: 13px;
        top: 12px;
        max-width: 58%;
        font-size: 12px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .frogy-multiplier {
        right: 13px;
        top: 12px;
        font-size: clamp(30px, 10vw, 48px);
      }
    }

    @media (max-width: 520px) {
      #boom-boom-rocket-app[data-device="mobile"] .bbr-screen {
        padding: 12px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-auth-card {
        padding: 20px 16px;
        border-radius: 18px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-cover-art {
        border-radius: 18px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .gamboland-brand-logo {
        width: 52px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .gamboland-logo-badge {
        width: 54px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-panel {
        border-radius: 18px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-bet-row {
        grid-template-columns: 46px 1fr 46px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-stage,
      #boom-boom-rocket-app[data-device="mobile"] .frogy-stage {
        min-height: clamp(320px, 54dvh, 480px);
        height: min(55dvh, 480px);
        border-radius: 18px;
      }
    }

    @media (max-height: 620px) and (orientation: landscape) and (max-width: 1120px) {
      #boom-boom-rocket-app[data-device="mobile"] .bbr-stage,
      #boom-boom-rocket-app[data-device="mobile"] .frogy-stage {
        min-height: 370px;
        height: calc(100dvh - 24px);
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-panel {
        padding-bottom: 160px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-actions .bbr-button {
        min-height: 42px;
      }
    }

    .gbl-mobile-game-header,
    .gbl-mobile-result-rail,
    .gbl-mobile-game-info,
    .gbl-mobile-nav {
      display: none;
    }

    @media (max-width: 980px), (pointer: coarse) and (max-width: 1120px) {
      #boom-boom-rocket-app[data-device="mobile"] {
        --gbl-mobile-nav-height: 82px;
        padding-bottom: calc(var(--gbl-mobile-nav-height) + env(safe-area-inset-bottom));
        background:
          radial-gradient(circle at 16% 0%, rgba(139, 92, 246, 0.22), transparent 18rem),
          radial-gradient(circle at 92% 12%, rgba(246, 196, 83, 0.14), transparent 20rem),
          #09111b;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-shell {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 100dvh;
        margin: 0;
        gap: 10px;
        padding: 0 10px calc(var(--gbl-mobile-nav-height) + 18px);
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-game-header {
        position: sticky;
        top: 0;
        z-index: 90;
        display: flex;
        order: -3;
        align-items: center;
        justify-content: space-between;
        min-height: 70px;
        margin: 0 -10px;
        padding: max(10px, env(safe-area-inset-top)) 14px 10px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        background: rgba(8, 17, 27, 0.9);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);
        backdrop-filter: blur(20px);
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-brand {
        display: inline-flex;
        flex: 1 1 auto;
        align-items: center;
        min-width: 0;
        overflow: hidden;
        gap: 9px;
        color: #fff5c8;
        font-size: 18px;
        font-weight: 900;
        letter-spacing: -0.035em;
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-brand > span {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-brand img {
        width: 42px;
        height: 42px;
        object-fit: contain;
        filter: drop-shadow(0 5px 12px rgba(246, 196, 83, 0.24));
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-header-actions {
        display: inline-flex;
        flex: 0 0 auto;
        align-items: center;
        min-width: 0;
        gap: 8px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-game-header [data-notification-tab] {
        display: grid;
        width: 42px;
        min-width: 42px;
        height: 42px;
        padding: 0;
        place-items: center;
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-game-header [data-notification-tab] > span:not(.gbl-notification-tab-badge) {
        display: none;
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-mode-chip {
        display: none;
        color: var(--gbl-mint);
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 0.09em;
        text-transform: uppercase;
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-header-button {
        min-height: 38px;
        padding: 0 13px;
        border: 1px solid rgba(255, 255, 255, 0.13);
        border-radius: 12px;
        color: var(--gbl-text);
        background: rgba(79, 97, 119, 0.62);
        font: inherit;
        font-size: 13px;
        font-weight: 800;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-stage,
      #boom-boom-rocket-app[data-device="mobile"] .frogy-stage {
        order: -1;
        min-height: clamp(240px, 45dvh, 360px);
        height: min(46dvh, 410px);
        border: 1px solid rgba(255, 255, 255, 0.09);
        border-radius: 18px;
        box-shadow: 0 18px 36px rgba(0, 0, 0, 0.3);
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-result-rail {
        position: absolute;
        z-index: 35;
        top: 12px;
        left: 12px;
        right: 12px;
        display: flex;
        gap: 7px;
        overflow: hidden;
        padding: 0;
        pointer-events: none;
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-result-rail span {
        flex: 0 0 auto;
        min-width: 54px;
        padding: 8px 10px;
        border: 1px solid rgba(255, 255, 255, 0.11);
        border-radius: 999px;
        color: #dbe7f7;
        background: rgba(10, 27, 42, 0.78);
        box-shadow: 0 6px 14px rgba(0, 0, 0, 0.22);
        font-size: 11px;
        font-weight: 800;
        text-align: center;
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-result-rail span.is-cashout {
        border-color: rgba(105, 230, 175, 0.42);
        color: #d8ffe7;
        background: rgba(24, 101, 77, 0.58);
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-result-rail span.is-loss {
        border-color: rgba(244, 121, 138, 0.36);
        color: #ffd7df;
        background: rgba(106, 28, 43, 0.58);
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-multiplier {
        z-index: 32;
        font-size: clamp(48px, 16vw, 74px);
        text-shadow: 0 5px 0 rgba(10, 13, 20, 0.55), 0 0 26px rgba(246, 196, 83, 0.32);
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-status {
        z-index: 36;
        top: auto;
        bottom: 14px;
        left: 14px;
        right: auto;
        max-width: calc(100% - 28px);
        padding: 7px 10px;
        border: 1px solid rgba(255, 255, 255, 0.09);
        border-radius: 10px;
        background: rgba(8, 20, 31, 0.65);
        font-size: 11px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .frogy-status {
        z-index: 36;
        top: auto;
        bottom: 14px;
        left: 14px;
        max-width: 56%;
        padding: 7px 10px;
        border: 1px solid rgba(255, 255, 255, 0.09);
        border-radius: 10px;
        background: rgba(3, 21, 29, 0.68);
        font-size: 11px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .frogy-multiplier {
        z-index: 36;
        top: auto;
        right: 14px;
        bottom: 14px;
        font-size: clamp(31px, 10vw, 44px);
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-panel {
        position: static;
        width: 100%;
        max-height: none;
        gap: 13px;
        padding: 14px;
        border-radius: 18px;
        overflow: visible;
        background: linear-gradient(145deg, rgba(32, 55, 71, 0.96), rgba(18, 35, 49, 0.98));
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-panel > div:first-child,
      #boom-boom-rocket-app[data-device="mobile"] .bbr-panel .bbr-player-card,
      #boom-boom-rocket-app[data-device="mobile"] .bbr-wallet-note {
        display: none;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-wallet-switch {
        --wallet-gap: 4px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--wallet-gap);
        padding: 4px;
        border-radius: 16px;
        background: rgba(7, 23, 34, 0.7);
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-wallet-switch::before {
        inset: 4px;
        width: calc((100% - var(--wallet-gap) - 8px) / 2);
        border-radius: 12px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-wallet-button {
        min-height: 42px;
        border-radius: 12px;
        font-size: 13px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-stats .bbr-stat {
        min-height: 68px;
        padding: 10px;
        border-radius: 13px;
        background: rgba(7, 23, 34, 0.68);
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-stats .bbr-stat:nth-child(n + 3) {
        display: none;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-stats .bbr-value {
        margin-top: 5px;
        font-size: 17px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-label {
        color: #afc2d6;
        font-size: 11px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-bet-row {
        grid-template-columns: 48px minmax(0, 1fr) 48px;
        gap: 7px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-bet,
      #boom-boom-rocket-app[data-device="mobile"] .bbr-bet-row .bbr-button {
        min-height: 48px;
        border-radius: 12px;
        background: rgba(7, 23, 34, 0.82);
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-panel > .bbr-actions {
        order: -3;
        position: static;
        z-index: auto;
        left: auto;
        right: auto;
        bottom: auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        padding: 10px;
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 16px;
        background: linear-gradient(145deg, rgba(7, 23, 34, 0.94), rgba(18, 40, 54, 0.9));
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.06);
        backdrop-filter: blur(14px);
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-panel > .bbr-actions > .bbr-button {
        min-height: 54px;
        border-radius: 12px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-panel > .bbr-actions > .bbr-button:first-child {
        grid-column: auto;
        color: #101929;
        background: linear-gradient(135deg, #ffd464, #f6b83d);
        box-shadow: 0 10px 20px rgba(246, 196, 83, 0.22);
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-panel > .bbr-actions > .bbr-button:nth-child(3),
      #boom-boom-rocket-app[data-device="mobile"] .bbr-panel > .bbr-actions .bbr-loan-row {
        grid-column: auto;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-panel > .bbr-actions .bbr-loan-row {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 8px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-panel > .bbr-label {
        order: -2;
        margin-top: 2px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-panel > .bbr-bet-row {
        order: -1;
      }

      #boom-boom-rocket-app[data-device="mobile"] #frogyCashout {
        grid-column: 1 / -1;
        min-height: 56px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-log {
        min-height: 0;
        padding: 10px 11px;
        border-radius: 12px;
        color: #bfcbda;
        background: rgba(7, 23, 34, 0.56);
        font-size: 12px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-game-info {
        display: grid;
        order: 1;
        gap: 12px;
        width: 100%;
        padding: 16px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 18px;
        background: rgba(22, 43, 57, 0.8);
        box-shadow: var(--gbl-shadow-soft);
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-game-info-head {
        display: flex;
        align-items: center;
        gap: 10px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-game-icon {
        display: grid;
        width: 42px;
        height: 42px;
        place-items: center;
        border-radius: 13px;
        color: #fff6ca;
        background: linear-gradient(145deg, rgba(246, 196, 83, 0.32), rgba(139, 92, 246, 0.42));
        font-size: 20px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-game-icon svg {
        width: 22px;
        height: 22px;
        fill: currentColor;
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-game-info strong {
        display: block;
        color: #f5f8ff;
        font-size: 15px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-game-info small {
        display: block;
        margin-top: 2px;
        color: var(--gbl-mint);
        font-size: 11px;
        font-weight: 800;
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-game-info p {
        margin: 0;
        color: #bbcada;
        font-size: 13px;
        line-height: 1.55;
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-info-pills {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-info-pills span {
        padding: 6px 9px;
        border: 1px solid rgba(255, 255, 255, 0.09);
        border-radius: 999px;
        color: #b8cbdf;
        background: rgba(7, 23, 34, 0.62);
        font-size: 11px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-nav {
        position: fixed;
        z-index: 100;
        left: 0;
        right: 0;
        bottom: 0;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        min-height: var(--gbl-mobile-nav-height);
        padding: 7px 10px max(7px, env(safe-area-inset-bottom));
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        background: rgba(7, 20, 31, 0.95);
        box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.28);
        backdrop-filter: blur(20px);
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-nav-button {
        display: grid;
        place-items: center;
        gap: 2px;
        border: 0;
        border-radius: 12px;
        color: #9ab1c6;
        background: transparent;
        font: inherit;
        font-size: 11px;
        font-weight: 800;
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-nav-button.is-active {
        color: #fff4c5;
        background: linear-gradient(145deg, rgba(246, 196, 83, 0.22), rgba(139, 92, 246, 0.24));
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-nav-symbol {
        display: grid;
        width: 25px;
        height: 25px;
        place-items: center;
        line-height: 0;
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-nav-symbol svg {
        display: block;
        width: 23px;
        height: 23px;
        overflow: visible;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
    }

    @media (hover: none) {
      .bbr-button:hover:not(:disabled),
      .bbr-wallet-button:hover:not(:disabled) {
        transform: none;
        filter: none;
      }
    }
    .frogy-stage {
      --frogy-camera-x: 0px;
      --frogy-koi-travel: 1200px;
      --frogy-x: 8%;
      --frogy-y: 55%;
      --frogy-shadow-x: 8%;
      --frogy-shadow-y: 63%;
      --frogy-shadow-scale: 1;
      --frogy-shadow-opacity: 0.3;
      min-height: clamp(440px, 54vw, 640px);
      height: clamp(440px, 54vw, 640px);
      overflow: hidden;
      border-color: rgba(125, 255, 203, 0.34);
      border-radius: 20px;
      background: linear-gradient(180deg, #031420, #021018 68%, #010a10);
      box-shadow: inset 0 0 120px rgba(0, 0, 0, 0.54), 0 22px 50px rgba(0, 0, 0, 0.24);
    }

    .frogy-world {
      position: absolute;
      inset: 0 auto 0 0;
      width: max(2200px, 220vw);
      z-index: 2;
      pointer-events: none;
      transform: translate3d(var(--frogy-camera-x), 0, 0);
      transform-origin: center;
      will-change: transform;
    }

    .frogy-stage.is-panning .frogy-world {
      filter: saturate(1.07) brightness(1.04);
    }

    .frogy-world-map {
      inset: 0;
      z-index: 0;
      background:
        linear-gradient(180deg, rgba(0, 8, 18, 0.04), rgba(0, 12, 20, 0.32)) center / 100% 100% no-repeat,
        url("frogy-moonlit-pond-v2.png") left center / 56% 100% no-repeat,
        url("frogy-moonlit-pond-reach-v1.png") right center / 56% 100% no-repeat,
        #03131d;
      transform: none;
      transition: filter 260ms ease;
    }

    .frogy-world-map::before,
    .frogy-world-map::after {
      content: "";
      position: absolute;
      pointer-events: none;
    }

    .frogy-world-map::before {
      inset: 0;
      background:
        radial-gradient(ellipse at 74% 30%, rgba(104, 231, 209, 0.16), transparent 22%),
        radial-gradient(ellipse at 71% 76%, rgba(86, 220, 231, 0.12), transparent 18%),
        radial-gradient(ellipse at 89% 58%, rgba(246, 219, 114, 0.09), transparent 12%);
      mix-blend-mode: screen;
    }

    .frogy-world-map::after {
      top: 0;
      bottom: 0;
      left: 45%;
      width: 13%;
      background: linear-gradient(90deg, transparent, rgba(2, 22, 30, 0.24) 46%, rgba(110, 227, 220, 0.09) 54%, transparent);
      filter: blur(12px);
    }

    .frogy-water-layer {
      inset: -16%;
      z-index: 1;
      opacity: 0.8;
      background:
        linear-gradient(112deg, transparent 0 30%, rgba(142, 239, 232, 0.11) 31% 31.4%, transparent 33% 100%),
        linear-gradient(-18deg, transparent 0 56%, rgba(82, 180, 255, 0.1) 57% 57.4%, transparent 59% 100%),
        linear-gradient(180deg, rgba(20, 118, 150, 0.12), transparent 34%, rgba(5, 32, 47, 0.2));
      mix-blend-mode: screen;
    }

    .frogy-path-line {
      left: clamp(74px, 8vw, 128px);
      right: auto;
      top: 60%;
      width: max(1900px, 180vw);
      z-index: 3;
      height: 2px;
      opacity: 0.68;
      background: linear-gradient(90deg, rgba(218, 255, 202, 0.06), rgba(225, 255, 163, 0.42), rgba(218, 255, 202, 0.06));
    }

    .frogy-start-pad {
      left: clamp(74px, 8vw, 128px);
      top: 60%;
      z-index: 5;
      width: clamp(102px, 11vw, 146px);
      height: auto;
      aspect-ratio: 1.2;
      overflow: visible;
      clip-path: none;
      border: 0;
      background: none;
      box-shadow: none;
      transform: translate(-50%, -50%) rotate(-7deg);
    }

    .frogy-start-pad::before,
    .frogy-start-pad::after {
      display: none;
    }

    .frogy-pad-track,
    .frogy-koi-school {
      left: clamp(178px, 18vw, 286px);
      right: auto;
      width: max-content;
      grid-template-columns: repeat(var(--pad-count, 8), clamp(112px, 13vw, 166px));
      column-gap: clamp(18px, 2.6vw, 34px);
    }

    .frogy-pad-track {
      top: 60%;
      z-index: 7;
      align-items: center;
      transform: translateY(-50%);
    }

    .frogy-pad-slot {
      min-height: clamp(118px, 14vw, 164px);
      overflow: visible;
    }

    .frogy-pad {
      width: 100%;
      min-height: 0;
      aspect-ratio: 1.12;
      overflow: visible;
      clip-path: none;
      border: 0;
      background: none;
      box-shadow: none;
      filter: none;
      transform: translateY(var(--pad-bob, 0)) rotate(var(--pad-tilt, 0deg));
      transition: filter 220ms ease, transform 260ms cubic-bezier(.22, 1, .36, 1), opacity 220ms ease;
    }

    .frogy-pad::before {
      display: block;
      z-index: 3;
      inset: 21% 16% 18% 17%;
      width: auto;
      height: auto;
      border: 0;
      border-radius: 0;
      opacity: 0;
      background:
        linear-gradient(44deg, transparent 0 47%, rgba(6, 28, 23, 0.9) 48% 51%, transparent 52%),
        linear-gradient(-29deg, transparent 0 54%, rgba(6, 28, 23, 0.82) 55% 58%, transparent 59%),
        linear-gradient(90deg, transparent 0 49%, rgba(6, 28, 23, 0.72) 50% 52%, transparent 53%);
      transform: rotate(-7deg) scale(0.6);
      transition: opacity 120ms ease, transform 180ms ease;
    }

    .frogy-pad::after {
      display: block;
      left: 50%;
      top: 50%;
      width: 115%;
      height: 115%;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(180, 255, 174, 0.24), transparent 66%);
      opacity: 0;
      transform: translate(-50%, -50%) scale(0.74);
      transition: opacity 180ms ease;
    }

    .frogy-pad-art {
      position: absolute;
      inset: 0;
      z-index: 2;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      filter: drop-shadow(0 18px 18px rgba(0, 0, 0, 0.38));
      transition: filter 220ms ease, transform 260ms cubic-bezier(.22, 1, .36, 1);
    }

    .frogy-start-pad .frogy-pad-art {
      filter: drop-shadow(0 17px 18px rgba(0, 0, 0, 0.42)) saturate(0.9) brightness(0.86);
    }

    .frogy-pad.is-safe {
      filter: none;
      box-shadow: none;
      transform: translateY(var(--pad-bob, 0)) rotate(var(--pad-tilt, 0deg)) scale(1.035);
    }

    .frogy-pad.is-safe .frogy-pad-art {
      filter: drop-shadow(0 18px 19px rgba(0, 0, 0, 0.34)) saturate(1.08) brightness(1.13);
    }

    .frogy-pad.is-current::after {
      opacity: 0.96;
      animation: frogy-v2-pad-beacon 1.45s ease-in-out infinite;
    }

    .frogy-pad.is-current .frogy-pad-art {
      filter: drop-shadow(0 0 18px rgba(253, 238, 128, 0.54)) drop-shadow(0 18px 19px rgba(0, 0, 0, 0.36)) saturate(1.14) brightness(1.1);
    }

    .frogy-pad.is-danger {
      filter: none;
      animation: frogy-v2-pad-danger 720ms cubic-bezier(.2, .75, .28, 1) forwards;
    }

    .frogy-pad.is-danger::before {
      opacity: 1;
      transform: rotate(-7deg) scale(1);
    }

    .frogy-pad.is-danger .frogy-pad-art {
      filter: grayscale(0.5) saturate(0.62) brightness(0.66) drop-shadow(0 18px 20px rgba(0, 0, 0, 0.46));
    }

    .frogy-step-label {
      z-index: 5;
      min-width: 58px;
      padding: 7px 10px;
      border: 1px solid rgba(242, 255, 219, 0.28);
      color: #f8ffe8;
      background: linear-gradient(145deg, rgba(6, 31, 29, 0.78), rgba(8, 17, 27, 0.62));
      box-shadow: 0 7px 12px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.16);
      backdrop-filter: blur(5px);
    }

    .frogy-koi-school {
      top: 0;
      bottom: 0;
      z-index: 5;
      overflow: visible;
      pointer-events: none;
    }

    .frogy-koi-lane {
      position: relative;
      min-width: 0;
      height: 100%;
      overflow: hidden;
      border-left: 1px solid rgba(173, 255, 234, 0.055);
      border-right: 1px solid rgba(173, 255, 234, 0.025);
      background: linear-gradient(180deg, rgba(194, 255, 238, 0.04), transparent 22%, transparent 76%, rgba(194, 255, 238, 0.055));
    }

    .frogy-koi-lane::before {
      width: 170%;
      height: 190px;
      opacity: 0;
      background: radial-gradient(ellipse, rgba(173, 255, 231, 0.24), transparent 68%);
    }

    .frogy-koi-lane.is-striking::before {
      opacity: 1;
      animation: frogy-strike-water 660ms ease-out;
    }

    .frogy-koi {
      left: 50%;
      top: calc(100% + 160px);
      width: clamp(86px, 10vw, 132px);
      height: auto;
      aspect-ratio: 1;
      overflow: visible;
      border-radius: 0;
      background: none;
      box-shadow: none;
      filter: drop-shadow(0 15px 15px rgba(0, 0, 0, 0.4));
      animation: frogy-v2-koi-rise var(--speed, 7.2s) linear infinite;
      animation-delay: var(--delay, 0s);
      will-change: transform, opacity;
    }

    .frogy-koi::before,
    .frogy-koi::after {
      display: none;
    }

    .frogy-koi-art {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      transform-origin: center;
      animation: frogy-v2-koi-swim 260ms ease-in-out infinite alternate;
    }

    .frogy-koi--strike {
      top: calc(100% + 220px);
      width: clamp(110px, 13vw, 166px);
      opacity: 0;
      filter: drop-shadow(0 0 18px rgba(255, 171, 87, 0.5)) drop-shadow(0 18px 22px rgba(0, 0, 0, 0.46));
      animation: none;
    }

    .frogy-koi-lane.is-striking .frogy-koi--strike {
      opacity: 1;
      animation: frogy-v2-koi-strike 680ms cubic-bezier(.18, .82, .22, 1) forwards;
    }

    .frogy-frog,
    .frogy-frog-shadow,
    .frogy-splash {
      left: 0 !important;
      top: 0 !important;
      transition: none !important;
    }

    .frogy-frog {
      z-index: 48;
      width: clamp(148px, 17vw, 214px);
      height: auto;
      aspect-ratio: 1;
      overflow: visible;
      border-radius: 0;
      background: none;
      box-shadow: none;
      opacity: 1;
      transform: translate3d(var(--frogy-x), var(--frogy-y), 0) translate(-50%, -56%) rotate(var(--frogy-tilt, 0deg)) scale(var(--frogy-scale, 1));
      transform-origin: center bottom;
      will-change: transform, opacity, filter;
    }

    .frogy-frog::before,
    .frogy-frog::after {
      display: none;
    }

    .frogy-frog-art {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      transform-origin: 52% 75%;
      filter: drop-shadow(0 20px 18px rgba(0, 0, 0, 0.45));
      animation: frogy-v2-frog-breathe 3.2s ease-in-out infinite;
    }

    .frogy-stage.is-hopping .frogy-frog,
    .frogy-stage.is-hopping .frogy-frog-shadow {
      animation: none;
    }

    .frogy-stage[data-frogy-pose="crouch"] .frogy-frog-art {
      animation: none;
      transform: scaleX(1.12) scaleY(0.84) rotate(-4deg) translateY(8px);
    }

    .frogy-stage[data-frogy-pose="air"] .frogy-frog-art {
      animation: none;
      transform: scaleX(0.9) scaleY(1.1) rotate(3deg) translateY(-3px);
    }

    .frogy-stage[data-frogy-pose="land"] .frogy-frog-art {
      animation: none;
      transform: scaleX(1.12) scaleY(0.86) translateY(6px);
    }

    .frogy-stage[data-frogy-pose="celebrate"] .frogy-frog-art {
      animation: frogy-v2-celebrate 660ms cubic-bezier(.18, .85, .24, 1) infinite alternate;
    }

    .frogy-frog-shadow {
      z-index: 44;
      width: clamp(76px, 9vw, 122px);
      height: clamp(18px, 2.1vw, 28px);
      opacity: var(--frogy-shadow-opacity);
      background: radial-gradient(ellipse, rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.08) 64%, transparent 74%);
      filter: blur(5px);
      transform: translate3d(var(--frogy-shadow-x), var(--frogy-shadow-y), 0) translate(-50%, -50%) scale(var(--frogy-shadow-scale));
      will-change: transform, opacity;
    }

    .frogy-stage.is-hit .frogy-frog {
      opacity: 0.42;
      filter: saturate(0.5) brightness(0.78);
      transform: translate3d(var(--frogy-x), var(--frogy-y), 0) translate(-50%, -56%) rotate(58deg) scale(0.84);
    }

    .frogy-stage.is-hit .frogy-frog-shadow {
      opacity: 0.12;
    }

    .frogy-stage[data-frogy-failure].is-hit .frogy-frog {
      animation: none;
    }

    .frogy-stage[data-frogy-failure="koi"].is-hit .frogy-frog {
      animation: frogy-v2-koi-splash 760ms cubic-bezier(.22, .82, .22, 1) forwards;
    }

    .frogy-splash {
      z-index: 49;
      width: 40px;
      height: 40px;
      border-color: rgba(170, 246, 255, 0);
      transform: translate3d(var(--frogy-x), var(--frogy-y), 0) translate(-50%, -42%);
    }

    .frogy-stage.is-hit .frogy-splash {
      animation: frogy-v2-splash 820ms ease-out forwards;
    }

    .frogy-ripple {
      position: absolute;
      z-index: 43;
      left: 0;
      top: 0;
      width: 30px;
      height: 18px;
      border: 2px solid rgba(170, 248, 255, 0);
      border-radius: 50%;
      transform: translate3d(var(--frogy-x), var(--frogy-y), 0) translate(-50%, -50%) scale(0.38);
      pointer-events: none;
    }

    .frogy-ripple.is-active {
      animation: frogy-v2-ripple 740ms ease-out forwards;
    }

    .frogy-status,
    .frogy-multiplier,
    .gbl-mobile-result-rail {
      z-index: 72;
    }

    @keyframes frogy-v2-frog-breathe {
      0%, 100% { transform: translateY(0) scale(1); }
      50% { transform: translateY(-2px) scale(1.015, 0.99); }
    }

    @keyframes frogy-v2-celebrate {
      0% { transform: translateY(3px) rotate(-3deg) scale(0.98); }
      100% { transform: translateY(-9px) rotate(3deg) scale(1.06); }
    }

    @keyframes frogy-v2-pad-beacon {
      0%, 100% { transform: translate(-50%, -50%) scale(0.74); opacity: 0.38; }
      50% { transform: translate(-50%, -50%) scale(1.12); opacity: 0.94; }
    }

    @keyframes frogy-v2-pad-danger {
      0% { transform: translateY(var(--pad-bob, 0)) rotate(var(--pad-tilt, 0deg)) scale(1); }
      58% { transform: translateY(calc(var(--pad-bob, 0) + 8px)) rotate(calc(var(--pad-tilt, 0deg) - 10deg)) scale(0.96); }
      100% { transform: translateY(calc(var(--pad-bob, 0) + 44px)) rotate(calc(var(--pad-tilt, 0deg) + 18deg)) scale(0.72); opacity: 0.25; }
    }

    @keyframes frogy-v2-koi-rise {
      0% { transform: translate3d(-50%, 0, 0) scale(0.78); opacity: 0; }
      11% { opacity: 0.5; }
      82% { opacity: 0.48; }
      100% { transform: translate3d(-50%, calc(0px - var(--frogy-koi-travel)), 0) scale(1.08); opacity: 0; }
    }

    @keyframes frogy-v2-koi-strike {
      0% { transform: translate3d(-50%, 0, 0) scale(0.7); opacity: 0; }
      16% { opacity: 1; }
      74% { opacity: 1; }
      100% { transform: translate3d(-50%, calc(0px - var(--frogy-koi-travel)), 0) scale(1.15); opacity: 0; }
    }

    @keyframes frogy-v2-koi-swim {
      from { transform: translateX(-2px) scaleX(0.98) scaleY(1.015); }
      to { transform: translateX(2px) scaleX(1.02) scaleY(0.985); }
    }

    @keyframes frogy-v2-koi-splash {
      0% { opacity: 1; transform: translate3d(var(--frogy-x), var(--frogy-y), 0) translate(-50%, -56%) rotate(0deg) scale(1); }
      38% { opacity: 1; transform: translate3d(var(--frogy-x), var(--frogy-y), 0) translate(-42%, -24%) rotate(18deg) scale(0.95); }
      100% { opacity: 0; transform: translate3d(var(--frogy-x), var(--frogy-y), 0) translate(-32%, 104px) rotate(56deg) scale(0.58); }
    }

    @keyframes frogy-v2-ripple {
      0% { border-color: rgba(177, 249, 255, 0.88); opacity: 0.9; transform: translate3d(var(--frogy-x), var(--frogy-y), 0) translate(-50%, -50%) scale(0.38); }
      100% { border-color: rgba(177, 249, 255, 0); opacity: 0; transform: translate3d(var(--frogy-x), var(--frogy-y), 0) translate(-50%, -50%) scale(5.4); }
    }

    @keyframes frogy-v2-splash {
      0% { border-color: rgba(191, 253, 255, 0.9); transform: translate3d(var(--frogy-x), var(--frogy-y), 0) translate(-50%, -42%) scale(0.4); opacity: 0.8; }
      100% { border-color: rgba(191, 253, 255, 0); transform: translate3d(var(--frogy-x), var(--frogy-y), 0) translate(-50%, -42%) scale(4.9); opacity: 0; }
    }

    @media (max-width: 800px) {
      .frogy-world {
        width: max(1260px, 220vw);
      }

      .frogy-stage {
        --frogy-koi-travel: 860px;
        min-height: clamp(290px, 45dvh, 390px);
        height: clamp(290px, 45dvh, 390px);
        border-radius: 18px;
      }

      .frogy-pad-track,
      .frogy-koi-school {
        left: clamp(88px, 20vw, 124px);
        grid-template-columns: repeat(var(--pad-count, 8), 112px);
        column-gap: 16px;
      }

      .frogy-path-line,
      .frogy-start-pad,
      .frogy-pad-track { top: 61%; }

      .frogy-path-line,
      .frogy-start-pad { left: clamp(36px, 8vw, 64px); }

      .frogy-path-line { width: max(1080px, 250vw); }

      .frogy-pad-slot { min-height: 106px; }
      .frogy-frog { width: 156px; }
      .frogy-frog-shadow { width: 86px; }
      .frogy-status { left: 12px; top: 12px; padding: 7px 10px; font-size: 11px; }
      .frogy-multiplier { right: 12px; top: 10px; font-size: 30px; }
      .frogy-step-label { min-width: 48px; padding: 5px 7px; font-size: 11px; }
    }

    .gamboland-game-art-seal {
      position: absolute;
      right: clamp(12px, 2vw, 20px);
      bottom: clamp(12px, 2vw, 20px);
      z-index: 5;
      width: clamp(62px, 10vw, 108px);
      aspect-ratio: 1;
      object-fit: contain;
      opacity: 0.96;
      filter: drop-shadow(0 10px 12px rgba(0, 0, 0, 0.42));
      pointer-events: none;
      user-select: none;
      -webkit-user-drag: none;
    }

    @media (max-width: 800px) {
      .gamboland-game-art-seal {
        right: 10px;
        bottom: 10px;
        width: clamp(52px, 17vw, 82px);
      }
    }

    .bbr-cover-art.card-vault-cover-art {
      background:
        radial-gradient(circle at 18% 18%, rgba(255, 247, 192, 0.94) 0 1px, transparent 2px),
        radial-gradient(circle at 78% 24%, rgba(152, 223, 255, 0.76) 0 1px, transparent 2px),
        radial-gradient(ellipse at 50% 56%, rgba(124, 78, 255, 0.54), transparent 33%),
        linear-gradient(145deg, #070c24 0%, #1e1451 48%, #0a3b58 100%);
    }

    .bbr-cover-art.card-vault-cover-art::before {
      display: block;
      inset: 0;
      width: auto;
      height: auto;
      border-radius: inherit;
      background: linear-gradient(180deg, rgba(4, 7, 22, 0.04), rgba(4, 7, 22, 0.86));
      box-shadow: none;
      z-index: 1;
    }

    .card-vault-cover-pack {
      position: absolute;
      z-index: 3;
      top: 50%;
      left: 50%;
      width: 156px;
      aspect-ratio: 2 / 3;
      background: url("digimon-pack-foil-v2.png") center / contain no-repeat;
      filter: drop-shadow(0 24px 30px rgba(0, 0, 0, 0.48));
      transform: translate(-50%, -50%) rotate(10deg) perspective(720px) rotateY(-14deg);
      animation: card-vault-cover-float 4s ease-in-out infinite;
    }

    .card-vault-cover-pack::before {
      content: "GAMBOLAND COLLECTIBLES";
      position: absolute;
      top: 25%;
      left: 17%;
      right: 17%;
      color: rgba(240, 248, 255, 0.78);
      font-size: 8px;
      font-weight: 800;
      letter-spacing: 0.16em;
      text-align: center;
      text-transform: uppercase;
      text-shadow: 0 2px 10px rgba(0, 0, 0, 0.72);
    }

    .card-vault-cover-pack::after {
      content: "DIGIMON";
      position: absolute;
      left: 16%;
      right: 16%;
      bottom: 18%;
      color: #f4f7fc;
      font-size: 19px;
      font-weight: 900;
      letter-spacing: 0.2em;
      text-align: center;
      text-transform: uppercase;
      text-shadow: 0 3px 12px rgba(0, 0, 0, 0.8);
    }

    .card-vault-cover-art .bbr-cover-title {
      z-index: 4;
    }

    .card-vault-stage {
      position: relative;
      display: grid;
      min-height: min(760px, calc(100dvh - 56px));
      overflow: hidden;
      border: 1px solid rgba(179, 151, 255, 0.34);
      border-radius: var(--gbl-radius-lg);
      background:
        radial-gradient(circle at 18% 20%, rgba(134, 105, 255, 0.28), transparent 22%),
        radial-gradient(circle at 84% 78%, rgba(55, 203, 255, 0.2), transparent 28%),
        linear-gradient(145deg, #060b1c, #17103e 50%, #052b45);
      box-shadow: var(--gbl-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.1);
      isolation: isolate;
      place-items: center;
      padding: clamp(18px, 3vw, 34px);
    }
    .card-vault-stage[hidden] { display: none !important; }

    .card-vault-stage::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      opacity: 0.72;
      background:
        radial-gradient(circle at 12% 17%, rgba(255, 239, 157, 0.88) 0 1px, transparent 2px),
        radial-gradient(circle at 28% 68%, rgba(153, 226, 255, 0.74) 0 1px, transparent 2px),
        radial-gradient(circle at 74% 29%, rgba(255, 225, 136, 0.74) 0 1px, transparent 2px),
        radial-gradient(circle at 88% 56%, rgba(156, 233, 255, 0.78) 0 1px, transparent 2px),
        repeating-linear-gradient(122deg, transparent 0 36px, rgba(173, 151, 255, 0.05) 37px 38px);
    }

    .card-vault-stage-heading,
    .card-vault-source {
      position: absolute;
      z-index: 4;
      right: 18px;
      left: 18px;
      margin: 0;
      color: rgba(231, 235, 255, 0.76);
      font-size: 12px;
      line-height: 1.45;
      text-align: center;
    }

    .card-vault-stage-heading { top: 16px; font-weight: 800; letter-spacing: 0.11em; text-transform: uppercase; }
    .card-vault-source { bottom: 14px; max-width: 540px; margin-inline: auto; }

    .card-vault-pack-shell {
      width: min(250px, 56vw);
      aspect-ratio: 2 / 3;
      perspective: 900px;
      transition: opacity 260ms ease, transform 260ms ease;
    }

    .card-vault-pack {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden;
      border: 2px solid rgba(255, 231, 151, 0.92);
      border-radius: 24px;
      background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.42), transparent 28%),
        linear-gradient(155deg, #150a3e, #5131a9 52%, #0b7393);
      box-shadow: 0 28px 44px rgba(0, 0, 0, 0.54), inset 0 0 0 9px rgba(255, 226, 110, 0.12);
      transform: rotate(-5deg) rotateY(-12deg);
      transition: transform 240ms ease, filter 240ms ease;
    }

    .card-vault-pack::before {
      content: "G";
      position: absolute;
      inset: 16% 16% 28%;
      display: grid;
      place-items: center;
      border: 1px solid rgba(255, 240, 180, 0.82);
      border-radius: 50%;
      color: #fff2af;
      font-size: clamp(92px, 13vw, 138px);
      font-weight: 900;
      text-shadow: 0 7px 20px rgba(0, 0, 0, 0.52);
    }

    .card-vault-pack::after {
      content: "GAMBO PACKS";
      position: absolute;
      right: 12px;
      bottom: 10%;
      left: 12px;
      color: #fff1b7;
      font-size: clamp(12px, 1.5vw, 16px);
      font-weight: 900;
      letter-spacing: 0.2em;
      text-align: center;
    }

    .card-vault-stage.is-opening .card-vault-pack {
      animation: card-vault-pack-rip 900ms cubic-bezier(.14, .87, .25, 1) both;
    }

    .card-vault-stage.has-reveals .card-vault-pack-shell {
      opacity: 0;
      transform: translateY(16px) scale(0.9);
      pointer-events: none;
    }

    .card-vault-reveal-grid {
      display: grid;
      grid-template-columns: repeat(5, minmax(110px, 1fr));
      width: min(100%, 780px);
      gap: clamp(8px, 1.4vw, 14px);
      align-items: center;
    }

    .card-vault-reveal-grid.is-stack { display: grid; min-height: min(520px, 68dvh); place-items: center; width: min(100%, 420px); }
    .card-vault-reveal-stack { position: relative; width: min(286px, 72vw); aspect-ratio: 0.72; touch-action: pan-y; }
    .card-vault-reveal-card { position: absolute; inset: 0; transition: opacity 260ms ease, transform 360ms cubic-bezier(.16, .92, .24, 1); }
    .card-vault-reveal-card::before { content: ""; position: absolute; z-index: 0; inset: -46px; border-radius: 42px; opacity: 0.94; filter: blur(30px) saturate(1.35); mix-blend-mode: screen; pointer-events: none; }
    .card-vault-reveal-card::after { content: ""; position: absolute; z-index: 0; inset: -60%; border-radius: 50%; opacity: 0.54; filter: blur(14px); mix-blend-mode: screen; pointer-events: none; animation: card-vault-sunburst 3.8s linear infinite; }
    .card-vault-reveal-card > .card-vault-card { position: relative; z-index: 1; height: 100%; }
    .card-vault-reveal-card.is-gray::before { background: radial-gradient(circle, rgba(245, 249, 255, 0.56) 0 12%, rgba(192, 204, 220, 0.34) 42%, transparent 72%); }
    .card-vault-reveal-card.is-gray::after { background: conic-gradient(from 0deg, transparent 0 12%, rgba(235, 242, 255, 0.34) 17%, transparent 25% 46%, rgba(235, 242, 255, 0.24) 52%, transparent 61% 100%); }
    .card-vault-reveal-card.is-blue::before { background: radial-gradient(circle, rgba(144, 224, 255, 0.96) 0 10%, rgba(65, 183, 255, 0.72) 38%, transparent 74%); }
    .card-vault-reveal-card.is-blue::after { background: conic-gradient(from 0deg, transparent 0 10%, rgba(133, 226, 255, 0.72) 16%, transparent 25% 47%, rgba(53, 158, 255, 0.58) 54%, transparent 64% 100%); }
    .card-vault-reveal-card.is-purple::before { background: radial-gradient(circle, rgba(239, 190, 255, 0.98) 0 10%, rgba(186, 103, 255, 0.8) 40%, transparent 74%); }
    .card-vault-reveal-card.is-purple::after { background: conic-gradient(from 0deg, transparent 0 12%, rgba(239, 190, 255, 0.76) 18%, transparent 27% 46%, rgba(165, 75, 255, 0.64) 54%, transparent 64% 100%); }
    .card-vault-reveal-card.is-gold::before { background: radial-gradient(circle, rgba(255, 249, 183, 1) 0 10%, rgba(255, 203, 57, 0.88) 40%, transparent 74%); }
    .card-vault-reveal-card.is-gold::after { background: conic-gradient(from 0deg, transparent 0 11%, rgba(255, 247, 166, 0.88) 17%, transparent 26% 45%, rgba(255, 169, 34, 0.72) 53%, transparent 63% 100%); }
    .card-vault-reveal-card.is-rainbow::before { background: conic-gradient(from 120deg, rgba(90, 223, 255, 0.96), rgba(255, 86, 220, 0.9), rgba(255, 220, 79, 0.94), rgba(90, 223, 255, 0.96)); animation: card-vault-rarity-glow 1.8s linear infinite; }
    .card-vault-reveal-card.is-rainbow::after { background: conic-gradient(from 0deg, transparent 0 10%, rgba(255, 255, 255, 0.9) 17%, transparent 25% 44%, rgba(255, 125, 226, 0.76) 52%, transparent 62% 100%); }
    .card-vault-reveal-card.is-current::before { animation: card-vault-sun-pulse 1.7s ease-in-out infinite; }
    .card-vault-reveal-card.is-next { z-index: 4; opacity: 0.82; transform: translateY(14px) scale(0.94) rotate(3deg); pointer-events: none; }
    .card-vault-reveal-card.is-next + .card-vault-reveal-card { z-index: 3; opacity: 0.54; transform: translateY(26px) scale(0.88) rotate(-4deg); pointer-events: none; }
    .card-vault-reveal-card.is-current { z-index: 10; opacity: 1; transform: translate3d(calc(var(--reveal-drag, 0) * 1px), calc(var(--reveal-drag, 0) * 0.08px), 0) rotate(calc(var(--reveal-drag, 0) * 0.035deg)); cursor: grab; }
    .card-vault-reveal-card.is-current:active { cursor: grabbing; }
    .card-vault-reveal-card.is-dismissed { z-index: 1; opacity: 0; pointer-events: none; transform: translate3d(-130%, -8%, 0) rotate(-18deg); }
    .card-vault-reveal-grid.is-dragging .card-vault-reveal-card.is-current { transition: none; }
    .card-vault-reveal-hint { position: absolute; right: 0; bottom: -32px; left: 0; color: #b9d0e4; font-size: 12px; text-align: center; }
    .card-vault-stage.is-focused .card-vault-reveal-grid.is-stack { grid-template-columns: minmax(0, 1fr); justify-items: center; justify-content: center; width: min(100%, 420px); margin-inline: auto; }

    .card-vault-card {
      min-width: 0;
      overflow: hidden;
      border: 1px solid rgba(231, 228, 255, 0.32);
      border-radius: 13px;
      background: rgba(4, 9, 26, 0.72);
      box-shadow: 0 12px 24px rgba(0, 0, 0, 0.34);
      animation: card-vault-card-in 460ms cubic-bezier(.16, .92, .24, 1) both;
    }

    .card-vault-card.is-chase { border-color: rgba(255, 226, 111, 0.94); box-shadow: 0 0 28px rgba(255, 209, 87, 0.36), 0 14px 26px rgba(0, 0, 0, 0.4); }
    .card-vault-card.is-ultra { border-color: rgba(199, 154, 255, 0.9); box-shadow: 0 0 24px rgba(168, 119, 255, 0.28); }
    .card-vault-card.is-holo { border-color: rgba(109, 224, 255, 0.9); box-shadow: 0 0 22px rgba(87, 202, 255, 0.22); }

    .card-vault-card-image {
      display: block;
      width: 100%;
      aspect-ratio: 0.72;
      object-fit: cover;
      background: linear-gradient(145deg, #25164f, #0d6580);
    }

    .card-vault-card-copy { display: grid; gap: 4px; padding: 8px; }
    .card-vault-card-copy strong { overflow: hidden; color: #fff7d7; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
    .card-vault-card-copy span { color: #b8cfe4; font-size: 10px; line-height: 1.25; }
    .card-vault-tier { color: #ffe792 !important; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; }

    .card-vault-empty {
      display: grid;
      max-width: 360px;
      gap: 10px;
      color: #eaf5ff;
      text-align: center;
    }

    .card-vault-empty strong { color: #fff0b0; font-size: clamp(22px, 3vw, 32px); }
    .card-vault-empty p { margin: 0; color: #b6cce1; line-height: 1.55; }

    .card-vault-reveal-button {
      position: absolute;
      z-index: 5;
      bottom: 44px;
      min-width: min(260px, calc(100% - 36px));
    }

    .card-vault-panel { align-self: start; }
    .card-vault-coin-box { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px; border: 1px solid rgba(255, 222, 102, 0.28); border-radius: 14px; background: rgba(7, 18, 33, 0.52); }
    .card-vault-coin-box span { color: #b6cce1; font-size: 12px; font-weight: 800; text-transform: uppercase; }
    .card-vault-coin-box strong { color: #ffe36f; font-size: 20px; }
    .card-vault-pack-picker { display: grid; gap: 8px; }
    .card-vault-pack-option { display: grid; grid-template-columns: 1fr auto; gap: 6px 12px; width: 100%; padding: 12px; border: 1px solid rgba(180, 193, 255, 0.18); border-radius: 13px; background: rgba(8, 18, 35, 0.54); color: #eaf5ff; text-align: left; cursor: pointer; }
    .card-vault-pack-option strong { color: #fff6ca; font-size: 14px; }
    .card-vault-pack-option span { color: #9fc2dd; font-size: 12px; }
    .card-vault-pack-option em { align-self: center; color: #ffe36f; font-size: 12px; font-style: normal; font-weight: 900; }
    .card-vault-pack-option.is-selected { border-color: rgba(255, 222, 102, 0.84); background: linear-gradient(145deg, rgba(255, 207, 72, 0.18), rgba(121, 85, 255, 0.2)); box-shadow: 0 0 0 3px rgba(255, 222, 102, 0.08); }
    .card-vault-pack-summary { display: grid; gap: 6px; padding: 12px; border-radius: 12px; background: rgba(4, 12, 25, 0.48); }
    .card-vault-pack-summary strong { color: #fff4c5; }
    .card-vault-pack-summary span { color: #aec8dd; font-size: 12px; line-height: 1.45; }
    .card-vault-disclaimer { margin: 0; color: #94afc7; font-size: 11px; line-height: 1.45; }

    .card-vault-collection {
      display: grid;
      grid-column: 1 / -1;
      gap: 14px;
      padding: clamp(16px, 2vw, 24px);
      border: 1px solid var(--gbl-border);
      border-radius: var(--gbl-radius-lg);
      background: rgba(15, 32, 50, 0.78);
      box-shadow: var(--gbl-shadow);
    }

    .card-vault-collection-shell {
      grid-template-columns: minmax(0, 1fr);
      align-content: start;
    }

    .card-vault-collection-page-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      padding: clamp(18px, 3vw, 30px);
    }

    .card-vault-collection-page-head h1 { margin: 0; color: #fff4c6; font-size: clamp(28px, 4vw, 48px); }
    .card-vault-collection-page-head p { max-width: 620px; margin: 8px 0 0; color: #a9c7dd; line-height: 1.55; }
    .card-vault-collection-page-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
    .card-vault-collection-actions { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
    .card-vault-collection-actions p { margin: 0; color: #a9c7dd; font-size: 12px; line-height: 1.45; }
    .card-vault-collection-actions .bbr-button { min-width: 190px; }

    .card-vault-collection-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
    .card-vault-collection-head h2 { margin: 0; color: #fff5ca; font-size: 20px; }
    .card-vault-collection-head span { color: #a9c7dd; font-size: 13px; }
    .card-vault-collection-grid { display: grid; grid-template-columns: repeat(8, minmax(92px, 1fr)); gap: 10px; }
    .card-vault-collection-grid .card-vault-card { animation: none; }
    .card-vault-collection-empty { grid-column: 1 / -1; margin: 0; color: #a9c7dd; }

    @keyframes card-vault-cover-float {
      0%, 100% { transform: translate(-50%, -50%) rotate(12deg) perspective(640px) rotateY(-16deg) translateY(0); }
      50% { transform: translate(-50%, -50%) rotate(8deg) perspective(640px) rotateY(-8deg) translateY(-11px); }
    }

    @keyframes card-vault-pack-rip {
      0% { transform: rotate(-5deg) rotateY(-12deg) scale(1); filter: brightness(1); }
      38% { transform: rotate(5deg) rotateY(14deg) scale(1.08); filter: brightness(1.25); }
      68% { transform: rotate(-12deg) rotateY(-20deg) translateY(-18px) scale(1.18); filter: brightness(1.7); }
      100% { transform: rotate(16deg) rotateY(28deg) translateY(-70px) scale(0.52); opacity: 0; filter: brightness(2); }
    }

    @keyframes card-vault-card-in {
      from { opacity: 0; transform: translateY(32px) rotateY(-24deg) scale(0.78); }
      to { opacity: 1; transform: translateY(0) rotateY(0) scale(1); }
    }

    @keyframes card-vault-rarity-glow {
      from { transform: rotate(0deg) scale(0.94); opacity: 0.5; }
      50% { transform: rotate(180deg) scale(1.06); opacity: 0.86; }
      to { transform: rotate(360deg) scale(0.94); opacity: 0.5; }
    }

    @keyframes card-vault-sunburst {
      from { transform: rotate(0deg) scale(0.94); }
      to { transform: rotate(360deg) scale(1.04); }
    }

    @keyframes card-vault-sun-pulse {
      0%, 100% { transform: scale(0.92); opacity: 0.72; }
      50% { transform: scale(1.06); opacity: 1; }
    }

    @media (max-width: 980px), (pointer: coarse) and (max-width: 1120px) {
      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-nav { grid-template-columns: repeat(4, 1fr); }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-stage { order: -1; width: 100%; min-height: clamp(370px, 56dvh, 520px); }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-panel > div:first-child { display: block; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-collection { width: 100%; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-collection-page-head { align-items: stretch; flex-direction: column; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-collection-page-actions { justify-content: stretch; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-collection-page-actions .bbr-button { flex: 1; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-collection-actions { align-items: stretch; flex-direction: column; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-collection-actions .bbr-button { width: 100%; }
    }

    @media (max-width: 800px) {
      .card-vault-stage { min-height: 420px; padding: 16px; }
      .card-vault-pack-shell { width: min(185px, 52vw); }
      .card-vault-reveal-grid { grid-template-columns: repeat(3, minmax(88px, 1fr)); padding-bottom: 44px; }
      .card-vault-reveal-grid.is-stack { min-height: 430px; width: 100%; }
      .card-vault-reveal-button { bottom: 30px; }
      .card-vault-collection-grid { grid-template-columns: repeat(4, minmax(70px, 1fr)); }
      .card-vault-card-copy { padding: 6px; }
      .card-vault-card-copy strong { font-size: 10px; }
      .card-vault-card-copy span { font-size: 9px; }
    }

    body.card-vault-focus-active { overflow: hidden; }

    .card-vault-wallet-note { margin: 0; }
    .card-vault-card-count-picker { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
    .card-vault-card-count-option { display: grid; gap: 4px; min-height: 76px; padding: 11px 8px; border: 1px solid rgba(180, 193, 255, 0.2); border-radius: 13px; background: rgba(8, 18, 35, 0.58); color: #eaf5ff; cursor: pointer; text-align: center; }
    .card-vault-card-count-option strong { color: #fff6ca; font-size: 15px; }
    .card-vault-card-count-option span { color: #9fc2dd; font-size: 11px; line-height: 1.25; }
    .card-vault-card-count-option.is-selected { border-color: rgba(255, 222, 102, 0.9); background: linear-gradient(145deg, rgba(255, 207, 72, 0.22), rgba(121, 85, 255, 0.22)); box-shadow: 0 0 0 3px rgba(255, 222, 102, 0.08); }
    .card-vault-pack-ladder-heading { display: flex; align-items: end; justify-content: space-between; gap: 12px; margin: 4px 0 8px; }
    .card-vault-pack-ladder-heading strong { color: #fff3b3; font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; }
    .card-vault-pack-ladder-heading span { color: #8eacc4; font-size: 10px; text-align: right; }
    .card-vault-pack-ladder {
      display: flex;
      gap: 9px;
      overflow-x: auto;
      padding: 5px 3px 10px;
      scroll-snap-type: x proximity;
      scrollbar-width: thin;
      scrollbar-color: rgba(255, 229, 126, 0.45) transparent;
    }
    .card-vault-pack-level {
      --pack-accent: #9aa6b5;
      --pack-accent-soft: rgba(154, 166, 181, 0.2);
      position: relative;
      flex: 0 0 112px;
      display: grid;
      gap: 3px;
      min-height: 84px;
      overflow: hidden;
      padding: 12px 9px 10px;
      border: 1px solid color-mix(in srgb, var(--pack-accent) 46%, transparent);
      border-radius: 14px;
      background: linear-gradient(155deg, color-mix(in srgb, var(--pack-accent) 22%, #101b2b), #07111f 72%);
      color: #eaf6ff;
      cursor: pointer;
      scroll-snap-align: center;
      text-align: left;
    }
    .card-vault-pack-level::before { content: ""; position: absolute; inset: 0; background: linear-gradient(118deg, transparent 22%, rgba(255,255,255,.2) 44%, transparent 61%); opacity: 0.34; transform: translateX(-70%); pointer-events: none; }
    .card-vault-pack-level strong { position: relative; color: #fff; font-size: 13px; line-height: 1.1; }
    .card-vault-pack-level span { position: relative; color: color-mix(in srgb, var(--pack-accent) 72%, white); font-size: 11px; font-weight: 900; }
    .card-vault-pack-level small { position: relative; color: #89a6bc; font-size: 9px; line-height: 1.2; }
    .card-vault-pack-level.is-selected { border-color: var(--pack-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--pack-accent) 18%, transparent), 0 10px 24px color-mix(in srgb, var(--pack-accent) 22%, transparent); transform: translateY(-2px); }
    .card-vault-pack-level.is-selected::before { animation: card-vault-pack-level-shine 1.8s ease-in-out infinite; }
    .card-vault-pack-level:disabled { cursor: not-allowed; opacity: 0.58; transform: none; }
    .card-vault-pack-range { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0 0 10px; }
    .card-vault-pack-range span { display: grid; gap: 3px; padding: 9px 10px; border: 1px solid rgba(170, 210, 241, 0.14); border-radius: 11px; background: rgba(5, 15, 29, 0.54); color: #8eabc0; font-size: 9px; text-transform: uppercase; }
    .card-vault-pack-range strong { color: #f6fbff; font-size: 12px; text-transform: none; }
    @keyframes card-vault-pack-level-shine { 0%, 25% { transform: translateX(-80%); } 68%, 100% { transform: translateX(92%); } }
    .card-vault-wheel-shell {
      position: relative;
      display: grid;
      justify-items: center;
      width: min(1080px, 100vw);
      margin-inline: auto;
      padding: 10px 0 18px;
    }
    .card-vault-wheel-shell[hidden] { display: none !important; }
    .card-vault-wheel {
      position: relative;
      width: min(1040px, 100vw);
      height: min(500px, 62vw);
      min-height: 370px;
      overflow: visible;
      border-radius: 48%;
      background:
        radial-gradient(ellipse at 50% 57%, rgba(64, 119, 174, 0.13), transparent 48%),
        radial-gradient(ellipse at 50% 58%, rgba(255, 226, 123, 0.08), transparent 66%);
      perspective: 820px;
      cursor: grab;
      touch-action: none;
      user-select: none;
      contain: layout;
    }
    .card-vault-wheel.is-dragging {
      cursor: grabbing;
      filter: brightness(1.08);
    }
    .card-vault-wheel::before {
      content: "";
      position: absolute;
      inset: 28% 2% 7%;
      border: 1px solid rgba(136, 203, 255, 0.06);
      border-radius: 50%;
      background: radial-gradient(ellipse, rgba(9, 18, 34, 0.42), transparent 68%);
      box-shadow: inset 0 0 45px rgba(68, 122, 188, 0.08);
      pointer-events: none;
    }
    .card-vault-wheel-pack {
      --pack-accent: #8ad9ff;
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: var(--pack-z, 1);
      width: min(172px, 25vw);
      aspect-ratio: 2 / 3;
      padding: 0;
      border: 0;
      background: none;
      box-shadow: none;
      color: #eef8ff;
      text-align: center;
      transform:
        translate(-50%, -50%)
        translate3d(var(--pack-x, 0px), var(--pack-y, 0px), 0)
        rotateY(var(--pack-tilt, 0deg))
        rotateZ(var(--pack-roll, 0deg))
        scale(var(--pack-scale, 1));
      transform-origin: center;
      opacity: var(--pack-opacity, 1);
      filter: blur(var(--pack-blur, 0px)) brightness(var(--pack-brightness, 1)) drop-shadow(0 26px 30px rgba(0, 0, 0, 0.68));
      will-change: transform, opacity, filter;
    }
    .card-vault-wheel-pack::after { content: ""; position: absolute; z-index: 1; inset: 4% 7%; border-radius: 10px; background: linear-gradient(145deg, color-mix(in srgb, var(--pack-accent) 88%, transparent), transparent 56%, color-mix(in srgb, var(--pack-accent) 62%, transparent)); mix-blend-mode: color; opacity: 0.62; pointer-events: none; }
    .card-vault-wheel-pack-art {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      pointer-events: none;
      user-select: none;
      -webkit-user-drag: none;
    }
    .card-vault-wheel-pack-copy {
      position: absolute;
      z-index: 2;
      inset: 0 8%;
      overflow: hidden;
      pointer-events: none;
    }
    .card-vault-wheel-pack-brand,
    .card-vault-wheel-pack-name,
    .card-vault-wheel-pack-set {
      position: absolute;
      left: 0;
      right: 0;
      text-align: center;
      text-transform: uppercase;
      text-shadow: 0 2px 7px rgba(0, 0, 0, 0.96);
      white-space: nowrap;
    }
    .card-vault-wheel-pack-brand {
      top: 29%;
      color: rgba(228, 240, 248, 0.88);
      font-size: clamp(4px, 0.5vw, 5px);
      font-weight: 800;
      letter-spacing: 0.12em;
    }
    .card-vault-wheel-pack-name {
      top: 37%;
      color: #f8fbff;
      font-size: clamp(8px, 0.92vw, 10px);
      font-weight: 900;
      letter-spacing: 0.13em;
    }
    .card-vault-wheel-pack-set {
      top: 46%;
      color: rgba(232, 239, 248, 0.9);
      font-size: clamp(4px, 0.56vw, 6px);
      font-weight: 800;
      letter-spacing: 0.12em;
    }
    .card-vault-wheel-pack.is-selected {
      filter: drop-shadow(0 0 22px rgba(133, 217, 255, 0.3)) drop-shadow(0 18px 26px rgba(0, 0, 0, 0.48)) brightness(1.08);
    }
    .card-vault-wheel-pointer {
      position: relative;
      z-index: 100;
      width: 0;
      height: 0;
      margin-top: -10px;
      border-bottom: 22px solid #ffd86a;
      border-right: 15px solid transparent;
      border-left: 15px solid transparent;
      filter: drop-shadow(0 -6px 16px rgba(255, 208, 79, 0.28));
    }
    .card-vault-wheel-caption {
      margin: 14px 0 0;
      color: #d7e6f4;
      font-size: 12px;
      line-height: 1.45;
      text-align: center;
    }

    .card-vault-pack-shell {
      position: relative;
      display: grid;
      place-items: center;
      --pack-accent: #8ad9ff;
      --rip-progress: 0;
      --tear-origin: 0%;
      --tear-tilt: 1;
    }
    .card-vault-pack-shell[hidden],
    .card-vault-wheel-shell[hidden],
    .card-vault-empty[hidden],
    .card-vault-reveal-button[hidden] { display: none !important; }
    .card-vault-pack-shell.is-rippable { cursor: grab; touch-action: none; animation: card-vault-pack-idle 1.5s ease-in-out infinite; }
    .card-vault-pack-shell.is-rippable:active { cursor: grabbing; }
    .card-vault-pack-shell.is-dragging { animation: none; filter: brightness(1.18); transform: scale(1.035); }
    .card-vault-pack-shell:focus-visible { outline: 3px solid #8ce6ff; outline-offset: 10px; }
    .card-vault-pack-shell::after {
      content: "";
      position: absolute;
      z-index: 5;
      top: 9.4%;
      right: 12.5%;
      left: 12.5%;
      height: 3px;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(248, 251, 255, 0.12), #f9fcff 38%, #b8edff 68%, rgba(248, 251, 255, 0.12));
      box-shadow: 0 0 18px rgba(193, 236, 255, 0.5);
      opacity: calc(0.16 + (var(--rip-progress) * 0.9));
      pointer-events: none;
      transform: scaleX(var(--rip-progress));
      transform-origin: var(--tear-origin) center;
    }
    .card-vault-pack {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: visible;
      border: 0;
      border-radius: 0;
      background: none;
      box-shadow: none;
      transform: rotate(-3deg) rotateY(-10deg);
      transition: transform 240ms ease, filter 240ms ease;
    }
    .card-vault-pack::before,
    .card-vault-pack::after {
      content: none;
    }
    .card-vault-pack::after { content: ""; position: absolute; z-index: 1; inset: 4% 8%; border-radius: 12px; background: linear-gradient(145deg, color-mix(in srgb, var(--pack-accent) 92%, transparent), transparent 55%, color-mix(in srgb, var(--pack-accent) 68%, transparent)); mix-blend-mode: color; opacity: 0.64; pointer-events: none; }
    .card-vault-pack-art {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: contain;
      pointer-events: none;
      user-select: none;
      -webkit-user-drag: none;
      filter: drop-shadow(0 28px 42px rgba(0, 0, 0, 0.54));
    }
    .card-vault-pack-tier,
    .card-vault-pack-brand,
    .card-vault-pack-name,
    .card-vault-rip-instruction { position: absolute; z-index: 3; right: 14px; left: 14px; text-align: center; text-transform: uppercase; pointer-events: none; }
    .card-vault-pack-tier {
      position: absolute;
      z-index: 4;
      top: 15.5%;
      right: 14%;
      left: 14%;
      color: #e7edf7;
      font-size: 10px;
      font-weight: 900;
      letter-spacing: 0.18em;
      text-align: center;
      text-transform: uppercase;
      text-shadow: 0 3px 12px rgba(0, 0, 0, 0.84);
      pointer-events: none;
    }
    .card-vault-pack-brand {
      top: 25.8%;
      color: rgba(232, 243, 252, 0.84);
      font-size: 9px;
      font-weight: 800;
      letter-spacing: 0.16em;
      text-shadow: 0 3px 12px rgba(0, 0, 0, 0.84);
    }
    .card-vault-pack-name {
      bottom: 18%;
      color: #f8fbff;
      font-size: clamp(22px, 3vw, 28px);
      font-weight: 900;
      letter-spacing: 0.24em;
      text-shadow: 0 4px 16px rgba(0, 0, 0, 0.88);
    }
    .card-vault-rip-instruction {
      bottom: 11.3%;
      color: rgba(233, 240, 248, 0.88);
      font-size: 9px;
      font-weight: 900;
      letter-spacing: 0.12em;
      text-shadow: 0 3px 12px rgba(0, 0, 0, 0.82);
      opacity: 0.92;
    }
    .card-vault-pack-shimmer { position: absolute; z-index: 2; inset: -35% -80%; background: linear-gradient(110deg, transparent 42%, rgba(255, 255, 255, 0.76) 50%, transparent 58%); mix-blend-mode: screen; pointer-events: none; transform: translateX(-58%) rotate(8deg); }
    .card-vault-pack-shell.is-rippable .card-vault-pack-shimmer,
    .card-vault-stage.is-opening .card-vault-pack-shimmer { animation: card-vault-pack-shimmer 1.15s ease-in-out infinite; }
    .card-vault-stage.is-opening .card-vault-pack { animation: card-vault-pack-loading 0.7s ease-in-out infinite; }
    .card-vault-stage.is-ripping .card-vault-pack { animation: card-vault-pack-rip 650ms cubic-bezier(.14, .87, .25, 1) both; }
    .card-vault-stage.is-ripping .card-vault-pack-flap {
      animation: card-vault-pack-top-tear 620ms cubic-bezier(.14, .87, .25, 1) both;
    }
    .card-vault-stage.is-ripping .card-vault-pack-flap-shadow {
      animation: card-vault-pack-top-shadow 620ms cubic-bezier(.14, .87, .25, 1) both;
    }

    .card-vault-stage.is-focused { position: fixed; z-index: 1000; inset: 0; box-sizing: border-box; width: 100vw; min-height: 100dvh; border: 0; border-radius: 0; background: radial-gradient(ellipse at 50% 50%, rgba(24, 22, 45, 0.96), #05060c 64%); padding: clamp(64px, 8vh, 100px) clamp(18px, 5vw, 70px) clamp(88px, 11vh, 118px); }
    .card-vault-stage.is-focused::before { opacity: 0.15; }
    .card-vault-stage.is-focused::after { content: ""; position: absolute; z-index: 0; inset: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.9), transparent 26%, transparent 74%, rgba(0, 0, 0, 0.9)); pointer-events: none; }
    .card-vault-stage.is-focused > :not(.card-vault-stage-heading):not(.card-vault-source):not(.card-vault-reveal-button) { position: relative; z-index: 1; }
    .card-vault-stage.is-focused .card-vault-stage-heading { top: clamp(18px, 4vh, 36px); font-size: clamp(11px, 1.2vw, 14px); color: #fff4bd; }
    .card-vault-stage.is-focused .card-vault-source { bottom: 14px; color: rgba(205, 215, 235, 0.52); }
    .card-vault-stage.is-focused .card-vault-wheel-shell { width: min(1120px, 100vw); }
    .card-vault-stage.is-focused .card-vault-wheel { width: min(1080px, 100vw); }
    .card-vault-stage.is-focused .card-vault-pack-shell { width: min(292px, 56vw); }
    .card-vault-stage.is-focused .card-vault-empty { display: none; }
    .card-vault-stage.is-focused .card-vault-reveal-grid { width: min(100%, 980px); justify-content: center; gap: clamp(10px, 1.7vw, 18px); }
    .card-vault-stage.is-focused .card-vault-card { box-shadow: 0 20px 36px rgba(0, 0, 0, 0.52); }
    .card-vault-stage.is-focused .card-vault-reveal-button { z-index: 5; bottom: clamp(38px, 7vh, 62px); }

    .card-vault-reveal-grid { grid-template-columns: repeat(auto-fit, minmax(118px, 176px)); width: min(100%, 780px); justify-content: center; }
    .card-vault-card.is-gray { border-color: rgba(180, 190, 205, 0.54); filter: saturate(0.42); }
    .card-vault-card.is-blue { border-color: rgba(82, 181, 255, 0.96); box-shadow: 0 0 24px rgba(71, 169, 255, 0.25), 0 14px 26px rgba(0, 0, 0, 0.4); }
    .card-vault-card.is-purple { border-color: rgba(195, 122, 255, 0.98); box-shadow: 0 0 25px rgba(180, 110, 255, 0.3), 0 14px 26px rgba(0, 0, 0, 0.4); }
    .card-vault-card.is-gold { border-color: rgba(255, 211, 83, 0.98); box-shadow: 0 0 30px rgba(255, 199, 58, 0.38), 0 14px 26px rgba(0, 0, 0, 0.4); }
    .card-vault-card.is-rainbow { border-color: rgba(255, 255, 255, 0.98); box-shadow: 0 0 34px rgba(117, 230, 255, 0.42), 0 0 26px rgba(255, 72, 211, 0.4), 0 14px 26px rgba(0, 0, 0, 0.42); animation: card-vault-rainbow-card 1.6s linear infinite, card-vault-card-in 460ms cubic-bezier(.16, .92, .24, 1) both; }
    .card-vault-card-value { color: #fff0a2 !important; font-weight: 900; }
    .card-vault-card-action { width: 100%; margin-top: 3px; padding: 7px; border: 1px solid rgba(255, 220, 105, 0.55); border-radius: 8px; background: linear-gradient(135deg, #ffcf57, #ff973a); color: #151b2b; cursor: pointer; font: inherit; font-size: 10px; font-weight: 900; }
    .card-vault-card-action.is-discard { border-color: rgba(168, 183, 203, 0.42); background: rgba(122, 142, 162, 0.24); color: #d4e1ea; }

    @keyframes card-vault-pack-idle {
      0%, 100% { transform: translateY(0) rotate(-1deg); }
      48% { transform: translateY(-8px) rotate(1deg); }
    }

    @keyframes card-vault-pack-shimmer {
      from { transform: translateX(-58%) rotate(8deg); }
      to { transform: translateX(58%) rotate(8deg); }
    }

    @keyframes card-vault-pack-loading {
      0%, 100% { transform: rotate(-5deg) rotateY(-12deg) scale(1); filter: brightness(1); }
      35% { transform: rotate(5deg) rotateY(12deg) scale(1.05); filter: brightness(1.35); }
      70% { transform: rotate(-3deg) rotateY(-8deg) scale(1.02); filter: brightness(1.1); }
    }

    @keyframes card-vault-pack-top-tear {
      0% { transform: translateY(calc(var(--rip-progress) * 6px)) rotate(calc(var(--tear-tilt) * var(--rip-progress) * -6deg)); opacity: 1; }
      50% { transform: translateY(18px) rotate(calc(var(--tear-tilt) * -12deg)); opacity: 1; }
      100% { transform: translateY(72px) rotate(calc(var(--tear-tilt) * -24deg)); opacity: 0; }
    }

    @keyframes card-vault-pack-top-shadow {
      0% { opacity: 0.16; transform: translateY(0); }
      50% { opacity: 0.34; transform: translateY(12px); }
      100% { opacity: 0; transform: translateY(38px); }
    }

    @keyframes card-vault-rainbow-card {
      0%, 100% { filter: hue-rotate(0deg) saturate(1.2); }
      50% { filter: hue-rotate(110deg) saturate(1.7); }
    }

    @media (max-width: 800px) {
      .card-vault-card-count-option { min-height: 68px; padding: 9px 4px; }
      .card-vault-card-count-option strong { font-size: 13px; }
      .card-vault-card-count-option span { font-size: 10px; }
      .card-vault-wheel-shell { width: 100vw; padding-top: 8px; }
      .card-vault-wheel { width: 100vw; height: min(360px, 88vw); min-height: 300px; }
      .card-vault-wheel-pack { width: min(122px, 31vw); }
      .card-vault-wheel-pack-brand { font-size: 6px; }
      .card-vault-wheel-pack-name { font-size: 11px; }
      .card-vault-wheel-pack-set { font-size: 7px; }
      .card-vault-stage.is-focused { padding: 62px 0 82px; }
      .card-vault-stage.is-focused .card-vault-wheel { width: 100vw; }
      .card-vault-stage.is-focused .card-vault-pack-shell { width: min(214px, 58vw); }
      .card-vault-stage.is-focused .card-vault-reveal-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; gap: 8px; }
      .card-vault-stage.is-focused .card-vault-reveal-grid.is-stack { grid-template-columns: minmax(0, 1fr); width: min(100%, 420px); justify-items: center; margin-inline: auto; }
      .card-vault-stage.is-focused .card-vault-card-copy { padding: 6px; }
      .card-vault-stage.is-focused .card-vault-card-copy strong { font-size: 10px; }
      .card-vault-stage.is-focused .card-vault-card-copy span { font-size: 8px; }
      .card-vault-stage.is-focused .card-vault-reveal-button { bottom: 26px; min-width: min(320px, calc(100% - 28px)); }
      .card-vault-pack-tier { font-size: 8px; }
      .card-vault-pack-brand { font-size: 7px; }
      .card-vault-pack-name { font-size: 18px; }
      .card-vault-rip-instruction { font-size: 7px; }
    }

    #cardVaultOpenControls { display: grid; gap: 14px; }
    .card-live-panel {
      display: grid;
      grid-column: 1 / -1;
      gap: 14px;
      padding: clamp(16px, 2vw, 24px);
      border: 1px solid rgba(105, 224, 255, 0.2);
      border-radius: 18px;
      background:
        radial-gradient(circle at 8% 0%, rgba(93, 210, 255, 0.12), transparent 32%),
        linear-gradient(145deg, rgba(16, 37, 56, 0.94), rgba(7, 18, 33, 0.96));
      box-shadow: var(--gbl-shadow);
    }
    .card-live-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
    .card-live-panel-title { display: grid; gap: 4px; }
    .card-live-panel-title span { color: #65f6bb; font-size: 10px; font-weight: 950; letter-spacing: 0.18em; text-transform: uppercase; }
    .card-live-panel-title h2 { margin: 0; color: #fff4c4; font-size: clamp(20px, 2.6vw, 28px); }
    .card-live-count { flex: 0 0 auto; padding: 8px 12px; border: 1px solid rgba(101, 246, 187, 0.24); border-radius: 999px; background: rgba(15, 78, 64, 0.34); color: #8fffd2; font-size: 12px; font-weight: 900; }
    .card-live-copy { margin: 0; color: #a9c7dd; font-size: 13px; line-height: 1.5; }
    .card-live-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; }
    .card-live-player {
      display: grid;
      grid-template-columns: 46px minmax(0, 1fr) auto;
      align-items: center;
      gap: 11px;
      min-width: 0;
      padding: 11px;
      border: 1px solid rgba(129, 205, 242, 0.18);
      border-radius: 14px;
      background: rgba(4, 15, 29, 0.72);
      color: inherit;
      cursor: pointer;
      font: inherit;
      text-align: left;
      transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
    }
    .card-live-player:hover:not(:disabled),
    .card-live-player:focus-visible { transform: translateY(-2px); border-color: rgba(121, 235, 255, 0.58); background: rgba(10, 31, 51, 0.94); outline: none; }
    .card-live-player:disabled { cursor: default; opacity: 0.78; }
    .card-live-avatar,
    .card-live-avatar-fallback { width: 46px; height: 46px; border-radius: 50%; border: 2px solid rgba(115, 238, 255, 0.54); background: linear-gradient(135deg, #244b69, #72529b); box-shadow: 0 0 18px rgba(86, 216, 255, 0.15); }
    .card-live-avatar { object-fit: cover; }
    .card-live-avatar-fallback { display: grid; place-items: center; color: #fff3bd; font-size: 14px; font-weight: 950; }
    .card-live-player-copy { display: grid; gap: 3px; min-width: 0; }
    .card-live-player-copy strong { overflow: hidden; color: #f8fbff; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
    .card-live-player-copy span { overflow: hidden; color: #93b7cf; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
    .card-live-watch { color: #71f5bf; font-size: 10px; font-weight: 950; letter-spacing: 0.08em; text-transform: uppercase; }
    .card-live-empty { grid-column: 1 / -1; display: grid; place-items: center; min-height: 92px; margin: 0; padding: 18px; border: 1px dashed rgba(129, 205, 242, 0.2); border-radius: 14px; color: #91aec3; text-align: center; }
    .card-live-viewer-overlay { position: fixed; z-index: 1400; inset: 0; display: grid; place-items: center; padding: clamp(12px, 3vw, 34px); background: rgba(1, 4, 10, 0.92); backdrop-filter: blur(18px); }
    .card-live-viewer-overlay[hidden] { display: none !important; }
    .card-live-viewer {
      position: relative;
      display: grid;
      grid-template-rows: auto minmax(0, 1fr) auto;
      gap: 14px;
      width: min(980px, 100%);
      height: min(760px, calc(100dvh - 28px));
      padding: clamp(16px, 2.6vw, 28px);
      overflow: hidden;
      border: 1px solid rgba(111, 225, 255, 0.3);
      border-radius: 24px;
      background:
        radial-gradient(circle at 50% 38%, rgba(82, 75, 178, 0.24), transparent 42%),
        linear-gradient(155deg, #101a2d, #050812 72%);
      box-shadow: 0 34px 100px rgba(0, 0, 0, 0.72), inset 0 0 70px rgba(80, 178, 255, 0.05);
    }
    .card-live-viewer-close { position: absolute; z-index: 5; top: 14px; right: 14px; width: 42px; height: 42px; border: 1px solid rgba(255, 244, 184, 0.78); border-radius: 50%; background: linear-gradient(145deg, #ffe477, #ff9f36); color: #101624; cursor: pointer; box-shadow: 0 8px 24px rgba(255, 166, 51, 0.32); font: inherit; font-size: 17px; font-weight: 950; }
    .card-live-viewer-head { display: flex; align-items: center; gap: 12px; min-width: 0; padding-right: 52px; }
    .card-live-viewer-head-copy { display: grid; gap: 3px; min-width: 0; }
    .card-live-viewer-head-copy span { color: #70f4bd; font-size: 10px; font-weight: 950; letter-spacing: 0.16em; text-transform: uppercase; }
    .card-live-viewer-head-copy strong { overflow: hidden; color: #fff4c4; font-size: clamp(18px, 3vw, 26px); text-overflow: ellipsis; white-space: nowrap; }
    .card-live-viewer-stage { --live-rip: 0; position: relative; display: grid; place-items: center; min-height: 0; overflow: hidden; border: 1px solid rgba(113, 182, 224, 0.14); border-radius: 18px; background: radial-gradient(circle at 50% 50%, rgba(49, 61, 121, 0.28), rgba(2, 6, 14, 0.72) 66%); }
    .card-live-viewer-pack { position: relative; width: min(250px, 48vw); filter: drop-shadow(0 28px 34px rgba(0, 0, 0, 0.62)); }
    .card-live-viewer-pack img { display: block; width: 100%; }
    .card-live-viewer-pack::after { content: ""; position: absolute; z-index: 3; top: 7%; left: 7%; width: 86%; height: 3px; border-radius: 999px; background: linear-gradient(90deg, #85eaff, #fff, #ffdf72); box-shadow: 0 0 18px rgba(174, 237, 255, 0.72); transform: scaleX(var(--live-rip)); transform-origin: left center; }
    .card-live-viewer-pack-copy { position: absolute; z-index: 2; inset: 0; display: grid; place-content: center; gap: 4px; color: #fff; text-align: center; text-transform: uppercase; pointer-events: none; }
    .card-live-viewer-pack-copy strong { font-size: 22px; letter-spacing: 0.16em; text-shadow: 0 4px 12px #000; }
    .card-live-viewer-pack-copy span { color: #d9f7ff; font-size: 9px; font-weight: 900; letter-spacing: 0.12em; text-shadow: 0 3px 10px #000; }
    .card-live-viewer-wheel { display: none; align-items: center; justify-content: center; gap: clamp(8px, 3vw, 30px); width: 100%; }
    .card-live-viewer-wheel img { width: min(180px, 25vw); filter: drop-shadow(0 22px 26px rgba(0, 0, 0, 0.55)); }
    .card-live-viewer-cards { display: none; grid-template-columns: repeat(auto-fit, minmax(108px, 160px)); align-items: start; justify-content: center; gap: clamp(8px, 1.5vw, 16px); width: min(100%, 900px); max-height: 100%; padding: 18px; overflow: auto; }
    .card-live-viewer-cards .card-vault-card { animation: card-vault-card-in 520ms cubic-bezier(.16, .92, .24, 1) both; }
    .card-live-viewer-stage.is-loading .card-live-viewer-pack,
    .card-live-viewer-stage.is-ready .card-live-viewer-pack { animation: card-vault-pack-idle 1.5s ease-in-out infinite; }
    .card-live-viewer-stage.is-spinning .card-live-viewer-pack { display: none; }
    .card-live-viewer-stage.is-spinning .card-live-viewer-wheel { display: flex; animation: card-live-wheel-pass 760ms linear infinite; }
    .card-live-viewer-stage.is-ripping .card-live-viewer-pack { transform: rotate(calc(var(--live-rip) * 5deg)) scale(calc(1 + var(--live-rip) * 0.08)); filter: brightness(calc(1 + var(--live-rip) * 0.45)) drop-shadow(0 28px 34px rgba(0, 0, 0, 0.62)); }
    .card-live-viewer-stage.is-revealed .card-live-viewer-pack,
    .card-live-viewer-stage.is-revealed .card-live-viewer-wheel { display: none; }
    .card-live-viewer-stage.is-revealed .card-live-viewer-cards { display: grid; }
    .card-live-viewer-status { margin: 0; color: #b7cee0; font-size: 13px; line-height: 1.5; text-align: center; }
    body.card-live-viewer-active { overflow: hidden; }
    @keyframes card-live-wheel-pass {
      0% { transform: translateX(-12%) scale(0.92); }
      50% { transform: translateX(12%) scale(1.04); }
      100% { transform: translateX(-12%) scale(0.92); }
    }

    .card-vault-card { position: relative; }
    .card-vault-pack-top-ridge,
    .card-vault-pack-flap,
    .card-vault-pack-flap-shadow {
      position: absolute;
      pointer-events: none;
    }
    .card-vault-pack-top-ridge {
      z-index: 2;
      top: 2.6%;
      right: 12%;
      left: 12%;
      height: 7.6%;
      border: 0;
      border-radius: 999px;
      background:
        repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.74) 0 3px, rgba(102, 117, 134, 0.86) 3px 7px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.46), rgba(87, 104, 126, 0.54));
      opacity: 0.44;
      filter: blur(0.2px);
    }
    .card-vault-pack-flap-shadow {
      z-index: 3;
      top: 8.7%;
      right: 15%;
      left: 15%;
      height: 8px;
      border-radius: 999px;
      background: radial-gradient(circle at 50% 50%, rgba(4, 9, 18, 0.54), transparent 72%);
      opacity: calc(var(--rip-progress) * 0.4);
      transform: translateY(calc(var(--rip-progress) * 12px));
    }
    .card-vault-pack-flap {
      z-index: 4;
      top: 2.9%;
      right: 12%;
      left: 12%;
      height: 8%;
      border-radius: 999px;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.48), transparent 26%),
        repeating-linear-gradient(90deg, rgba(251, 252, 255, 0.96) 0 3px, rgba(139, 153, 171, 0.92) 3px 7px);
      border: 1px solid rgba(237, 242, 248, 0.28);
      box-shadow: 0 8px 14px rgba(0, 0, 0, 0.16);
      opacity: 0.78;
      transform: translateY(calc(var(--rip-progress) * 8px)) rotate(calc(var(--tear-tilt) * var(--rip-progress) * -8deg));
      transform-origin: var(--tear-origin) 15%;
    }
    .card-vault-card-protector { position: absolute; z-index: 2; inset: 0; border: 2px solid rgba(189, 241, 255, 0.82); border-radius: inherit; background: linear-gradient(120deg, rgba(118, 226, 255, 0.22), rgba(255, 255, 255, 0.04) 36%, rgba(205, 112, 255, 0.18)); box-shadow: inset 0 0 18px rgba(175, 237, 255, 0.28), 0 0 20px rgba(134, 221, 255, 0.28); pointer-events: none; animation: card-vault-protector-in 620ms cubic-bezier(.16, .92, .24, 1) both; }
    .card-vault-card-protector::after { content: ""; position: absolute; inset: 8% 13% 58% 18%; border-radius: 50%; background: linear-gradient(110deg, transparent, rgba(255, 255, 255, 0.76), transparent); filter: blur(2px); transform: rotate(-18deg); }
    .card-vault-protector-flight { position: fixed; z-index: 1450; inset: 0; display: grid; place-items: center; background: rgba(2, 5, 14, 0.18); pointer-events: none; }
    .card-vault-protector-flight[hidden] { display: none; }
    .card-vault-protector-flight-card { position: relative; width: min(230px, 52vw); aspect-ratio: 0.72; overflow: hidden; border: 2px solid rgba(216, 248, 255, 0.88); border-radius: 18px; background: linear-gradient(145deg, rgba(221, 250, 255, 0.2), rgba(78, 178, 255, 0.12) 48%, rgba(183, 112, 255, 0.22)); box-shadow: inset 0 0 28px rgba(255, 255, 255, 0.2), 0 26px 60px rgba(79, 203, 255, 0.38); opacity: 0; transform: translateY(150px) scale(0.58) rotate(-10deg); }
    .card-vault-protector-flight-card img { display: block; width: 100%; height: 100%; object-fit: cover; }
    .card-vault-protector-flight-card::before { content: ""; position: absolute; z-index: 2; inset: 0; border: 1px solid rgba(255, 255, 255, 0.7); border-radius: inherit; box-shadow: inset 0 0 18px rgba(211, 249, 255, 0.45); }
    .card-vault-protector-flight-card span { position: absolute; z-index: 3; inset: -25% -55%; background: linear-gradient(112deg, transparent 38%, rgba(255, 255, 255, 0.84) 48%, transparent 58%); transform: translateX(-110%) rotate(12deg); }
    .card-vault-protector-flight.is-playing .card-vault-protector-flight-card { animation: card-vault-protector-flight 1120ms cubic-bezier(.12, .86, .2, 1) both; }
    .card-vault-protector-flight.is-playing .card-vault-protector-flight-card span { animation: card-vault-protector-glint 1120ms ease-out both; }
    .card-vault-card-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
    .card-vault-card-open,
    .card-vault-card-favorite,
    .card-vault-card-sell-coins,
    .card-vault-card-sell-cash { min-width: 0; padding: 6px 4px; border: 1px solid rgba(159, 210, 255, 0.34); border-radius: 8px; background: rgba(70, 131, 177, 0.24); color: #ddf4ff; cursor: pointer; font: inherit; font-size: 9px; font-weight: 900; text-align: center; }
    .card-vault-card-favorite.is-favorite { border-color: rgba(255, 222, 105, 0.76); background: rgba(255, 206, 81, 0.2); color: #fff2ae; }
    .card-vault-card-sell-coins { border-color: rgba(255, 224, 102, 0.55); background: rgba(255, 206, 81, 0.18); color: #fff1a8; }
    .card-vault-card-sell-cash { border-color: rgba(100, 240, 170, 0.55); background: rgba(80, 220, 150, 0.18); color: #c2ffdc; }
    .card-vault-card-sell-coins:hover { background: rgba(255, 206, 81, 0.32); }
    .card-vault-card-sell-cash:hover { background: rgba(80, 220, 150, 0.32); }
    .card-vault-sell-all-row { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-top: 6px; }
    .card-vault-detail-values { padding: 12px 14px; border: 1px solid rgba(175, 222, 255, 0.22); border-radius: 12px; background: rgba(8, 20, 36, 0.6); color: #d6ebf8; font-size: 13px; line-height: 1.6; }
    .card-vault-detail-values p { margin: 2px 0; }
    .card-vault-card-actions .card-vault-card-action { grid-column: 1 / -1; }
    .card-vault-detail-overlay { position: fixed; z-index: 1200; inset: 0; display: grid; place-items: center; padding: 22px; background: rgba(2, 4, 10, 0.8); backdrop-filter: blur(11px); }
    .card-vault-detail-overlay[hidden] { display: none; }
    .card-vault-detail-card { position: relative; width: min(560px, 100%); max-height: min(780px, calc(100dvh - 44px)); overflow: auto; padding: clamp(18px, 3vw, 28px); border: 1px solid rgba(180, 222, 255, 0.42); border-radius: 22px; background: linear-gradient(145deg, #101933, #0d2340); box-shadow: 0 28px 72px rgba(0, 0, 0, 0.64); }
    .card-vault-detail-close { position: absolute; z-index: 3; top: 11px; right: 11px; display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 50%; background: rgba(4, 9, 20, 0.78); color: #eff9ff; cursor: pointer; font-size: 24px; line-height: 1; }
    .card-vault-detail-layout { display: grid; grid-template-columns: minmax(170px, 0.8fr) minmax(0, 1fr); gap: clamp(16px, 3vw, 28px); align-items: start; }
    .card-vault-detail-layout .card-vault-card { width: 100%; }
    .card-vault-detail-copy { display: grid; gap: 12px; padding-top: 18px; }
    .card-vault-detail-copy h2 { margin: 0; color: #fff3ba; font-size: clamp(22px, 4vw, 30px); }
    .card-vault-detail-copy p { margin: 0; color: #b6cee2; line-height: 1.5; }
    .card-vault-detail-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .card-vault-detail-actions .card-vault-card-action { grid-column: 1 / -1; }

    .gbl-leaderboard-row { grid-template-columns: 38px 42px minmax(0, 1fr) auto; }
    .gbl-leaderboard-avatar { width: 42px; height: 42px; border: 1px solid rgba(176, 219, 255, 0.44); border-radius: 50%; object-fit: cover; background: linear-gradient(145deg, #407da9, #252050); box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25); }

    @keyframes card-vault-protector-in {
      from { opacity: 0; transform: scale(0.78) rotateY(-34deg); }
      65% { opacity: 1; transform: scale(1.04) rotateY(8deg); }
      to { opacity: 1; transform: scale(1) rotateY(0); }
    }
    @keyframes card-vault-protector-flight {
      0% { opacity: 0; transform: translateY(150px) scale(0.58) rotate(-10deg); }
      22% { opacity: 1; transform: translateY(0) scale(1) rotate(0); }
      48% { opacity: 1; transform: translateY(-8px) scale(1.08) rotate(2deg); }
      100% { opacity: 0; transform: translate3d(0, -40vh, 0) scale(0.35) rotate(12deg); }
    }
    @keyframes card-vault-protector-glint {
      from { transform: translateX(-110%) rotate(12deg); }
      to { transform: translateX(110%) rotate(12deg); }
    }

    @media (max-width: 800px) {
      .card-live-panel { width: 100%; border-radius: 16px; }
      .card-live-list { grid-template-columns: minmax(0, 1fr); }
      .card-live-player { grid-template-columns: 42px minmax(0, 1fr) auto; }
      .card-live-avatar,
      .card-live-avatar-fallback { width: 42px; height: 42px; }
      .card-live-viewer-overlay { padding: 0; }
      .card-live-viewer { width: 100%; height: 100dvh; border: 0; border-radius: 0; padding: 16px 12px 20px; }
      .card-live-viewer-stage { border-radius: 14px; }
      .card-live-viewer-pack { width: min(220px, 56vw); }
      .card-live-viewer-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; padding: 10px 2px; }
      .card-live-viewer-cards .card-vault-card-copy { padding: 6px; }
      .card-live-viewer-cards .card-vault-card-copy strong { font-size: 9px; }
      .card-live-viewer-cards .card-vault-card-copy span { font-size: 8px; }
      .card-vault-detail-overlay { padding: 14px; }
      .card-vault-detail-card { max-height: calc(100dvh - 28px); padding: 18px 14px; }
      .card-vault-detail-layout { grid-template-columns: minmax(0, 1fr); }
      .card-vault-detail-layout .card-vault-card { width: min(210px, 70vw); margin-inline: auto; }
      .gbl-leaderboard-row { grid-template-columns: 32px 36px minmax(0, 1fr) auto; }
      .gbl-leaderboard-avatar { width: 36px; height: 36px; }
    }

    .gbl-settings-screen {
      align-items: flex-start;
      overflow: auto;
      padding: clamp(18px, 3vw, 42px);
      background:
        radial-gradient(circle at 12% 0%, rgba(87, 210, 255, 0.16), transparent 28rem),
        radial-gradient(circle at 92% 8%, rgba(142, 82, 255, 0.19), transparent 30rem),
        linear-gradient(160deg, #07111e 0%, #10152a 56%, #0a101d 100%);
    }

    .gbl-settings-page {
      width: min(1220px, 100%);
      margin: 0 auto;
      display: grid;
      gap: 18px;
    }

    .gbl-settings-topbar,
    .gbl-settings-card,
    .gbl-admin-panel {
      border: 1px solid rgba(167, 213, 255, 0.2);
      background: linear-gradient(145deg, rgba(25, 47, 67, 0.97), rgba(12, 26, 42, 0.98));
      box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    }

    .gbl-settings-topbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      padding: clamp(16px, 2.5vw, 24px);
      border-radius: 22px;
    }

    .gbl-settings-heading {
      display: flex;
      align-items: center;
      gap: 14px;
      min-width: 0;
    }

    .gbl-settings-heading img {
      width: 64px;
      height: 64px;
      border-radius: 16px;
      object-fit: cover;
      box-shadow: 0 10px 24px rgba(0, 0, 0, 0.34);
    }

    .gbl-settings-heading h1,
    .gbl-settings-heading p,
    .gbl-settings-card h2,
    .gbl-settings-card p,
    .gbl-admin-panel h2,
    .gbl-admin-panel p {
      margin: 0;
    }

    .gbl-settings-heading h1 {
      color: #fff0ae;
      font-size: clamp(25px, 4vw, 38px);
      line-height: 1;
    }

    .gbl-settings-heading p,
    .gbl-settings-copy {
      margin-top: 7px;
      color: #a9c0d5;
      line-height: 1.5;
    }

    .gbl-settings-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
      align-items: start;
    }

    .gbl-settings-card {
      display: grid;
      gap: 18px;
      min-width: 0;
      padding: clamp(18px, 3vw, 28px);
      border-radius: 22px;
    }

    .gbl-settings-card-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
    }

    .gbl-settings-card h2,
    .gbl-admin-panel h2 {
      color: #f5f9ff;
      font-size: clamp(20px, 2.5vw, 28px);
    }

    .gbl-settings-kicker,
    .gbl-admin-kicker {
      display: block;
      margin-bottom: 5px;
      color: #72d6ff;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: 0.15em;
      text-transform: uppercase;
    }

    .gbl-settings-profile {
      display: grid;
      grid-template-columns: 118px minmax(0, 1fr);
      gap: 18px;
      align-items: center;
    }

    .gbl-settings-avatar-wrap {
      position: relative;
      width: 118px;
      height: 118px;
    }

    .gbl-settings-avatar {
      width: 100%;
      height: 100%;
      border: 3px solid rgba(255, 227, 128, 0.72);
      border-radius: 30px;
      object-fit: cover;
      background: #102438;
      box-shadow: 0 14px 30px rgba(0, 0, 0, 0.38), 0 0 0 7px rgba(119, 205, 255, 0.08);
    }

    .gbl-settings-avatar-status {
      position: absolute;
      right: -5px;
      bottom: -5px;
      display: grid;
      place-items: center;
      width: 32px;
      height: 32px;
      border: 3px solid #102438;
      border-radius: 50%;
      background: #45dc86;
      color: #06140c;
      font-size: 15px;
      font-weight: 1000;
    }

    .gbl-settings-profile-fields,
    .gbl-admin-form {
      display: grid;
      gap: 12px;
    }

    .gbl-settings-screen select {
      width: 100%;
      height: 50px;
      padding: 0 13px;
      border: 1px solid rgba(167, 213, 255, 0.2);
      border-radius: 13px;
      background: rgba(4, 7, 13, 0.55);
      color: #edf7ff;
      font: inherit;
    }

    .gbl-settings-screen input:disabled {
      color: #8fa7ba;
      opacity: 0.8;
      cursor: not-allowed;
    }

    .gbl-settings-actions {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
    }

    .gbl-settings-actions .bbr-button {
      width: auto;
      flex: 1 1 150px;
    }

    .gbl-settings-support {
      grid-column: 1 / -1;
      overflow: hidden;
      background:
        radial-gradient(circle at 100% 0%, rgba(82, 209, 255, 0.17), transparent 24rem),
        linear-gradient(145deg, rgba(25, 47, 67, 0.97), rgba(12, 26, 42, 0.98));
    }

    .gbl-settings-support-head,
    .gbl-settings-support-title {
      display: flex;
      align-items: center;
      gap: 13px;
      min-width: 0;
    }

    .gbl-settings-support-head {
      justify-content: space-between;
    }

    .gbl-settings-support-icon {
      display: grid;
      flex: 0 0 46px;
      width: 46px;
      height: 46px;
      place-items: center;
      border: 1px solid rgba(117, 222, 255, 0.34);
      border-radius: 14px;
      color: #dff8ff;
      background: linear-gradient(145deg, rgba(70, 183, 225, 0.31), rgba(94, 89, 212, 0.22));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 10px 22px rgba(0, 0, 0, 0.2);
    }

    .gbl-settings-support-icon svg {
      width: 23px;
      height: 23px;
      fill: none;
      stroke: currentColor;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-width: 1.8;
    }

    .gbl-settings-support-address {
      min-width: 0;
      color: #fff0ae;
      font-size: 14px;
      font-weight: 900;
      overflow-wrap: anywhere;
    }

    .gbl-settings-support-form {
      display: grid;
      gap: 12px;
    }

    .gbl-settings-support-types {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    .gbl-settings-support-type {
      min-width: 0;
    }

    .gbl-settings-support-type.is-active {
      color: #101729;
      border-color: rgba(255, 232, 145, 0.76);
      background: linear-gradient(180deg, #ffe87a, #ffb833);
      box-shadow: 0 10px 20px rgba(246, 196, 83, 0.17), inset 0 1px 0 rgba(255, 255, 255, 0.46);
    }

    .gbl-settings-support-message {
      box-sizing: border-box;
      width: 100%;
      min-height: 132px;
      resize: vertical;
      padding: 13px;
      border: 1px solid var(--gbl-border);
      border-radius: 13px;
      color: var(--gbl-text);
      background: rgba(4, 7, 13, 0.42);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
      font: inherit;
      line-height: 1.45;
    }

    .gbl-settings-support-message:focus {
      outline: 0;
      border-color: rgba(139, 92, 246, 0.88);
      background: rgba(14, 18, 28, 0.82);
      box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.06);
    }

    .gbl-settings-support-submit {
      width: 100%;
    }

    .gbl-settings-danger-zone {
      display: grid;
      gap: 18px;
      padding: 20px;
      border: 1px solid rgba(255, 105, 126, 0.28);
      border-radius: 18px;
      background: linear-gradient(145deg, rgba(92, 22, 44, 0.72), rgba(45, 15, 34, 0.88));
    }

    .gbl-settings-danger-zone h2,
    .gbl-settings-danger-zone p { margin: 0; }
    .gbl-settings-danger-zone h2 { color: #ffdce1; font-size: 18px; }
    .gbl-settings-danger-zone p { margin-top: 5px; color: rgba(255, 220, 225, 0.7); font-size: 13px; line-height: 1.45; }
    .gbl-settings-signout { width: 100%; min-width: 230px; min-height: 52px; border: 1px solid rgba(255, 231, 235, 0.22); border-radius: 14px; color: #fff; background: linear-gradient(145deg, #ef5267, #a9183c); box-shadow: 0 12px 28px rgba(169, 24, 60, 0.28); cursor: pointer; font: inherit; font-weight: 950; }
    .gbl-settings-signout:hover { background: linear-gradient(145deg, #ff6477, #c4214a); }
    .gbl-settings-delete-panel { display: grid; gap: 12px; padding: 16px; border: 1px solid rgba(255, 147, 161, 0.2); border-radius: 15px; background: rgba(32, 9, 22, 0.38); }
    .gbl-settings-delete-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: end; }
    .gbl-settings-delete-form .bbr-field { margin: 0; }
    .gbl-settings-delete-account { min-height: 50px; padding: 0 18px; border: 1px solid rgba(255, 153, 168, 0.4); border-radius: 13px; color: #ffdce1; background: rgba(133, 23, 49, 0.44); cursor: pointer; font: inherit; font-weight: 950; }
    .gbl-settings-delete-account:hover { background: rgba(176, 30, 63, 0.58); }
    .gbl-settings-delete-account:disabled { cursor: wait; opacity: 0.58; }
    .gbl-settings-legal { display: flex; justify-content: center; gap: 18px; flex-wrap: wrap; }
    .gbl-settings-legal a { color: #b9d9ef; font-size: 13px; font-weight: 800; }

    .gbl-settings-upload input {
      position: absolute;
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip: rect(0 0 0 0);
      white-space: nowrap;
    }

    .gbl-settings-upload span {
      display: grid;
      place-items: center;
      min-height: 48px;
      padding: 10px 14px;
      border: 1px solid rgba(151, 208, 255, 0.28);
      border-radius: 12px;
      background: rgba(72, 126, 164, 0.22);
      color: #e7f7ff;
      cursor: pointer;
      font-weight: 900;
      text-align: center;
    }

    .gbl-settings-message,
    .gbl-admin-message {
      min-height: 22px;
      color: #9fe7bd;
      font-size: 13px;
      line-height: 1.45;
    }

    .gbl-settings-message.is-error,
    .gbl-admin-message.is-error {
      color: #ff9aa8;
    }

    .gbl-settings-options {
      display: grid;
      gap: 10px;
    }

    .gbl-setting-toggle {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 14px;
      align-items: center;
      min-height: 72px;
      padding: 13px 14px;
      border: 1px solid rgba(148, 198, 235, 0.16);
      border-radius: 15px;
      background: rgba(3, 13, 24, 0.36);
      cursor: pointer;
    }

    .gbl-setting-toggle strong,
    .gbl-setting-toggle small {
      display: block;
    }

    .gbl-setting-toggle strong {
      color: #edf7ff;
      font-size: 14px;
    }

    .gbl-setting-toggle small {
      margin-top: 4px;
      color: #91aabf;
      line-height: 1.35;
    }

    .gbl-setting-toggle input {
      position: absolute;
      opacity: 0;
      pointer-events: none;
    }

    .gbl-toggle-track {
      position: relative;
      display: block;
      width: 48px;
      height: 28px;
      border: 1px solid rgba(255, 255, 255, 0.15);
      border-radius: 999px;
      background: #25384a;
      transition: background 180ms ease, border-color 180ms ease;
    }

    .gbl-toggle-track::after {
      content: "";
      position: absolute;
      top: 3px;
      left: 3px;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: #d5e6f2;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
      transition: transform 180ms ease, background 180ms ease;
    }

    .gbl-setting-toggle input:checked + .gbl-toggle-track {
      border-color: rgba(105, 255, 181, 0.65);
      background: linear-gradient(90deg, #27ba7a, #68e2ac);
    }

    .gbl-setting-toggle input:checked + .gbl-toggle-track::after {
      transform: translateX(20px);
      background: #fff;
    }

    .gbl-setting-toggle input:focus-visible + .gbl-toggle-track {
      outline: 3px solid rgba(118, 210, 255, 0.72);
      outline-offset: 3px;
    }

    .gbl-admin-panel {
      grid-column: 1 / -1;
      display: grid;
      gap: 18px;
      padding: clamp(18px, 3vw, 28px);
      border-color: rgba(255, 215, 92, 0.38);
      border-radius: 24px;
      background:
        radial-gradient(circle at 92% 0%, rgba(255, 197, 64, 0.15), transparent 25rem),
        linear-gradient(145deg, rgba(31, 38, 61, 0.99), rgba(14, 25, 43, 0.99));
    }

    .gbl-admin-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 15px;
    }

    .gbl-god-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 9px;
      padding: 7px 11px;
      border: 1px solid rgba(255, 224, 107, 0.6);
      border-radius: 999px;
      background: linear-gradient(135deg, rgba(255, 219, 83, 0.24), rgba(138, 78, 255, 0.24));
      color: #ffe88f;
      font-size: 11px;
      font-weight: 1000;
      letter-spacing: 0.13em;
      text-transform: uppercase;
      box-shadow: 0 0 22px rgba(255, 202, 69, 0.12);
    }

    .gbl-admin-summary {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
    }

    .gbl-admin-stat {
      padding: 14px;
      border: 1px solid rgba(151, 201, 238, 0.16);
      border-radius: 14px;
      background: rgba(4, 14, 26, 0.46);
    }

    .gbl-admin-stat span,
    .gbl-admin-stat strong {
      display: block;
    }

    .gbl-admin-stat span {
      color: #8ea8bc;
      font-size: 10px;
      font-weight: 900;
      letter-spacing: 0.11em;
      text-transform: uppercase;
    }

    .gbl-admin-stat strong {
      margin-top: 6px;
      color: #fff0ae;
      font-size: clamp(18px, 2.6vw, 25px);
    }

    .gbl-admin-layout {
      display: grid;
      grid-template-columns: minmax(260px, 0.78fr) minmax(0, 1.4fr);
      gap: 14px;
      min-width: 0;
    }

    .gbl-admin-users,
    .gbl-admin-workspace,
    .gbl-admin-audit {
      min-width: 0;
      padding: 14px;
      border: 1px solid rgba(150, 203, 241, 0.16);
      border-radius: 17px;
      background: rgba(4, 13, 24, 0.42);
    }

    .gbl-admin-search {
      margin-bottom: 10px;
    }

    .gbl-admin-user-list {
      display: grid;
      gap: 7px;
      max-height: 440px;
      overflow: auto;
      padding-right: 3px;
    }

    .gbl-admin-user {
      display: grid;
      grid-template-columns: 42px minmax(0, 1fr) auto;
      gap: 10px;
      align-items: center;
      width: 100%;
      padding: 9px;
      border: 1px solid transparent;
      border-radius: 12px;
      background: rgba(31, 58, 78, 0.45);
      color: #edf8ff;
      cursor: pointer;
      text-align: left;
    }

    .gbl-admin-user:hover,
    .gbl-admin-user.is-selected {
      border-color: rgba(115, 216, 255, 0.55);
      background: rgba(49, 91, 119, 0.58);
    }

    .gbl-admin-user.is-banned {
      border-color: rgba(255, 112, 130, 0.3);
    }

    .gbl-admin-user img,
    .gbl-admin-target-avatar {
      width: 42px;
      height: 42px;
      border-radius: 12px;
      object-fit: cover;
      background: #1b3450;
    }

    .gbl-admin-user strong,
    .gbl-admin-user small {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .gbl-admin-user small {
      margin-top: 2px;
      color: #91a9bc;
      font-size: 10px;
    }

    .gbl-admin-user-balance {
      color: #ffe78a;
      font-size: 11px;
      font-weight: 900;
    }

    .gbl-admin-target {
      display: flex;
      align-items: center;
      gap: 12px;
      padding-bottom: 14px;
      border-bottom: 1px solid rgba(153, 199, 232, 0.14);
    }

    .gbl-admin-target-avatar {
      width: 58px;
      height: 58px;
      border-radius: 16px;
    }

    .gbl-admin-target h3,
    .gbl-admin-target p {
      margin: 0;
    }

    .gbl-admin-target h3 {
      color: #f5fbff;
      font-size: 19px;
    }

    .gbl-admin-target p {
      margin-top: 3px;
      color: #8fa9bc;
      font-size: 12px;
      overflow-wrap: anywhere;
    }

    .gbl-admin-status {
      margin-left: auto;
      padding: 6px 9px;
      border-radius: 999px;
      background: rgba(70, 221, 140, 0.15);
      color: #88f0b9;
      font-size: 10px;
      font-weight: 1000;
      text-transform: uppercase;
    }

    .gbl-admin-status.is-banned {
      background: rgba(255, 91, 116, 0.15);
      color: #ff9baa;
    }

    .gbl-admin-target-balances {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
      margin: 14px 0;
    }

    .gbl-admin-target-balances div {
      padding: 10px;
      border-radius: 11px;
      background: rgba(25, 49, 68, 0.58);
    }

    .gbl-admin-target-balances span,
    .gbl-admin-target-balances strong {
      display: block;
    }

    .gbl-admin-target-balances span {
      color: #829db2;
      font-size: 9px;
      font-weight: 900;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .gbl-admin-target-balances strong {
      margin-top: 4px;
      color: #edf8ff;
      font-size: 13px;
    }

    .gbl-admin-form-grid {
      display: grid;
      grid-template-columns: minmax(120px, 0.65fr) minmax(150px, 1fr);
      gap: 10px;
    }

    .gbl-admin-action-row {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 9px;
    }

    .gbl-admin-action-row .bbr-button {
      width: 100%;
    }

    .gbl-admin-danger {
      border-color: rgba(255, 103, 124, 0.36) !important;
      background: linear-gradient(145deg, rgba(122, 35, 53, 0.88), rgba(76, 26, 43, 0.95)) !important;
      color: #ffd9df !important;
    }

    .gbl-admin-take-section {
      display: grid;
      gap: 10px;
      padding: 14px 16px;
      border-radius: 14px;
      border: 1px solid rgba(255, 103, 124, 0.28);
      background: linear-gradient(145deg, rgba(80, 18, 32, 0.72), rgba(50, 10, 22, 0.85));
    }

    .gbl-admin-take-section[hidden] { display: none !important; }

    .gbl-admin-take-label {
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.09em;
      text-transform: uppercase;
      color: rgba(255, 160, 170, 0.85);
      margin: 0 0 2px;
    }

    .gbl-admin-take-row {
      display: grid;
      grid-template-columns: 1fr 1fr minmax(0, 1.4fr) auto;
      gap: 8px;
      align-items: end;
    }

    .gbl-admin-take-btn {
      border-color: rgba(255, 103, 124, 0.42) !important;
      background: linear-gradient(145deg, rgba(140, 40, 60, 0.82), rgba(90, 24, 40, 0.92)) !important;
      color: #ffd9df !important;
    }

    .gbl-admin-take-btn:hover:not(:disabled) {
      background: linear-gradient(145deg, rgba(160, 50, 72, 0.9), rgba(110, 30, 50, 0.95)) !important;
    }

    .gbl-admin-take-input-wrap {
      display: flex;
      flex-direction: column;
      gap: 3px;
    }

    .gbl-admin-take-input-wrap .bbr-label {
      font-size: 0.7rem;
      color: rgba(255, 160, 170, 0.75);
    }

    @media (max-width: 600px) {
      .gbl-admin-take-row {
        grid-template-columns: 1fr 1fr;
      }
      .gbl-admin-take-input-wrap {
        grid-column: 1 / -1;
      }
      .gbl-admin-take-send { grid-column: 1 / -1; }
    }

    .gbl-admin-audit {
      display: grid;
      gap: 9px;
    }

    .gbl-admin-audit-list {
      display: grid;
      gap: 7px;
      max-height: 270px;
      overflow: auto;
    }

    .gbl-admin-audit-entry {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      gap: 10px;
      align-items: center;
      padding: 9px 10px;
      border-radius: 10px;
      background: rgba(30, 55, 73, 0.45);
      color: #dcecf8;
      font-size: 11px;
    }

    .gbl-admin-audit-action {
      color: #ffe386;
      font-weight: 1000;
      text-transform: uppercase;
    }

    .gbl-admin-empty {
      padding: 18px 10px;
      color: #8fa7ba;
      text-align: center;
    }

    #boom-boom-rocket-app.gbl-pref-high-contrast .bbr-auth-card,
    #boom-boom-rocket-app.gbl-pref-high-contrast .bbr-panel,
    #boom-boom-rocket-app.gbl-pref-high-contrast .gbl-settings-card,
    #boom-boom-rocket-app.gbl-pref-high-contrast .gbl-admin-panel {
      border-color: rgba(220, 242, 255, 0.58);
    }

    #boom-boom-rocket-app.gbl-pref-high-contrast {
      color: #fff;
      filter: contrast(1.08);
    }

    #boom-boom-rocket-app.gbl-pref-large-text .bbr-button,
    #boom-boom-rocket-app.gbl-pref-large-text input,
    #boom-boom-rocket-app.gbl-pref-large-text select,
    #boom-boom-rocket-app.gbl-pref-large-text textarea,
    #boom-boom-rocket-app.gbl-pref-large-text p,
    #boom-boom-rocket-app.gbl-pref-large-text .bbr-label {
      font-size: max(16px, 1em);
    }

    #boom-boom-rocket-app.gbl-pref-reduced-motion *,
    #boom-boom-rocket-app.gbl-pref-reduced-motion *::before,
    #boom-boom-rocket-app.gbl-pref-reduced-motion *::after {
      scroll-behavior: auto !important;
      transition-duration: 0.01ms !important;
    }

    #boom-boom-rocket-app.gbl-pref-reduced-motion .bbr-star,
    #boom-boom-rocket-app.gbl-pref-reduced-motion .frogy-water-glint,
    #boom-boom-rocket-app.gbl-pref-reduced-motion .bbr-wallet-button::before,
    #boom-boom-rocket-app.gbl-pref-reduced-motion .gbl-notification-bell::before {
      animation: none !important;
    }

    @media (max-width: 820px) {
      .card-vault-pack-level { flex-basis: 104px; min-height: 78px; }
      .card-vault-pack-range { grid-template-columns: repeat(3, minmax(88px, 1fr)); overflow-x: auto; }
      .gbl-settings-screen { padding: 12px 12px 30px; }
      .gbl-settings-page { gap: 12px; }
      .gbl-settings-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
      .gbl-settings-topbar { align-items: flex-start; border-radius: 18px; }
      .gbl-settings-heading img { width: 50px; height: 50px; border-radius: 13px; }
      .gbl-settings-heading p { font-size: 12px; }
      .gbl-settings-topbar .bbr-button { width: auto; min-width: 104px; }
      .gbl-settings-card, .gbl-admin-panel { padding: 16px; border-radius: 18px; }
      .gbl-settings-profile { grid-template-columns: 86px minmax(0, 1fr); gap: 13px; }
      .gbl-settings-avatar-wrap { width: 86px; height: 86px; }
      .gbl-settings-avatar { border-radius: 22px; }
      .gbl-admin-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .gbl-admin-layout { grid-template-columns: minmax(0, 1fr); }
      .gbl-admin-user-list { max-height: 300px; }
      .gbl-admin-target-balances { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .gbl-admin-target-balances div:last-child { grid-column: 1 / -1; }
      .gbl-admin-action-row { grid-template-columns: minmax(0, 1fr); }
      .gbl-admin-audit-entry { grid-template-columns: minmax(90px, auto) minmax(0, 1fr); }
      .gbl-admin-audit-entry time { grid-column: 1 / -1; color: #8199ad; }
    }

    @media (max-width: 470px) {
      .gbl-settings-topbar { display: grid; }
      .gbl-settings-topbar .bbr-button { width: 100%; }
      .gbl-settings-profile { grid-template-columns: minmax(0, 1fr); }
      .gbl-settings-avatar-wrap { margin: 0 auto; width: 112px; height: 112px; }
      .gbl-settings-support-head { display: grid; }
      .gbl-settings-support-types { grid-template-columns: minmax(0, 1fr); }
      .gbl-settings-danger-zone { align-items: stretch; flex-direction: column; padding: 16px; }
      .gbl-settings-signout { width: 100%; }
      .gbl-settings-delete-form { grid-template-columns: minmax(0, 1fr); }
      .gbl-admin-form-grid { grid-template-columns: minmax(0, 1fr); }
      .gbl-admin-head { display: grid; }
      .gbl-admin-head .bbr-button { width: 100%; }
    }

    /* Digi Vault chamber rebuild */
    .card-vault-shell {
      --vault-accent: #a8b0ba;
      --vault-accent-soft: color-mix(in srgb, var(--vault-accent) 20%, transparent);
      display: grid;
      grid-template-columns: minmax(292px, 340px) minmax(520px, 1fr) minmax(238px, 286px);
      grid-template-rows: auto minmax(0, 1fr);
      align-items: start;
      width: min(1720px, 100%);
      min-height: 100dvh;
      gap: 14px;
      padding: 14px;
      background:
        radial-gradient(circle at 48% -12%, color-mix(in srgb, var(--vault-accent) 15%, transparent), transparent 38rem),
        linear-gradient(155deg, rgba(5, 10, 18, 0.55), rgba(11, 17, 29, 0.18));
    }

    .card-vault-shell > .gbl-mobile-game-header {
      position: sticky;
      top: 0;
      z-index: 85;
      grid-column: 1 / -1;
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: 66px;
      padding: 10px 14px;
      border: 1px solid rgba(174, 210, 240, 0.13);
      border-radius: 20px;
      background: linear-gradient(135deg, rgba(13, 27, 42, 0.94), rgba(7, 15, 26, 0.92));
      box-shadow: 0 16px 44px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.06);
      backdrop-filter: blur(18px);
    }

    .card-vault-shell > .gbl-mobile-game-header .gbl-mobile-brand,
    .card-vault-shell > .gbl-mobile-game-header .gbl-mobile-header-actions {
      display: flex;
      align-items: center;
    }

    .card-vault-shell > .gbl-mobile-game-header .gbl-mobile-brand {
      min-width: 0;
      gap: 10px;
      color: #fff4c4;
      font-size: 18px;
      font-weight: 950;
      letter-spacing: -0.03em;
    }

    .card-vault-shell > .gbl-mobile-game-header .gbl-mobile-brand img {
      width: 42px;
      height: 42px;
      border-radius: 12px;
      object-fit: cover;
      box-shadow: 0 7px 18px rgba(0, 0, 0, 0.3);
    }

    .card-vault-shell > .gbl-mobile-game-header .gbl-mobile-header-actions { gap: 8px; }
    .card-vault-shell > .gbl-mobile-game-header .gbl-mobile-mode-chip,
    .card-vault-shell > .gbl-mobile-game-header .gbl-mobile-header-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 38px;
      padding: 0 13px;
      border: 1px solid rgba(162, 209, 242, 0.16);
      border-radius: 11px;
      background: rgba(17, 39, 58, 0.72);
      color: #dcecf9;
      font: inherit;
      font-size: 11px;
      font-weight: 900;
    }

    .card-vault-shell > .gbl-mobile-game-header .gbl-mobile-mode-chip {
      color: color-mix(in srgb, var(--vault-accent) 72%, white);
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .card-vault-shell .card-vault-panel {
      position: sticky;
      top: 94px;
      grid-column: 1;
      grid-row: 2;
      display: grid;
      align-content: start;
      gap: 12px;
      max-height: calc(100dvh - 108px);
      padding: 18px;
      overflow-x: hidden;
      overflow-y: auto;
      border-color: rgba(157, 204, 236, 0.14);
      border-radius: 24px;
      background:
        linear-gradient(165deg, rgba(23, 47, 66, 0.96), rgba(7, 18, 31, 0.98) 58%),
        #081421;
      box-shadow: 0 28px 70px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.07);
      scrollbar-width: thin;
    }

    .card-vault-control-intro { display: grid; gap: 6px; }
    .card-vault-control-intro .gamboland-mini-brand { display: none; }
    .card-vault-control-intro .bbr-title {
      margin: 0;
      color: #f7fbff;
      font-size: clamp(30px, 3vw, 42px);
      letter-spacing: -0.055em;
      line-height: 0.98;
    }
    .card-vault-control-intro .bbr-subtitle { margin: 0; color: #9db4c8; font-size: 12px; line-height: 1.5; }

    .card-vault-eyebrow {
      display: inline-flex;
      align-items: center;
      width: fit-content;
      gap: 7px;
      color: color-mix(in srgb, var(--vault-accent) 72%, white);
      font-size: 9px;
      font-weight: 950;
      letter-spacing: 0.19em;
      text-transform: uppercase;
    }
    .card-vault-eyebrow i,
    .card-vault-secure-badge i {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #65f6bb;
      box-shadow: 0 0 12px rgba(101, 246, 187, 0.82);
    }

    .card-vault-panel .bbr-player-card {
      min-height: 54px;
      padding: 8px;
      border-color: rgba(157, 204, 236, 0.12);
      border-radius: 15px;
      background: rgba(5, 16, 28, 0.62);
    }
    .card-vault-panel .bbr-avatar-small { width: 38px; height: 38px; }
    .card-vault-panel .bbr-player-name { font-size: 12px; }
    .card-vault-panel .bbr-label { font-size: 9px; }
    .card-vault-panel .bbr-player-card .bbr-button { width: auto; min-height: 34px; padding: 0 12px; font-size: 10px; }

    #cardVaultOpenControls { display: grid; gap: 10px; }
    .card-vault-wallet-console,
    .card-vault-control-block,
    .card-vault-pack-summary,
    .card-vault-status-log {
      border: 1px solid rgba(154, 204, 238, 0.12);
      border-radius: 16px;
      background: rgba(4, 14, 25, 0.62);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
    }

    .card-vault-wallet-console { display: grid; gap: 8px; padding: 10px; }
    .card-vault-wallet-console .card-vault-coin-box {
      padding: 8px 4px 10px;
      border: 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.07);
      border-radius: 0;
      background: transparent;
    }
    .card-vault-wallet-console .card-vault-coin-box span { color: #88a6bc; font-size: 9px; letter-spacing: 0.12em; }
    .card-vault-wallet-console .card-vault-coin-box strong {
      color: #fff2aa;
      font-size: 19px;
      letter-spacing: -0.025em;
      text-shadow: 0 0 20px rgba(255, 217, 91, 0.2);
    }
    .card-vault-wallet-console .bbr-wallet-switch { min-height: 40px; padding: 3px; border-radius: 12px; }
    .card-vault-wallet-console .bbr-wallet-button { min-height: 34px; padding: 0 8px; font-size: 10px; }
    .card-vault-wallet-note { padding: 0 4px; color: #7f99ad; font-size: 10px; line-height: 1.45; }

    .card-vault-control-block { display: grid; gap: 8px; padding: 11px; }
    .card-vault-pack-ladder-heading { align-items: center; margin: 0; }
    .card-vault-pack-ladder-heading strong { color: #dfeefa; font-size: 10px; letter-spacing: 0.14em; }
    .card-vault-pack-ladder-heading span { max-width: 132px; color: #718ca2; font-size: 9px; }

    .card-vault-pack-ladder {
      gap: 7px;
      margin-inline: -2px;
      padding: 3px 2px 8px;
      scroll-padding-inline: 2px;
      scrollbar-width: none;
    }
    .card-vault-pack-ladder::-webkit-scrollbar { display: none; }
    .card-vault-pack-level {
      flex-basis: 126px;
      grid-template-columns: 28px minmax(0, 1fr);
      grid-template-rows: auto auto auto;
      align-items: center;
      min-height: 86px;
      gap: 2px 8px;
      padding: 10px;
      border-radius: 14px;
      background:
        radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--pack-accent) 28%, transparent), transparent 62%),
        linear-gradient(155deg, rgba(19, 34, 52, 0.96), rgba(4, 13, 24, 0.98));
    }
    .card-vault-pack-level::before { opacity: 0.22; }
    .card-vault-pack-level-index {
      grid-row: 1 / 4;
      display: grid;
      place-items: center;
      width: 28px;
      height: 42px;
      border: 1px solid color-mix(in srgb, var(--pack-accent) 52%, transparent);
      border-radius: 10px;
      background: color-mix(in srgb, var(--pack-accent) 12%, rgba(6, 15, 27, 0.84));
      color: color-mix(in srgb, var(--pack-accent) 76%, white);
      font-size: 9px;
      font-weight: 950;
    }
    .card-vault-pack-level > strong { grid-column: 2; grid-row: 1; align-self: end; font-size: 12px; }
    .card-vault-pack-level > small { grid-column: 2; grid-row: 2; align-self: start; overflow: hidden; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
    .card-vault-pack-level-price { grid-column: 2; grid-row: 3; color: color-mix(in srgb, var(--pack-accent) 78%, white) !important; font-size: 10px !important; font-weight: 950; }
    .card-vault-pack-level-meter {
      grid-column: 1 / -1;
      height: 3px;
      overflow: hidden;
      border-radius: 99px;
      background: rgba(255, 255, 255, 0.08);
    }
    .card-vault-pack-level-meter i {
      display: block;
      width: calc(var(--pack-power, 0.1) * 100%);
      height: 100%;
      border-radius: inherit;
      background: linear-gradient(90deg, color-mix(in srgb, var(--pack-accent) 56%, #fff), var(--pack-accent));
      box-shadow: 0 0 10px var(--pack-accent);
    }
    .card-vault-pack-level.is-selected {
      transform: translateY(-1px);
      box-shadow: 0 0 0 1px var(--pack-accent), 0 12px 28px color-mix(in srgb, var(--pack-accent) 20%, transparent);
    }

    .card-vault-pack-range { gap: 6px; margin: 0; }
    .card-vault-pack-range span { min-width: 0; padding: 7px; border-radius: 9px; font-size: 7px; }
    .card-vault-pack-range strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }

    .card-vault-card-count-picker { gap: 6px; }
    .card-vault-card-count-option {
      min-height: 60px;
      padding: 8px 5px;
      border-radius: 12px;
      background: rgba(11, 25, 40, 0.84);
    }
    .card-vault-card-count-option strong { font-size: 20px; line-height: 1; }
    .card-vault-card-count-option span { color: #7892a8; font-size: 8px; }
    .card-vault-card-count-option.is-selected {
      border-color: var(--vault-accent);
      background: linear-gradient(145deg, var(--vault-accent-soft), rgba(18, 25, 50, 0.92));
      box-shadow: 0 0 0 2px color-mix(in srgb, var(--vault-accent) 12%, transparent);
    }

    .card-vault-pack-summary { gap: 5px; padding: 11px; }
    .card-vault-summary-label { color: #6f899e !important; font-size: 8px !important; font-weight: 950; letter-spacing: 0.14em; text-transform: uppercase; }
    .card-vault-pack-summary strong { color: #f5fbff; font-size: 12px; }
    .card-vault-pack-summary #cardVaultOddsCopy { color: #829db2; font-size: 9px; line-height: 1.4; }

    .card-vault-action-dock { display: grid; grid-template-columns: minmax(0, 1fr) 92px; gap: 7px; }
    .card-vault-action-dock .bbr-button { min-height: 48px; border-radius: 14px; font-size: 11px; }
    .card-vault-spin-button {
      position: relative;
      overflow: hidden;
      color: #111825;
      background: linear-gradient(120deg, #ffe27a, #ffbd45 52%, #ff8e39);
      box-shadow: 0 12px 28px rgba(255, 169, 55, 0.24);
    }
    .card-vault-spin-button::after {
      content: "";
      position: absolute;
      inset: -70% -30%;
      background: linear-gradient(110deg, transparent 40%, rgba(255, 255, 255, 0.72) 50%, transparent 60%);
      transform: translateX(-75%) rotate(8deg);
      pointer-events: none;
    }
    .card-vault-spin-button:not(:disabled):hover::after { transform: translateX(75%) rotate(8deg); transition: transform 600ms ease; }
    .card-vault-collection-button { padding-inline: 8px !important; color: #d8e8f5 !important; background: rgba(18, 39, 57, 0.86) !important; }
    .card-vault-status-log { min-height: 48px; padding: 10px 11px; color: #a8c1d4; font-size: 10px; line-height: 1.4; }
    .card-vault-disclaimer { padding-inline: 3px; color: #667f92; font-size: 8px; }

    .card-vault-shell .card-vault-stage {
      position: relative;
      grid-column: 2;
      grid-row: 2;
      display: grid;
      min-width: 0;
      min-height: calc(100dvh - 108px);
      overflow: hidden;
      border: 1px solid color-mix(in srgb, var(--vault-accent) 24%, rgba(130, 195, 235, 0.18));
      border-radius: 28px;
      background:
        radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--vault-accent) 15%, transparent), transparent 32%),
        linear-gradient(155deg, #07101d, #11182c 48%, #050a12);
      box-shadow: 0 32px 90px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.07);
      isolation: isolate;
      place-items: center;
      padding: 84px 28px 68px;
    }
    .card-vault-shell .card-vault-stage::before { content: none; }
    .card-vault-stage-ambient,
    .card-vault-stage-ambient > span { position: absolute; pointer-events: none; }
    .card-vault-stage-ambient { z-index: -1; inset: 0; overflow: hidden; }
    .card-vault-chamber-grid {
      inset: 0;
      opacity: 0.5;
      background:
        linear-gradient(rgba(120, 184, 225, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(120, 184, 225, 0.045) 1px, transparent 1px);
      background-size: 42px 42px;
      mask-image: radial-gradient(circle at 50% 46%, black, transparent 74%);
    }
    .card-vault-chamber-orbit {
      top: 50%;
      left: 50%;
      border: 1px solid color-mix(in srgb, var(--vault-accent) 24%, transparent);
      border-radius: 50%;
      transform: translate(-50%, -50%);
    }
    .card-vault-chamber-orbit::before,
    .card-vault-chamber-orbit::after {
      content: "";
      position: absolute;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: color-mix(in srgb, var(--vault-accent) 74%, white);
      box-shadow: 0 0 15px var(--vault-accent);
    }
    .card-vault-chamber-orbit::before { top: 12%; left: 18%; }
    .card-vault-chamber-orbit::after { right: 10%; bottom: 24%; }
    .card-vault-chamber-orbit.orbit-one { width: min(74vw, 690px); aspect-ratio: 1; opacity: 0.46; }
    .card-vault-chamber-orbit.orbit-two { width: min(54vw, 500px); aspect-ratio: 1; opacity: 0.32; }
    .card-vault-chamber-beam {
      top: -18%;
      bottom: -18%;
      width: 26%;
      opacity: 0.12;
      filter: blur(22px);
      background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--vault-accent) 58%, transparent), transparent);
    }
    .card-vault-chamber-beam.beam-one { left: 13%; transform: rotate(17deg); }
    .card-vault-chamber-beam.beam-two { right: 8%; transform: rotate(-19deg); }
    .card-vault-chamber-flash { inset: 0; opacity: 0; background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.88), color-mix(in srgb, var(--vault-accent) 34%, transparent) 30%, transparent 65%); }

    .card-vault-stage-bar {
      position: absolute;
      z-index: 8;
      top: 0;
      right: 0;
      left: 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: 64px;
      gap: 16px;
      padding: 13px 18px;
      border-bottom: 1px solid rgba(150, 204, 240, 0.1);
      background: linear-gradient(180deg, rgba(9, 20, 34, 0.88), rgba(9, 20, 34, 0.35));
      backdrop-filter: blur(12px);
    }
    .card-vault-stage-status { display: grid; min-width: 0; gap: 2px; }
    .card-vault-stage-status span { color: #6f8ba2; font-size: 8px; font-weight: 950; letter-spacing: 0.18em; text-transform: uppercase; }
    .card-vault-stage-status strong { overflow: hidden; color: #e8f3fb; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
    .card-vault-secure-badge {
      display: inline-flex;
      align-items: center;
      flex: 0 0 auto;
      gap: 7px;
      padding: 7px 10px;
      border: 1px solid rgba(101, 246, 187, 0.16);
      border-radius: 999px;
      background: rgba(13, 66, 54, 0.22);
      color: #8fffd2;
      font-size: 8px;
      font-weight: 950;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }

    .card-vault-shell .card-vault-source { right: 22px; bottom: 14px; left: 22px; color: rgba(139, 161, 180, 0.58); font-size: 8px; }
    .card-vault-empty {
      position: relative;
      display: grid;
      grid-template-columns: minmax(250px, 1.1fr) minmax(190px, 0.8fr);
      align-items: center;
      width: min(100%, 820px);
      max-width: none;
      gap: clamp(12px, 3vw, 42px);
      text-align: left;
    }
    .card-vault-idle-display { position: relative; min-height: 410px; perspective: 900px; }
    .card-vault-idle-halo {
      position: absolute;
      top: 50%;
      left: 50%;
      width: min(390px, 90%);
      aspect-ratio: 1;
      border: 1px solid color-mix(in srgb, var(--vault-accent) 24%, transparent);
      border-radius: 50%;
      background: radial-gradient(circle, color-mix(in srgb, var(--vault-accent) 20%, transparent), transparent 66%);
      box-shadow: inset 0 0 60px color-mix(in srgb, var(--vault-accent) 10%, transparent), 0 0 80px color-mix(in srgb, var(--vault-accent) 8%, transparent);
      transform: translate(-50%, -50%);
    }
    .card-vault-idle-pack { position: absolute; top: 50%; left: 50%; height: auto; filter: drop-shadow(0 30px 34px rgba(0, 0, 0, 0.62)); transform-origin: 50% 90%; }
    .card-vault-idle-pack.idle-pack-left { z-index: 1; width: min(156px, 38%); opacity: 0.48; transform: translate(-116%, -46%) rotate(-16deg) scale(0.84); }
    .card-vault-idle-pack.idle-pack-center { z-index: 3; width: min(220px, 54%); transform: translate(-50%, -53%) rotate(-2deg); }
    .card-vault-idle-pack.idle-pack-right { z-index: 2; width: min(156px, 38%); opacity: 0.48; transform: translate(16%, -46%) rotate(16deg) scale(0.84); }
    .card-vault-idle-platform {
      position: absolute;
      z-index: 0;
      right: 9%;
      bottom: 10%;
      left: 9%;
      height: 18%;
      border: 1px solid color-mix(in srgb, var(--vault-accent) 28%, transparent);
      border-radius: 50%;
      background: radial-gradient(ellipse, color-mix(in srgb, var(--vault-accent) 22%, transparent), rgba(5, 10, 18, 0.82) 64%);
      box-shadow: 0 18px 42px rgba(0, 0, 0, 0.5), inset 0 0 26px color-mix(in srgb, var(--vault-accent) 13%, transparent);
    }
    .card-vault-empty-copy { position: relative; z-index: 2; display: grid; gap: 10px; }
    .card-vault-empty-copy > span { color: color-mix(in srgb, var(--vault-accent) 76%, white); font-size: 9px; font-weight: 950; letter-spacing: 0.18em; text-transform: uppercase; }
    .card-vault-empty-copy strong { color: #f7fbff; font-size: clamp(30px, 4vw, 54px); letter-spacing: -0.055em; line-height: 0.98; }
    .card-vault-empty-copy p { max-width: 330px; color: #91aabd; font-size: 12px; line-height: 1.6; }

    .card-vault-stage.is-focused {
      position: fixed;
      z-index: 1000;
      inset: 0;
      grid-column: auto;
      grid-row: auto;
      width: 100vw;
      height: 100dvh;
      min-height: 100dvh;
      max-height: none;
      margin: 0;
      padding: 76px clamp(12px, 4vw, 54px) 74px;
      border-radius: 0;
      background:
        radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--vault-accent) 18%, transparent), transparent 32%),
        linear-gradient(155deg, #050a12, #12142b 52%, #03060c);
    }
    .card-vault-stage.is-focused::after { opacity: 0.5; background: linear-gradient(90deg, rgba(0, 0, 0, 0.72), transparent 24%, transparent 76%, rgba(0, 0, 0, 0.72)); }
    #cardVaultStage.is-focused > .card-vault-stage-ambient { position: absolute !important; z-index: -1 !important; inset: 0 !important; }
    #cardVaultStage.is-focused > .card-vault-stage-bar { position: absolute !important; z-index: 8 !important; inset: 0 0 auto !important; }
    .card-vault-stage.is-focused .card-vault-stage-bar { min-height: 62px; padding-inline: clamp(14px, 4vw, 46px); }
    .card-vault-stage.is-focused .card-vault-source { bottom: 10px; }
    .card-vault-stage.is-focused .card-vault-wheel-shell { width: min(1240px, 100vw); }
    .card-vault-stage.is-focused .card-vault-wheel { width: min(1160px, 100vw); height: min(570px, 62vw); }
    .card-vault-stage.is-focused .card-vault-pack-shell { width: min(320px, 62vw); }

    .card-vault-wheel-shell { padding: 0 0 10px; }
    .card-vault-wheel { background: radial-gradient(ellipse at 50% 58%, color-mix(in srgb, var(--vault-accent) 12%, transparent), transparent 60%); }
    .card-vault-wheel::before { inset: 32% 6% 4%; border-color: color-mix(in srgb, var(--vault-accent) 13%, transparent); box-shadow: inset 0 0 60px color-mix(in srgb, var(--vault-accent) 8%, transparent); }
    .card-vault-wheel-pack { width: min(190px, 24vw); }
    .card-vault-wheel-pack.is-selected { filter: drop-shadow(0 0 28px color-mix(in srgb, var(--pack-accent) 38%, transparent)) drop-shadow(0 26px 34px rgba(0, 0, 0, 0.62)) brightness(1.14); }
    .card-vault-wheel-pointer { margin-top: -18px; border-bottom-width: 25px; border-right-width: 17px; border-left-width: 17px; border-bottom-color: color-mix(in srgb, var(--vault-accent) 62%, #ffe47a); }
    .card-vault-wheel-caption { max-width: 520px; margin-top: 4px; color: #9eb6c9; font-size: 11px; }

    .card-vault-pack-shell { filter: drop-shadow(0 34px 46px rgba(0, 0, 0, 0.58)); }
    .card-vault-pack-shell::before {
      content: "";
      position: absolute;
      z-index: -1;
      inset: 4% -34% -4%;
      border-radius: 50%;
      background: radial-gradient(circle, color-mix(in srgb, var(--pack-accent) 34%, transparent), transparent 68%);
      filter: blur(18px);
    }
    .card-vault-pack-shell.is-rippable { animation-duration: 2.2s; }
    .gsap-ready .card-vault-stage.is-ripping .card-vault-pack,
    .gsap-ready .card-vault-stage.is-ripping .card-vault-pack-flap,
    .gsap-ready .card-vault-stage.is-ripping .card-vault-pack-flap-shadow { animation: none; }

    .card-vault-reveal-grid.is-stack { min-height: min(610px, 72dvh); }
    .card-vault-reveal-stack { width: min(326px, 76vw); }
    .card-vault-reveal-card::before { inset: -62px; filter: blur(38px) saturate(1.45); }
    .card-vault-reveal-hint { bottom: -38px; color: #a9c1d3; font-size: 11px; }
    .card-vault-reveal-button { bottom: 34px; min-height: 46px; }

    .card-vault-card-fallback {
      --fallback-accent: #cbd5e1;
      position: relative;
      display: grid;
      align-content: center;
      justify-items: center;
      gap: 10px;
      box-sizing: border-box;
      height: 100%;
      overflow: hidden;
      padding: 36px 22px;
      border: 9px solid color-mix(in srgb, var(--fallback-accent) 62%, #f8fbff);
      border-radius: 18px;
      background:
        radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--fallback-accent) 34%, transparent), transparent 30%),
        repeating-linear-gradient(132deg, transparent 0 22px, rgba(255, 255, 255, 0.045) 23px 24px),
        linear-gradient(155deg, color-mix(in srgb, var(--fallback-accent) 24%, #111a2a), #050a13 72%);
      color: #fff;
      text-align: center;
      box-shadow: inset 0 0 0 2px rgba(4, 9, 18, 0.72), inset 0 0 42px color-mix(in srgb, var(--fallback-accent) 14%, transparent);
    }
    .card-vault-card-fallback.is-gray { --fallback-accent: #cbd5e1; }
    .card-vault-card-fallback.is-blue { --fallback-accent: #4dc7ff; }
    .card-vault-card-fallback.is-purple { --fallback-accent: #b66cff; }
    .card-vault-card-fallback.is-gold { --fallback-accent: #ffd34d; }
    .card-vault-card-fallback.is-rainbow { --fallback-accent: #ff68d4; background: radial-gradient(circle at 50% 38%, rgba(255,255,255,.28), transparent 28%), conic-gradient(from 210deg, #173b68, #6c2d99, #b44975, #92701e, #173b68); }
    .card-vault-fallback-series {
      position: absolute;
      top: 18px;
      right: 18px;
      left: 18px;
      color: color-mix(in srgb, var(--fallback-accent) 74%, white);
      font-size: 8px;
      font-weight: 950;
      letter-spacing: 0.2em;
      text-transform: uppercase;
    }
    .card-vault-fallback-crest {
      display: grid;
      width: 104px;
      height: 104px;
      place-items: center;
      border: 2px solid color-mix(in srgb, var(--fallback-accent) 76%, white);
      border-radius: 50%;
      background: radial-gradient(circle at 34% 28%, rgba(255, 255, 255, 0.54), transparent 20%), color-mix(in srgb, var(--fallback-accent) 26%, rgba(5, 12, 24, 0.9));
      color: #fff;
      font-size: 52px;
      font-weight: 1000;
      text-shadow: 0 5px 16px rgba(0, 0, 0, 0.62);
      box-shadow: 0 0 28px color-mix(in srgb, var(--fallback-accent) 28%, transparent), inset 0 0 20px rgba(255, 255, 255, 0.08);
    }
    .card-vault-card-fallback > strong { max-width: 100%; color: #fff; font-size: clamp(20px, 3vw, 28px); letter-spacing: -0.035em; line-height: 1.05; }
    .card-vault-card-fallback > small { color: color-mix(in srgb, var(--fallback-accent) 72%, white); font-size: 9px; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase; }
    .card-vault-card-fallback > i {
      position: absolute;
      inset: -40% -70%;
      background: linear-gradient(112deg, transparent 42%, rgba(255, 255, 255, 0.42) 50%, transparent 58%);
      transform: translateX(-42%) rotate(8deg);
      pointer-events: none;
    }
    .card-vault-reveal-card.is-current .card-vault-card-fallback > i { animation: card-vault-pack-shimmer 2.8s ease-in-out infinite; }

    .card-vault-shell .card-live-panel {
      position: sticky;
      top: 94px;
      grid-column: 3;
      grid-row: 2;
      align-content: start;
      max-height: calc(100dvh - 108px);
      gap: 11px;
      padding: 16px;
      overflow-y: auto;
      border-color: rgba(123, 215, 247, 0.13);
      border-radius: 24px;
      background: linear-gradient(165deg, rgba(16, 36, 54, 0.96), rgba(5, 15, 26, 0.98));
      box-shadow: 0 28px 70px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.055);
    }
    .card-vault-shell .card-live-panel-title h2 { font-size: 19px; letter-spacing: -0.03em; }
    .card-vault-shell .card-live-copy { color: #7f9bb0; font-size: 10px; }
    .card-vault-shell .card-live-list { grid-template-columns: minmax(0, 1fr); }
    .card-vault-shell .card-live-player { grid-template-columns: 38px minmax(0, 1fr); padding: 9px; border-radius: 12px; }
    .card-vault-shell .card-live-watch { grid-column: 2; }
    .card-vault-shell .card-live-avatar,
    .card-vault-shell .card-live-avatar-fallback { grid-row: 1 / 3; width: 38px; height: 38px; }
    .card-vault-shell .card-live-empty { min-height: 120px; padding: 14px; font-size: 10px; }

    @media (max-width: 1320px) {
      .card-vault-shell { grid-template-columns: minmax(292px, 330px) minmax(0, 1fr); }
      .card-vault-shell .card-live-panel { position: static; grid-column: 1 / -1; grid-row: 3; max-height: none; }
      .card-vault-shell .card-live-list { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
      .card-vault-empty { grid-template-columns: minmax(230px, 1fr); justify-items: center; text-align: center; }
      .card-vault-empty-copy { justify-items: center; }
      .card-vault-idle-display { width: min(100%, 440px); min-height: 300px; }
    }

    @media (max-width: 980px), (pointer: coarse) and (max-width: 1120px) {
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-shell {
        display: flex;
        align-items: stretch;
        width: 100%;
        min-height: 100dvh;
        gap: 10px;
        padding: 0 10px calc(var(--gbl-mobile-nav-height) + 14px);
        background: #07111b;
      }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-shell > .gbl-mobile-game-header {
        order: -4;
        min-height: 68px;
        margin: 0 -10px;
        padding: max(9px, env(safe-area-inset-top)) 12px 9px;
        border-width: 0 0 1px;
        border-radius: 0;
      }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-shell > .gbl-mobile-game-header .gbl-mobile-mode-chip { display: none; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-shell > .gbl-mobile-game-header .gbl-mobile-brand { font-size: 17px; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-shell > .gbl-mobile-game-header .gbl-mobile-brand img { width: 40px; height: 40px; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-shell > .gbl-mobile-game-header .gbl-mobile-header-button { min-height: 36px; padding-inline: 11px; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-shell > .gbl-mobile-game-header [data-notification-tab] {
        width: 42px;
        min-width: 42px;
        height: 42px;
        padding: 0;
      }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-shell > .gbl-mobile-game-header [data-notification-tab] > span:not(.gbl-notification-tab-badge) { display: none; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-shell .card-vault-stage {
        order: -3;
        width: 100%;
        min-height: clamp(420px, 52dvh, 480px);
        padding: 70px 12px 54px;
        border-radius: 22px;
      }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-shell .card-vault-panel {
        position: static;
        order: -2;
        width: 100%;
        max-height: none;
        padding: 16px 14px 18px;
        overflow: visible;
        border-radius: 20px;
      }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-panel .bbr-player-card { display: none; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-control-intro .bbr-title { font-size: 32px; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-control-intro .bbr-subtitle { font-size: 11px; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-action-dock {
        position: sticky;
        z-index: 70;
        order: -10;
        bottom: calc(var(--gbl-mobile-nav-height) + env(safe-area-inset-bottom) + 8px);
        padding: 7px;
        border: 1px solid rgba(153, 204, 239, 0.14);
        border-radius: 16px;
        background: rgba(6, 17, 29, 0.92);
        box-shadow: 0 12px 34px rgba(0, 0, 0, 0.38);
        backdrop-filter: blur(16px);
      }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-shell .card-live-panel {
        position: static;
        order: -1;
        width: 100%;
        max-height: none;
        padding: 15px;
        border-radius: 20px;
      }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-empty {
        grid-template-columns: minmax(0, 1fr);
        justify-items: center;
        gap: 0;
        text-align: center;
      }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-idle-display { width: min(100%, 340px); min-height: 225px; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-idle-pack.idle-pack-left { width: 102px; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-idle-pack.idle-pack-center { width: 148px; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-idle-pack.idle-pack-right { width: 102px; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-idle-platform { bottom: 6%; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-empty-copy { justify-items: center; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-empty-copy strong { font-size: 34px; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-empty-copy p { max-width: 310px; font-size: 11px; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-stage-bar { min-height: 58px; padding: 10px 12px; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-stage-status strong { max-width: 64vw; font-size: 10px; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-secure-badge { width: 54px; height: 34px; justify-content: center; gap: 4px; padding: 0 6px; font-size: 6px; letter-spacing: 0.04em; white-space: nowrap; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-secure-badge i { width: 6px; height: 6px; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-wheel-caption { box-sizing: border-box; width: calc(100% - 24px); max-width: calc(100% - 24px); padding-inline: 6px; white-space: normal; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-shell .card-vault-source { right: 12px; bottom: 9px; left: 12px; font-size: 7px; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-stage.is-focused { min-height: 100dvh; padding: 64px 0 76px; border-radius: 0; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-stage.is-focused .card-vault-wheel-shell {
        width: 100vw;
        min-height: min(560px, 72dvh);
        place-content: center;
        overflow: hidden;
        padding: 0;
      }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-stage.is-focused .card-vault-wheel {
        width: 100vw;
        height: min(540px, 70dvh);
        min-height: 430px;
        perspective: 760px;
        perspective-origin: 50% 44%;
      }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-stage.is-focused .card-vault-wheel::before {
        inset: 38% -22% 3%;
        opacity: 0.58;
      }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-stage.is-focused .card-vault-pack-shell { width: min(236px, 62vw); }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-wheel-pack {
        width: min(184px, 47vw);
        filter: brightness(var(--pack-brightness, 1));
      }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-wheel-pack.is-selected {
        filter: brightness(1.18) drop-shadow(0 0 30px color-mix(in srgb, var(--pack-accent) 52%, transparent));
      }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-wheel-pointer {
        position: absolute;
        z-index: 120;
        bottom: 48px;
        left: 50%;
        margin: 0;
        transform: translateX(-50%);
        filter: drop-shadow(0 0 16px rgba(255, 220, 111, 0.62));
      }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-stage.is-focused .card-vault-wheel-caption {
        position: absolute;
        z-index: 130;
        bottom: 13px;
        left: 50%;
        margin: 0;
        transform: translateX(-50%);
        color: #dbeaff;
      }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-reveal-stack { width: min(292px, 74vw); }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-reveal-grid.is-stack { min-height: min(570px, 70dvh); }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-chamber-orbit.orbit-one { width: 620px; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-chamber-orbit.orbit-two { width: 420px; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-chamber-grid { background-size: 34px 34px; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-reveal-card::after { animation: none; }
    }

    @media (max-width: 430px) {
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-shell .card-vault-stage { min-height: 440px; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-idle-display { min-height: 218px; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-empty-copy strong { font-size: 30px; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-pack-range { grid-template-columns: repeat(3, minmax(92px, 1fr)); }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-action-dock { grid-template-columns: minmax(0, 1fr) 82px; }
    }

    /* Mobile Safari containment and vault fixes */
    @media (max-width: 760px), (pointer: coarse) and (max-width: 1080px) {
      html,
      body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        overscroll-behavior-x: none;
      }

      #boom-boom-rocket-app[data-device="mobile"],
      #boom-boom-rocket-app[data-device="mobile"] > main,
      #boom-boom-rocket-app[data-device="mobile"] .bbr-lobby-grid,
      #boom-boom-rocket-app[data-device="mobile"] .bbr-shell,
      #boom-boom-rocket-app[data-device="mobile"] .bbr-auth-card,
      #boom-boom-rocket-app[data-device="mobile"] .bbr-panel,
      #boom-boom-rocket-app[data-device="mobile"] .card-live-panel,
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-collection {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        min-width: 0;
      }

      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen {
        display: block;
        min-height: 100dvh;
        padding: max(14px, env(safe-area-inset-top)) 12px max(34px, env(safe-area-inset-bottom));
        overflow: visible;
      }

      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen.is-hidden { display: none !important; }
      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .bbr-lobby-grid { gap: 12px; }
      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .bbr-auth-card,
      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .bbr-game-card { padding: 14px; }
      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .bbr-lobby-header {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
        gap: 12px;
      }
      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .gamboland-brand-lockup { gap: 8px; }
      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .gamboland-brand-logo { width: 48px; }
      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .gamboland-brand-lockup h1 { font-size: clamp(28px, 9vw, 38px); }
      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .bbr-player-card {
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr) 44px 44px;
        gap: 8px;
        width: 100%;
        padding: 9px;
      }
      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .bbr-player-card > div { min-width: 0; }
      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .bbr-player-card .bbr-player-name,
      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .bbr-player-card .bbr-label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .bbr-player-card .bbr-label { display: block; font-size: 9px; letter-spacing: 0.035em; }
      #boom-boom-rocket-app[data-device="mobile"] #gblOpenSettings,
      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .bbr-player-card .gbl-notification-tab {
        display: grid;
        width: 44px;
        min-width: 44px;
        height: 44px;
        min-height: 44px;
        place-items: center;
        overflow: hidden;
        padding: 0;
        border-radius: 13px;
        font-size: 0;
      }
      #boom-boom-rocket-app[data-device="mobile"] #gblOpenSettings svg { width: 20px; height: 20px; margin: 0 !important; }
      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .bbr-player-card .gbl-notification-tab > span:not(.gbl-notification-tab-badge) { display: none; }
      #boom-boom-rocket-app[data-device="mobile"] .gbl-coin-leaderboard { overflow: hidden; }
      #boom-boom-rocket-app[data-device="mobile"] .gbl-leaderboard-header p { max-width: 100%; font-size: 12px; line-height: 1.45; }
      #boom-boom-rocket-app[data-device="mobile"] .gbl-leaderboard-row {
        grid-template-columns: 34px 36px minmax(0, 1fr);
        grid-template-areas: "rank avatar player" "coins coins coins";
        gap: 4px 9px;
        width: 100%;
        min-height: 72px;
        padding: 9px;
      }
      #boom-boom-rocket-app[data-device="mobile"] .gbl-leaderboard-rank { grid-area: rank; }
      #boom-boom-rocket-app[data-device="mobile"] .gbl-leaderboard-avatar { grid-area: avatar; width: 36px; height: 36px; }
      #boom-boom-rocket-app[data-device="mobile"] .gbl-leaderboard-player { grid-area: player; display: block; min-width: 0; }
      #boom-boom-rocket-app[data-device="mobile"] .gbl-leaderboard-coins { grid-area: coins; justify-self: start; padding-left: 2px; font-size: 13px; text-align: left; }

      #boom-boom-rocket-app[data-device="mobile"] #cardVaultStage:not(.is-focused) { display: none; }

      body.card-vault-focus-active {
        position: fixed;
        inset: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        overscroll-behavior: none;
        touch-action: none;
      }
      #boom-boom-rocket-app[data-device="mobile"] #cardVaultStage.is-focused {
        position: fixed !important;
        z-index: 1000;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        overflow: hidden !important;
        padding: calc(env(safe-area-inset-top) + 60px) 0 calc(env(safe-area-inset-bottom) + 62px) !important;
        border: 0 !important;
        border-radius: 0 !important;
        transform: none !important;
      }
      #boom-boom-rocket-app[data-device="mobile"] #cardVaultStage.is-focused .card-vault-stage-bar {
        min-height: calc(env(safe-area-inset-top) + 58px);
        padding: calc(env(safe-area-inset-top) + 9px) 12px 9px;
      }
      #boom-boom-rocket-app[data-device="mobile"] #cardVaultStage.is-focused .card-vault-pack-shell {
        width: min(230px, 58vw);
        max-height: calc(100% - 150px);
      }
      #boom-boom-rocket-app[data-device="mobile"] #cardVaultStage.is-focused .card-vault-source {
        right: 14px;
        bottom: calc(env(safe-area-inset-bottom) + 10px);
        left: 14px;
        font-size: 7px;
      }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-shell .card-live-panel { margin-bottom: 0; }

      #boom-boom-rocket-app[data-device="mobile"] #cardVaultGameScreen,
      #boom-boom-rocket-app[data-device="mobile"] #cardVaultCollectionScreen {
        scroll-padding-bottom: calc(var(--gbl-mobile-nav-height) + env(safe-area-inset-bottom) + 96px);
      }

      #boom-boom-rocket-app[data-device="mobile"] #cardVaultGameScreen {
        padding-bottom: calc(var(--gbl-mobile-nav-height) + env(safe-area-inset-bottom) + 96px);
      }

      #boom-boom-rocket-app[data-device="mobile"] .card-vault-collection-shell {
        display: flex;
        overflow-x: hidden;
        padding: 0 10px calc(var(--gbl-mobile-nav-height) + env(safe-area-inset-bottom) + 96px);
      }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-collection-shell.is-hidden { display: none !important; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-collection-page-head,
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-collection { padding: 14px; border-radius: 18px; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-collection-head { align-items: flex-start; flex-direction: column; gap: 4px; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-sell-all-row { display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-sell-all-row .bbr-button { width: 100%; min-width: 0; font-size: 12px; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-collection-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
        width: 100%;
        gap: 10px;
      }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-collection-grid .card-vault-card { width: 100%; min-width: 0; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-collection-grid .card-vault-card-copy { gap: 4px; padding: 7px; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-collection-grid .card-vault-card-copy strong { font-size: 11px; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-collection-grid .card-vault-card-copy span { font-size: 9px; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-collection-grid .card-vault-card-actions { grid-template-columns: minmax(0, 1fr); gap: 5px; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-collection-grid .card-vault-card-actions > * { grid-column: 1; width: 100%; min-width: 0; min-height: 34px; font-size: 9px; }
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-collection-grid .card-vault-card-action { grid-column: 1; }
    }

    @media (max-width: 360px) {
      #boom-boom-rocket-app[data-device="mobile"] .card-vault-collection-grid { grid-template-columns: minmax(0, 1fr); }
    }
    .splunko-cover-art {
      isolation: isolate;
      overflow: hidden;
      background:
        linear-gradient(180deg, rgba(1, 8, 10, .12), rgba(1, 6, 8, .58)),
        url("splunko-cave-board-v2.png") center / cover no-repeat;
    }
    .splunko-cover-art::before,
    .splunko-cover-art::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
    }
    .splunko-cover-art::before {
      z-index: -1;
      background: radial-gradient(ellipse at 50% 20%, rgba(110, 255, 224, .18), transparent 42%);
    }
    .splunko-cover-art::after {
      background: radial-gradient(ellipse at 50% 48%, transparent 24%, rgba(0, 0, 0, .54) 100%);
    }
    .splunko-cover-board {
      position: absolute;
      inset: 14% 15% 18%;
      transform: perspective(800px) rotateX(8deg);
      background:
        url("splunko-spike-v2.png") 50% 34% / 54px 54px no-repeat,
        radial-gradient(ellipse at 50% 100%, rgba(50, 235, 181, .3), transparent 58%);
      filter: drop-shadow(0 16px 18px rgba(0,0,0,.72));
      opacity: .95;
    }
    .splunko-cover-token {
      position: absolute;
      z-index: 2;
      width: 64px;
      aspect-ratio: 1;
      left: 50%;
      top: 26%;
      transform: translateX(-50%);
      display: grid;
      place-items: center;
      border-radius: 50%;
      color: #162019;
      font-weight: 1000;
      font-size: 30px;
      background: radial-gradient(circle at 34% 28%, #fff9c9 0 12%, #ffd052 34%, #9e5c12 72%, #40240c 100%);
      border: 4px solid #fff0a5;
      box-shadow: 0 0 0 7px rgba(255,192,67,.15), 0 0 32px rgba(255,208,82,.7);
      animation: splunko-cover-drop 2.4s cubic-bezier(.4,0,.25,1) infinite;
    }
    .splunko-shell {
      grid-template-columns: minmax(300px, 380px) minmax(620px, 1fr);
      align-items: stretch;
    }
    .splunko-panel {
      background:
        radial-gradient(circle at 0 0, rgba(84, 230, 191, .12), transparent 34%),
        linear-gradient(180deg, #12231f, #0b1716);
      border-color: rgba(129, 234, 203, .22);
    }
    .splunko-wallet-grid,
    .splunko-option-grid {
      display: grid;
      gap: 10px;
    }
    .splunko-wallet-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .splunko-balance-card {
      min-width: 0;
      padding: 13px 14px;
      border: 1px solid rgba(142, 231, 206, .14);
      border-radius: 14px;
      background: rgba(3, 13, 13, .55);
    }
    .splunko-balance-card span {
      display: block;
      color: #8ca9a4;
      font-size: 10px;
      font-weight: 900;
      letter-spacing: .11em;
      text-transform: uppercase;
    }
    .splunko-balance-card strong {
      display: block;
      overflow: hidden;
      margin-top: 5px;
      color: #f3fff9;
      font-size: 18px;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .splunko-control-label {
      color: #93aca7;
      font-size: 10px;
      font-weight: 950;
      letter-spacing: .14em;
      text-transform: uppercase;
    }
    .splunko-segmented {
      display: grid;
      grid-template-columns: repeat(var(--segments, 3), minmax(0, 1fr));
      gap: 5px;
      padding: 5px;
      border: 1px solid rgba(142, 231, 206, .13);
      border-radius: 14px;
      background: #071312;
    }
    .splunko-segmented button {
      min-height: 42px;
      border: 0;
      border-radius: 10px;
      color: #8da6a1;
      font: inherit;
      font-size: 12px;
      font-weight: 900;
      background: transparent;
      cursor: pointer;
      touch-action: manipulation;
    }
    .splunko-segmented button.is-selected {
      color: #10201a;
      background: linear-gradient(135deg, #a9ffe5, #44d9aa);
      box-shadow: 0 7px 20px rgba(52, 226, 170, .22);
    }
    .splunko-drop-button {
      min-height: 58px;
      color: #14211b;
      background: linear-gradient(135deg, #fff0a5, #f7b841 55%, #e57b23);
      box-shadow: 0 12px 28px rgba(242, 159, 45, .25);
    }
    .splunko-drop-button:disabled { filter: saturate(.5); }
    .splunko-stage {
      position: relative;
      min-width: 0;
      min-height: 720px;
      overflow: hidden;
      isolation: isolate;
      border: 1px solid rgba(135, 239, 208, .18);
      border-radius: 22px;
      background:
        linear-gradient(180deg, rgba(1, 10, 13, .04), rgba(0, 5, 7, .2)),
        url("splunko-cave-board-v2.png") center / cover no-repeat;
      box-shadow: inset 0 0 90px rgba(0,0,0,.88), 0 22px 48px rgba(0,0,0,.3);
    }
    .splunko-stage::before,
    .splunko-stage::after {
      content: "";
      position: absolute;
      z-index: 0;
      inset: 0;
      pointer-events: none;
    }
    .splunko-stage::before {
      background: radial-gradient(ellipse at 50% 49%, transparent 30%, rgba(0, 3, 5, .48) 100%);
    }
    .splunko-stage::after {
      background:
        radial-gradient(circle at 12% 18%, #51ffc8 0 2px, transparent 3px),
        radial-gradient(circle at 86% 34%, #ffd66e 0 2px, transparent 3px),
        radial-gradient(circle at 18% 66%, #73dfff 0 1px, transparent 2px),
        radial-gradient(circle at 72% 82%, #7dffcf 0 2px, transparent 3px);
      filter: drop-shadow(0 0 8px currentColor);
      animation: splunko-crystal-pulse 3.2s ease-in-out infinite alternate;
    }
    .splunko-dust {
      position: absolute;
      z-index: 1;
      inset: 0;
      overflow: hidden;
      pointer-events: none;
    }
    .splunko-dust i {
      position: absolute;
      left: var(--x);
      top: var(--y);
      width: var(--size);
      aspect-ratio: 1;
      border-radius: 50%;
      background: rgba(203, 255, 235, .66);
      box-shadow: 0 0 8px rgba(101, 255, 205, .45);
      animation: splunko-dust-float var(--speed) ease-in-out infinite alternate;
      animation-delay: var(--delay);
    }
    .splunko-ceiling-shower {
      position: absolute;
      z-index: 7;
      inset: 0;
      overflow: hidden;
      pointer-events: none;
      contain: layout paint style;
    }
    .splunko-ceiling-spike {
      position: absolute;
      top: calc(-1 * var(--spike-size));
      left: var(--x);
      width: var(--spike-size);
      height: auto;
      opacity: 0;
      transform-origin: 50% 12%;
      filter: drop-shadow(0 9px 7px rgba(0, 0, 0, .58));
      will-change: transform, opacity;
      animation: splunko-ceiling-fall var(--duration) cubic-bezier(.2, .64, .3, 1) var(--delay) both;
    }
    .splunko-stage-head {
      position: absolute;
      z-index: 8;
      top: 18px;
      left: 22px;
      right: 22px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      pointer-events: none;
    }
    .splunko-stage-head strong {
      color: #fff1ac;
      font-size: 17px;
      letter-spacing: .12em;
      text-transform: uppercase;
    }
    .splunko-stage-head span {
      padding: 7px 10px;
      border: 1px solid rgba(122, 244, 205, .25);
      border-radius: 999px;
      color: #9fe8d2;
      font-size: 10px;
      font-weight: 900;
      letter-spacing: .08em;
      background: rgba(5, 17, 15, .76);
    }
    .splunko-board-wrap {
      position: absolute;
      z-index: 4;
      top: 74px;
      bottom: auto;
      left: 50%;
      width: min(80%, 760px);
      transform: translateX(-50%);
      display: grid;
      grid-template-rows: auto 58px;
      gap: 6px;
    }
    .splunko-board-surface {
      position: relative;
      width: 100%;
      aspect-ratio: 4 / 3;
      min-height: 0;
      background: transparent;
    }
    .splunko-board-canvas {
      position: absolute;
      z-index: 6;
      inset: 0;
      display: block;
      width: 100%;
      height: 100%;
      overflow: visible;
      pointer-events: none;
    }
    .splunko-pockets {
      position: relative;
      z-index: 4;
      min-width: 0;
      box-sizing: border-box;
    }
    .splunko-pocket {
      position: absolute;
      top: 0;
      bottom: 0;
      min-width: 0;
      display: grid;
      place-items: center;
      padding: 4px 1px;
      border: 1px solid rgba(255,255,255,.11);
      border-radius: 7px 7px 12px 12px;
      color: #182018;
      font-size: clamp(7px, 1vw, 12px);
      font-weight: 1000;
      letter-spacing: -.04em;
      background: var(--pocket-color, #72e0bd);
      box-shadow: inset 0 -10px 14px rgba(0,0,0,.24), 0 5px 12px rgba(0,0,0,.44);
      transform: translateX(-50%);
      transform-origin: center bottom;
      transition: transform 160ms ease, filter 160ms ease;
      will-change: transform, filter;
    }
    .splunko-pocket.is-winner {
      filter: brightness(1.45) drop-shadow(0 0 12px var(--pocket-color, #fff));
    }
    .splunko-pocket.is-impact {
      z-index: 7;
      animation: splunko-pocket-impact 330ms cubic-bezier(.2,.88,.25,1);
    }
    @keyframes splunko-pocket-impact {
      0% { transform: translateX(-50%) translateY(0) scale(1); }
      38% { transform: translateX(-50%) translateY(-8px) scale(1.15); }
      68% { transform: translateX(-50%) translateY(2px) scale(.98); }
      100% { transform: translateX(-50%) translateY(0) scale(1); }
    }
    .splunko-result {
      position: absolute;
      z-index: 9;
      left: 50%;
      top: 50%;
      min-width: min(260px, 74%);
      padding: 18px 22px;
      transform: translate(-50%, -50%) scale(.82);
      border: 1px solid rgba(255,240,169,.56);
      border-radius: 18px;
      text-align: center;
      background: rgba(4, 15, 13, .91);
      box-shadow: 0 18px 60px rgba(0,0,0,.72), 0 0 36px rgba(92,242,197,.18);
      opacity: 0;
      pointer-events: none;
      transition: opacity 180ms ease, transform 220ms cubic-bezier(.2,.8,.2,1);
    }
    .splunko-result.is-visible { opacity: 1; transform: translate(-50%, -50%) scale(1); }
    .splunko-result strong { display: block; color: #fff0a2; font-size: clamp(38px, 6vw, 66px); line-height: .95; }
    .splunko-result span { display: block; margin-top: 8px; color: #b6dacd; font-size: 14px; font-weight: 850; }
    .splunko-recent {
      display: flex;
      gap: 6px;
      overflow: hidden;
    }
    .splunko-recent span {
      flex: 0 0 auto;
      padding: 5px 8px;
      border-radius: 999px;
      color: #c9e5dc;
      font-size: 10px;
      font-weight: 900;
      background: rgba(3, 14, 13, .72);
      border: 1px solid rgba(122, 238, 205, .14);
    }
    .splunko-recent span.is-win { color: #fff0a0; border-color: rgba(255,220,92,.35); }
    @keyframes splunko-cover-drop {
      0%, 10% { transform: translate(-50%, -20px) rotate(-7deg); }
      55% { transform: translate(-18%, 130px) rotate(155deg); }
      100% { transform: translate(-78%, 248px) rotate(340deg); }
    }
    @keyframes splunko-ceiling-fall {
      0% { opacity: 0; transform: translate3d(-50%, -18%, 0) rotate(var(--start-rotation)); }
      7% { opacity: 1; }
      82% { opacity: 1; }
      100% { opacity: 0; transform: translate3d(calc(-50% + var(--drift)), var(--fall-distance), 0) rotate(var(--end-rotation)); }
    }
    @keyframes splunko-crystal-pulse { to { opacity: .55; filter: drop-shadow(0 0 18px #6fffd1); } }
    @keyframes splunko-dust-float { to { transform: translate3d(12px,-24px,0); opacity: .22; } }
    #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-nav { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-nav-button { min-width: 0; font-size: 9px; }
    @media (max-width: 760px), (pointer: coarse) and (max-width: 1080px) {
      #boom-boom-rocket-app[data-device="mobile"] .splunko-shell {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 0 10px calc(var(--gbl-mobile-nav-height) + env(safe-area-inset-bottom) + 20px);
      }
      #boom-boom-rocket-app[data-device="mobile"] .splunko-shell .gbl-mobile-game-header { order: 0; }
      #boom-boom-rocket-app[data-device="mobile"] .splunko-shell .gbl-mobile-mode-chip { display: none; }
      #boom-boom-rocket-app[data-device="mobile"] .splunko-shell .gbl-mobile-header-actions { min-width: 0; gap: 6px; }
      #boom-boom-rocket-app[data-device="mobile"] .splunko-shell .gbl-mobile-header-button { min-width: 58px; padding-inline: 10px; }
      #boom-boom-rocket-app[data-device="mobile"] .splunko-shell .gbl-notification-tab { width: 42px; min-width: 42px; padding: 0; }
      #boom-boom-rocket-app[data-device="mobile"] .splunko-shell .gbl-notification-tab > span:not(.gbl-notification-tab-badge) { display: none; }
      #boom-boom-rocket-app[data-device="mobile"] .splunko-stage {
        order: 1;
        width: 100%;
        min-height: clamp(380px, 104vw, 560px);
        max-height: 560px;
        border-radius: 18px;
      }
      #boom-boom-rocket-app[data-device="mobile"] .splunko-panel { order: 2; padding: 14px; border-radius: 18px; }
      #boom-boom-rocket-app[data-device="mobile"] .splunko-panel > :is(div:first-child, .bbr-player-card) { display: none; }
      #boom-boom-rocket-app[data-device="mobile"] .splunko-board-wrap { top: 58px; bottom: auto; width: 96%; grid-template-rows: auto 48px; gap: 4px; }
      #boom-boom-rocket-app[data-device="mobile"] .splunko-stage-head { top: 14px; left: 14px; right: 14px; }
      #boom-boom-rocket-app[data-device="mobile"] .splunko-stage-head strong { font-size: 13px; }
      #boom-boom-rocket-app[data-device="mobile"] .splunko-stage-head span { font-size: 8px; }
      #boom-boom-rocket-app[data-device="mobile"] .splunko-pocket { font-size: clamp(6px, 2.05vw, 9px); border-radius: 5px 5px 8px 8px; }
      #boom-boom-rocket-app[data-device="mobile"] .splunko-ceiling-spike { filter: drop-shadow(0 6px 5px rgba(0, 0, 0, .52)); }
      #boom-boom-rocket-app[data-device="mobile"] .splunko-wallet-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      #boom-boom-rocket-app[data-device="mobile"] .splunko-balance-card strong { font-size: 15px; }
      #boom-boom-rocket-app[data-device="mobile"] .splunko-segmented button { min-height: 44px; font-size: 11px; }
      #boom-boom-rocket-app[data-device="mobile"] .splunko-drop-button { min-height: 54px; }
    }
    #boom-boom-rocket-app .bbr-message:empty,
    #boom-boom-rocket-app .gbl-settings-message:empty,
    #boom-boom-rocket-app .gbl-notification-subtitle:empty,
    #boom-boom-rocket-app .card-vault-status-log:empty,
    #boom-boom-rocket-app .card-vault-collection-actions > p:empty {
      display: none;
    }

    /* Modern, visual-first Gamboland lobby */
    #bbrLobbyScreen {
      display: block;
      min-height: 100dvh;
      overflow-x: hidden;
      overflow-y: auto;
      padding: clamp(18px, 3vw, 42px);
    }
    #bbrLobbyScreen.is-hidden { display: none !important; }
    #bbrLobbyScreen .bbr-lobby-grid {
      width: min(1380px, 100%);
      margin: 0 auto;
      gap: clamp(24px, 3vw, 38px);
    }
    #bbrLobbyScreen .gbl-lobby-topbar {
      padding: 14px 16px;
      border-radius: 18px;
      background:
        linear-gradient(110deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .018) 48%),
        rgba(12, 17, 27, .88);
      box-shadow: 0 14px 40px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .07);
    }
    #bbrLobbyScreen .gbl-lobby-topbar .gamboland-brand-logo { width: 50px; }
    #bbrLobbyScreen .gbl-lobby-topbar h1 {
      margin: 0;
      font-size: clamp(24px, 2.8vw, 34px);
      letter-spacing: -.045em;
    }
    #bbrLobbyScreen .gbl-lobby-topbar .bbr-player-card {
      padding: 7px;
      border-color: rgba(255, 255, 255, .08);
      background: rgba(2, 6, 13, .38);
    }
    #bbrLobbyScreen .gbl-lobby-topbar .bbr-player-card > div {
      min-width: 0;
      max-width: 180px;
    }
    #boom-boom-rocket-app #bbrLobbyScreen #bbrLobbyEmail { display: none !important; }
    #bbrLobbyScreen #gblOpenSettings,
    #bbrLobbyScreen .gbl-lobby-topbar .gbl-notification-tab {
      display: grid;
      width: 44px;
      min-width: 44px;
      height: 44px;
      min-height: 44px;
      place-items: center;
      overflow: hidden;
      padding: 0;
      border-radius: 13px;
      font-size: 0;
    }
    #bbrLobbyScreen #gblOpenSettings svg {
      display: block;
      flex: none;
      width: 20px;
      height: 20px;
      margin: 0 !important;
    }
    #bbrLobbyScreen .gbl-lobby-topbar .gbl-notification-tab > span:not(.gbl-notification-tab-badge) { display: none; }
    #bbrLobbyScreen .gbl-lobby-games {
      min-width: 0;
    }
    #bbrLobbyScreen .gbl-lobby-section-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: 42px;
      margin-bottom: 12px;
    }
    #bbrLobbyScreen .gbl-lobby-section-head h2 {
      margin: 0;
      color: #f7f8fc;
      font-size: clamp(21px, 2vw, 27px);
      letter-spacing: -.035em;
    }
    #bbrLobbyScreen .gbl-lobby-game-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 210px));
      gap: clamp(13px, 1.6vw, 20px);
      justify-content: start;
    }
    #bbrLobbyScreen .gbl-lobby-game-tile {
      position: relative;
      display: flex;
      min-width: 0;
      padding: 0;
      gap: 9px;
      flex-direction: column;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      backdrop-filter: none;
    }
    #bbrLobbyScreen .gbl-lobby-game-tile .bbr-cover-art {
      width: 100%;
      min-height: 0;
      aspect-ratio: 4 / 5;
      border-radius: 16px;
      box-shadow: 0 14px 30px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .1);
      transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, filter 180ms ease;
    }
    #bbrLobbyScreen .gbl-lobby-game-tile:hover .bbr-cover-art,
    #bbrLobbyScreen .gbl-lobby-game-tile:focus-within .bbr-cover-art {
      z-index: 2;
      transform: translateY(-4px) scale(1.012);
      border-color: rgba(255, 222, 119, .66);
      filter: saturate(1.08) brightness(1.04);
      box-shadow: 0 19px 38px rgba(0, 0, 0, .4), 0 0 0 2px rgba(246, 196, 83, .11);
    }
    #bbrLobbyScreen .gbl-lobby-game-tile .bbr-cover-title { display: none; }
    #bbrLobbyScreen .gbl-lobby-game-tile .gamboland-game-art-seal {
      top: 9px;
      right: 9px;
      bottom: auto;
      width: clamp(38px, 4.3vw, 50px);
      opacity: .9;
    }
    #bbrLobbyScreen .gbl-lobby-game-tile .card-vault-cover-pack {
      width: 46%;
    }
    #bbrLobbyScreen .gbl-lobby-game-tile .splunko-cover-board {
      inset: 11% 10% 14%;
    }
    #bbrLobbyScreen .gbl-lobby-game-tile .splunko-cover-token {
      width: 46px;
      font-size: 22px;
    }
    #bbrLobbyScreen .gbl-lobby-game-launch {
      position: absolute;
      z-index: 7;
      inset: 0;
      width: 100%;
      min-height: 0;
      padding: 0;
      border: 0;
      border-radius: inherit;
      color: #171208;
      cursor: pointer;
      background: linear-gradient(180deg, transparent 60%, rgba(2, 5, 12, .34));
      box-shadow: none;
    }
    #bbrLobbyScreen .gbl-lobby-game-launch:hover,
    #bbrLobbyScreen .gbl-lobby-game-launch:active {
      transform: none;
      filter: none;
      box-shadow: none;
    }
    #bbrLobbyScreen .gbl-lobby-game-launch:focus-visible {
      outline: 3px solid #ffe27d;
      outline-offset: 3px;
    }
    #bbrLobbyScreen .gbl-lobby-play-icon {
      position: absolute;
      right: 10px;
      bottom: 10px;
      display: grid;
      width: 38px;
      height: 38px;
      place-items: center;
      border: 1px solid rgba(255, 240, 176, .72);
      border-radius: 50%;
      opacity: 0;
      transform: translateY(6px) scale(.9);
      background: linear-gradient(145deg, #fff1a4, #f6bd43);
      box-shadow: 0 9px 18px rgba(0, 0, 0, .32);
      transition: opacity 160ms ease, transform 180ms ease;
    }
    #bbrLobbyScreen .gbl-lobby-play-icon svg {
      width: 16px;
      height: 16px;
      margin-left: 2px;
      fill: currentColor;
    }
    #bbrLobbyScreen .gbl-lobby-game-tile:hover .gbl-lobby-play-icon,
    #bbrLobbyScreen .gbl-lobby-game-tile:focus-within .gbl-lobby-play-icon {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
    #bbrLobbyScreen .gbl-lobby-game-info {
      min-width: 0;
      padding: 0 2px;
    }
    #bbrLobbyScreen .gbl-lobby-game-info h3 {
      overflow: hidden;
      margin: 0;
      color: #f2f5fb;
      font-size: 14px;
      font-weight: 800;
      letter-spacing: -.02em;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    #bbrLobbyScreen .gbl-coin-leaderboard {
      order: 3;
      padding: clamp(18px, 2.4vw, 28px);
      border-radius: 18px;
    }
    #bbrLobbyScreen .gbl-leaderboard-list {
      max-height: min(620px, 72vh);
    }
    @media (max-width: 980px) {
      #bbrLobbyScreen .gbl-lobby-game-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }
    }
    @media (max-width: 760px), (pointer: coarse) and (max-width: 1080px) {
      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen {
        padding: max(12px, env(safe-area-inset-top)) 12px max(34px, env(safe-area-inset-bottom));
      }
      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .bbr-lobby-grid {
        gap: 22px;
      }
      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .gbl-lobby-topbar {
        padding: 10px;
      }
      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .gbl-lobby-topbar .gamboland-brand-logo {
        width: 44px;
      }
      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .gbl-lobby-topbar h1 {
        font-size: clamp(24px, 7.4vw, 30px);
      }
      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .gbl-lobby-game-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px 10px;
      }
      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .gbl-lobby-game-tile {
        padding: 0;
        gap: 8px;
      }
      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .gbl-lobby-game-tile .bbr-cover-art {
        order: initial;
        min-height: 0;
        aspect-ratio: 4 / 5;
        border-radius: 14px;
      }
      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .gbl-lobby-game-tile .gamboland-game-art-seal {
        top: 7px;
        right: 7px;
        bottom: auto;
        width: 38px;
      }
      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .gbl-lobby-play-icon {
        right: 8px;
        bottom: 8px;
        width: 34px;
        height: 34px;
        opacity: .96;
        transform: none;
      }
      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .gbl-lobby-game-info h3 {
        font-size: 13px;
      }
      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .gbl-coin-leaderboard {
        padding: 14px;
      }
    }

    /* Gamboland entry experience */
    #bbrAuthScreen,
    #bbrSignInScreen,
    #bbrPasswordResetScreen {
      place-items: center;
      overflow-x: hidden;
      overflow-y: auto;
      padding: clamp(18px, 3vw, 42px);
      background:
        radial-gradient(circle at 14% 12%, rgba(85, 40, 176, .3), transparent 34rem),
        radial-gradient(circle at 88% 88%, rgba(0, 183, 226, .14), transparent 30rem),
        #070a11;
    }
    #bbrAuthScreen::before,
    #bbrSignInScreen::before,
    #bbrPasswordResetScreen::before {
      opacity: .42;
      background:
        linear-gradient(120deg, transparent 0 46%, rgba(255, 255, 255, .025) 46% 47%, transparent 47% 100%),
        linear-gradient(30deg, transparent 0 58%, rgba(255, 255, 255, .018) 58% 59%, transparent 59% 100%);
      background-size: 92px 92px, 132px 132px;
    }
    .gbl-entry-layout {
      grid-template-areas: "showcase form";
      grid-template-columns: minmax(0, 1.35fr) minmax(370px, 440px);
      width: min(1240px, 100%);
      max-width: 1240px;
      min-width: 0;
      box-sizing: border-box;
      min-height: min(720px, calc(100dvh - clamp(36px, 6vw, 84px)));
      gap: clamp(14px, 2vw, 24px);
    }
    .gbl-entry-layout > * {
      min-width: 0;
    }
    .gbl-entry-card {
      grid-area: form;
      width: 100%;
      max-width: 100%;
      align-content: center;
      gap: 16px;
      padding: clamp(30px, 4vw, 48px);
      border-color: rgba(255, 255, 255, .12);
      border-radius: 28px;
      background:
        linear-gradient(150deg, rgba(255, 255, 255, .075), transparent 38%),
        rgba(13, 17, 27, .97);
      box-shadow: 0 34px 90px rgba(0, 0, 0, .54), inset 0 1px 0 rgba(255, 255, 255, .08);
      backdrop-filter: none;
    }
    .gbl-entry-brand {
      display: flex;
      align-items: center;
      gap: 11px;
      color: #fff3b6;
      font-size: 18px;
      font-weight: 900;
      letter-spacing: -.025em;
    }
    .gbl-entry-brand .gamboland-brand-logo {
      width: 52px;
      flex: 0 0 52px;
    }
    .gbl-entry-heading {
      display: grid;
      gap: 8px;
      margin: 10px 0 6px;
    }
    .gbl-entry-kicker {
      color: #b79aff;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .16em;
      text-transform: uppercase;
    }
    .gbl-entry-card .gbl-entry-heading h1,
    .gbl-entry-card .gbl-entry-heading h2 {
      margin: 0;
      color: #f8f9ff;
      font-size: clamp(34px, 4vw, 48px);
      font-weight: 900;
      line-height: 1.02;
      letter-spacing: -.052em;
    }
    .gbl-entry-card .gbl-entry-heading p {
      color: #aeb6c8;
      font-size: 15px;
    }
    .gbl-entry-card .gbl-entry-heading strong {
      color: #ffe477;
      font-weight: 900;
    }
    .gbl-entry-fields {
      display: grid;
      gap: 13px;
    }
    .gbl-entry-card .bbr-field {
      gap: 8px;
    }
    .gbl-entry-card .bbr-label {
      color: #c7ccda;
      font-size: 12px;
      letter-spacing: .02em;
      text-transform: none;
    }
    .gbl-entry-card .bbr-field input {
      height: 56px;
      padding: 0 16px;
      border-color: rgba(255, 255, 255, .12);
      border-radius: 14px;
      color: #fff;
      background: #090d16;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
      font-size: 16px;
    }
    .gbl-entry-card .bbr-field input::placeholder {
      color: #6f788b;
    }
    .gbl-entry-card .bbr-field input:focus {
      border-color: #b18cff;
      background: #0c111c;
      box-shadow: 0 0 0 4px rgba(139, 92, 246, .16), inset 0 1px 0 rgba(255, 255, 255, .05);
    }
    .gbl-entry-card .bbr-field input:-webkit-autofill,
    .gbl-entry-card .bbr-field input:-webkit-autofill:hover,
    .gbl-entry-card .bbr-field input:-webkit-autofill:focus {
      -webkit-text-fill-color: #fff;
      box-shadow: 0 0 0 1000px #090d16 inset;
      transition: background-color 9999s ease-out;
    }
    .gbl-entry-primary {
      position: relative;
      overflow: hidden;
      min-height: 56px;
      margin-top: 2px;
      border-color: rgba(255, 237, 155, .78);
      border-radius: 14px;
      color: #191203;
      background: linear-gradient(110deg, #fff0a5, #ffd457 46%, #f6a936 100%);
      box-shadow: 0 16px 34px rgba(246, 183, 58, .2), inset 0 1px 0 rgba(255, 255, 255, .76);
      font-size: 16px;
    }
    .gbl-entry-primary::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background: linear-gradient(110deg, transparent 25%, rgba(255, 255, 255, .52) 48%, transparent 70%);
      transform: translateX(-130%);
      animation: gbl-entry-button-shine 4.8s ease-in-out infinite;
    }
    .gbl-entry-legal {
      margin: -2px 0 0;
      max-width: 100%;
      color: #7f889a;
      font-size: 11px;
      line-height: 1.5;
      text-align: center;
      overflow-wrap: anywhere;
      text-wrap: balance;
    }
    .gbl-entry-legal a {
      color: #c7d4e6;
      text-decoration: none;
    }
    .gbl-entry-legal a:hover,
    .gbl-entry-legal a:focus-visible {
      color: #fff0a5;
      text-decoration: underline;
    }
    @keyframes gbl-entry-button-shine {
      0%, 62% { transform: translateX(-130%); }
      82%, 100% { transform: translateX(130%); }
    }
    .gbl-entry-divider {
      display: flex;
      align-items: center;
      gap: 12px;
      color: #7f889a;
      font-size: 12px;
      text-align: center;
    }
    .gbl-entry-divider::before,
    .gbl-entry-divider::after {
      content: "";
      height: 1px;
      flex: 1;
      background: rgba(255, 255, 255, .09);
    }
    .gbl-entry-secondary {
      min-height: 52px;
      border-radius: 14px;
      color: #f2f4fa;
      background: rgba(255, 255, 255, .055);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055);
    }
    .gbl-entry-link-row {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 9px;
    }
    .gbl-entry-link-row .bbr-button {
      min-height: 46px;
      padding: 0 10px;
      font-size: 13px;
    }
    .gbl-entry-assurance {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 9px 16px;
      color: #8e97aa;
      font-size: 11px;
      font-weight: 700;
    }
    .gbl-entry-assurance span {
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }
    .gbl-entry-assurance svg {
      width: 15px;
      height: 15px;
      fill: none;
      stroke: #69e3b8;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-width: 2;
    }
    .gbl-entry-card .bbr-message {
      margin-top: 0;
    }
    .gbl-entry-card .bbr-message:empty {
      display: none;
    }
    .gbl-entry-showcase {
      grid-area: showcase;
      position: relative;
      isolation: isolate;
      overflow: hidden;
      min-height: 620px;
      border: 1px solid rgba(255, 255, 255, .13);
      border-radius: 28px;
      background:
        linear-gradient(180deg, rgba(4, 6, 14, .08), rgba(4, 6, 14, .24) 44%, rgba(4, 6, 14, .95) 100%),
        linear-gradient(90deg, rgba(4, 6, 14, .58), transparent 62%),
        url("boom-boom-rocket-card.jpg") center 43% / cover no-repeat;
      box-shadow: 0 34px 90px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .14);
    }
    .gbl-entry-showcase::before {
      content: "";
      position: absolute;
      inset: auto -12% -30% 16%;
      z-index: -1;
      height: 72%;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(255, 83, 199, .26), rgba(68, 198, 255, .1) 34%, transparent 68%);
      filter: blur(14px);
    }
    .gbl-entry-showcase-top {
      position: absolute;
      top: clamp(20px, 3vw, 34px);
      right: clamp(20px, 3vw, 34px);
      left: clamp(20px, 3vw, 34px);
      z-index: 2;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 16px;
    }
    .gbl-entry-pill {
      display: inline-flex;
      align-items: center;
      min-height: 34px;
      padding: 0 13px;
      border: 1px solid rgba(255, 255, 255, .16);
      border-radius: 999px;
      color: #f6f7fb;
      background: rgba(5, 8, 17, .56);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
      font-size: 10px;
      font-weight: 900;
      letter-spacing: .13em;
      text-transform: uppercase;
    }
    .gbl-entry-seal {
      width: clamp(66px, 7vw, 88px);
      filter: drop-shadow(0 12px 22px rgba(0, 0, 0, .38));
    }
    .gbl-entry-showcase-copy {
      position: absolute;
      top: clamp(88px, 15%, 126px);
      left: clamp(24px, 4vw, 44px);
      z-index: 2;
      max-width: 430px;
    }
    .gbl-entry-showcase-copy h2 {
      margin: 0;
      color: #fff;
      font-size: clamp(42px, 5.4vw, 68px);
      font-weight: 950;
      line-height: .94;
      letter-spacing: -.065em;
      text-shadow: 0 12px 34px rgba(0, 0, 0, .6);
    }
    .gbl-entry-showcase-copy p {
      margin: 15px 0 0;
      color: rgba(255, 255, 255, .78);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: .04em;
      text-shadow: 0 3px 14px rgba(0, 0, 0, .72);
    }
    .gbl-entry-preview-strip {
      position: absolute;
      right: clamp(18px, 3vw, 30px);
      bottom: clamp(18px, 3vw, 30px);
      left: clamp(18px, 3vw, 30px);
      z-index: 2;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
    }
    .gbl-entry-preview {
      position: relative;
      overflow: hidden;
      min-height: 118px;
      border: 1px solid rgba(255, 255, 255, .17);
      border-radius: 17px;
      background-position: center;
      background-size: cover;
      box-shadow: 0 16px 30px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .12);
    }
    .gbl-entry-preview::after {
      content: "";
      position: absolute;
      inset: 38% 0 0;
      background: linear-gradient(transparent, rgba(3, 5, 10, .92));
    }
    .gbl-entry-preview span {
      position: absolute;
      right: 12px;
      bottom: 10px;
      left: 12px;
      z-index: 2;
      color: #fff;
      font-size: 13px;
      font-weight: 900;
      letter-spacing: -.01em;
    }
    .gbl-entry-preview--frogy {
      background-image: url("frogy-card.jpg");
    }
    .gbl-entry-preview--vault {
      background:
        radial-gradient(circle at 50% 40%, rgba(58, 214, 255, .25), transparent 38%),
        linear-gradient(145deg, #111623, #03050a);
    }
    .gbl-entry-preview--vault img {
      position: absolute;
      top: -24px;
      left: 50%;
      z-index: 1;
      width: 96px;
      transform: translateX(-50%) rotate(2deg);
      filter: drop-shadow(0 10px 12px rgba(0, 0, 0, .42));
      animation: gbl-entry-pack-float 4.2s ease-in-out infinite;
    }
    @keyframes gbl-entry-pack-float {
      0%, 100% { transform: translateX(-50%) translateY(0) rotate(2deg); }
      50% { transform: translateX(-50%) translateY(-5px) rotate(-1deg); }
    }
    .gbl-entry-preview--splunko {
      background-image: url("splunko-cave-board-v2.png");
    }
    @media (max-width: 760px), (pointer: coarse) and (max-width: 1080px) {
      #boom-boom-rocket-app[data-device="mobile"] #bbrAuthScreen,
      #boom-boom-rocket-app[data-device="mobile"] #bbrSignInScreen,
      #boom-boom-rocket-app[data-device="mobile"] #bbrPasswordResetScreen {
        display: block;
        padding: max(10px, env(safe-area-inset-top)) 10px max(20px, env(safe-area-inset-bottom));
      }
      #boom-boom-rocket-app[data-device="mobile"] .gbl-entry-layout {
        grid-template-areas: "form" "showcase";
        grid-template-columns: minmax(0, 1fr);
        width: min(620px, 100%);
        min-height: auto;
        margin: 0 auto;
        gap: 10px;
      }
      #boom-boom-rocket-app[data-device="mobile"] .gbl-entry-showcase {
        min-height: 220px;
        border-radius: 22px;
        background-position: center 40%;
      }
      #boom-boom-rocket-app[data-device="mobile"] .gbl-entry-showcase-top {
        top: 13px;
        right: 13px;
        left: 13px;
      }
      #boom-boom-rocket-app[data-device="mobile"] .gbl-entry-pill {
        min-height: 29px;
        padding: 0 10px;
        font-size: 8px;
      }
      #boom-boom-rocket-app[data-device="mobile"] .gbl-entry-seal {
        width: 50px;
      }
      #boom-boom-rocket-app[data-device="mobile"] .gbl-entry-showcase-copy {
        top: 57px;
        left: 17px;
      }
      #boom-boom-rocket-app[data-device="mobile"] .gbl-entry-showcase-copy h2 {
        font-size: clamp(30px, 9vw, 40px);
      }
      #boom-boom-rocket-app[data-device="mobile"] .gbl-entry-showcase-copy p {
        display: none;
      }
      #boom-boom-rocket-app[data-device="mobile"] .gbl-entry-preview-strip {
        right: 11px;
        bottom: 11px;
        left: 11px;
        gap: 6px;
      }
      #boom-boom-rocket-app[data-device="mobile"] .gbl-entry-preview {
        min-height: 58px;
        border-radius: 11px;
      }
      #boom-boom-rocket-app[data-device="mobile"] .gbl-entry-preview span {
        right: 7px;
        bottom: 6px;
        left: 7px;
        font-size: 10px;
      }
      #boom-boom-rocket-app[data-device="mobile"] .gbl-entry-preview--vault img {
        top: -12px;
        width: 48px;
      }
      #boom-boom-rocket-app[data-device="mobile"] .gbl-entry-card {
        gap: 14px;
        padding: 22px 18px;
        border-radius: 22px;
      }
      #boom-boom-rocket-app[data-device="mobile"] .gbl-entry-brand .gamboland-brand-logo {
        width: 44px;
        flex-basis: 44px;
      }
      #boom-boom-rocket-app[data-device="mobile"] .gbl-entry-brand {
        font-size: 17px;
      }
      #boom-boom-rocket-app[data-device="mobile"] .gbl-entry-heading {
        margin: 4px 0 2px;
      }
      #boom-boom-rocket-app[data-device="mobile"] .gbl-entry-card .gbl-entry-heading h1,
      #boom-boom-rocket-app[data-device="mobile"] .gbl-entry-card .gbl-entry-heading h2 {
        max-width: 100%;
        font-size: clamp(29px, 8.1vw, 36px);
        line-height: 1.08;
        overflow-wrap: anywhere;
      }
      #boom-boom-rocket-app[data-device="mobile"] .gbl-entry-card .bbr-field input,
      #boom-boom-rocket-app[data-device="mobile"] .gbl-entry-primary {
        min-height: 54px;
      }
    }
    @media (prefers-reduced-motion: reduce) {
      .gbl-entry-primary::after,
      .gbl-entry-preview--vault img {
        animation: none;
      }
    }

    #bbrGameScreen {
      grid-template-rows: minmax(0, 1fr) auto;
    }

    #bbrGameScreen > .bbr-panel {
      grid-row: 1 / span 2;
    }

    #bbrGameScreen > .bbr-stage {
      grid-column: 2;
      grid-row: 1;
      min-height: calc(100dvh - 156px);
    }

    .bbr-live-controls {
      grid-column: 2;
      grid-row: 2;
      display: grid;
      grid-template-columns: minmax(260px, 1fr) minmax(240px, 0.72fr);
      gap: 12px;
      padding: 12px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 18px;
      background: linear-gradient(145deg, rgba(12, 28, 43, 0.98), rgba(8, 18, 31, 0.98));
      box-shadow: 0 14px 36px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.07);
    }

    .bbr-auto-cashout {
      display: grid;
      gap: 10px;
      min-width: 0;
      padding: 11px 13px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 14px;
      background: rgba(3, 12, 23, 0.68);
    }

    .bbr-auto-cashout-heading {
      display: grid;
      grid-template-columns: 1fr auto auto;
      align-items: center;
      gap: 11px;
      color: #d9e8f6;
      font-size: 12px;
      font-weight: 850;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .bbr-auto-cashout-heading output {
      color: #fff0a8;
      font-size: 16px;
      font-variant-numeric: tabular-nums;
      letter-spacing: 0;
    }

    .bbr-ios-switch {
      position: relative;
      display: inline-flex;
      width: 49px;
      height: 29px;
      cursor: pointer;
    }

    .bbr-ios-switch input {
      position: absolute;
      width: 1px;
      height: 1px;
      opacity: 0;
    }

    .bbr-ios-switch span {
      width: 100%;
      border-radius: 999px;
      background: #4a5362;
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.34);
      transition: background 180ms ease, box-shadow 180ms ease;
    }

    .bbr-ios-switch span::after {
      content: "";
      position: absolute;
      top: 3px;
      left: 3px;
      width: 23px;
      height: 23px;
      border-radius: 50%;
      background: #fff;
      box-shadow: 0 2px 7px rgba(0, 0, 0, 0.42);
      transition: transform 180ms cubic-bezier(.2, .8, .2, 1);
    }

    .bbr-ios-switch input:checked + span {
      background: #31d16f;
      box-shadow: 0 0 18px rgba(49, 209, 111, 0.3), inset 0 1px 3px rgba(0, 0, 0, 0.16);
    }

    .bbr-ios-switch input:checked + span::after {
      transform: translateX(20px);
    }

    .bbr-ios-switch input:focus-visible + span {
      outline: 3px solid rgba(113, 207, 255, 0.82);
      outline-offset: 3px;
    }

    .bbr-auto-cashout-range {
      width: 100%;
      height: 24px;
      margin: 0;
      accent-color: #31d16f;
      cursor: pointer;
      touch-action: pan-y;
    }

    .bbr-auto-cashout-range:disabled {
      opacity: 0.38;
      cursor: not-allowed;
    }

    .bbr-live-action {
      min-height: 72px;
      color: #102032;
      border-color: rgba(144, 255, 194, 0.64);
      background: linear-gradient(135deg, #b7ffdc, #35dc83 56%, #16ad63);
      box-shadow: 0 13px 30px rgba(35, 215, 127, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.62);
      font-size: clamp(17px, 1.7vw, 22px);
    }

    .bbr-live-action.is-cashout {
      color: #fff;
      border-color: rgba(255, 218, 121, 0.75);
      background: linear-gradient(135deg, #ffcc49, #f36f45 52%, #df284b);
      box-shadow: 0 13px 32px rgba(232, 64, 77, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.35);
    }

    .bbr-countdown strong {
      min-width: 4.3ch;
      font-variant-numeric: tabular-nums;
    }

    @media (max-width: 980px), (pointer: coarse) and (max-width: 1120px) {
      #boom-boom-rocket-app[data-device="mobile"] #bbrGameScreen > .bbr-panel {
        order: 1;
      }

      #boom-boom-rocket-app[data-device="mobile"] #bbrGameScreen > .bbr-stage {
        order: -1;
        min-height: clamp(250px, 45dvh, 380px);
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-live-controls {
        order: 0;
        position: sticky;
        z-index: 72;
        bottom: calc(var(--gbl-mobile-nav-height) + env(safe-area-inset-bottom) + 6px);
        grid-template-columns: 1fr;
        gap: 9px;
        padding: 10px;
        border-radius: 17px;
        backdrop-filter: blur(18px);
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-auto-cashout {
        padding: 9px 11px;
      }

      #boom-boom-rocket-app[data-device="mobile"] .bbr-live-action {
        min-height: 58px;
        font-size: 18px;
      }
    }

    .strongman-cover-art {
      isolation: isolate;
      overflow: hidden;
      background: #18120d;
    }

    .strongman-cover-art::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -2;
      background: url("strongman-carnival-arena-v2.jpg") center / cover no-repeat;
      transform: scaleX(-1) scale(1.02);
    }

    .strongman-cover-art::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      background: linear-gradient(180deg, rgba(12, 8, 5, 0.04), rgba(12, 8, 5, 0.42));
    }

    .strongman-cover-rival {
      position: absolute;
      z-index: 2;
      bottom: -9%;
      width: 37%;
      height: auto;
      object-fit: contain;
      filter: drop-shadow(0 10px 9px rgba(0, 0, 0, 0.58));
    }

    .strongman-cover-rival--blue { left: -1%; }
    .strongman-cover-rival--red { right: -1%; }

    .strongman-cover-platforms {
      position: absolute;
      z-index: 2;
      inset: auto 0 -2% 0;
      width: 100%;
      height: 70%;
      object-fit: fill;
      pointer-events: none;
      filter: drop-shadow(0 7px 7px rgba(0, 0, 0, 0.5));
    }

    .strongman-cover-mascot {
      position: absolute;
      z-index: 3;
      bottom: 33%;
      left: 22%;
      width: 16%;
      transform: translateX(-50%);
      filter: drop-shadow(0 8px 7px rgba(0, 0, 0, 0.48));
    }

    .strongman-shell {
      grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
      gap: 12px;
    }

    .strongman-panel {
      display: flex;
      flex-direction: column;
      gap: 14px;
      min-width: 0;
    }

    .strongman-stage-stack {
      display: flex;
      flex-direction: column;
      gap: 10px;
      min-width: 0;
    }

    .strongman-balance-card {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      min-height: 58px;
      padding: 12px 14px;
      border: 1px solid rgba(255, 230, 170, 0.18);
      border-radius: 14px;
      background: rgba(8, 17, 26, 0.76);
    }

    .strongman-balance-card span {
      color: #95a9bc;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .strongman-balance-card strong {
      color: #fff1b5;
      font-size: 17px;
      font-variant-numeric: tabular-nums;
      text-align: right;
    }

    .strongman-side-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 9px;
    }

    .strongman-side-button {
      min-height: 62px;
      border: 1px solid rgba(255, 255, 255, 0.13);
      border-radius: 14px;
      color: #d8e5ef;
      background: rgba(7, 18, 28, 0.88);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
      font: inherit;
      font-size: 13px;
      font-weight: 950;
      letter-spacing: 0.1em;
      cursor: pointer;
      transition: transform 150ms ease, border-color 150ms ease, box-shadow 150ms ease, background 150ms ease;
      touch-action: manipulation;
    }

    .strongman-side-button:hover:not(:disabled) { transform: translateY(-2px); }
    .strongman-side-button[data-strongman-side="blue"].is-selected {
      color: #e8f8ff;
      border-color: rgba(91, 193, 255, 0.84);
      background: linear-gradient(145deg, rgba(32, 101, 160, 0.95), rgba(22, 56, 92, 0.98));
      box-shadow: 0 0 24px rgba(58, 169, 255, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.22);
    }

    .strongman-side-button[data-strongman-side="red"].is-selected {
      color: #fff0ec;
      border-color: rgba(255, 105, 86, 0.86);
      background: linear-gradient(145deg, rgba(170, 49, 42, 0.96), rgba(90, 27, 30, 0.98));
      box-shadow: 0 0 24px rgba(255, 74, 61, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    }

    .strongman-play-button {
      width: 100%;
      min-height: 68px;
      color: #1a1309;
      border-color: rgba(255, 238, 169, 0.75);
      background: linear-gradient(135deg, #fff0a0, #efb438 58%, #d57821);
      box-shadow: 0 14px 30px rgba(226, 148, 37, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.68);
      font-size: 18px;
    }

    .strongman-stage {
      --strongman-blue-x: 32.5%;
      --strongman-red-x: 67.5%;
      position: relative;
      isolation: isolate;
      min-width: 0;
      min-height: 590px;
      overflow: hidden;
      border: 1px solid rgba(255, 229, 172, 0.24);
      border-radius: 24px;
      background: #17110b;
      box-shadow: 0 26px 70px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 244, 211, 0.04);
      transform: translateZ(0);
    }

    .strongman-stage::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -3;
      background: url("strongman-carnival-arena-v2.jpg") center / cover no-repeat;
      transform: scaleX(-1) scale(1.012);
    }

    .strongman-stage::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 11;
      pointer-events: none;
      background:
        radial-gradient(circle at 50% 42%, transparent 34%, rgba(18, 10, 5, 0.2) 78%, rgba(8, 4, 2, 0.62) 115%),
        repeating-linear-gradient(90deg, rgba(255,255,255,.015) 0 1px, transparent 1px 4px);
      mix-blend-mode: multiply;
    }

    .strongman-carnival-lights {
      position: absolute;
      z-index: 12;
      top: 7px;
      left: 3%;
      right: 3%;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      pointer-events: none;
      filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .58));
    }

    .strongman-carnival-lights::before {
      content: "";
      position: absolute;
      top: 5px;
      left: 0;
      right: 0;
      height: 2px;
      border-radius: 999px;
      background: rgba(35, 20, 12, .92);
      box-shadow: 0 1px 0 rgba(255, 238, 188, .14);
    }

    .strongman-carnival-lights span {
      --strongman-bulb: #ffcf4d;
      --strongman-bulb-glow: rgba(255, 207, 77, .9);
      position: relative;
      display: block;
      width: clamp(8px, 1.1vw, 13px);
      aspect-ratio: 1;
      border: 1px solid rgba(255, 255, 255, .72);
      border-radius: 50%;
      background: var(--strongman-bulb);
      box-shadow: 0 0 5px var(--strongman-bulb-glow), 0 0 14px var(--strongman-bulb-glow);
      animation: strongman-carnival-twinkle 1.08s steps(2, end) infinite;
      will-change: opacity, filter;
    }

    .strongman-carnival-lights span:nth-child(4n + 2) { --strongman-bulb: #ff5e4f; --strongman-bulb-glow: rgba(255, 78, 65, .92); }
    .strongman-carnival-lights span:nth-child(4n + 3) { --strongman-bulb: #64b9ff; --strongman-bulb-glow: rgba(75, 171, 255, .92); }
    .strongman-carnival-lights span:nth-child(4n) { --strongman-bulb: #7bf08f; --strongman-bulb-glow: rgba(78, 235, 118, .9); }
    .strongman-carnival-lights span:nth-child(3n + 2) { animation-delay: -.36s; }
    .strongman-carnival-lights span:nth-child(3n) { animation-delay: -.72s; }

    .strongman-stage.is-win-finale .strongman-carnival-lights span {
      animation-duration: .34s;
      filter: brightness(1.45) saturate(1.22);
    }

    .strongman-stage.is-loss-finale .strongman-carnival-lights span {
      --strongman-bulb: #ff493d;
      --strongman-bulb-glow: rgba(255, 58, 45, .94);
      animation-duration: .22s;
    }

    .strongman-stage-head {
      position: absolute;
      z-index: 12;
      top: 18px;
      left: 50%;
      display: grid;
      justify-items: center;
      gap: 3px;
      min-width: 178px;
      padding: 9px 16px;
      transform: translateX(-50%);
      border: 1px solid rgba(255, 235, 171, 0.32);
      border-radius: 999px;
      color: #fff2bd;
      background: rgba(30, 18, 10, 0.74);
      box-shadow: 0 8px 24px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.12);
      backdrop-filter: blur(9px);
    }

    .strongman-stage-head strong {
      font-size: clamp(15px, 1.8vw, 22px);
      line-height: 1;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .strongman-stage-head span {
      color: #d9c9a6;
      font-size: 9px;
      font-weight: 900;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }

    .strongman-rival {
      position: absolute;
      z-index: 6;
      bottom: 3.5%;
      width: min(39%, 400px);
      aspect-ratio: 651 / 969;
      transform-origin: 50% 91%;
      filter: drop-shadow(0 16px 13px rgba(0, 0, 0, 0.54));
      will-change: transform;
      pointer-events: none;
      user-select: none;
    }

    .strongman-rival--blue { left: -17%; }
    .strongman-rival--red { right: -17%; }
    .strongman-stage.is-performing .strongman-rival { animation: none; }
    .strongman-stage.is-performing .strongman-rival-part { animation: none; }

    .strongman-rival-part {
      position: absolute;
      inset: 0;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      pointer-events: none;
      user-select: none;
    }

    .strongman-rival-body {
      z-index: 2;
      animation: strongman-full-body-bounce 1.18s ease-in-out infinite alternate;
      transform-origin: 50% 96%;
    }

    .strongman-rival-body {
      transition: opacity 58ms linear;
    }

    .strongman-mid-frame,
    .strongman-strike-frame {
      z-index: 3;
      opacity: 0;
      object-position: 50% 100%;
      transform-origin: 50% 88%;
      transition: opacity 58ms linear;
      will-change: transform, opacity, filter;
    }

    .strongman-rival.is-mid-swing .strongman-rival-body,
    .strongman-rival.is-striking .strongman-rival-body { opacity: 0; }
    .strongman-rival.is-mid-swing .strongman-mid-frame { opacity: 1; }
    .strongman-rival.is-striking .strongman-mid-frame { opacity: 0; }
    .strongman-rival.is-striking .strongman-strike-frame { opacity: 1; }

    .strongman-platform-layer {
      position: absolute;
      z-index: 4;
      bottom: -1%;
      width: 40%;
      height: auto;
      aspect-ratio: 836 / 450;
      overflow: hidden;
      pointer-events: none;
      transform-origin: 50% 100%;
      transition: filter 220ms ease;
    }

    .strongman-platform-layer--blue { left: 12.5%; }
    .strongman-platform-layer--red { right: 12.5%; }

    .strongman-platform-layer img {
      position: absolute;
      inset: -100% 0 0;
      width: 200%;
      height: 200%;
      object-fit: fill;
      max-width: none;
      user-select: none;
    }

    .strongman-platform-layer--red img { left: -100%; }

    .strongman-stage[data-strongman-side="blue"] .strongman-platform-layer--blue,
    .strongman-stage[data-strongman-side="red"] .strongman-platform-layer--red {
      filter: brightness(1.12) saturate(1.12) drop-shadow(0 0 14px rgba(255, 229, 137, .34));
    }

    .strongman-stage.is-impact-blue .strongman-platform-layer--blue,
    .strongman-stage.is-impact-red .strongman-platform-layer--red {
      animation: strongman-platform-hit 470ms cubic-bezier(.2,.82,.25,1);
    }

    .strongman-mascot-anchor {
      position: absolute;
      z-index: 6;
      bottom: -1%;
      left: var(--strongman-blue-x);
      width: 40%;
      aspect-ratio: 836 / 450;
      transform: translateX(-50%);
      transition: left 360ms cubic-bezier(.2,.82,.24,1);
      pointer-events: none;
      will-change: left;
    }

    .strongman-stage[data-strongman-side="red"] .strongman-mascot-anchor { left: var(--strongman-red-x); }

    .strongman-mascot-slot {
      position: absolute;
      left: 50%;
      bottom: 98%;
      width: min(39.5%, 135px);
      transform: translateX(-50%);
    }

    .strongman-mascot {
      display: block;
      width: 100%;
      height: auto;
      transform-origin: 50% 99%;
      filter: drop-shadow(0 9px 7px rgba(0,0,0,.55));
      animation: strongman-mascot-ready 1.1s ease-in-out infinite alternate;
      will-change: transform, opacity;
    }

    .strongman-stage-choice {
      position: absolute;
      z-index: 13;
      bottom: 2.5%;
      left: var(--strongman-blue-x);
      width: 36%;
      min-width: 92px;
      height: 40%;
      min-height: 66px;
      transform: translateX(-50%);
      border: 0;
      border-radius: 50%;
      color: rgba(255,255,255,.92);
      background: transparent;
      font: inherit;
      font-size: 10px;
      font-weight: 1000;
      letter-spacing: .13em;
      text-transform: uppercase;
      cursor: pointer;
      opacity: .72;
      touch-action: manipulation;
    }

    .strongman-stage-choice::after {
      content: attr(data-label);
      position: absolute;
      left: 50%;
      bottom: -3px;
      padding: 5px 9px;
      transform: translateX(-50%);
      border: 1px solid rgba(255,255,255,.22);
      border-radius: 999px;
      background: rgba(8, 11, 16, .72);
      box-shadow: 0 5px 13px rgba(0,0,0,.32);
    }

    .strongman-stage-choice--red { left: var(--strongman-red-x); }
    .strongman-stage-choice.is-selected { opacity: 1; filter: drop-shadow(0 0 13px rgba(255,244,180,.85)); }

    .strongman-impact {
      position: absolute;
      z-index: 8;
      bottom: 30%;
      left: var(--strongman-blue-x);
      width: 21%;
      aspect-ratio: 1;
      transform: translateX(-50%) scale(.2);
      border-radius: 50%;
      background: radial-gradient(circle, rgba(255,250,211,.96) 0 7%, rgba(255,190,67,.78) 8% 22%, rgba(114,63,23,.42) 31%, transparent 70%);
      filter: blur(.2px) drop-shadow(0 0 20px rgba(255,192,77,.68));
      opacity: 0;
      pointer-events: none;
    }

    .strongman-impact--red { left: var(--strongman-red-x); }

    .strongman-stage.is-impact-blue .strongman-impact--blue,
    .strongman-stage.is-impact-red .strongman-impact--red {
      animation: strongman-impact-burst 520ms cubic-bezier(.1,.74,.2,1);
    }

    .strongman-stage.is-impact-blue,
    .strongman-stage.is-impact-red { animation: strongman-stage-hit 360ms linear; }

    .strongman-result {
      position: absolute;
      z-index: 14;
      top: 50%;
      left: 50%;
      min-width: min(320px, 72%);
      padding: 14px 20px;
      transform: translate(-50%, -50%) scale(.78);
      border: 1px solid rgba(255, 237, 172, .46);
      border-radius: 18px;
      color: #fff3b9;
      text-align: center;
      background: rgba(24, 14, 8, .88);
      box-shadow: 0 18px 60px rgba(0,0,0,.62), 0 0 34px rgba(238,175,66,.18);
      opacity: 0;
      pointer-events: none;
      backdrop-filter: blur(8px);
    }

    .strongman-result.is-visible {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1);
      transition: opacity 170ms ease, transform 260ms cubic-bezier(.12,.86,.24,1.25);
    }

    .strongman-result.is-win { color: #dfffe4; border-color: rgba(111, 244, 139, .6); box-shadow: 0 18px 60px rgba(0,0,0,.62), 0 0 36px rgba(75,235,124,.24); }
    .strongman-result.is-loss { color: #ffe0d8; border-color: rgba(255, 97, 72, .62); box-shadow: 0 18px 60px rgba(0,0,0,.62), 0 0 36px rgba(255,65,48,.24); }
    .strongman-result.is-win { background: linear-gradient(145deg, rgba(13, 68, 35, .94), rgba(20, 29, 18, .94)); animation: strongman-win-result 780ms ease-in-out infinite alternate; }
    .strongman-result.is-loss { background: linear-gradient(145deg, rgba(91, 21, 18, .95), rgba(31, 12, 10, .95)); }
    .strongman-result strong { display: block; font-size: clamp(46px, 8vw, 92px); line-height: .88; letter-spacing: .06em; text-shadow: 0 4px 0 rgba(0,0,0,.34), 0 0 28px currentColor; }
    .strongman-result span { display: block; margin-top: 5px; color: currentColor; font-size: 11px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }

    .strongman-stage.is-safe .strongman-mascot { animation: strongman-safe-hop 560ms cubic-bezier(.2,.88,.24,1); }
    .strongman-stage.is-squished .strongman-mascot { animation: strongman-squish 760ms cubic-bezier(.2,.82,.25,1) forwards; }
    .strongman-stage.is-loss-finale { animation: strongman-loss-screen-shake 720ms cubic-bezier(.36,.07,.19,.97); }

    @keyframes strongman-carnival-twinkle {
      0%, 100% { opacity: .58; filter: brightness(.72) saturate(.78); }
      50% { opacity: 1; filter: brightness(1.35) saturate(1.18); }
    }

    @keyframes strongman-win-result {
      from { box-shadow: 0 18px 60px rgba(0,0,0,.62), 0 0 28px rgba(75,235,124,.28); }
      to { box-shadow: 0 18px 60px rgba(0,0,0,.62), 0 0 58px rgba(75,235,124,.56); }
    }

    @keyframes strongman-loss-screen-shake {
      0%, 100% { transform: translate3d(0, 0, 0); }
      10% { transform: translate3d(-12px, 5px, 0) rotate(-.35deg); }
      20% { transform: translate3d(11px, -5px, 0) rotate(.34deg); }
      31% { transform: translate3d(-10px, 4px, 0) rotate(-.28deg); }
      43% { transform: translate3d(9px, -3px, 0) rotate(.24deg); }
      57% { transform: translate3d(-7px, 3px, 0) rotate(-.2deg); }
      71% { transform: translate3d(6px, -2px, 0) rotate(.15deg); }
      84% { transform: translate3d(-3px, 1px, 0) rotate(-.08deg); }
    }

    @keyframes strongman-full-body-bounce {
      from { transform: translate3d(0, 0, 0) scale(1); }
      to { transform: translate3d(0, 4px, 0) scale(1.004, .978); }
    }

    @keyframes strongman-platform-hit {
      0%,100% { transform: translateY(0) scale(1); }
      34% { transform: translateY(9px) scale(1.035,.91); }
      68% { transform: translateY(-3px) scale(.99,1.025); }
    }

    @keyframes strongman-mascot-ready {
      from { transform: scale(1); }
      to { transform: scale(1.008, .994); }
    }

    @keyframes strongman-impact-burst {
      0% { opacity: 0; transform: translateX(-50%) scale(.2); }
      20% { opacity: 1; }
      100% { opacity: 0; transform: translateX(-50%) scale(1.65); }
    }

    @keyframes strongman-stage-hit {
      0%,100% { transform: translate3d(0,0,0); }
      22% { transform: translate3d(-6px,3px,0); }
      44% { transform: translate3d(7px,-2px,0); }
      68% { transform: translate3d(-4px,1px,0); }
    }

    @keyframes strongman-safe-hop {
      0%,100% { transform: translateY(0) scale(1); }
      42% { transform: translateY(-18px) scale(.96,1.04); }
      70% { transform: translateY(2px) scale(1.04,.96); }
    }

    @keyframes strongman-squish {
      0% { transform: scale(1); opacity: 1; filter: drop-shadow(0 9px 7px rgba(0,0,0,.55)); }
      16% { transform: scale(.94, 1.065); opacity: 1; }
      34% { transform: scale(1.08, .82); opacity: 1; }
      52% { transform: scale(1.28, .48); opacity: 1; }
      68% { transform: scale(1.52, .2); opacity: .96; filter: drop-shadow(0 3px 3px rgba(0,0,0,.68)); }
      82% { transform: scale(1.38, .28); opacity: .94; }
      100% { transform: scale(1.5, .2); opacity: .92; filter: drop-shadow(0 2px 2px rgba(0,0,0,.74)); }
    }

    #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-nav { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-nav-button { font-size: 8px; }

    @media (max-width: 980px), (pointer: coarse) and (max-width: 1120px) {
      #boom-boom-rocket-app[data-device="mobile"] .strongman-shell {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 10px;
        padding: 0 10px calc(var(--gbl-mobile-nav-height) + env(safe-area-inset-bottom) + 18px);
      }
      #boom-boom-rocket-app[data-device="mobile"] .strongman-shell .gbl-mobile-game-header { order: 0; }
      #boom-boom-rocket-app[data-device="mobile"] .strongman-shell .gbl-mobile-mode-chip { display: none; }
      #boom-boom-rocket-app[data-device="mobile"] .strongman-stage-stack {
        order: 1;
      }
      #boom-boom-rocket-app[data-device="mobile"] .strongman-stage {
        min-height: clamp(410px, 64dvh, 590px);
        border-radius: 18px;
      }
      #boom-boom-rocket-app[data-device="mobile"] .strongman-panel {
        order: 2;
        padding: 14px;
        border-radius: 18px;
      }
      #boom-boom-rocket-app[data-device="mobile"] .strongman-panel > :is(div:first-child, .bbr-player-card) { display: none; }
      #boom-boom-rocket-app[data-device="mobile"] .strongman-rival { bottom: 5%; width: 46%; }
      #boom-boom-rocket-app[data-device="mobile"] .strongman-rival--blue { left: -18%; }
      #boom-boom-rocket-app[data-device="mobile"] .strongman-rival--red { right: -18%; }
      #boom-boom-rocket-app[data-device="mobile"] .strongman-platform-layer { bottom: 0; }
      #boom-boom-rocket-app[data-device="mobile"] .strongman-mascot-anchor { bottom: 0; }
      #boom-boom-rocket-app[data-device="mobile"] .strongman-mascot-slot {
        bottom: calc(98% - clamp(3px, 1vw, 5px));
        width: min(55%, 108px);
      }
      #boom-boom-rocket-app[data-device="mobile"] .strongman-stage-choice { bottom: 1%; width: 42%; height: 23%; }
      #boom-boom-rocket-app[data-device="mobile"] .strongman-impact { bottom: 13%; }
      #boom-boom-rocket-app[data-device="mobile"] .strongman-play-button { min-height: 60px; }
      #boom-boom-rocket-app[data-device="mobile"] .strongman-result { top: 44%; }
    }

    @media (prefers-reduced-motion: reduce) {
      .strongman-rival,
      .strongman-rival-part,
      .strongman-platform-layer,
      .strongman-mascot,
      .strongman-carnival-lights span,
      .strongman-result,
      .strongman-stage.is-loss-finale { animation-duration: 1ms !important; animation-iteration-count: 1 !important; }
    }

    @media (max-width: 430px) {
      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-brand {
        flex: 0 0 auto;
      }

      #boom-boom-rocket-app[data-device="mobile"] .gbl-mobile-brand > span {
        display: none;
      }
    }

    .knock-knock-cover-art { isolation: isolate; overflow: hidden; background: #071019; }
    .knock-knock-cover-art::before { content: ""; position: absolute; inset: 0; z-index: -2; background: url("knock-knock-board-v1.png") center 42% / cover no-repeat; transform: scale(1.025); }
    .knock-knock-cover-art::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(2, 8, 13, .04), rgba(2, 8, 13, .58)); }
    .knock-knock-cover-door { position: absolute; left: 50%; bottom: 5%; width: 30%; aspect-ratio: 1 / 1.35; transform: translateX(-50%); background: url("knock-knock-sprites-v1.png") left center / 300% 100% no-repeat; filter: drop-shadow(0 12px 10px rgba(0, 0, 0, .68)); }
    .knock-knock-shell { grid-template-columns: minmax(290px, 360px) minmax(0, 1fr); gap: 12px; }
    .knock-knock-panel { display: flex; flex-direction: column; gap: 13px; min-width: 0; }
    .knock-knock-balance-card, .knock-knock-stat-grid > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; padding: 11px 13px; border: 1px solid rgba(255, 220, 127, .18); border-radius: 14px; background: rgba(5, 16, 25, .82); }
    .knock-knock-balance-card span, .knock-knock-stat-grid span { color: #8fa5b8; font-size: 10px; font-weight: 950; letter-spacing: .13em; text-transform: uppercase; }
    .knock-knock-balance-card strong, .knock-knock-stat-grid strong { color: #fff1b1; font-size: 16px; font-variant-numeric: tabular-nums; text-align: right; }
    .knock-knock-stat-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
    .knock-knock-cop-select { width: 100%; min-height: 54px; padding: 0 14px; border: 1px solid rgba(255, 255, 255, .13); border-radius: 14px; color: #f4f8fb; background: rgba(5, 18, 28, .92); font: inherit; font-weight: 850; }
    .knock-knock-stage-stack { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
    .knock-knock-stage { position: relative; min-height: 650px; overflow: hidden; border: 1px solid rgba(127, 207, 255, .24); border-radius: 22px; background: linear-gradient(180deg, rgba(2, 9, 15, .22), rgba(2, 9, 15, .72)), url("knock-knock-board-v1.png") center / cover no-repeat; box-shadow: inset 0 0 70px rgba(0, 0, 0, .46), 0 24px 70px rgba(0, 0, 0, .3); }
    .knock-knock-stage::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 50% 46%, rgba(71, 189, 255, .12), transparent 52%); }
    .knock-knock-stage-head { position: relative; z-index: 4; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 14px; padding: 10px 13px; border: 1px solid rgba(255, 235, 165, .22); border-radius: 999px; color: #fff0ad; background: rgba(3, 12, 19, .78); box-shadow: 0 9px 24px rgba(0, 0, 0, .3); backdrop-filter: blur(12px); }
    .knock-knock-stage-head strong { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; }
    .knock-knock-stage-head span { font-size: 18px; font-weight: 950; font-variant-numeric: tabular-nums; }
    .knock-knock-board { position: relative; z-index: 3; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(7px, 1.2vw, 13px); width: min(88%, 600px); margin: clamp(24px, 5vh, 48px) auto 28px; padding: clamp(12px, 2vw, 20px); border: 1px solid rgba(152, 217, 255, .2); border-radius: 24px; background: rgba(2, 10, 17, .69); box-shadow: 0 24px 80px rgba(0, 0, 0, .52), inset 0 1px 0 rgba(255, 255, 255, .06); backdrop-filter: blur(8px); }
    .knock-knock-tile { position: relative; aspect-ratio: 1; min-width: 0; overflow: hidden; border: 1px solid rgba(154, 211, 244, .2); border-radius: clamp(10px, 1.3vw, 16px); background: linear-gradient(145deg, rgba(26, 50, 65, .98), rgba(6, 18, 27, .98)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 8px 17px rgba(0, 0, 0, .34); cursor: pointer; touch-action: manipulation; transition: transform 130ms ease, border-color 170ms ease, box-shadow 170ms ease, opacity 170ms ease; perspective: 500px; }
    .knock-knock-tile:hover:not(:disabled) { transform: translateY(-2px) scale(1.025); border-color: rgba(255, 228, 132, .52); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 12px 24px rgba(0, 0, 0, .42), 0 0 20px rgba(255, 210, 92, .12); }
    .knock-knock-tile:disabled { cursor: default; }
    .knock-knock-tile-door, .knock-knock-tile-prize { position: absolute; inset: 8%; background-image: url("knock-knock-sprites-v1.png"); background-size: 300% 100%; background-repeat: no-repeat; filter: drop-shadow(0 7px 6px rgba(0, 0, 0, .55)); will-change: transform, opacity; }
    .knock-knock-tile-door { z-index: 2; background-position: left center; transform-origin: left center; transition: transform 420ms cubic-bezier(.18, .84, .22, 1), opacity 240ms ease; }
    .knock-knock-tile-prize { z-index: 1; opacity: 0; transform: translateY(16%) scale(.58); }
    .knock-knock-tile.is-open .knock-knock-tile-door { opacity: .12; transform: perspective(500px) rotateY(-108deg); }
    .knock-knock-tile.is-bag { border-color: rgba(255, 222, 101, .72); background: radial-gradient(circle, rgba(255, 209, 70, .32), rgba(30, 18, 4, .92)); box-shadow: 0 0 30px rgba(255, 203, 60, .28), inset 0 0 20px rgba(255, 227, 125, .18); }
    .knock-knock-tile.is-bag .knock-knock-tile-prize { opacity: 1; background-position: center center; animation: knock-knock-bag-pop 520ms cubic-bezier(.16, .9, .24, 1.22) both; }
    .knock-knock-tile.is-cop { border-color: rgba(93, 190, 255, .8); background: radial-gradient(circle, rgba(58, 169, 255, .34), rgba(7, 19, 34, .96)); box-shadow: 0 0 30px rgba(45, 167, 255, .32), inset 0 0 22px rgba(103, 200, 255, .16); }
    .knock-knock-tile.is-cop .knock-knock-tile-prize { opacity: 1; background-position: right center; animation: knock-knock-cop-arrive 540ms cubic-bezier(.12, .86, .24, 1.08) both; }
    .knock-knock-tile.is-muted { opacity: .62; }
    .knock-knock-action-dock { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 12px; border: 1px solid rgba(129, 201, 242, .18); border-radius: 18px; background: rgba(5, 17, 26, .92); box-shadow: 0 15px 38px rgba(0, 0, 0, .3); }
    .knock-knock-action-dock .bbr-button { min-height: 58px; }
    .knock-knock-random { grid-column: 1 / -1; }
    .knock-knock-result { position: absolute; z-index: 8; left: 50%; top: 50%; min-width: min(74%, 380px); padding: 20px 24px; border: 1px solid rgba(255, 241, 184, .5); border-radius: 20px; color: #fff4bd; text-align: center; background: rgba(3, 12, 20, .92); box-shadow: 0 24px 70px rgba(0, 0, 0, .65), 0 0 44px rgba(255, 214, 81, .16); opacity: 0; pointer-events: none; transform: translate(-50%, -50%) scale(.8); backdrop-filter: blur(10px); }
    .knock-knock-result.is-visible { opacity: 1; transform: translate(-50%, -50%) scale(1); transition: opacity 160ms ease, transform 260ms cubic-bezier(.14, .88, .24, 1.2); }
    .knock-knock-result.is-caught { color: #dff5ff; border-color: rgba(84, 190, 255, .7); box-shadow: 0 24px 70px rgba(0, 0, 0, .65), 0 0 50px rgba(43, 164, 255, .34); }
    .knock-knock-result strong { display: block; font-size: clamp(42px, 7vw, 76px); line-height: .9; letter-spacing: .04em; }
    .knock-knock-result span { display: block; margin-top: 7px; font-weight: 900; }
    .knock-knock-stage.is-caught { animation: knock-knock-caught-shake 640ms cubic-bezier(.36, .07, .19, .97); }
    @keyframes knock-knock-bag-pop { 0% { opacity: 0; transform: translateY(20%) scale(.45) rotate(-10deg); } 70% { opacity: 1; transform: translateY(-4%) scale(1.1) rotate(3deg); } 100% { opacity: 1; transform: translateY(0) scale(1) rotate(0); } }
    @keyframes knock-knock-cop-arrive { 0% { opacity: 0; transform: translateY(28%) scale(.55); } 72% { opacity: 1; transform: translateY(-4%) scale(1.08); } 100% { opacity: 1; transform: translateY(0) scale(1); } }
    @keyframes knock-knock-caught-shake { 0%, 100% { transform: translate3d(0, 0, 0); } 15% { transform: translate3d(-10px, 4px, 0); } 30% { transform: translate3d(9px, -3px, 0); } 46% { transform: translate3d(-7px, 2px, 0); } 63% { transform: translate3d(6px, -2px, 0); } 80% { transform: translate3d(-3px, 1px, 0); } }
    @media (min-width: 981px) and (max-height: 850px) {
      .knock-knock-stage { min-height: 520px; }
      .knock-knock-board { width: min(88%, calc(100vh - 230px), 600px); margin: 14px auto 18px; }
    }
    @media (max-width: 980px), (pointer: coarse) and (max-width: 1120px) {
      #boom-boom-rocket-app[data-device="mobile"] .knock-knock-shell { display: flex; flex-direction: column; width: 100%; gap: 10px; padding: 0 10px calc(var(--gbl-mobile-nav-height) + env(safe-area-inset-bottom) + 18px); }
      #boom-boom-rocket-app[data-device="mobile"] .knock-knock-shell .gbl-mobile-game-header { order: 0; }
      #boom-boom-rocket-app[data-device="mobile"] .knock-knock-stage-stack { order: 1; }
      #boom-boom-rocket-app[data-device="mobile"] .knock-knock-stage { min-height: auto; border-radius: 18px; }
      #boom-boom-rocket-app[data-device="mobile"] .knock-knock-board { width: calc(100% - 20px); margin: 22px auto 24px; padding: 10px; gap: 7px; border-radius: 18px; }
      #boom-boom-rocket-app[data-device="mobile"] .knock-knock-panel { order: 2; padding: 14px; border-radius: 18px; }
      #boom-boom-rocket-app[data-device="mobile"] .knock-knock-panel > :is(div:first-child, .bbr-player-card) { display: none; }
      #boom-boom-rocket-app[data-device="mobile"] .knock-knock-tile { border-radius: 11px; }
      #boom-boom-rocket-app[data-device="mobile"] .knock-knock-action-dock { padding: 10px; border-radius: 16px; }
      #boom-boom-rocket-app[data-device="mobile"] .knock-knock-action-dock .bbr-button { min-height: 56px; }
    }
    @media (max-width: 410px) {
      #boom-boom-rocket-app[data-device="mobile"] .knock-knock-board { gap: 5px; padding: 8px; }
      #boom-boom-rocket-app[data-device="mobile"] .knock-knock-tile-door, #boom-boom-rocket-app[data-device="mobile"] .knock-knock-tile-prize { inset: 5%; }
      #boom-boom-rocket-app[data-device="mobile"] .knock-knock-stat-grid { grid-template-columns: 1fr; }
    }
    @media (prefers-reduced-motion: reduce) { .knock-knock-tile, .knock-knock-tile-door, .knock-knock-tile-prize, .knock-knock-stage, .knock-knock-result { animation-duration: 1ms !important; transition-duration: 1ms !important; } }

    .american-roulette-cover-art { isolation: isolate; overflow: hidden; background: #071019; }
    .american-roulette-cover-art::before { content: ""; position: absolute; inset: 0; z-index: -3; background: url("american-roulette-room-v1.png") center / cover no-repeat; transform: scale(1.03); }
    .american-roulette-cover-art::after { content: ""; position: absolute; inset: 0; z-index: 3; pointer-events: none; background: linear-gradient(180deg, rgba(2, 7, 13, .05), rgba(2, 7, 13, .68)); }
    .american-roulette-cover-robot { position: absolute; z-index: 1; left: 50%; bottom: -22%; width: 78%; transform: translateX(-50%); filter: drop-shadow(0 14px 18px rgba(0, 0, 0, .64)); }
    .american-roulette-cover-gun { position: absolute; z-index: 2; left: 50%; bottom: -55%; width: 48%; transform: translateX(-50%); filter: drop-shadow(0 12px 12px rgba(0, 0, 0, .74)); }
    .american-roulette-cover-art .gamboland-game-art-seal, .american-roulette-cover-art .gbl-lobby-game-launch { z-index: 5; }

    .american-roulette-shell { grid-template-columns: minmax(238px, 286px) minmax(0, 1fr); gap: 12px; }
    .american-roulette-panel { display: flex; flex-direction: column; gap: 13px; min-width: 0; }
    .american-roulette-balance-card { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; padding: 11px 13px; border: 1px solid rgba(255, 221, 134, .2); border-radius: 14px; background: rgba(5, 15, 24, .86); }
    .american-roulette-balance-card span, .american-roulette-risk-label { color: #8fa5b8; font-size: 10px; font-weight: 950; letter-spacing: .13em; text-transform: uppercase; }
    .american-roulette-balance-card strong { color: #fff0ae; font-size: 16px; font-variant-numeric: tabular-nums; text-align: right; }
    .american-roulette-bullet-picker { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; }
    .american-roulette-bullet-button { position: relative; min-height: 54px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .13); border-radius: 13px; color: #a9bac8; background: linear-gradient(160deg, rgba(25, 44, 57, .94), rgba(5, 16, 25, .96)); font: inherit; font-weight: 950; cursor: pointer; touch-action: manipulation; transition: transform 130ms ease, color 160ms ease, border-color 160ms ease, box-shadow 160ms ease; }
    .american-roulette-bullet-button::before { content: ""; position: absolute; inset: 7px; opacity: .2; background: url("american-roulette-cartridge-v1.png") center / contain no-repeat; }
    .american-roulette-bullet-button span { position: relative; z-index: 1; display: block; font-size: 17px; line-height: 1; text-shadow: 0 2px 5px #000; }
    .american-roulette-bullet-button small { position: relative; z-index: 1; display: block; margin-top: 5px; color: currentColor; font-size: 8px; font-weight: 950; letter-spacing: .1em; line-height: 1; text-transform: uppercase; opacity: .74; }
    .american-roulette-bullet-button:hover:not(:disabled) { transform: translateY(-2px); border-color: rgba(255, 224, 133, .45); }
    .american-roulette-bullet-button.is-loaded { color: #ffe79c; border-color: rgba(255, 193, 61, .54); background: linear-gradient(150deg, rgba(75, 45, 18, .96), rgba(20, 16, 12, .98)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), inset 0 0 20px rgba(255, 166, 36, .12), 0 0 16px rgba(255, 172, 41, .16); }
    .american-roulette-bullet-button.is-loaded::before { opacity: .58; filter: saturate(1.24) brightness(1.08) drop-shadow(0 0 7px rgba(255, 188, 58, .58)); }
    .american-roulette-bullet-button.is-selected { color: #fff7ce; border-color: rgba(255, 222, 119, .96); background: linear-gradient(150deg, rgba(118, 67, 16, .98), rgba(25, 17, 10, .98)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), inset 0 0 24px rgba(255, 183, 47, .2), 0 0 24px rgba(255, 184, 54, .34); transform: translateY(-2px); }
    .american-roulette-bullet-button.is-selected::before { opacity: .82; filter: saturate(1.35) brightness(1.18) drop-shadow(0 0 10px rgba(255, 202, 83, .82)); }
    .american-roulette-bullet-button:disabled { cursor: default; opacity: .62; }
    .american-roulette-odds { display: flex; flex-wrap: wrap; gap: 7px; min-height: 38px; }
    .american-roulette-odds span { display: inline-flex; align-items: center; justify-content: center; min-width: 48px; min-height: 34px; padding: 0 10px; border: 1px solid rgba(143, 193, 221, .17); border-radius: 999px; color: #d9e7ef; background: rgba(5, 18, 28, .84); font-size: 12px; font-weight: 900; font-variant-numeric: tabular-nums; }
    .american-roulette-odds span.is-loaded { min-width: 62px; color: #ffcab7; border-color: rgba(255, 104, 72, .28); background: rgba(68, 19, 15, .66); }
    .american-roulette-risk-board { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin-top: 8px; }
    .american-roulette-risk-stat { min-width: 0; padding: 8px 9px; border: 1px solid rgba(143, 193, 221, .14); border-radius: 11px; background: rgba(4, 15, 23, .82); text-align: center; }
    .american-roulette-risk-stat span { display: block; color: #8198aa; font-size: 8px; font-weight: 950; letter-spacing: .11em; text-transform: uppercase; }
    .american-roulette-risk-stat strong { display: block; margin-top: 3px; overflow: hidden; color: #fff0a9; font-size: 13px; font-variant-numeric: tabular-nums; text-overflow: ellipsis; white-space: nowrap; }
    .american-roulette-stage-stack { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
    .american-roulette-stage { position: relative; min-height: clamp(500px, 61vh, 610px); overflow: hidden; border: 1px solid rgba(255, 215, 123, .24); border-radius: 22px; background: linear-gradient(180deg, rgba(1, 7, 13, .08), rgba(1, 7, 13, .3)), url("american-roulette-room-v1.png") center / cover no-repeat; box-shadow: inset 0 0 95px rgba(0, 0, 0, .46), 0 24px 70px rgba(0, 0, 0, .34); isolation: isolate; }
    .american-roulette-stage::before { content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; background: radial-gradient(circle at 50% 40%, rgba(255, 194, 87, .13), transparent 42%), linear-gradient(90deg, rgba(5, 13, 24, .24), transparent 25%, transparent 75%, rgba(5, 13, 24, .24)); }
    .american-roulette-stage.is-firing { animation: american-roulette-stage-shake 920ms cubic-bezier(.36, .07, .19, .97); }
    .american-roulette-stage-head { position: relative; z-index: 12; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 14px; padding: 10px 14px; border: 1px solid rgba(255, 232, 168, .26); border-radius: 999px; color: #fff0ad; background: rgba(3, 10, 18, .8); box-shadow: 0 9px 28px rgba(0, 0, 0, .34); backdrop-filter: blur(12px); }
    .american-roulette-stage-head strong { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; }
    .american-roulette-stage-head span { font-size: 14px; font-weight: 950; font-variant-numeric: tabular-nums; }
    .american-roulette-stage[data-risk="risky"] .american-roulette-stage-head { border-color: rgba(255, 187, 80, .38); }
    .american-roulette-stage[data-risk="hard"] .american-roulette-stage-head { border-color: rgba(255, 143, 66, .48); box-shadow: 0 9px 28px rgba(0, 0, 0, .34), 0 0 28px rgba(255, 112, 48, .1); }
    .american-roulette-stage[data-risk="brutal"], .american-roulette-stage[data-risk="deadly"] { box-shadow: inset 0 0 105px rgba(88, 4, 7, .28), 0 24px 70px rgba(0, 0, 0, .38); }
    .american-roulette-stage[data-risk="brutal"] .american-roulette-stage-head, .american-roulette-stage[data-risk="deadly"] .american-roulette-stage-head { color: #ffd2b3; border-color: rgba(255, 89, 58, .62); box-shadow: 0 9px 28px rgba(0, 0, 0, .34), 0 0 34px rgba(255, 55, 38, .18); }
    .american-roulette-robot { position: absolute; z-index: 2; left: 50%; bottom: 9%; width: min(61%, 570px); max-height: 79%; aspect-ratio: 1312 / 1199; transform: translateX(-50%); transform-origin: 52% 86%; filter: drop-shadow(0 24px 28px rgba(0, 0, 0, .72)); transition: filter 340ms ease, transform 520ms cubic-bezier(.2, .7, .2, 1); will-change: transform, filter; animation: american-roulette-robot-idle 5.4s ease-in-out infinite; }
    .american-roulette-robot-frame { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center bottom; pointer-events: none; }
    .american-roulette-robot-frame-base { opacity: 1; }
    .american-roulette-robot-frame-laugh { opacity: 0; transform: translateY(.35%) scale(1.006); transform-origin: 50% 40%; }
    .american-roulette-stage.is-spinning .american-roulette-robot { animation: american-roulette-robot-watch 640ms ease-in-out infinite alternate; }
    .american-roulette-stage.is-safe .american-roulette-robot { animation: american-roulette-robot-click 520ms cubic-bezier(.2, .75, .2, 1); }
    .american-roulette-stage.is-robot-shot .american-roulette-robot { filter: grayscale(.72) brightness(.48) drop-shadow(0 24px 28px rgba(0, 0, 0, .82)); animation: american-roulette-robot-shot 1180ms cubic-bezier(.2, .68, .2, 1) both; }
    .american-roulette-stage.is-player-shot .american-roulette-robot { animation: american-roulette-robot-player-shot 1080ms cubic-bezier(.15, .78, .18, 1) both; filter: brightness(1.13) saturate(1.16) drop-shadow(0 20px 34px rgba(255, 120, 42, .42)); }
    .american-roulette-stage.is-robot-taunt .american-roulette-robot { animation: american-roulette-robot-taunt 920ms cubic-bezier(.15, .78, .18, 1) both; filter: brightness(1.12) saturate(1.18) drop-shadow(0 20px 34px rgba(255, 94, 42, .42)); }
    .american-roulette-stage.is-robot-laugh .american-roulette-robot { animation: american-roulette-robot-laugh 1360ms cubic-bezier(.17, .78, .19, 1) both; filter: contrast(1.08) saturate(1.16) brightness(1.08) drop-shadow(0 20px 34px rgba(255, 184, 56, .38)); }
    .american-roulette-stage.is-robot-laugh .american-roulette-robot-frame-laugh { animation: american-roulette-robot-laugh-frame 1360ms steps(1, end) both; }
    .american-roulette-gun-rig { position: absolute; z-index: 7; left: 50%; bottom: -39%; width: min(43%, 390px); aspect-ratio: 2 / 3; transform: translateX(-50%) translateY(7%) scale(.94); transform-origin: 50% 72%; filter: drop-shadow(0 20px 18px rgba(0, 0, 0, .74)); transition: transform 420ms cubic-bezier(.18, .76, .22, 1), filter 260ms ease; pointer-events: none; }
    .american-roulette-gun-rig::after { content: ""; position: absolute; z-index: 7; left: 50%; top: 26.5%; width: 84%; aspect-ratio: 1; border-radius: 50%; pointer-events: none; opacity: 0; transform: translate(-50%, -50%) scale(.12); background: radial-gradient(circle, rgba(255, 255, 255, 1) 0 4%, rgba(255, 238, 176, .98) 9%, rgba(255, 160, 38, .72) 24%, rgba(255, 82, 18, .24) 43%, transparent 68%); mix-blend-mode: screen; }
    .american-roulette-revolver, .american-roulette-barrel-mask { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; pointer-events: none; }
    .american-roulette-revolver { z-index: 1; }
    .american-roulette-barrel-mask { z-index: 4; clip-path: circle(19% at 50% 26.5%); }
    .american-roulette-stage.is-spinning .american-roulette-gun-rig, .american-roulette-stage.is-safe .american-roulette-gun-rig, .american-roulette-stage.is-loaded .american-roulette-gun-rig, .american-roulette-stage.is-triggering .american-roulette-gun-rig, .american-roulette-stage.is-firing .american-roulette-gun-rig, .american-roulette-stage.is-dry-fire .american-roulette-gun-rig { transform: translateX(-50%) translateY(-9%) scale(1); }
    .american-roulette-stage.is-triggering .american-roulette-gun-rig { animation: american-roulette-gun-trigger 170ms cubic-bezier(.2, .72, .2, 1) both; }
    .american-roulette-stage.is-dry-fire .american-roulette-gun-rig { animation: american-roulette-gun-dry-fire 420ms cubic-bezier(.2, .72, .2, 1) both; }
    .american-roulette-stage.is-firing .american-roulette-gun-rig { animation: american-roulette-revolver-recoil 820ms cubic-bezier(.16, .78, .17, 1) both; filter: brightness(1.65) drop-shadow(0 0 38px rgba(255, 211, 110, .92)); }
    .american-roulette-stage.is-firing .american-roulette-gun-rig::after { animation: american-roulette-muzzle-glow 620ms ease-out both; }
    .american-roulette-cylinder-well { position: absolute; z-index: 2; left: 50%; top: 40.5%; width: 61%; aspect-ratio: 1; border-radius: 50%; transform: translate(-50%, -50%); background: radial-gradient(circle, rgba(0, 0, 0, .96) 0 57%, rgba(23, 31, 38, .94) 59% 73%, transparent 75%); pointer-events: none; }
    .american-roulette-stage.is-loading-chambers .american-roulette-cylinder-well { animation: american-roulette-cylinder-well-open 1320ms ease both; }
    .american-roulette-stage.is-loading-chambers .american-roulette-gun-rig { animation: american-roulette-gun-reload 1320ms cubic-bezier(.16, .78, .18, 1) both; }
    .american-roulette-cylinder-rig { position: absolute; z-index: 3; left: 50%; top: 40.5%; width: 62%; aspect-ratio: 1; transform: translate(-50%, -50%); transform-origin: 18% 55%; transform-style: preserve-3d; touch-action: none; cursor: grab; user-select: none; -webkit-user-select: none; pointer-events: auto; will-change: transform; }
    .american-roulette-cylinder-rig:active { cursor: grabbing; }
    .american-roulette-wheel { position: absolute; inset: 0; border-radius: 50%; will-change: transform; }
    .american-roulette-cylinder-face { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-fit: contain; pointer-events: none; backface-visibility: hidden; filter: drop-shadow(0 4px 9px rgba(0, 0, 0, .72)); }
    .american-roulette-chamber-layer { position: absolute; z-index: 2; inset: 0; }
    .american-roulette-stage.is-loading-chambers .american-roulette-cylinder-rig { animation: american-roulette-cylinder-swing 1320ms cubic-bezier(.15, .76, .17, 1) both; }
    .american-roulette-chamber { position: absolute; z-index: 2; left: var(--chamber-x, 50%); top: var(--chamber-y, 50%); display: grid; place-items: center; width: 17.5%; aspect-ratio: 1; border-radius: 50%; color: #fff2b2; transform: translate(-50%, -50%); opacity: 0; transition: opacity 160ms ease, filter 180ms ease; }
    .american-roulette-chamber.is-revealed, .american-roulette-chamber.is-preview { opacity: 1; }
    .american-roulette-chamber.is-selected { filter: drop-shadow(0 0 10px #fff) drop-shadow(0 0 20px #ffbf3d); animation: american-roulette-selected-pulse 720ms ease-in-out infinite alternate; }
    .american-roulette-chamber > * { transform: rotate(var(--wheel-counter-angle, 0deg)); }
    .american-roulette-chamber img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 2px 5px rgba(0, 0, 0, .74)); }
    .american-roulette-chamber.is-loading img { animation: american-roulette-bullet-load 560ms cubic-bezier(.16, .84, .22, 1.08) both; animation-delay: var(--load-delay, 0ms); }
    .american-roulette-stage.is-spinning .american-roulette-chamber.is-preview { opacity: .34; filter: blur(.35px); }
    .american-roulette-chamber span { display: grid; place-items: center; width: 100%; height: 100%; border: 1px solid rgba(255, 235, 167, .38); border-radius: 50%; color: #fff2b2; background: rgba(2, 9, 15, .9); box-shadow: inset 0 0 10px rgba(132, 205, 255, .18); font-size: clamp(7px, 1vw, 12px); font-weight: 950; font-variant-numeric: tabular-nums; }
    .american-roulette-flash { position: absolute; z-index: 30; inset: 0; pointer-events: none; opacity: 0; background: #fff; mix-blend-mode: screen; }
    .american-roulette-stage.is-firing .american-roulette-flash { animation: american-roulette-white-flash 720ms ease-out; }
    .american-roulette-muzzle-flash { position: absolute; z-index: 8; left: 50%; top: 26.5%; width: 138%; max-width: none; pointer-events: none; opacity: 0; transform: translate(-50%, -50%) scale(.08) rotate(-4deg); transform-origin: 50% 50%; mix-blend-mode: screen; filter: saturate(1.08) contrast(1.05) drop-shadow(0 0 28px rgba(255, 144, 34, .9)); }
    .american-roulette-muzzle-flash-secondary { z-index: 7; width: 182%; transform: translate(-50%, -50%) scale(.05) rotate(26deg); filter: saturate(1.2) brightness(1.12) blur(.35px) drop-shadow(0 0 42px rgba(255, 78, 20, .88)); }
    .american-roulette-stage.is-firing .american-roulette-muzzle-flash-primary { animation: american-roulette-muzzle-blast 920ms cubic-bezier(.08, .78, .15, 1) both; }
    .american-roulette-stage.is-firing .american-roulette-muzzle-flash-secondary { animation: american-roulette-muzzle-blast-secondary 1060ms cubic-bezier(.08, .78, .15, 1) both; }
    .american-roulette-result { position: absolute; z-index: 22; left: 50%; top: 47%; min-width: min(72%, 380px); padding: 18px 22px; border: 1px solid rgba(255, 236, 173, .5); border-radius: 20px; color: #fff1b2; text-align: center; background: rgba(2, 9, 16, .9); box-shadow: 0 24px 70px rgba(0, 0, 0, .68), 0 0 48px rgba(255, 194, 68, .18); opacity: 0; pointer-events: none; transform: translate(-50%, -50%) scale(.78); backdrop-filter: blur(12px); }
    .american-roulette-result.is-visible { opacity: 1; transform: translate(-50%, -50%) scale(1); transition: opacity 150ms ease, transform 280ms cubic-bezier(.14, .9, .24, 1.2); }
    .american-roulette-result.is-loss { color: #fff; border-color: rgba(255, 111, 86, .72); background: rgba(64, 8, 8, .9); box-shadow: 0 24px 70px rgba(0, 0, 0, .7), 0 0 54px rgba(255, 53, 36, .3); }
    .american-roulette-result strong { display: block; font-size: clamp(42px, 7vw, 78px); line-height: .88; letter-spacing: .04em; }
    .american-roulette-result span { display: block; margin-top: 8px; font-weight: 900; }
    .american-roulette-action-dock { display: grid; grid-template-columns: 1fr; gap: 10px; padding: 12px; border: 1px solid rgba(255, 218, 123, .2); border-radius: 18px; background: rgba(5, 16, 25, .94); box-shadow: 0 15px 38px rgba(0, 0, 0, .3); }
    .american-roulette-action-dock .bbr-button { min-height: 60px; }
    .american-roulette-command-deck { display: grid; grid-template-columns: minmax(260px, .85fr) minmax(380px, 1.15fr); gap: 10px; padding: 10px; border: 1px solid rgba(255, 218, 123, .19); border-radius: 20px; background: linear-gradient(145deg, rgba(8, 22, 32, .97), rgba(3, 12, 20, .98)); box-shadow: 0 18px 44px rgba(0, 0, 0, .32); }
    .american-roulette-command-deck .american-roulette-action-dock { grid-column: 1 / -1; padding: 0; border: 0; background: transparent; box-shadow: none; }
    .american-roulette-bet-block, .american-roulette-load-block { min-width: 0; padding: 12px; border: 1px solid rgba(143, 193, 221, .14); border-radius: 16px; background: rgba(3, 13, 21, .82); }
    .american-roulette-wallet-line { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; margin-bottom: 10px; }
    .american-roulette-wallet-line .bbr-wallet-switch { margin: 0; }
    .american-roulette-wallet-line .american-roulette-balance-card { min-height: 48px; white-space: nowrap; }
    .american-roulette-bet-heading, .american-roulette-load-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
    .american-roulette-bet-heading strong, .american-roulette-load-heading strong { color: #d8e4ec; font-size: 11px; letter-spacing: .13em; text-transform: uppercase; }
    .american-roulette-load-heading span { color: #ffe37f; font-weight: 950; font-variant-numeric: tabular-nums; }
    .american-roulette-command-deck .american-roulette-odds { margin-top: 8px; overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; }
    .american-roulette-command-deck .american-roulette-odds::-webkit-scrollbar { display: none; }
    .american-roulette-command-deck .bbr-log { grid-column: 1 / -1; min-height: 38px; margin: 0; }
    .american-roulette-decision { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .american-roulette-decision[hidden] { display: none; }
    .american-roulette-double-rule { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: stretch; gap: 8px; padding: 8px; border: 1px solid rgba(255, 220, 126, .2); border-radius: 14px; background: rgba(2, 10, 17, .88); }
    .american-roulette-double-rule > span { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; padding: 8px 10px; border-radius: 10px; font-size: 9px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
    .american-roulette-double-rule > span strong { font-size: 17px; font-variant-numeric: tabular-nums; letter-spacing: 0; }
    .american-roulette-double-rule-win { color: #9dffe7; background: rgba(20, 86, 72, .34); }
    .american-roulette-double-rule-loss { color: #ffc0ae; background: rgba(103, 27, 22, .34); }
    .american-roulette-double-rule > b { align-self: center; color: #ffe68b; font-size: 11px; letter-spacing: .06em; white-space: nowrap; }
    .american-roulette-double { color: #07141c; background: linear-gradient(135deg, #fff2a6, #ff9f3e); box-shadow: 0 10px 26px rgba(255, 151, 42, .22); }
    .american-roulette-collect { color: #061919; background: linear-gradient(135deg, #9dffe7, #5bcad8); box-shadow: 0 10px 26px rgba(57, 215, 198, .2); }
    @keyframes american-roulette-stage-shake { 0%, 100% { transform: translate3d(0, 0, 0); } 4% { transform: translate3d(-17px, 8px, 0) rotate(-.35deg); } 10% { transform: translate3d(15px, -7px, 0) rotate(.3deg); } 18% { transform: translate3d(-11px, 5px, 0) rotate(-.22deg); } 29% { transform: translate3d(9px, -4px, 0) rotate(.18deg); } 43% { transform: translate3d(-6px, 3px, 0); } 61% { transform: translate3d(4px, -2px, 0); } 80% { transform: translate3d(-2px, 1px, 0); } }
    @keyframes american-roulette-robot-idle { 0%, 100% { transform: translateX(-50%) translateY(0) rotate(0) scale(1); } 46% { transform: translateX(-50%) translateY(.5%) rotate(-.2deg) scale(1.004); } 51% { transform: translateX(-50%) translateY(-.35%) rotate(.28deg) scale(1.008); } 57% { transform: translateX(-50%) translateY(.15%) rotate(-.12deg) scale(1.002); } }
    @keyframes american-roulette-robot-watch { from { transform: translateX(-50%) translateY(0) rotate(-.45deg); } to { transform: translateX(-50%) translateY(.7%) rotate(.45deg); } }
    @keyframes american-roulette-robot-click { 0% { transform: translateX(-50%) scale(1); } 42% { transform: translateX(-50%) translateY(-1.2%) scale(1.015); } 100% { transform: translateX(-50%) scale(1); } }
    @keyframes american-roulette-robot-shot { 0% { transform: translateX(-50%) translateY(0) rotate(0) scale(1); } 12% { transform: translateX(-50%) translateY(-4%) rotate(-4deg) scale(1.035); } 27% { transform: translateX(-50%) translateY(5%) rotate(6deg) scale(.95); } 54% { transform: translateX(-50%) translateY(4%) rotate(3.5deg) scale(.965); } 100% { transform: translateX(-50%) translateY(5%) rotate(4deg) scale(.97); } }
    @keyframes american-roulette-robot-player-shot { 0% { transform: translateX(-50%) translateY(0) rotate(0) scale(1); } 9% { transform: translateX(-50%) translateY(-2.5%) rotate(-1.8deg) scale(1.035); } 20% { transform: translateX(-50%) translateY(1.4%) rotate(1.2deg) scale(.995); } 42% { transform: translateX(-50%) translateY(-1.1%) rotate(-.8deg) scale(1.018); } 100% { transform: translateX(-50%) translateY(0) rotate(0) scale(1); } }
    @keyframes american-roulette-robot-taunt { 0%, 100% { transform: translateX(-50%) translateY(0) rotate(0) scale(1); } 24% { transform: translateX(-50%) translateY(-2.8%) rotate(-2.4deg) scale(1.075); } 43% { transform: translateX(-50%) translateY(-3.8%) rotate(2deg) scale(1.105); } 64% { transform: translateX(-50%) translateY(-1.2%) rotate(-1deg) scale(1.045); } }
    @keyframes american-roulette-robot-laugh { 0%, 100% { transform: translateX(-50%) translateY(0) rotate(0) scale(1); } 8% { transform: translateX(-50%) translateY(-2.1%) rotate(-1.4deg) scale(1.035); } 17% { transform: translateX(-50%) translateY(.8%) rotate(1.1deg) scale(.994); } 31% { transform: translateX(-50%) translateY(-2.4%) rotate(-1.2deg) scale(1.04); } 42% { transform: translateX(-50%) translateY(.9%) rotate(1.2deg) scale(.993); } 56% { transform: translateX(-50%) translateY(-2.1%) rotate(-1deg) scale(1.034); } 68% { transform: translateX(-50%) translateY(.7%) rotate(1deg) scale(.996); } 82% { transform: translateX(-50%) translateY(-1.6%) rotate(-.7deg) scale(1.026); } 92% { transform: translateX(-50%) translateY(.35%) rotate(.45deg) scale(1); } }
    @keyframes american-roulette-robot-laugh-frame { 0%, 8%, 18%, 31%, 43%, 56%, 69%, 82%, 93%, 100% { opacity: 0; } 9%, 17%, 32%, 42%, 57%, 68%, 83%, 92% { opacity: 1; } }
    @keyframes american-roulette-gun-trigger { 0% { transform: translateX(-50%) translateY(-9%) scale(1); } 55% { transform: translateX(-50%) translateY(-7.6%) scale(.997) rotate(.22deg); } 100% { transform: translateX(-50%) translateY(-9%) scale(1); } }
    @keyframes american-roulette-gun-dry-fire { 0%, 100% { transform: translateX(-50%) translateY(-9%) scale(1); } 20% { transform: translateX(-50%) translateY(-10.2%) scale(1.008) rotate(-.4deg); } 42% { transform: translateX(-50%) translateY(-8.5%) scale(.996) rotate(.28deg); } 70% { transform: translateX(-50%) translateY(-9.4%) scale(1.003); } }
    @keyframes american-roulette-revolver-recoil { 0% { transform: translateX(-50%) translateY(-9%) scale(1); } 7% { transform: translateX(-50%) translateY(-26%) scale(1.085) rotate(-1.8deg); } 18% { transform: translateX(-50%) translateY(-15%) scale(1.035) rotate(1.1deg); } 34% { transform: translateX(-50%) translateY(-20%) scale(1.055) rotate(-.7deg); } 57% { transform: translateX(-50%) translateY(-11%) scale(1.012) rotate(.35deg); } 78% { transform: translateX(-50%) translateY(-10.2%) scale(1.006); } 100% { transform: translateX(-50%) translateY(-9%) scale(1); } }
    @keyframes american-roulette-white-flash { 0% { opacity: 0; } 2% { opacity: 1; } 7% { opacity: .92; } 15% { opacity: .25; } 26% { opacity: .58; } 45% { opacity: .12; } 100% { opacity: 0; } }
    @keyframes american-roulette-gun-reload { 0%, 100% { transform: translateX(-50%) translateY(7%) rotate(0) scale(.94); } 14% { transform: translateX(-50%) translateY(3%) rotate(-2deg) scale(.965); } 70% { transform: translateX(-50%) translateY(2%) rotate(-1.2deg) scale(.968); } 86% { transform: translateX(-50%) translateY(5%) rotate(1.1deg) scale(.96); } 94% { transform: translateX(-50%) translateY(4%) rotate(-.35deg) scale(.955); } }
    @keyframes american-roulette-cylinder-well-open { 0%, 100% { opacity: 1; filter: brightness(1); } 16%, 74% { opacity: .9; filter: brightness(.62) drop-shadow(0 0 14px rgba(97, 185, 223, .34)); } 88% { opacity: 1; filter: brightness(1.18); } }
    @keyframes american-roulette-cylinder-swing { 0%, 100% { transform: perspective(680px) translate(-50%, -50%) rotateY(0) rotateZ(0) scale(1); filter: brightness(1); } 12% { transform: perspective(680px) translate(-55%, -49%) rotateY(4deg) rotateZ(-2deg) scale(1.015); } 25% { transform: perspective(680px) translate(-9%, -47%) rotateY(-16deg) rotateZ(7deg) scale(.97); filter: brightness(1.18) drop-shadow(9px 9px 13px rgba(0, 0, 0, .66)); } 62% { transform: perspective(680px) translate(-7%, -48%) rotateY(-12deg) rotateZ(7.8deg) scale(.975); filter: brightness(1.2) drop-shadow(9px 9px 13px rgba(0, 0, 0, .66)); } 74% { transform: perspective(680px) translate(-10%, -47%) rotateY(-15deg) rotateZ(6deg) scale(.97); } 86% { transform: perspective(680px) translate(-55%, -50%) rotateY(3deg) rotateZ(-2.2deg) scale(1.025); filter: brightness(1.2); } 94% { transform: perspective(680px) translate(-48%, -50%) rotateY(-1deg) rotateZ(.8deg) scale(1.008); } }
    @keyframes american-roulette-muzzle-glow { 0% { opacity: 0; transform: translate(-50%, -50%) scale(.12); } 4% { opacity: 1; transform: translate(-50%, -50%) scale(.7); } 16% { opacity: .96; transform: translate(-50%, -50%) scale(1.05); } 42% { opacity: .3; } 100% { opacity: 0; transform: translate(-50%, -50%) scale(1.35); } }
    @keyframes american-roulette-muzzle-blast { 0% { opacity: 0; transform: translate(-50%, -50%) scale(.08) rotate(-4deg); filter: saturate(1.08) brightness(1); } 3% { opacity: 1; filter: saturate(1.22) brightness(1.8); } 11% { opacity: 1; transform: translate(-50%, -50%) scale(.92) rotate(1deg); filter: saturate(1.16) brightness(1.35); } 22% { opacity: .82; transform: translate(-50%, -50%) scale(1.06) rotate(-1deg); } 48% { opacity: .36; transform: translate(-50%, -52%) scale(1.18) rotate(1deg); filter: saturate(.76) brightness(.9) blur(.35px); } 100% { opacity: 0; transform: translate(-50%, -58%) scale(1.34) rotate(2deg); filter: saturate(.42) brightness(.7) blur(1.5px); } }
    @keyframes american-roulette-muzzle-blast-secondary { 0% { opacity: 0; transform: translate(-50%, -50%) scale(.05) rotate(26deg); } 4% { opacity: .92; transform: translate(-50%, -50%) scale(.62) rotate(18deg); } 13% { opacity: .78; transform: translate(-50%, -50%) scale(1.04) rotate(31deg); } 30% { opacity: .38; transform: translate(-50%, -52%) scale(1.22) rotate(38deg); } 100% { opacity: 0; transform: translate(-50%, -61%) scale(1.48) rotate(49deg); filter: saturate(.48) brightness(.62) blur(2px); } }
    @keyframes american-roulette-selected-pulse { from { transform: translate(-50%, -50%) scale(.93); } to { transform: translate(-50%, -50%) scale(1.08); } }
    @keyframes american-roulette-bullet-load { 0% { opacity: 0; transform: rotate(var(--wheel-counter-angle, 0deg)) translate(80%, 145%) scale(1.9); filter: blur(2px) brightness(1.4); } 56% { opacity: 1; transform: rotate(var(--wheel-counter-angle, 0deg)) translate(-4%, -8%) scale(.92); filter: blur(0) brightness(1.22); } 76% { transform: rotate(var(--wheel-counter-angle, 0deg)) translate(1%, 3%) scale(1.07); } 100% { opacity: 1; transform: rotate(var(--wheel-counter-angle, 0deg)) translate(0) scale(1); filter: brightness(1); } }

    @media (min-width: 981px) and (max-height: 850px) {
      .american-roulette-stage { min-height: 520px; }
      .american-roulette-robot { width: min(59%, 490px); }
      .american-roulette-gun-rig { width: min(39%, 330px); }
    }
    @media (max-width: 980px), (pointer: coarse) and (max-width: 1120px) {
      #boom-boom-rocket-app[data-device="mobile"] .american-roulette-shell { display: flex; flex-direction: column; width: 100%; gap: 10px; padding: 0 10px calc(var(--gbl-mobile-nav-height) + env(safe-area-inset-bottom) + 18px); }
      #boom-boom-rocket-app[data-device="mobile"] .american-roulette-shell .gbl-mobile-game-header { order: 0; }
      #boom-boom-rocket-app[data-device="mobile"] .american-roulette-stage-stack { order: 1; }
      #boom-boom-rocket-app[data-device="mobile"] .american-roulette-stage { min-height: clamp(430px, 67dvh, 610px); border-radius: 18px; background-position: center; }
      #boom-boom-rocket-app[data-device="mobile"] .american-roulette-panel { display: none; }
      #boom-boom-rocket-app[data-device="mobile"] .american-roulette-robot { bottom: 10%; width: min(94%, 520px); max-height: 75%; }
      #boom-boom-rocket-app[data-device="mobile"] .american-roulette-gun-rig { bottom: -31%; width: min(62%, 310px); }
      #boom-boom-rocket-app[data-device="mobile"] .american-roulette-result { top: 45%; min-width: 76%; }
      #boom-boom-rocket-app[data-device="mobile"] .american-roulette-command-deck { grid-template-columns: minmax(0, 1fr); padding: 8px; border-radius: 16px; }
      #boom-boom-rocket-app[data-device="mobile"] .american-roulette-command-deck .american-roulette-action-dock, #boom-boom-rocket-app[data-device="mobile"] .american-roulette-command-deck .bbr-log { grid-column: 1; }
      #boom-boom-rocket-app[data-device="mobile"] .american-roulette-action-dock { padding: 0; border-radius: 14px; }
      #boom-boom-rocket-app[data-device="mobile"] .american-roulette-action-dock .bbr-button { min-height: 58px; }
      #boom-boom-rocket-app[data-device="mobile"] .american-roulette-stage-head { margin: 10px; }
      #boom-boom-rocket-app[data-device="mobile"] .american-roulette-wallet-line { grid-template-columns: minmax(0, 1fr); }
      #boom-boom-rocket-app[data-device="mobile"] .american-roulette-wallet-line .american-roulette-balance-card { width: 100%; }
    }
    @media (max-width: 410px) {
      #boom-boom-rocket-app[data-device="mobile"] .american-roulette-stage { min-height: 430px; }
      #boom-boom-rocket-app[data-device="mobile"] .american-roulette-robot { width: 92%; }
      #boom-boom-rocket-app[data-device="mobile"] .american-roulette-gun-rig { width: 66%; }
      #boom-boom-rocket-app[data-device="mobile"] .american-roulette-bullet-picker { gap: 5px; }
      #boom-boom-rocket-app[data-device="mobile"] .american-roulette-bullet-button { min-height: 50px; }
      #boom-boom-rocket-app[data-device="mobile"] .american-roulette-double-rule { gap: 5px; padding: 6px; }
      #boom-boom-rocket-app[data-device="mobile"] .american-roulette-double-rule > span { flex-direction: column; justify-content: center; gap: 2px; padding: 7px 4px; text-align: center; line-height: 1.05; letter-spacing: .03em; }
      #boom-boom-rocket-app[data-device="mobile"] .american-roulette-double-rule > b { font-size: 10px; }
    }
    @media (prefers-reduced-motion: reduce) {
      .american-roulette-stage, .american-roulette-robot, .american-roulette-robot-frame, .american-roulette-gun-rig, .american-roulette-cylinder-rig, .american-roulette-wheel, .american-roulette-chamber, .american-roulette-flash, .american-roulette-muzzle-flash, .american-roulette-result { animation-duration: 1ms !important; transition-duration: 1ms !important; }
    }

    /* Cinematic lobby artwork: layered PNG subjects, real perspective, and motion-only animation. */
    #bbrLobbyScreen .gbl-lobby-game-tile {
      --gbl-card-accent: 246, 196, 83;
      --gbl-card-glow: rgba(246, 196, 83, .28);
      perspective: 1100px;
      transform-style: preserve-3d;
      isolation: isolate;
    }

    #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="rocket"] { --gbl-card-accent: 255, 86, 178; --gbl-card-glow: rgba(255, 66, 169, .34); }
    #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="frogy"] { --gbl-card-accent: 118, 244, 176; --gbl-card-glow: rgba(77, 235, 157, .3); }
    #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="vault"] { --gbl-card-accent: 118, 117, 255; --gbl-card-glow: rgba(103, 89, 255, .38); }
    #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="splunko"] { --gbl-card-accent: 86, 255, 219; --gbl-card-glow: rgba(58, 235, 195, .3); }
    #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="strongman"] { --gbl-card-accent: 255, 179, 87; --gbl-card-glow: rgba(255, 141, 51, .3); }
    #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="knock-knock"] { --gbl-card-accent: 255, 211, 93; --gbl-card-glow: rgba(255, 196, 51, .3); }
    #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="american-roulette"] { --gbl-card-accent: 255, 91, 76; --gbl-card-glow: rgba(255, 67, 52, .34); }

    #bbrLobbyScreen .gbl-lobby-game-tile::before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 12px;
      left: 7%;
      width: 86%;
      aspect-ratio: 4 / 5;
      border-radius: 22px;
      opacity: .68;
      background: var(--gbl-card-glow);
      filter: blur(24px);
      transform: translateZ(-60px) translateY(9px) scale(.94);
      transition: opacity 240ms ease, transform 300ms cubic-bezier(.2,.8,.2,1);
      pointer-events: none;
    }

    #bbrLobbyScreen .gbl-lobby-game-tile:hover::before,
    #bbrLobbyScreen .gbl-lobby-game-tile:focus-within::before {
      opacity: 1;
      transform: translateZ(-60px) translateY(14px) scale(1.02);
    }

    #bbrLobbyScreen .gbl-lobby-game-tile [data-lobby-cover] {
      --gbl-light-x: 50%;
      --gbl-light-y: 34%;
      --gbl-bg-shift-x: 0px;
      --gbl-bg-shift-y: 0px;
      --gbl-mid-shift-x: 0px;
      --gbl-mid-shift-y: 0px;
      --gbl-near-shift-x: 0px;
      --gbl-near-shift-y: 0px;
      position: relative;
      isolation: isolate;
      overflow: hidden;
      contain: layout paint style;
      border: 1px solid rgba(var(--gbl-card-accent), .42);
      background: #050812 !important;
      box-shadow:
        0 22px 44px rgba(0, 0, 0, .44),
        0 0 0 1px rgba(255, 255, 255, .05) inset,
        0 1px 0 rgba(255, 255, 255, .18) inset,
        0 -32px 68px rgba(0, 0, 0, .34) inset;
      transform: perspective(1000px) rotateX(0deg) rotateY(0deg) translateZ(0);
      transform-style: preserve-3d;
      transform-origin: 50% 55%;
      will-change: transform;
      backface-visibility: hidden;
      transition: border-color 220ms ease, box-shadow 260ms ease, filter 220ms ease;
    }

    #bbrLobbyScreen .gbl-lobby-game-tile [data-lobby-cover]::before,
    #bbrLobbyScreen .gbl-lobby-game-tile [data-lobby-cover]::after {
      display: none !important;
    }

    #bbrLobbyScreen .gbl-lobby-game-tile:hover [data-lobby-cover],
    #bbrLobbyScreen .gbl-lobby-game-tile:focus-within [data-lobby-cover] {
      z-index: 2;
      border-color: rgba(var(--gbl-card-accent), .82);
      filter: saturate(1.1) brightness(1.045);
      box-shadow:
        0 30px 58px rgba(0, 0, 0, .5),
        0 0 34px rgba(var(--gbl-card-accent), .18),
        0 0 0 1px rgba(255, 255, 255, .08) inset,
        0 1px 0 rgba(255, 255, 255, .24) inset,
        0 -36px 74px rgba(0, 0, 0, .3) inset;
    }

    #bbrLobbyScreen .gbl-lobby-art-bg,
    #bbrLobbyScreen .gbl-lobby-art-atmosphere,
    #bbrLobbyScreen .gbl-lobby-art-glass {
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    #bbrLobbyScreen .gbl-lobby-art-bg {
      z-index: 0;
      inset: -6%;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      filter: saturate(1.08) contrast(1.04);
      transform: translate3d(0, 0, -46px) scale(1.13);
      transform-origin: 50% 50%;
      will-change: transform;
      translate: var(--gbl-bg-shift-x) var(--gbl-bg-shift-y);
      animation: gbl-lobby-backdrop-breathe 9s ease-in-out infinite alternate;
    }

    #bbrLobbyScreen .gbl-lobby-art-atmosphere {
      z-index: 2;
      inset: -22%;
      opacity: .72;
      background:
        radial-gradient(circle at 26% 28%, rgba(var(--gbl-card-accent), .36), transparent 19%),
        radial-gradient(circle at 76% 68%, rgba(255, 255, 255, .18), transparent 16%),
        radial-gradient(ellipse at 50% 88%, rgba(var(--gbl-card-accent), .26), transparent 36%);
      mix-blend-mode: screen;
      transform: translate3d(0, 0, 12px);
      translate: var(--gbl-mid-shift-x) var(--gbl-mid-shift-y);
      animation: gbl-lobby-atmosphere 7s ease-in-out infinite alternate;
    }

    #bbrLobbyScreen .gbl-lobby-art-glass {
      z-index: 6;
      border-radius: inherit;
      background:
        radial-gradient(circle at var(--gbl-light-x) var(--gbl-light-y), rgba(255,255,255,.22), transparent 23%),
        linear-gradient(122deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.035) 18%, transparent 38%),
        radial-gradient(circle at 18% 8%, rgba(255,255,255,.16), transparent 24%),
        linear-gradient(180deg, transparent 58%, rgba(1, 4, 11, .46) 100%);
      box-shadow: inset 0 0 42px rgba(0,0,0,.22);
      transform: translateZ(116px);
    }

    #bbrLobbyScreen .gbl-lobby-art-rim {
      position: absolute;
      z-index: 9;
      inset: 0;
      border: 1px solid rgba(var(--gbl-card-accent), .22);
      border-radius: inherit;
      box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.055),
        inset 0 18px 24px rgba(255,255,255,.025),
        inset 0 -22px 34px rgba(0,0,0,.22);
      opacity: .86;
      pointer-events: none;
      transform: translateZ(152px);
      transition: border-color 220ms ease, box-shadow 220ms ease, opacity 220ms ease;
    }

    #bbrLobbyScreen .gbl-lobby-game-tile:hover .gbl-lobby-art-rim,
    #bbrLobbyScreen .gbl-lobby-game-tile:focus-within .gbl-lobby-art-rim {
      border-color: rgba(var(--gbl-card-accent), .58);
      box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.09),
        inset 0 18px 28px rgba(255,255,255,.045),
        inset 0 -24px 38px rgba(0,0,0,.2),
        0 0 24px rgba(var(--gbl-card-accent), .13);
      opacity: 1;
    }

    #bbrLobbyScreen .gbl-lobby-art-glass::after {
      content: "";
      position: absolute;
      top: -18%;
      bottom: -18%;
      left: -78%;
      width: 46%;
      opacity: 0;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);
      transform: skewX(-18deg);
      transition: left 720ms cubic-bezier(.2,.72,.2,1), opacity 180ms ease;
    }

    #bbrLobbyScreen .gbl-lobby-game-tile:hover .gbl-lobby-art-glass::after,
    #bbrLobbyScreen .gbl-lobby-game-tile:focus-within .gbl-lobby-art-glass::after {
      left: 132%;
      opacity: .68;
    }

    #bbrLobbyScreen .gbl-lobby-art-hero,
    #bbrLobbyScreen .frogy-cover-koi,
    #bbrLobbyScreen .frogy-cover-pad,
    #bbrLobbyScreen .card-vault-cover-pack,
    #bbrLobbyScreen .card-vault-cover-halo,
    #bbrLobbyScreen .splunko-cover-board,
    #bbrLobbyScreen .splunko-cover-token,
    #bbrLobbyScreen .splunko-cover-ceiling-spike,
    #bbrLobbyScreen .strongman-cover-rival-stack,
    #bbrLobbyScreen .strongman-cover-rival,
    #bbrLobbyScreen .strongman-cover-platforms,
    #bbrLobbyScreen .strongman-cover-mascot,
    #bbrLobbyScreen .knock-knock-cover-door,
    #bbrLobbyScreen .american-roulette-cover-robot,
    #bbrLobbyScreen .american-roulette-cover-gun,
    #bbrLobbyScreen .american-roulette-cover-flash {
      pointer-events: none;
      user-select: none;
      -webkit-user-drag: none;
      will-change: transform;
    }

    #bbrLobbyScreen .gbl-lobby-art-hero,
    #bbrLobbyScreen .frogy-cover-pad,
    #bbrLobbyScreen .card-vault-cover-pack,
    #bbrLobbyScreen .splunko-cover-token,
    #bbrLobbyScreen .strongman-cover-rival-stack,
    #bbrLobbyScreen .strongman-cover-mascot,
    #bbrLobbyScreen .knock-knock-cover-door--hero,
    #bbrLobbyScreen .american-roulette-cover-robot,
    #bbrLobbyScreen .american-roulette-cover-gun,
    #bbrLobbyScreen .american-roulette-cover-flash {
      translate: var(--gbl-near-shift-x) var(--gbl-near-shift-y);
    }

    #bbrLobbyScreen .frogy-cover-koi,
    #bbrLobbyScreen .splunko-cover-board,
    #bbrLobbyScreen .splunko-cover-ceiling-spike,
    #bbrLobbyScreen .strongman-cover-platforms,
    #bbrLobbyScreen .knock-knock-cover-door--left,
    #bbrLobbyScreen .knock-knock-cover-door--right {
      translate: var(--gbl-mid-shift-x) var(--gbl-mid-shift-y);
    }

    #bbrLobbyScreen .rocket-cover-art .gbl-lobby-art-bg {
      background-image:
        linear-gradient(180deg, rgba(3,6,21,.04), rgba(3,6,21,.62)),
        url("boom-boom-rocket-card.jpg");
      background-position: 14% 50%;
      background-size: auto 112%;
    }

    #bbrLobbyScreen .rocket-cover-hero {
      position: absolute;
      z-index: 4;
      left: 50%;
      bottom: -7%;
      display: block;
      width: 108%;
      height: auto;
      transform: translate3d(-50%, 0, 92px) rotate(-2deg);
      transform-origin: 50% 72%;
      filter: drop-shadow(0 24px 24px rgba(0,0,0,.62)) drop-shadow(0 0 18px rgba(255,75,166,.3));
      animation: gbl-lobby-rocket-fly 4.6s ease-in-out infinite alternate;
    }

    #bbrLobbyScreen .rocket-cover-trail {
      position: absolute;
      z-index: 3;
      top: -18%;
      width: 2px;
      height: 54%;
      opacity: .32;
      background: linear-gradient(180deg, transparent, rgba(255,255,255,.72), rgba(79,218,255,.22), transparent);
      filter: drop-shadow(0 0 7px rgba(74,221,255,.6));
      transform: translate3d(0, -110%, 56px) rotate(24deg);
      animation: gbl-lobby-rocket-streak 2.6s linear infinite;
    }

    #bbrLobbyScreen .rocket-cover-trail--left { left: 21%; animation-delay: -.7s; }
    #bbrLobbyScreen .rocket-cover-trail--right { right: 16%; height: 39%; animation-delay: -1.7s; }

    #bbrLobbyScreen .frogy-cover-art .gbl-lobby-art-bg {
      background-image:
        linear-gradient(180deg, rgba(0,15,24,.04), rgba(0,18,24,.58)),
        url("frogy-moonlit-pond-v2.png");
      background-position: 48% 50%;
    }

    #bbrLobbyScreen .frogy-cover-art .frogy-cover-frog {
      position: absolute;
      z-index: 4;
      left: 51%;
      bottom: -10%;
      top: auto;
      display: block;
      width: 112%;
      height: auto;
      border: 0;
      border-radius: 0;
      background: none;
      box-shadow: none;
      transform: translate3d(-50%, 0, 94px);
      transform-origin: 50% 85%;
      filter: drop-shadow(0 24px 18px rgba(0,0,0,.62)) drop-shadow(0 0 15px rgba(115,255,184,.26));
      animation: gbl-lobby-frog-hop 4s cubic-bezier(.45,0,.3,1) infinite;
    }

    #bbrLobbyScreen .frogy-cover-pad {
      position: absolute;
      z-index: 3;
      left: 50%;
      bottom: 3%;
      width: 86%;
      height: auto;
      transform: translate3d(-50%, 0, 70px) perspective(700px) rotateX(52deg) scaleY(.82);
      filter: drop-shadow(0 18px 14px rgba(0,0,0,.56)) drop-shadow(0 0 13px rgba(101,255,171,.24));
      animation: gbl-lobby-pad-float 3.8s ease-in-out infinite alternate;
    }

    #bbrLobbyScreen .frogy-cover-koi {
      position: absolute;
      z-index: 3;
      top: 28%;
      left: -42%;
      width: 66%;
      opacity: .72;
      transform: translate3d(0, 0, 38px) rotate(88deg);
      filter: drop-shadow(0 12px 13px rgba(0,0,0,.48));
      animation: gbl-lobby-koi-swim 6.4s linear infinite;
    }

    #bbrLobbyScreen .frogy-cover-koi--rear { animation-delay: -1.1s; }

    #bbrLobbyScreen .frogy-cover-koi--front {
      z-index: 5;
      top: 63%;
      left: 106%;
      width: 48%;
      opacity: .9;
      transform: translate3d(0, 0, 112px) rotate(-92deg) scaleX(-1);
      animation: gbl-lobby-koi-return 7.2s linear infinite;
      animation-delay: -3.8s;
    }

    #bbrLobbyScreen .card-vault-cover-art .gbl-lobby-art-bg {
      background:
        radial-gradient(circle at 50% 44%, rgba(90,113,255,.48), transparent 30%),
        radial-gradient(circle at 78% 18%, rgba(43,224,255,.22), transparent 23%),
        linear-gradient(145deg, #07091c 0%, #1b1255 48%, #062f4a 100%);
    }

    #bbrLobbyScreen .card-vault-cover-halo {
      position: absolute;
      z-index: 2;
      top: 50%;
      left: 50%;
      width: 82%;
      aspect-ratio: 1;
      border-radius: 50%;
      opacity: .58;
      background: conic-gradient(from 0deg, rgba(83,226,255,.12), rgba(125,89,255,.72), rgba(255,94,222,.18), rgba(83,226,255,.64), rgba(83,226,255,.12));
      filter: blur(12px);
      transform: translate3d(-50%, -50%, 28px) scale(.88);
      animation: gbl-lobby-vault-halo 7s linear infinite;
    }

    #bbrLobbyScreen .card-vault-cover-pack {
      z-index: 3;
      top: 51%;
      width: 58%;
      filter: drop-shadow(0 25px 22px rgba(0,0,0,.62)) drop-shadow(0 0 12px rgba(111,124,255,.24));
    }

    #bbrLobbyScreen .card-vault-cover-pack--left {
      left: 22%;
      z-index: 2;
      width: 45%;
      opacity: .66;
      transform: translate3d(-50%, -48%, 38px) rotate(-17deg) rotateY(18deg);
      animation: gbl-lobby-pack-left 5.8s ease-in-out infinite alternate;
    }

    #bbrLobbyScreen .card-vault-cover-pack--right {
      left: 78%;
      z-index: 2;
      width: 45%;
      opacity: .66;
      transform: translate3d(-50%, -48%, 42px) rotate(17deg) rotateY(-18deg);
      animation: gbl-lobby-pack-right 5.8s ease-in-out infinite alternate;
    }

    #bbrLobbyScreen .card-vault-cover-pack--hero {
      left: 50%;
      z-index: 4;
      transform: translate3d(-50%, -50%, 98px) rotate(2deg) rotateY(-6deg);
      animation: gbl-lobby-pack-hero 3.9s ease-in-out infinite alternate;
    }

    #bbrLobbyScreen .card-vault-cover-pack::before,
    #bbrLobbyScreen .card-vault-cover-pack--left::after,
    #bbrLobbyScreen .card-vault-cover-pack--right::after {
      display: none;
    }

    #bbrLobbyScreen .card-vault-cover-pack--hero::after {
      left: 9%;
      right: 9%;
      bottom: 17%;
      font-size: clamp(13px, 1.55vw, 18px);
      letter-spacing: .14em;
    }

    #bbrLobbyScreen .splunko-cover-art .gbl-lobby-art-bg {
      background-image:
        linear-gradient(180deg, rgba(0,9,11,.03), rgba(0,8,10,.58)),
        url("splunko-cave-board-v2.png");
    }

    #bbrLobbyScreen .splunko-cover-board {
      z-index: 3;
      inset: 17% 10% 11%;
      opacity: .9;
      background:
        url("splunko-spike-v2.png") 50% 7% / 24% auto no-repeat,
        url("splunko-spike-v2.png") 28% 31% / 22% auto no-repeat,
        url("splunko-spike-v2.png") 72% 31% / 22% auto no-repeat,
        url("splunko-spike-v2.png") 15% 58% / 20% auto no-repeat,
        url("splunko-spike-v2.png") 50% 58% / 20% auto no-repeat,
        url("splunko-spike-v2.png") 85% 58% / 20% auto no-repeat,
        radial-gradient(ellipse at 50% 100%, rgba(51,255,200,.34), transparent 58%);
      transform: perspective(760px) translateZ(54px) rotateX(10deg) scale(.94);
      filter: drop-shadow(0 18px 18px rgba(0,0,0,.7));
      animation: gbl-lobby-board-pulse 4.8s ease-in-out infinite alternate;
    }

    #bbrLobbyScreen .splunko-cover-token {
      z-index: 5;
      top: 19%;
      left: 50%;
      display: block;
      width: 37%;
      height: auto;
      border: 0;
      border-radius: 50%;
      background: none;
      box-shadow: 0 0 0 6px rgba(255,214,89,.18), 0 0 30px rgba(255,211,71,.58), 0 20px 18px rgba(0,0,0,.54);
      transform: translate3d(-50%, 0, 112px) rotate(-5deg);
      animation: splunko-cover-drop 2.7s cubic-bezier(.4,0,.25,1) infinite;
    }

    #bbrLobbyScreen .splunko-cover-token--hero { animation-delay: -.35s; }

    #bbrLobbyScreen .splunko-cover-token--rear {
      z-index: 4;
      top: 7%;
      left: 31%;
      width: 21%;
      opacity: .5;
      box-shadow: 0 0 0 4px rgba(255,214,89,.12), 0 0 18px rgba(255,211,71,.35), 0 12px 12px rgba(0,0,0,.46);
      animation-duration: 3.25s;
      animation-delay: -1.8s;
    }

    #bbrLobbyScreen .splunko-cover-ceiling-spike {
      position: absolute;
      z-index: 4;
      top: -3%;
      width: 24%;
      height: auto;
      opacity: .76;
      filter: drop-shadow(0 10px 9px rgba(0,0,0,.68));
      transform: translateZ(76px);
      animation: gbl-lobby-cave-spike 3.1s ease-in-out infinite alternate;
    }

    #bbrLobbyScreen .splunko-cover-ceiling-spike--left { left: 6%; transform: translateZ(76px) rotate(8deg); }
    #bbrLobbyScreen .splunko-cover-ceiling-spike--right { right: 4%; transform: translateZ(76px) rotate(-9deg); animation-delay: -1.4s; }

    #bbrLobbyScreen .strongman-cover-art .gbl-lobby-art-bg {
      background-image:
        linear-gradient(180deg, rgba(18,11,6,.03), rgba(18,10,5,.5)),
        url("strongman-carnival-arena-v2.jpg");
      background-position: 50% 45%;
    }

    #bbrLobbyScreen .strongman-cover-rival-stack {
      position: absolute;
      z-index: 4;
      bottom: -9%;
      width: 58%;
      height: 92%;
      filter: drop-shadow(0 17px 13px rgba(0,0,0,.65));
      transform: translateZ(82px);
      animation: gbl-lobby-strongman-ready 1.7s ease-in-out infinite alternate;
    }

    #bbrLobbyScreen .strongman-cover-rival-stack--blue { left: -13%; }
    #bbrLobbyScreen .strongman-cover-rival-stack--red { right: -13%; animation-delay: -.85s; }

    #bbrLobbyScreen .strongman-cover-rival-stack .strongman-cover-rival {
      position: absolute;
      inset: auto 0 0;
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center bottom;
      opacity: 0;
      filter: none;
      transform: none;
    }

    #bbrLobbyScreen .strongman-cover-rival-stack .strongman-cover-rival--base { opacity: 1; }

    #bbrLobbyScreen .strongman-cover-platforms {
      z-index: 3;
      bottom: -3%;
      height: 66%;
      transform: translateZ(54px) scale(1.04);
    }

    #bbrLobbyScreen .strongman-cover-mascot {
      z-index: 5;
      bottom: 29%;
      left: 50%;
      width: 25%;
      transform: translate3d(-50%, 0, 118px);
      filter: drop-shadow(0 13px 10px rgba(0,0,0,.62));
      animation: gbl-lobby-mascot-bob 1.7s ease-in-out infinite alternate;
    }

    #bbrLobbyScreen .knock-knock-cover-art .gbl-lobby-art-bg {
      background-image:
        linear-gradient(180deg, rgba(1,9,15,.04), rgba(1,8,13,.62)),
        url("knock-knock-board-v1.png");
      background-position: 50% 48%;
    }

    #bbrLobbyScreen .knock-knock-cover-door {
      position: absolute;
      background-image: url("knock-knock-sprites-v1.png");
      background-size: 300% 100%;
      background-repeat: no-repeat;
      filter: drop-shadow(0 19px 15px rgba(0,0,0,.68));
    }

    #bbrLobbyScreen .knock-knock-cover-door--hero {
      z-index: 5;
      left: 50%;
      bottom: -6%;
      width: 60%;
      aspect-ratio: 1 / 1.35;
      background-position: left center;
      transform: translate3d(-50%, 0, 105px) perspective(700px) rotateY(-3deg);
      transform-origin: left center;
      animation: gbl-lobby-door-knock 3.2s ease-in-out infinite;
    }

    #bbrLobbyScreen .knock-knock-cover-door--left {
      z-index: 3;
      left: -8%;
      bottom: 2%;
      width: 49%;
      aspect-ratio: 1 / 1.15;
      opacity: .78;
      background-position: center center;
      transform: translateZ(48px) rotate(-9deg);
      transition: left 520ms cubic-bezier(.2,.8,.2,1), transform 520ms cubic-bezier(.2,.8,.2,1), opacity 360ms ease;
    }

    #bbrLobbyScreen .knock-knock-cover-door--right {
      z-index: 3;
      right: -12%;
      bottom: 0;
      width: 54%;
      aspect-ratio: 1 / 1.15;
      opacity: .78;
      background-position: right center;
      transform: translateZ(52px) rotate(7deg);
      transition: right 520ms cubic-bezier(.2,.8,.2,1), transform 520ms cubic-bezier(.2,.8,.2,1), opacity 360ms ease;
    }

    #bbrLobbyScreen .american-roulette-cover-art .gbl-lobby-art-bg {
      background-image:
        linear-gradient(180deg, rgba(3,8,13,.02), rgba(3,8,13,.6)),
        url("american-roulette-room-v1.png");
      background-position: 50% 48%;
    }

    #bbrLobbyScreen .american-roulette-cover-robot {
      z-index: 3;
      left: 50%;
      bottom: -17%;
      width: 96%;
      transform: translate3d(-50%, 0, 62px);
      filter: drop-shadow(0 18px 17px rgba(0,0,0,.68));
      animation: gbl-lobby-robot-taunt 3.8s ease-in-out infinite;
    }

    #bbrLobbyScreen .american-roulette-cover-robot--laugh {
      z-index: 4;
      bottom: -13%;
      opacity: 0;
      visibility: hidden;
    }

    #bbrLobbyScreen .american-roulette-cover-gun {
      z-index: 5;
      left: 50%;
      bottom: -45%;
      width: 68%;
      transform: translate3d(-50%, 0, 124px) perspective(760px) rotateX(-7deg);
      filter: drop-shadow(0 18px 16px rgba(0,0,0,.78));
      animation: gbl-lobby-gun-breathe 2.7s ease-in-out infinite alternate;
    }

    #bbrLobbyScreen .american-roulette-cover-flash {
      position: absolute;
      z-index: 5;
      left: 50%;
      bottom: 23%;
      width: 66%;
      opacity: 0;
      transform: translate3d(-50%, 0, 132px) scale(.35);
      filter: saturate(1.18) brightness(1.24);
    }

    @media (hover: hover) and (pointer: fine) {
      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="rocket"]:hover .rocket-cover-hero,
      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="rocket"]:focus-within .rocket-cover-hero {
        animation-duration: 1.55s;
        filter: drop-shadow(0 28px 25px rgba(0,0,0,.66)) drop-shadow(0 0 28px rgba(255,75,166,.48));
      }

      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="frogy"]:hover .frogy-cover-frog,
      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="frogy"]:focus-within .frogy-cover-frog {
        animation-duration: 1.65s;
      }

      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="vault"]:hover .card-vault-cover-pack--left,
      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="vault"]:focus-within .card-vault-cover-pack--left {
        animation: gbl-lobby-pack-left-hover 1.9s ease-in-out infinite alternate;
      }

      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="vault"]:hover .card-vault-cover-pack--right,
      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="vault"]:focus-within .card-vault-cover-pack--right {
        animation: gbl-lobby-pack-right-hover 1.9s ease-in-out infinite alternate;
      }

      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="vault"]:hover .card-vault-cover-pack--hero,
      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="vault"]:focus-within .card-vault-cover-pack--hero {
        animation-duration: 1.6s;
        filter: drop-shadow(0 28px 24px rgba(0,0,0,.68)) drop-shadow(0 0 23px rgba(120,116,255,.54));
      }

      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="strongman"]:hover .strongman-cover-rival--base,
      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="strongman"]:focus-within .strongman-cover-rival--base { animation: gbl-lobby-strongman-frame-base 2.35s steps(1, end) infinite; }
      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="strongman"]:hover .strongman-cover-rival--mid,
      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="strongman"]:focus-within .strongman-cover-rival--mid { animation: gbl-lobby-strongman-frame-mid 2.35s steps(1, end) infinite; }
      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="strongman"]:hover .strongman-cover-rival--swing,
      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="strongman"]:focus-within .strongman-cover-rival--swing { animation: gbl-lobby-strongman-frame-swing 2.35s steps(1, end) infinite; }

      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="knock-knock"]:hover .knock-knock-cover-door--hero,
      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="knock-knock"]:focus-within .knock-knock-cover-door--hero { animation: gbl-lobby-door-open 2.5s ease-in-out infinite; }
      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="knock-knock"]:hover .knock-knock-cover-door--left,
      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="knock-knock"]:focus-within .knock-knock-cover-door--left { left: 4%; opacity: 1; transform: translate3d(0, -4%, 82px) rotate(-4deg) scale(1.06); }
      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="knock-knock"]:hover .knock-knock-cover-door--right,
      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="knock-knock"]:focus-within .knock-knock-cover-door--right { right: 1%; opacity: 1; transform: translate3d(0, -3%, 86px) rotate(3deg) scale(1.05); }

      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="american-roulette"]:hover .american-roulette-cover-robot--calm,
      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="american-roulette"]:focus-within .american-roulette-cover-robot--calm { animation: gbl-lobby-robot-calm-frame 3.2s steps(1, end) infinite; }
      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="american-roulette"]:hover .american-roulette-cover-robot--laugh,
      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="american-roulette"]:focus-within .american-roulette-cover-robot--laugh { visibility: visible; animation: gbl-lobby-robot-laugh-frame 3.2s steps(1, end) infinite; }
      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="american-roulette"]:hover .american-roulette-cover-gun,
      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="american-roulette"]:focus-within .american-roulette-cover-gun { animation: gbl-lobby-gun-scene 3.2s steps(1, end) infinite; }
      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="american-roulette"]:hover .american-roulette-cover-flash,
      #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="american-roulette"]:focus-within .american-roulette-cover-flash { animation-duration: 3.2s; }
    }

    #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="american-roulette"]:hover .american-roulette-cover-flash,
    #bbrLobbyScreen .gbl-lobby-game-tile[data-lobby-game="american-roulette"]:focus-within .american-roulette-cover-flash {
      animation: gbl-lobby-muzzle-pop 1.8s ease-out infinite;
    }

    #bbrLobbyScreen .gbl-lobby-game-tile .gamboland-game-art-seal {
      z-index: 10;
      opacity: .94;
      transform: translateZ(148px) rotate(2deg);
      filter: drop-shadow(0 9px 8px rgba(0,0,0,.62)) drop-shadow(0 0 9px rgba(255,215,92,.28));
      transition: transform 260ms cubic-bezier(.2,.8,.2,1), filter 220ms ease;
    }

    #bbrLobbyScreen .gbl-lobby-game-tile:hover .gamboland-game-art-seal,
    #bbrLobbyScreen .gbl-lobby-game-tile:focus-within .gamboland-game-art-seal {
      transform: translateZ(158px) rotate(8deg) scale(1.08);
      filter: drop-shadow(0 12px 11px rgba(0,0,0,.66)) drop-shadow(0 0 14px rgba(255,220,98,.42));
    }

    #bbrLobbyScreen .gbl-lobby-game-launch {
      z-index: 12;
      background: linear-gradient(180deg, transparent 68%, rgba(1,4,11,.38));
      transform: translateZ(164px);
    }

    #bbrLobbyScreen .gbl-lobby-play-icon {
      border-color: rgba(var(--gbl-card-accent), .78);
      box-shadow: 0 10px 22px rgba(0,0,0,.4), 0 0 20px rgba(var(--gbl-card-accent), .25);
    }

    #bbrLobbyScreen .gbl-lobby-game-info {
      position: relative;
      padding: 2px 4px 0;
    }

    #bbrLobbyScreen .gbl-lobby-game-info h3 {
      font-size: 15px;
      font-weight: 850;
      letter-spacing: -.025em;
      text-shadow: 0 4px 14px rgba(0,0,0,.42);
    }

    @keyframes gbl-lobby-backdrop-breathe {
      0% { transform: translate3d(-1.4%, -.8%, -46px) scale(1.13); }
      100% { transform: translate3d(1.4%, .8%, -46px) scale(1.17); }
    }

    @keyframes gbl-lobby-atmosphere {
      from { transform: translate3d(-3%, -2%, 12px) rotate(-2deg); opacity: .48; }
      to { transform: translate3d(3%, 2%, 12px) rotate(2deg); opacity: .82; }
    }

    @keyframes gbl-lobby-rocket-fly {
      0% { transform: translate3d(-52%, 2%, 92px) rotate(-4deg) scale(.98); }
      100% { transform: translate3d(-48%, -2.6%, 100px) rotate(1deg) scale(1.025); }
    }

    @keyframes gbl-lobby-rocket-streak {
      0% { opacity: 0; transform: translate3d(0, -110%, 56px) rotate(24deg) scaleY(.7); }
      18% { opacity: .5; }
      72% { opacity: .22; }
      100% { opacity: 0; transform: translate3d(0, 310%, 56px) rotate(24deg) scaleY(1.25); }
    }

    @keyframes gbl-lobby-frog-hop {
      0%, 100% { transform: translate3d(-50%, 0, 94px) rotate(-1deg) scale(1); }
      48% { transform: translate3d(-50%, -5%, 108px) rotate(1.4deg) scale(1.025); }
      58% { transform: translate3d(-50%, -4%, 105px) rotate(.5deg) scale(1.018); }
    }

    @keyframes gbl-lobby-pad-float {
      from { transform: translate3d(-50%, 1%, 70px) perspective(700px) rotateX(52deg) rotateZ(-1deg) scaleY(.82); }
      to { transform: translate3d(-50%, -1.5%, 76px) perspective(700px) rotateX(49deg) rotateZ(1deg) scaleY(.84); }
    }

    @keyframes gbl-lobby-koi-swim {
      0% { transform: translate3d(0, 0, 38px) rotate(88deg); }
      100% { transform: translate3d(225%, 32%, 38px) rotate(92deg); }
    }

    @keyframes gbl-lobby-koi-return {
      0% { transform: translate3d(0, 0, 112px) rotate(-92deg) scaleX(-1); opacity: 0; }
      12% { opacity: .86; }
      84% { opacity: .78; }
      100% { transform: translate3d(-315%, -28%, 112px) rotate(-87deg) scaleX(-1); opacity: 0; }
    }

    @keyframes gbl-lobby-vault-halo {
      from { transform: translate3d(-50%, -50%, 28px) scale(.88) rotate(0deg); opacity: .46; }
      50% { opacity: .76; }
      to { transform: translate3d(-50%, -50%, 28px) scale(1.03) rotate(360deg); opacity: .46; }
    }

    @keyframes gbl-lobby-pack-left {
      from { transform: translate3d(-50%, -47%, 38px) rotate(-18deg) rotateY(18deg); }
      to { transform: translate3d(-50%, -52%, 46px) rotate(-13deg) rotateY(9deg); }
    }

    @keyframes gbl-lobby-pack-right {
      from { transform: translate3d(-50%, -52%, 42px) rotate(18deg) rotateY(-18deg); }
      to { transform: translate3d(-50%, -47%, 48px) rotate(13deg) rotateY(-9deg); }
    }

    @keyframes gbl-lobby-pack-left-hover {
      from { transform: translate3d(-64%, -50%, 74px) rotate(-25deg) rotateY(13deg) scale(1.02); }
      to { transform: translate3d(-62%, -56%, 82px) rotate(-20deg) rotateY(7deg) scale(1.055); }
    }

    @keyframes gbl-lobby-pack-right-hover {
      from { transform: translate3d(-36%, -56%, 76px) rotate(25deg) rotateY(-13deg) scale(1.02); }
      to { transform: translate3d(-38%, -50%, 84px) rotate(20deg) rotateY(-7deg) scale(1.055); }
    }

    @keyframes gbl-lobby-pack-hero {
      from { transform: translate3d(-50%, -48%, 98px) rotate(3deg) rotateY(-8deg); }
      to { transform: translate3d(-50%, -54%, 112px) rotate(-2deg) rotateY(8deg); }
    }

    @keyframes gbl-lobby-board-pulse {
      from { transform: perspective(760px) translateZ(54px) rotateX(10deg) scale(.94); filter: drop-shadow(0 18px 18px rgba(0,0,0,.7)) brightness(.94); }
      to { transform: perspective(760px) translateZ(64px) rotateX(7deg) scale(.98); filter: drop-shadow(0 22px 20px rgba(0,0,0,.74)) brightness(1.08); }
    }

    @keyframes gbl-lobby-cave-spike {
      from { translate: 0 -5%; filter: drop-shadow(0 10px 9px rgba(0,0,0,.68)) brightness(.88); }
      to { translate: 0 6%; filter: drop-shadow(0 13px 11px rgba(0,0,0,.74)) brightness(1.12); }
    }

    @keyframes gbl-lobby-strongman-ready {
      from { transform: translate3d(0, 1%, 82px) rotate(-.7deg); }
      to { transform: translate3d(0, -2.2%, 92px) rotate(.7deg); }
    }

    @keyframes gbl-lobby-strongman-frame-base {
      0%, 35%, 88%, 100% { opacity: 1; }
      36%, 87% { opacity: 0; }
    }

    @keyframes gbl-lobby-strongman-frame-mid {
      0%, 34%, 56%, 76%, 89%, 100% { opacity: 0; }
      35%, 55%, 77%, 88% { opacity: 1; }
    }

    @keyframes gbl-lobby-strongman-frame-swing {
      0%, 55%, 77%, 100% { opacity: 0; }
      56%, 76% { opacity: 1; }
    }

    @keyframes gbl-lobby-strongman-blue {
      from { transform: translate3d(0, 1%, 82px) rotate(-.7deg); }
      to { transform: translate3d(0, -2.2%, 92px) rotate(.7deg); }
    }

    @keyframes gbl-lobby-strongman-red {
      from { transform: translate3d(0, -2.2%, 92px) rotate(-.7deg); }
      to { transform: translate3d(0, 1%, 82px) rotate(.7deg); }
    }

    @keyframes gbl-lobby-mascot-bob {
      from { transform: translate3d(-50%, 0, 118px) rotate(-1deg); }
      to { transform: translate3d(-50%, -5%, 128px) rotate(1deg); }
    }

    @keyframes gbl-lobby-door-knock {
      0%, 66%, 100% { transform: translate3d(-50%, 0, 105px) perspective(700px) rotateY(-3deg); }
      72% { transform: translate3d(-50%, 0, 110px) perspective(700px) rotateY(-13deg) rotateZ(-1deg); }
      79% { transform: translate3d(-50%, 0, 108px) perspective(700px) rotateY(4deg) rotateZ(1deg); }
      86% { transform: translate3d(-50%, 0, 106px) perspective(700px) rotateY(-6deg); }
    }

    @keyframes gbl-lobby-door-open {
      0%, 22%, 100% { transform: translate3d(-50%, 0, 105px) perspective(700px) rotateY(-3deg); }
      34% { transform: translate3d(-50%, -1%, 118px) perspective(700px) rotateY(-35deg) rotateZ(-1deg); }
      65% { transform: translate3d(-50%, -2%, 124px) perspective(700px) rotateY(-56deg) rotateZ(-2deg); }
      82% { transform: translate3d(-50%, -1%, 114px) perspective(700px) rotateY(-18deg); }
    }

    @keyframes gbl-lobby-robot-taunt {
      0%, 100% { transform: translate3d(-50%, 0, 62px) rotate(0); }
      48% { transform: translate3d(-50%, -2%, 72px) rotate(-1.2deg); }
      58% { transform: translate3d(-50%, -1.2%, 69px) rotate(1deg); }
    }

    @keyframes gbl-lobby-gun-breathe {
      from { transform: translate3d(-50%, 0, 124px) perspective(760px) rotateX(-7deg) scale(.99); }
      to { transform: translate3d(-50%, -2.5%, 136px) perspective(760px) rotateX(-3deg) scale(1.025); }
    }

    @keyframes gbl-lobby-robot-calm-frame {
      0%, 57%, 88%, 100% { opacity: 1; visibility: visible; }
      58%, 87% { opacity: 0; visibility: hidden; }
    }

    @keyframes gbl-lobby-robot-laugh-frame {
      0%, 57%, 88%, 100% { opacity: 0; visibility: hidden; }
      58%, 87% { opacity: 1; visibility: visible; }
    }

    @keyframes gbl-lobby-gun-scene {
      0%, 57%, 88%, 100% { opacity: 1; transform: translate3d(-50%, 0, 124px) perspective(760px) rotateX(-7deg) scale(.99); }
      58%, 87% { opacity: 0; transform: translate3d(-50%, -4%, 140px) perspective(760px) rotateX(-1deg) scale(1.06); }
    }

    @keyframes gbl-lobby-muzzle-pop {
      0%, 70%, 100% { opacity: 0; transform: translate3d(-50%, 0, 132px) scale(.28) rotate(-4deg); }
      74% { opacity: 1; transform: translate3d(-50%, 0, 146px) scale(.86) rotate(2deg); }
      82% { opacity: .48; transform: translate3d(-50%, -3%, 140px) scale(1.04) rotate(-2deg); }
    }

    @media (max-width: 760px), (pointer: coarse) and (max-width: 1080px) {
      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .gbl-lobby-game-tile::before {
        top: 8px;
        filter: blur(17px);
      }

      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .gbl-lobby-game-tile [data-lobby-cover] {
        transform: none !important;
      }

      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .gbl-lobby-art-bg {
        animation-duration: 12s;
      }

      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .gbl-lobby-art-atmosphere {
        opacity: .5;
        mix-blend-mode: normal;
      }

      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .gbl-lobby-art-glass {
        background:
          linear-gradient(122deg, rgba(255,255,255,.13) 0%, rgba(255,255,255,.025) 19%, transparent 39%),
          linear-gradient(180deg, transparent 58%, rgba(1, 4, 11, .46) 100%);
      }

      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .strongman-cover-rival-stack {
        width: 63%;
      }

      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .rocket-cover-trail--right,
      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .splunko-cover-token--rear {
        display: none;
      }

      #boom-boom-rocket-app[data-device="mobile"] #bbrLobbyScreen .gbl-lobby-game-info h3 {
        font-size: 13px;
      }
    }

    #bbrLobbyScreen .gbl-lobby-game-tile:not(.is-art-visible) [data-lobby-cover] * {
      animation-play-state: paused !important;
    }

    @media (prefers-reduced-motion: reduce) {
      #bbrLobbyScreen .gbl-lobby-game-tile,
      #bbrLobbyScreen .gbl-lobby-game-tile *,
      #bbrLobbyScreen .gbl-lobby-game-tile::before {
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 1ms !important;
      }
    }


.gbl-seo-heading {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Game-only live statistics */
.gbl-live-stats-shell[hidden] {
  display: none !important;
}

.gbl-live-stats-shell {
  position: fixed;
  inset: 0;
  z-index: 220;
  pointer-events: none;
  font-family: inherit;
}

.gbl-live-stats-launcher,
.gbl-live-stats-panel,
.gbl-live-stats-edge-handle {
  pointer-events: auto;
}

.gbl-live-stats-launcher {
  position: fixed;
  top: max(108px, calc(env(safe-area-inset-top) + 74px));
  right: max(14px, env(safe-area-inset-right));
  width: 48px;
  height: 48px;
  display: none;
  place-items: center;
  border: 1px solid rgba(120, 228, 255, .42);
  border-radius: 15px;
  color: #eafaff;
  background: linear-gradient(145deg, rgba(25, 54, 76, .98), rgba(10, 21, 37, .98));
  box-shadow: 0 15px 34px rgba(0, 0, 0, .42), inset 0 1px rgba(255, 255, 255, .13);
  cursor: pointer;
}

.gbl-live-stats-shell.is-collapsed .gbl-live-stats-launcher {
  display: grid;
}

.gbl-live-stats-launcher svg,
.gbl-live-stats-title svg,
.gbl-live-stats-refresh svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gbl-live-stats-panel {
  --gbl-live-stats-accent: #67f4b7;
  position: fixed;
  top: max(92px, calc(env(safe-area-inset-top) + 68px));
  right: max(18px, env(safe-area-inset-right));
  width: min(310px, calc(100vw - 28px));
  overflow: hidden;
  border: 1px solid rgba(118, 181, 218, .34);
  border-radius: 17px;
  color: #edf8ff;
  background: linear-gradient(165deg, rgba(24, 49, 67, .985), rgba(8, 21, 34, .99));
  box-shadow: 0 24px 58px rgba(0, 0, 0, .52), inset 0 1px rgba(255, 255, 255, .08);
  backdrop-filter: blur(18px) saturate(1.25);
  -webkit-backdrop-filter: blur(18px) saturate(1.25);
  transform: translate3d(0, 0, 0);
  transition: transform .34s cubic-bezier(.2, .84, .24, 1), left .34s cubic-bezier(.2, .84, .24, 1), right .34s cubic-bezier(.2, .84, .24, 1), opacity .2s ease;
  will-change: transform;
}

.gbl-live-stats-shell.is-collapsed .gbl-live-stats-panel {
  opacity: 0;
  pointer-events: none;
  transform: translate3d(22px, 0, 0) scale(.96);
}

.gbl-live-stats-head {
  min-height: 52px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 10px 0 14px;
  border-bottom: 1px solid rgba(124, 180, 212, .17);
  background: rgba(255, 255, 255, .025);
  cursor: grab;
  user-select: none;
  touch-action: none;
}

.gbl-live-stats-head:active {
  cursor: grabbing;
}

.gbl-live-stats-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: auto;
  font-size: 16px;
  font-weight: 850;
  letter-spacing: -.01em;
}

.gbl-live-stats-title svg {
  color: #9be9ff;
}

.gbl-live-stats-icon-button {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 12px;
  color: #bcd2df;
  background: transparent;
  cursor: pointer;
}

.gbl-live-stats-icon-button:hover,
.gbl-live-stats-icon-button:focus-visible {
  color: #fff;
  background: rgba(255, 255, 255, .08);
}

.gbl-live-stats-close {
  font-size: 27px;
  font-weight: 300;
  line-height: 1;
}

.gbl-live-stats-body {
  display: grid;
  gap: 10px;
  padding: 12px;
}

.gbl-live-stats-filters {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  gap: 9px;
}

.gbl-live-stats-select {
  min-width: 0;
  min-height: 44px;
  padding: 0 34px 0 12px;
  border: 1px solid rgba(108, 171, 205, .18);
  border-radius: 11px;
  color: #e9f8ff;
  background-color: #0a1b2b;
  font: inherit;
  font-size: 13px;
  font-weight: 750;
  cursor: pointer;
}

.gbl-live-stats-metrics {
  display: grid;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
  border: 1px solid rgba(105, 169, 203, .16);
  border-radius: 13px;
  background: rgba(4, 15, 26, .68);
}

.gbl-live-stats-money,
.gbl-live-stats-counts {
  display: grid;
  gap: 7px;
  padding: 12px;
}

.gbl-live-stats-counts {
  border-left: 1px solid rgba(105, 169, 203, .16);
}

.gbl-live-stats-metric {
  display: grid;
  gap: 2px;
}

.gbl-live-stats-metric span {
  color: #8fa9ba;
  font-size: 11px;
  font-weight: 760;
}

.gbl-live-stats-metric strong {
  overflow: hidden;
  color: #f5fbff;
  font-size: 14px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gbl-live-stats-metric strong.is-positive,
.gbl-live-stats-win {
  color: #55eca7;
}

.gbl-live-stats-metric strong.is-negative,
.gbl-live-stats-loss {
  color: #ff647f;
}

.gbl-live-stats-chart-wrap {
  position: relative;
  height: 154px;
  overflow: hidden;
  border: 1px solid rgba(105, 169, 203, .16);
  border-radius: 13px;
  background: linear-gradient(180deg, rgba(3, 13, 24, .82), rgba(7, 19, 31, .96));
}

.gbl-live-stats-chart {
  width: 100%;
  height: 100%;
  display: block;
}

.gbl-live-stats-grid-line {
  stroke: rgba(150, 196, 218, .12);
  stroke-width: 1;
}

.gbl-live-stats-zero-line {
  stroke: rgba(230, 244, 251, .28);
  stroke-width: 1;
  stroke-dasharray: 4 5;
}

.gbl-live-stats-area {
  fill: url(#gblLiveStatsNeutralFill);
  opacity: .42;
}

.gbl-live-stats-line {
  fill: none;
  stroke: #7edcff;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 5px rgba(126, 220, 255, .24));
}

.gbl-live-stats-panel.is-positive .gbl-live-stats-area {
  fill: url(#gblLiveStatsPositiveFill);
}

.gbl-live-stats-panel.is-positive .gbl-live-stats-line {
  stroke: #55eca7;
  filter: drop-shadow(0 0 5px rgba(85, 236, 167, .28));
}

.gbl-live-stats-panel.is-negative .gbl-live-stats-area {
  fill: url(#gblLiveStatsNegativeFill);
}

.gbl-live-stats-panel.is-negative .gbl-live-stats-line {
  stroke: #ff526f;
  filter: drop-shadow(0 0 5px rgba(255, 82, 111, .28));
}

.gbl-live-stats-empty,
.gbl-live-stats-status {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 18px;
  color: #819baa;
  font-size: 12px;
  font-weight: 720;
  text-align: center;
  pointer-events: none;
}

.gbl-live-stats-empty[hidden],
.gbl-live-stats-zero-line[hidden] {
  display: none !important;
}

.gbl-live-stats-status {
  inset: auto 10px 7px;
  display: block;
  padding: 0;
  text-align: right;
}

.gbl-live-stats-edge-handle {
  position: fixed;
  top: clamp(150px, 42dvh, 420px);
  width: 42px;
  height: 72px;
  display: none;
  place-items: center;
  z-index: 2;
  border: 0;
  color: #f4fbff;
  background: linear-gradient(150deg, rgba(39, 66, 82, .98), rgba(13, 28, 41, .98));
  box-shadow: 0 12px 28px rgba(0, 0, 0, .4);
  cursor: pointer;
}

.gbl-live-stats-edge-handle svg {
  width: 18px;
  height: 26px;
  fill: none;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gbl-live-stats-panel.is-refreshing .gbl-live-stats-refresh svg {
  animation: gbl-live-stats-spin .7s linear infinite;
}

@keyframes gbl-live-stats-spin {
  to { transform: rotate(360deg); }
}

@media (max-width: 760px), (pointer: coarse) and (max-width: 1080px) {
  .gbl-live-stats-launcher {
    top: max(92px, calc(env(safe-area-inset-top) + 62px));
    right: max(9px, env(safe-area-inset-right));
  }

  .gbl-live-stats-panel {
    top: max(84px, calc(env(safe-area-inset-top) + 58px));
    right: max(8px, env(safe-area-inset-right));
    width: min(304px, calc(100vw - 44px));
    max-height: min(430px, calc(100dvh - 158px - env(safe-area-inset-bottom)));
    touch-action: pan-y;
  }

  .gbl-live-stats-head {
    min-height: 48px;
    padding-left: 12px;
    cursor: default;
  }

  .gbl-live-stats-body {
    gap: 8px;
    padding: 10px;
  }

  .gbl-live-stats-filters {
    grid-template-columns: .88fr 1.12fr;
    gap: 7px;
  }

  .gbl-live-stats-select {
    min-height: 40px;
    padding: 0 27px 0 10px;
    font-size: 12px;
  }

  .gbl-live-stats-money,
  .gbl-live-stats-counts {
    gap: 5px;
    padding: 10px;
  }

  .gbl-live-stats-chart-wrap {
    height: 128px;
  }

  .gbl-live-stats-shell.is-docked-left .gbl-live-stats-panel {
    left: 0 !important;
    right: auto !important;
    pointer-events: none;
    transform: translate3d(calc(-100% - 16px), 0, 0);
  }

  .gbl-live-stats-shell.is-docked-right .gbl-live-stats-panel {
    left: auto !important;
    right: 0 !important;
    pointer-events: none;
    transform: translate3d(calc(100% + 16px), 0, 0);
  }

  .gbl-live-stats-shell.is-docked-left .gbl-live-stats-edge-handle,
  .gbl-live-stats-shell.is-docked-right .gbl-live-stats-edge-handle {
    display: grid;
  }

  .gbl-live-stats-shell.is-docked-left .gbl-live-stats-edge-handle {
    left: 0;
    right: auto;
    border-radius: 0 16px 16px 0;
  }

  .gbl-live-stats-shell.is-docked-right .gbl-live-stats-edge-handle {
    left: auto;
    right: 0;
    border-radius: 16px 0 0 16px;
  }

  .gbl-live-stats-shell.is-docked-right .gbl-live-stats-edge-handle svg {
    transform: rotate(180deg);
  }

  .gbl-live-stats-panel.is-swipe-dragging {
    transition: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gbl-live-stats-panel,
  .gbl-live-stats-launcher {
    transition: none !important;
  }

  .gbl-live-stats-panel.is-refreshing .gbl-live-stats-refresh svg {
    animation: none;
  }
}