/*
  Mobile scene layer.
  Desktop remains owned by the inline landing styles. This file only activates
  when mobile-scene-layout.js marks the root as .ag-mobile-scene.
*/

html.ag-mobile-scene,
html.ag-mobile-scene body,
html.ag-mobile-scene .ag-hero-scene,
html.ag-mobile-scene #agHeroScene {
  touch-action: pan-x pan-y !important;
}

@media (max-width: 48em) and (orientation: portrait) {
  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait .top-scoreboard,
  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait body[class*="landing-boot"] .top-scoreboard {
    filter: none !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    transform-style: preserve-3d !important;
    -webkit-transform-style: preserve-3d !important;
  }

  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait .top-scoreboard-img {
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
  }

  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait .scoreboard-core-tint,
  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait .scoreboard-core-mask {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait .scoreboard-cta-static,
  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait body[class*="landing-boot"] .scoreboard-cta-static {
    isolation: isolate !important;
    filter: none !important;
    overflow: visible !important;
  }

  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait .scoreboard-cta-static::before {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    filter: none !important;
  }

  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait .scoreboard-cta-btn {
    background:
      radial-gradient(circle at 50% 42%, rgba(190, 106, 42, 0.7) 0%, rgba(107, 51, 23, 0.64) 52%, rgba(10, 18, 31, 0.72) 100%) !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    will-change: auto !important;
  }

  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait .scoreboard-cta-btn::before,
  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait .scoreboard-cta-btn::after,
  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait .scoreboard-cta-copy,
  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait .scoreboard-cta-main {
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait .top-scoreboard > .mystic-beam {
    z-index: 0 !important;
  }

  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait .top-scoreboard > .mystic-beam .beam-fog {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait .top-scoreboard > .mystic-beam .beam-cone {
    filter: none !important;
    opacity: 0.54 !important;
  }

  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait .top-scoreboard > .mystic-beam .beam-core {
    filter: none !important;
    opacity: 0.34 !important;
  }

  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait .ag-ios-v-neon {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait .board-v-neon,
  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait .board-v-neon-svg,
  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait .board-v-neon path,
  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait .board-v-neon-glow,
  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait .board-v-neon-glow-svg,
  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait .board-v-neon-glow path {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait .board-glow-base {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait .board-glow-base::before,
  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait .board-glow-base::after {
    content: none !important;
    display: none !important;
  }

  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait .arena-board-stage::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 68% !important;
    width: 168% !important;
    height: 88% !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 18% !important;
    pointer-events: none !important;
    z-index: 0 !important;
    background:
      linear-gradient(14deg,
        rgba(255, 177, 78, 0) 0%,
        rgba(255, 177, 78, 0) 41%,
        rgba(255, 224, 168, 0.54) 48%,
        rgba(255, 168, 66, 0.32) 54%,
        rgba(255, 137, 42, 0) 63%,
        rgba(255, 137, 42, 0) 100%),
      linear-gradient(-14deg,
        rgba(255, 177, 78, 0) 0%,
        rgba(255, 177, 78, 0) 41%,
        rgba(255, 224, 168, 0.54) 48%,
        rgba(255, 168, 66, 0.32) 54%,
        rgba(255, 137, 42, 0) 63%,
        rgba(255, 137, 42, 0) 100%) !important;
    filter: blur(28px) saturate(1.34) brightness(1.18) !important;
    mix-blend-mode: screen !important;
    opacity: 1 !important;
  }

  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait .arena-board-stage::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 76% !important;
    width: 112% !important;
    height: 58% !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
    z-index: 0 !important;
    background:
      radial-gradient(ellipse at 50% 45%,
        rgba(255, 230, 178, 0.78) 0%,
        rgba(255, 174, 80, 0.46) 34%,
        rgba(231, 103, 26, 0.2) 62%,
        rgba(231, 103, 26, 0) 100%) !important;
    filter: blur(24px) saturate(1.32) brightness(1.14) !important;
    mix-blend-mode: screen !important;
    opacity: 1 !important;
  }

}

html.ag-mobile-scene {
  --ag-mobile-vw: 100vw;
  --ag-mobile-vh: 100dvh;
  --ag-safe-top: env(safe-area-inset-top, 0px);
  --ag-safe-bottom: env(safe-area-inset-bottom, 0px);
  --ag-brand-x: 4vw;
  --ag-brand-y: calc(var(--ag-safe-top) + 18px);
  --ag-brand-scale: 0.72;
  --ag-chip-x: 4vw;
  --ag-chip-y: calc(var(--ag-safe-top) + 78px);
  --ag-chip-scale: 0.74;
  --ag-chip-right: 4vw;
  --ag-chip-top: calc(var(--ag-safe-top) + 82px);
  --ag-chip-gap: 7px;
  --ag-chip-avatar: 30px;
  --ag-chip-avatar-font: 11px;
  --ag-chip-name-w: 78px;
  --ag-chip-name-font: 12px;
  --ag-chip-sub-font: 9px;
  --ag-chip-btn-font: 11px;
  --ag-chip-btn-pad: 11px;
  --ag-chip-divider-h: 16px;
  --ag-chip-divider-w: 2px;
  --ag-logout-size: 31px;
  --ag-logout-right: 4vw;
  --ag-logout-top: calc(var(--ag-safe-top) + 20px);
  --ag-logout-font: 15px;
  --ag-scoreboard-y: calc(var(--ag-safe-top) + 116px);
  --ag-scoreboard-w: 96vw;
  --ag-scoreboard-scale: 0.54;
  --ag-board-x: 50vw;
  --ag-board-y: 62vh;
  --ag-board-w: 96vw;
  --ag-board-scale: 1;
  --ag-beam-x: 50vw;
  --ag-beam-y: 27vh;
  --ag-beam-w: 54vw;
  --ag-beam-h: 44vh;
  --ag-dice-z: 15;
  --ag-beam-z: 17;
  --ag-scoreboard-z: 18;
  --ag-board-z: 14;
  --ag-feature-z: 22;
  --ag-portrait-bg-y: 0px;
  --ag-portrait-bg-size: 100%;
  --ag-banner-x: 0px;
  --ag-banner-y: 0px;
  --ag-banner-w: 100vw;
  --ag-banner-h: 124px;
}

.ag-mobile-scene-banner {
  display: none !important;
}

.ag-mobile-feature-dock {
  display: none;
}

.ag-mobile-feature-explorer {
  display: none;
}

.ag-rotate-phone-overlay {
  display: none;
}

.ag-ios-v-neon {
  display: none;
}

html.ag-mobile-scene body.landing-boot:not(.landing-board-ready) .board-energy,
html.ag-mobile-scene body.landing-boot:not(.landing-board-ready) .board-core-light,
html.ag-mobile-scene body.landing-boot:not(.landing-board-ready) .board-glow-base,
html.ag-mobile-scene body.landing-boot:not(.landing-board-ready) .board-v-neon,
html.ag-mobile-scene body.landing-boot:not(.landing-board-ready) .board-v-neon-glow,
html.ag-mobile-scene body.landing-boot:not(.landing-board-ready) .ag-ios-v-neon {
  opacity: 0 !important;
  filter: blur(10px) saturate(0.72) !important;
}

html.ag-mobile-scene body.landing-boot:not(.landing-board-ready) .arena-board-stage::before,
html.ag-mobile-scene body.landing-boot:not(.landing-board-ready) .arena-board-stage::after {
  opacity: 0 !important;
}

@media (max-width: 58em), (orientation: landscape) and (max-height: 34em) {
  html.ag-mobile-scene,
  html.ag-mobile-scene body {
    min-height: var(--ag-mobile-vh);
    overflow-x: hidden;
  }

  html.ag-mobile-scene body {
    background-attachment: scroll;
    background-position: center top;
    background-size: cover;
  }

  html.ag-mobile-scene.ag-mobile-portrait body.ag-auth-stack-open {
    overflow: hidden !important;
    overscroll-behavior: contain;
  }

  html.ag-mobile-scene.ag-mobile-portrait body.ag-auth-stack-open::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    z-index: 70 !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    background:
      radial-gradient(circle at 50% 22%, rgba(255, 180, 78, 0.13) 0%, rgba(255, 180, 78, 0) 42%),
      rgba(3, 8, 15, 0.82) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    transition: opacity 180ms ease !important;
  }

  html.ag-mobile-scene.ag-mobile-portrait .ag-auth-backdrop {
    z-index: 80 !important;
  }

  html.ag-mobile-scene.ag-mobile-portrait .ag-auth-stack {
    z-index: 90 !important;
  }

  html.ag-mobile-scene.ag-mobile-portrait .ag-auth-stack-close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    top: -46px !important;
  }

  html.ag-mobile-scene.ag-mobile-portrait body {
    background-color: #050a13 !important;
    background-image: url("./images/portrait.webp") !important;
    background-repeat: no-repeat !important;
    background-position: center var(--ag-portrait-bg-y) !important;
    background-size: var(--ag-portrait-bg-size) auto !important;
    background-attachment: scroll !important;
  }

  html.ag-mobile-scene.ag-mobile-portrait .ag-mobile-scene-banner {
    display: none !important;
    position: fixed;
    left: var(--ag-banner-x);
    top: var(--ag-banner-y);
    width: var(--ag-banner-w);
    height: var(--ag-banner-h);
    z-index: 24;
    pointer-events: none;
    background:
      linear-gradient(90deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.13) 46%, rgba(0, 0, 0, 0.13) 54%, rgba(0, 0, 0, 0.02) 100%),
      linear-gradient(0deg, rgba(255, 132, 28, 0.22) 0%, rgba(255, 151, 46, 0.12) 12%, rgba(255, 151, 46, 0.04) 28%, rgba(255, 151, 46, 0) 46%),
      linear-gradient(180deg, rgba(118, 124, 124, 0.68) 0%, rgba(74, 79, 82, 0.7) 24%, rgba(42, 47, 50, 0.84) 48%, rgba(21, 25, 29, 0.94) 76%, rgba(11, 14, 18, 0.98) 100%);
    border-top: 1px solid rgba(255, 226, 184, 0.34);
    border-bottom: 1px solid rgba(255, 151, 46, 0.44);
    box-shadow:
      0 18px 34px rgba(0, 0, 0, 0.38),
      0 0 28px rgba(255, 132, 28, 0.12),
      inset 0 1px 0 rgba(255, 255, 255, 0.14),
      inset 0 -1px 0 rgba(255, 151, 46, 0.24);
  }

  html.ag-mobile-scene.ag-mobile-portrait .ag-mobile-scene-banner::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 244, 220, 0.28), rgba(255, 255, 255, 0));
    pointer-events: none;
  }

  html.ag-mobile-scene.ag-mobile-portrait .ag-mobile-scene-banner::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 14px;
    background: linear-gradient(0deg, rgba(255, 132, 28, 0.24) 0%, rgba(255, 151, 46, 0.1) 45%, rgba(255, 151, 46, 0.02) 72%, rgba(255, 151, 46, 0) 100%);
    filter: blur(1px);
    pointer-events: none;
  }

  html.ag-mobile-scene .hud-brand {
    position: fixed !important;
    left: var(--ag-brand-x) !important;
    top: var(--ag-brand-y) !important;
    transform: scale(var(--ag-brand-scale)) !important;
    transform-origin: left top !important;
    z-index: 30 !important;
  }

  html.ag-mobile-scene.ag-mobile-portrait .hud-brand,
  html.ag-mobile-scene.ag-mobile-portrait body[class*="landing-boot"] .hud-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: clamp(6px, 1.8vw, 10px) !important;
    width: var(--ag-layout-brand-w, 76vw) !important;
    max-width: none !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    overflow: visible !important;
    pointer-events: none !important;
    opacity: 1 !important;
    filter: none !important;
  }

  html.ag-mobile-scene.ag-mobile-portrait .hud-brand::after {
    content: none !important;
    display: none !important;
  }

  html.ag-mobile-scene.ag-mobile-portrait .hud-logo {
    flex: 0 0 auto !important;
    width: var(--ag-layout-logo-w, 18vw) !important;
    max-width: none !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html.ag-mobile-scene.ag-mobile-portrait .hud-text {
    font-size: var(--ag-layout-brand-font, min(6.3vw, 3.4vh)) !important;
    line-height: 0.9 !important;
    letter-spacing: 0.05em !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    align-self: center !important;
    min-width: 0 !important;
    transform: none !important;
  }

  html.ag-mobile-scene .ag-player-chip {
    position: fixed !important;
    left: auto !important;
    right: var(--ag-chip-right) !important;
    top: var(--ag-chip-top) !important;
    transform: none !important;
    transform-origin: right top !important;
    z-index: 31 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: var(--ag-chip-gap) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 58vw !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    isolation: auto !important;
    filter: none !important;
    opacity: 1 !important;
  }

  html.ag-mobile-scene .ag-player-chip::before,
  html.ag-mobile-scene .ag-player-chip::after {
    content: none !important;
    display: none !important;
  }

  html.ag-mobile-scene .ag-player-chip-avatar {
    width: var(--ag-chip-avatar) !important;
    height: var(--ag-chip-avatar) !important;
    min-width: var(--ag-chip-avatar) !important;
    min-height: var(--ag-chip-avatar) !important;
    font-size: var(--ag-chip-avatar-font) !important;
    line-height: 1 !important;
  }

  html.ag-mobile-scene .ag-player-chip-main {
    display: flex !important;
    flex: 1 1 var(--ag-chip-name-w) !important;
    min-width: 0 !important;
    max-width: var(--ag-chip-name-w) !important;
    gap: 1px !important;
  }

  html.ag-mobile-scene .ag-player-chip-name {
    display: block !important;
    font-size: var(--ag-chip-name-font) !important;
    line-height: 1.05 !important;
    max-width: var(--ag-chip-name-w) !important;
  }

  html.ag-mobile-scene body:not(.ag-member-session):not(.ag-guest-session) .ag-player-chip-name {
    white-space: nowrap !important;
  }

  html.ag-mobile-scene .ag-player-chip-sub {
    display: block !important;
    font-size: var(--ag-chip-sub-font) !important;
    line-height: 1.05 !important;
    max-width: var(--ag-chip-name-w) !important;
  }

  html.ag-mobile-scene body.ag-member-session .ag-player-chip-sub,
  html.ag-mobile-scene body.ag-guest-session .ag-player-chip-sub,
  html.ag-mobile-scene .ag-player-chip.is-member-session .ag-player-chip-sub {
    display: none !important;
  }

  html.ag-mobile-scene .ag-player-chip-btn {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 0 0 var(--ag-chip-btn-pad) !important;
    border: 0 !important;
    background: transparent !important;
    font-size: var(--ag-chip-btn-font) !important;
    line-height: 1 !important;
    letter-spacing: 0.045em !important;
  }

  html.ag-mobile-scene .ag-player-chip-btn::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: var(--ag-chip-divider-w) !important;
    height: var(--ag-chip-divider-h) !important;
    transform: translateY(-50%) !important;
    border-radius: 999px !important;
    background: rgba(255, 218, 162, 0.48) !important;
    box-shadow: 0 0 8px rgba(255, 190, 98, 0.16) !important;
  }

  html.ag-mobile-scene .ag-logout-btn {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    z-index: 32 !important;
    width: var(--ag-logout-size) !important;
    height: var(--ag-logout-size) !important;
    min-width: var(--ag-logout-size) !important;
    min-height: var(--ag-logout-size) !important;
    font-size: var(--ag-logout-font) !important;
    margin-left: clamp(3px, 1vw, 6px) !important;
    flex: 0 0 var(--ag-logout-size) !important;
    order: 4 !important;
  }

  html.ag-mobile-scene .ag-logout-icon {
    width: 86% !important;
    height: 86% !important;
    stroke-width: 3.05 !important;
  }

  html.ag-mobile-scene .ag-logout-btn[hidden] {
    display: none !important;
  }

  html.ag-mobile-scene .top-scoreboard,
  html.ag-mobile-scene body.landing-boot-prep .top-scoreboard,
  html.ag-mobile-scene body.landing-boot-ui .top-scoreboard,
  html.ag-mobile-scene body.landing-boot-lock .top-scoreboard,
  html.ag-mobile-scene body.landing-boot-ignite .top-scoreboard,
  html.ag-mobile-scene body.landing-boot-dice .top-scoreboard,
  html.ag-mobile-scene body.landing-boot-dust .top-scoreboard {
    position: fixed !important;
    left: 50% !important;
    top: var(--ag-scoreboard-y) !important;
    width: var(--ag-scoreboard-w) !important;
    min-width: 0 !important;
    transform: translateX(-50%) scale(var(--ag-scoreboard-scale)) !important;
    transform-origin: top center !important;
    z-index: var(--ag-scoreboard-z) !important;
    opacity: 0.98 !important;
    filter: drop-shadow(0 10px 24px rgba(0, 0, 0, 0.42)) !important;
  }

  html.ag-mobile-scene .scoreboard-cta-main {
    line-height: 1.02 !important;
  }

  html.ag-mobile-scene .scoreboard-cta-main.top {
    transform: translateY(-6%) !important;
  }

  html.ag-mobile-scene .scoreboard-cta-main.bottom {
    transform: translateY(6%) !important;
  }

  html.ag-mobile-scene .scoreboard-cta-static,
  html.ag-mobile-scene body[class*="landing-boot"] .scoreboard-cta-static {
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    transform-style: flat !important;
    -webkit-transform-style: flat !important;
    will-change: transform, opacity !important;
  }

  html.ag-mobile-scene:not(.ag-lite-cta-scene) .scoreboard-cta-static,
  html.ag-mobile-scene:not(.ag-lite-cta-scene) body[class*="landing-boot"] .scoreboard-cta-static {
    --cta-scale: var(--ag-layout-cta-scale, var(--ag-scoreboard-scale));
    position: fixed !important;
    left: 50% !important;
    top: var(--ag-layout-cta-y, var(--ag-scoreboard-y)) !important;
    width: var(--ag-layout-cta-w, 150px) !important;
    min-width: 0 !important;
    transform: translate(-50%, -50%) scale(var(--cta-scale)) !important;
    transform-origin: center center !important;
    z-index: 2005 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }

  html.ag-mobile-scene body.landing-cta-exit-start .scoreboard-cta-static,
  html.ag-mobile-scene body.landing-cta-exited .scoreboard-cta-static,
  html.ag-mobile-scene body.landing-cta-returning .scoreboard-cta-static {
    filter: none !important;
    opacity: 0 !important;
    transform: translate(-50%, -50%) scale(calc(var(--cta-scale) * 0.7)) !important;
    pointer-events: none !important;
  }

  html.ag-mobile-scene .scoreboard-cta-btn,
  html.ag-mobile-scene .scoreboard-cta-btn::before,
  html.ag-mobile-scene .scoreboard-cta-btn::after {
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
  }

  html.ag-mobile-scene .scoreboard-cta-arrow-row {
    top: 54% !important;
    transform: translateY(-50%) !important;
  }

  html.ag-mobile-scene .arena-board-stage,
  html.ag-mobile-scene body.landing-boot-prep .arena-board-stage,
  html.ag-mobile-scene body.landing-boot-ui .arena-board-stage,
  html.ag-mobile-scene body.landing-boot-lock .arena-board-stage,
  html.ag-mobile-scene body.landing-boot-ignite .arena-board-stage,
  html.ag-mobile-scene body.landing-boot-dice .arena-board-stage,
  html.ag-mobile-scene body.landing-boot-dust .arena-board-stage {
    position: fixed !important;
    left: var(--ag-board-x) !important;
    top: var(--ag-board-y) !important;
    width: var(--ag-board-w) !important;
    min-width: 0 !important;
    transform: translate(-50%, -50%) scale(var(--ag-board-scale)) !important;
    transform-origin: center center !important;
    z-index: var(--ag-board-z) !important;
    opacity: 1 !important;
    filter: none !important;
    pointer-events: none !important;
  }

  html.ag-mobile-scene .arena-board-inner img {
    position: relative !important;
    z-index: 1 !important;
  }

  html.ag-mobile-scene .board-energy {
    display: block !important;
    z-index: 8 !important;
  }

  html.ag-mobile-scene .board-core-light {
    display: block !important;
    z-index: 9 !important;
  }

  html.ag-mobile-scene .mystic-beam,
  html.ag-mobile-scene body.landing-boot-prep .mystic-beam,
  html.ag-mobile-scene body.landing-boot-ui .mystic-beam,
  html.ag-mobile-scene body.landing-boot-lock .mystic-beam,
  html.ag-mobile-scene body.landing-boot-ignite .mystic-beam,
  html.ag-mobile-scene body.landing-boot-dice .mystic-beam,
  html.ag-mobile-scene body.landing-boot-dust .mystic-beam {
    position: fixed !important;
    left: var(--ag-beam-x) !important;
    top: var(--ag-beam-y) !important;
    width: var(--ag-beam-w) !important;
    height: var(--ag-beam-h) !important;
    transform: translateX(-50%) !important;
    z-index: var(--ag-beam-z) !important;
    opacity: 1 !important;
    filter: saturate(1.12) contrast(1.02) !important;
    pointer-events: none !important;
  }

  html.ag-mobile-scene .beam-cone {
    top: -4px !important;
    width: 88% !important;
    height: 102% !important;
    border-radius: 50% !important;
    opacity: 0.92 !important;
    background:
      linear-gradient(
        to bottom,
        rgba(255, 236, 205, 0.36) 0%,
        rgba(252, 204, 142, 0.25) 28%,
        rgba(239, 162, 92, 0.15) 56%,
        rgba(205, 121, 64, 0.07) 76%,
        rgba(0, 0, 0, 0) 100%
      ),
      radial-gradient(
        ellipse at center,
        rgba(255, 236, 204, 0.22) 0%,
        rgba(243, 175, 105, 0.11) 55%,
        rgba(0, 0, 0, 0) 100%
      ) !important;
    -webkit-mask-image: radial-gradient(ellipse at center, rgba(0,0,0,0.96) 0%, rgba(0,0,0,0.72) 48%, rgba(0,0,0,0) 100%) !important;
    mask-image: radial-gradient(ellipse at center, rgba(0,0,0,0.96) 0%, rgba(0,0,0,0.72) 48%, rgba(0,0,0,0) 100%) !important;
  }

  html.ag-mobile-scene .beam-core {
    opacity: 0.42 !important;
    background:
      linear-gradient(
        to bottom,
        rgba(255, 248, 234, 0) 0%,
        rgba(255, 231, 188, 0.2) 16%,
        rgba(247, 194, 126, 0.12) 46%,
        rgba(232, 150, 84, 0.07) 70%,
        rgba(0, 0, 0, 0) 100%
      ) !important;
  }

  html.ag-mobile-scene.ag-beam-in-scoreboard .top-scoreboard > .mystic-beam,
  html.ag-mobile-scene.ag-beam-in-scoreboard body.landing-boot-prep .top-scoreboard > .mystic-beam,
  html.ag-mobile-scene.ag-beam-in-scoreboard body.landing-boot-ui .top-scoreboard > .mystic-beam,
  html.ag-mobile-scene.ag-beam-in-scoreboard body.landing-boot-lock .top-scoreboard > .mystic-beam,
  html.ag-mobile-scene.ag-beam-in-scoreboard body.landing-boot-ignite .top-scoreboard > .mystic-beam,
  html.ag-mobile-scene.ag-beam-in-scoreboard body.landing-boot-dice .top-scoreboard > .mystic-beam,
  html.ag-mobile-scene.ag-beam-in-scoreboard body.landing-boot-dust .top-scoreboard > .mystic-beam {
    position: absolute !important;
    left: 49% !important;
    top: 62% !important;
    width: 118% !important;
    height: 335% !important;
    transform: translateX(-50%) !important;
    transform-origin: top center !important;
    z-index: 1 !important;
  }

  html.ag-mobile-scene #boardDiceFxCanvas,
  html.ag-mobile-scene body.landing-boot-prep #boardDiceFxCanvas,
  html.ag-mobile-scene body.landing-boot-ui #boardDiceFxCanvas,
  html.ag-mobile-scene body.landing-boot-lock #boardDiceFxCanvas,
  html.ag-mobile-scene body.landing-boot-ignite #boardDiceFxCanvas,
  html.ag-mobile-scene body.landing-boot-dice #boardDiceFxCanvas,
  html.ag-mobile-scene body.landing-boot-dust #boardDiceFxCanvas {
    z-index: var(--ag-dice-z) !important;
  }

  html.ag-mobile-scene .board-v-neon {
    z-index: calc(var(--ag-board-z) - 1) !important;
    opacity: 1 !important;
    mix-blend-mode: screen !important;
    filter: saturate(1.18) contrast(1.05) brightness(1.06) !important;
    pointer-events: none !important;
  }

  html.ag-mobile-scene .board-v-neon-glow {
    z-index: calc(var(--ag-board-z) + 2) !important;
    opacity: 1 !important;
    mix-blend-mode: screen !important;
    filter: saturate(1.18) contrast(1.05) brightness(1.06) !important;
    pointer-events: none !important;
  }

  html.ag-mobile-scene .ag-ios-v-neon {
    position: fixed !important;
    left: var(--ag-board-x) !important;
    top: calc(var(--ag-board-y) + (var(--ag-board-w) * 0.095)) !important;
    width: calc(var(--ag-board-w) * 0.78) !important;
    height: calc(var(--ag-board-w) * 0.075) !important;
    transform: translate(-50%, -50%) scale(var(--ag-board-scale)) !important;
    transform-origin: center center !important;
    z-index: calc(var(--ag-board-z) - 1) !important;
    pointer-events: none !important;
    opacity: 0 !important;
  }

  html.ag-mobile-scene .ag-ios-v-neon-svg {
    width: 100%;
    height: 100%;
    overflow: visible;
    display: block;
  }

  html.ag-mobile-scene .ag-ios-v-neon-path {
    fill: none;
    stroke: url(#agIosVNeonStroke);
    stroke-width: 4.1;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
    opacity: 0.6;
    filter: drop-shadow(0 0 3px rgba(255, 173, 84, 0.18)) drop-shadow(0 0 8px rgba(255, 144, 52, 0.1));
  }

  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-prep {
    background-image: none !important;
  }

  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-prep .ag-mobile-scene-banner,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-prep .hud-brand {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
  }

  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-prep .hud-brand {
    transform: scale(var(--ag-brand-scale)) !important;
  }

  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-prep .ag-player-chip,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-prep .ag-mobile-feature-dock {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-ui .ag-player-chip,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-lock .ag-player-chip,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-ignite .ag-player-chip,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-neon .ag-player-chip,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-beam .ag-player-chip,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-dice .ag-player-chip,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-dust .ag-player-chip {
    opacity: 1 !important;
    filter: none !important;
    pointer-events: auto !important;
  }

  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-ui .ag-mobile-feature-dock,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-lock .ag-mobile-feature-dock,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-ignite .ag-mobile-feature-dock,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-neon .ag-mobile-feature-dock,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-beam .ag-mobile-feature-dock,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-dice .ag-mobile-feature-dock,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-dust .ag-mobile-feature-dock {
    opacity: 1 !important;
    transform: translateX(-50%) translateY(0) !important;
    pointer-events: auto !important;
  }

  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-prep .top-scoreboard,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-ui .top-scoreboard {
    opacity: 0 !important;
    transform: translateX(-50%) translateY(-72px) scale(var(--ag-scoreboard-scale)) !important;
    filter: blur(10px) saturate(0.7) !important;
    pointer-events: none !important;
  }

  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-lock .top-scoreboard,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-ignite .top-scoreboard,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-neon .top-scoreboard,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-beam .top-scoreboard,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-dice .top-scoreboard,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-dust .top-scoreboard {
    opacity: 0.98 !important;
    transform: translateX(-50%) scale(var(--ag-scoreboard-scale)) !important;
    filter: drop-shadow(0 10px 24px rgba(0, 0, 0, 0.42)) !important;
    pointer-events: auto !important;
  }

  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-prep .arena-board-stage,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-ui .arena-board-stage,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-lock .arena-board-stage {
    opacity: 0 !important;
    transform: translate(-50%, -43%) scale(calc(var(--ag-board-scale) * 0.9)) !important;
    filter: blur(8px) saturate(0.76) !important;
  }

  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-ignite .arena-board-stage,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-neon .arena-board-stage,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-beam .arena-board-stage,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-dice .arena-board-stage,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-dust .arena-board-stage {
    opacity: 1 !important;
    transform: translate(-50%, -50%) scale(var(--ag-board-scale)) !important;
    filter: none !important;
  }

  html.ag-mobile-scene.ag-mobile-portrait .board-motion,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-prep .board-motion,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-ui .board-motion,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-lock .board-motion,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-ignite .board-motion,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-neon .board-motion,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-beam .board-motion,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-dice .board-motion,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-dust .board-motion {
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
    filter: none !important;
  }

  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-prep .board-energy,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-prep .board-core-light,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-prep .board-v-neon,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-prep .board-v-neon-glow,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-prep .ag-ios-v-neon,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-ui .board-energy,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-ui .board-core-light,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-ui .board-v-neon,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-ui .board-v-neon-glow,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-ui .ag-ios-v-neon,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-lock .board-energy,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-lock .board-core-light,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-lock .board-v-neon,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-lock .board-v-neon-glow,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-lock .ag-ios-v-neon,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-ignite .board-energy,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-ignite .board-core-light,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-ignite .board-v-neon,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-ignite .board-v-neon-glow,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-ignite .ag-ios-v-neon {
    opacity: 0 !important;
    filter: blur(8px) saturate(0.72) !important;
  }

  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-neon .board-energy,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-neon .board-core-light,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-neon .board-v-neon,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-neon .board-v-neon-glow,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-neon .ag-ios-v-neon,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-beam .board-energy,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-beam .board-core-light,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-beam .board-v-neon,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-beam .board-v-neon-glow,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-beam .ag-ios-v-neon,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-dice .board-energy,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-dice .board-core-light,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-dice .board-v-neon,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-dice .board-v-neon-glow,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-dice .ag-ios-v-neon,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-dust .board-energy,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-dust .board-core-light,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-dust .board-v-neon,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-dust .board-v-neon-glow,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-dust .ag-ios-v-neon {
    opacity: 1 !important;
    filter: saturate(1.18) contrast(1.05) brightness(1.06) !important;
  }

  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-prep .mystic-beam,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-ui .mystic-beam,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-lock .mystic-beam,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-ignite .mystic-beam,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-neon .mystic-beam {
    opacity: 0 !important;
    filter: blur(10px) saturate(0.72) !important;
  }

  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-beam .mystic-beam,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-dice .mystic-beam,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-dust .mystic-beam {
    opacity: 1 !important;
    filter: saturate(1.12) contrast(1.02) !important;
  }

  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-prep #boardDiceFxCanvas,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-ui #boardDiceFxCanvas,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-lock #boardDiceFxCanvas,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-ignite #boardDiceFxCanvas,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-neon #boardDiceFxCanvas,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-beam #boardDiceFxCanvas {
    opacity: 0 !important;
    filter: blur(8px) saturate(0.7) !important;
  }

  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-dice #boardDiceFxCanvas,
  html.ag-mobile-scene.ag-mobile-portrait body.landing-boot-dust #boardDiceFxCanvas {
    opacity: 1 !important;
    filter: saturate(1.12) contrast(1.08) drop-shadow(0 8px 14px rgba(0, 0, 0, 0.26)) !important;
  }

  html.ag-mobile-scene .cards {
    min-height: var(--ag-mobile-vh) !important;
    height: var(--ag-mobile-vh) !important;
    overflow: hidden !important;
  }

  html.ag-mobile-scene .cards > .card {
    display: none !important;
  }

  html.ag-mobile-scene.ag-mobile-portrait .ag-mobile-feature-explorer {
    position: fixed;
    left: 50%;
    right: auto;
    width: min(90vw, 560px);
    bottom: calc(var(--ag-safe-bottom) + 20vw);
    z-index: 31;
    display: grid;
    gap: 2vw;
    pointer-events: none;
    transform: translateX(-50%);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform-style: flat;
    -webkit-transform-style: flat;
    contain: layout paint;
  }

  html.ag-mobile-scene.ag-mobile-portrait .ag-mobile-feature-explorer:not(.is-open) {
    display: none;
  }

  html.ag-mobile-scene.ag-mobile-portrait .ag-mobile-feature-panel {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    contain: paint;
    min-height: 24svh;
    border: 0.28vw solid rgba(255, 194, 105, 0.18);
    border-radius: 5vw;
    background:
      linear-gradient(180deg, rgba(11, 16, 28, 0.97) 0%, rgba(9, 14, 24, 0.95) 100%);
    box-shadow:
      0 3svh 5svh rgba(0, 0, 0, 0.28),
      inset 0 0.18svh 0 rgba(255, 255, 255, 0.05);
    pointer-events: auto;
  }

  html.ag-mobile-scene.ag-mobile-portrait .ag-mobile-feature-panel[hidden] {
    display: none !important;
  }

  html.ag-mobile-scene.ag-mobile-portrait .ag-mobile-feature-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(circle at 18% 22%, rgba(255, 174, 64, 0.2), transparent 38%),
      linear-gradient(135deg, rgba(255, 196, 102, 0.14), transparent 44%);
    pointer-events: none;
  }

  html.ag-mobile-scene.ag-mobile-portrait .ag-mobile-feature-media {
    position: absolute;
    inset: 0 0 0 30%;
    background-position: center center;
    background-size: cover;
    opacity: 0.52;
    filter: saturate(1.04) brightness(0.92);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.44) 18%, rgba(0, 0, 0, 0.94) 52%, black 100%);
    mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.44) 18%, rgba(0, 0, 0, 0.94) 52%, black 100%);
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }

  html.ag-mobile-scene.ag-mobile-portrait .ag-mobile-feature-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(90deg, rgba(8, 12, 20, 0.92) 0%, rgba(8, 12, 20, 0.68) 28%, rgba(8, 12, 20, 0.18) 62%, rgba(8, 12, 20, 0) 100%),
      linear-gradient(180deg, rgba(8, 12, 20, 0) 0%, rgba(8, 12, 20, 0.18) 56%, rgba(8, 12, 20, 0.54) 100%);
  }

  html.ag-mobile-scene.ag-mobile-portrait .ag-mobile-feature-panel-content {
    position: relative;
    z-index: 2;
    display: grid;
    align-content: start;
    row-gap: 1.6vw;
    min-height: 24svh;
    max-width: 74%;
    padding: 4vw 4vw 4.4vw;
  }

  html.ag-mobile-scene.ag-mobile-portrait .ag-mobile-feature-title {
    margin: 0;
    color: #ffb54e;
    font-size: 7.2vw;
    line-height: 0.92;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    text-shadow: 0 1.4svh 3svh rgba(255, 171, 78, 0.18);
  }

  html.ag-mobile-scene.ag-mobile-portrait .ag-mobile-feature-copy {
    margin: 0;
    color: rgba(241, 244, 252, 0.92);
    font-size: 3.2vw;
    line-height: 1.34;
  }

  html.ag-mobile-scene.ag-mobile-portrait .ag-mobile-feature-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 1vw;
  }

  html.ag-mobile-scene.ag-mobile-portrait .ag-mobile-feature-list li {
    display: flex;
    align-items: flex-start;
    gap: 1.4vw;
    color: rgba(238, 241, 248, 0.92);
    font-size: 2.9vw;
    line-height: 1.24;
  }

  html.ag-mobile-scene.ag-mobile-portrait .ag-mobile-feature-list li::before {
    content: "";
    width: 1.5vw;
    height: 1.5vw;
    margin-top: 1.1vw;
    border-radius: 50%;
    background: linear-gradient(180deg, #ffd477 0%, #ffae43 100%);
    box-shadow: 0 0 2.2vw rgba(255, 182, 78, 0.42);
    flex: 0 0 1.5vw;
  }

  html.ag-mobile-scene.ag-mobile-portrait .ag-mobile-feature-dock {
    position: fixed;
    left: 50%;
    right: auto;
    width: min(90vw, 560px);
    bottom: calc(var(--ag-safe-bottom) + 2vw);
    z-index: 32;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 1.4vw;
    padding: 1.8vw;
    border-radius: 4.6vw;
    background:
      linear-gradient(180deg, rgba(27, 36, 51, 0.94) 0%, rgba(10, 16, 28, 0.96) 100%);
    border: 0.28vw solid rgba(255, 205, 134, 0.18);
    box-shadow:
      0 2.8svh 5svh rgba(0, 0, 0, 0.28),
      inset 0 0.16svh 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(1.4svh) saturate(1.05);
    -webkit-backdrop-filter: blur(1.4svh) saturate(1.05);
    transform: translateX(-50%);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    contain: layout paint;
  }

  html.ag-mobile-scene.ag-mobile-portrait .ag-mobile-feature-dock-btn {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1;
    padding: 0;
    border: 0.24vw solid rgba(176, 196, 222, 0.16);
    border-radius: 3.6vw;
    background:
      radial-gradient(circle at 30% 22%, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 54%),
      linear-gradient(180deg, rgba(20, 29, 42, 0.96) 0%, rgba(11, 17, 30, 0.98) 100%);
    box-shadow:
      inset 0 0.14svh 0 rgba(255, 255, 255, 0.06),
      0 1.8svh 3svh rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition:
      transform 180ms ease,
      box-shadow 180ms ease,
      border-color 180ms ease,
      background 180ms ease;
  }

  html.ag-mobile-scene.ag-mobile-portrait .ag-mobile-feature-dock-btn img {
    width: 72%;
    height: 72%;
    object-fit: contain;
    filter: drop-shadow(0 0 2.2vw rgba(255, 186, 110, 0.2));
    pointer-events: none;
  }

  html.ag-mobile-scene.ag-mobile-portrait .ag-mobile-feature-dock-btn.is-active {
    border-color: rgba(255, 196, 118, 0.42);
    background:
      radial-gradient(circle at 30% 22%, rgba(255, 214, 150, 0.22) 0%, rgba(255, 255, 255, 0) 54%),
      linear-gradient(180deg, rgba(42, 30, 17, 0.98) 0%, rgba(19, 15, 20, 0.98) 100%);
    box-shadow:
      inset 0 0.16svh 0 rgba(255, 245, 224, 0.16),
      0 2.2svh 3.6svh rgba(0, 0, 0, 0.24),
      0 0 0 0.2vw rgba(255, 192, 104, 0.08);
    transform: translateY(-1%);
  }

  html.ag-mobile-scene.ag-mobile-portrait .ag-mobile-feature-dock-btn.is-active img {
    filter:
      drop-shadow(0 0 2.6vw rgba(255, 196, 118, 0.32))
      saturate(1.06);
  }

  html.ag-mobile-scene.ag-mobile-portrait .ag-mobile-feature-panel.is-entering {
    animation: none !important;
  }

  @keyframes agFeaturePanelReveal {
    from {
      opacity: 0;
      transform: translateY(4%) scale(0.985);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
}

@media (max-width: 48em) {
  html.ag-mobile-scene.ag-mobile-portrait {
    --ag-brand-x: var(--ag-layout-brand-x, 4vw);
    --ag-brand-y: var(--ag-layout-brand-y, calc(var(--ag-safe-top) + 18px));
    --ag-brand-scale: 1;
    --ag-chip-right: var(--ag-layout-chip-right, 4vw);
    --ag-chip-top: var(--ag-layout-chip-top, calc(var(--ag-safe-top) + 86px));
    --ag-chip-gap: var(--ag-layout-chip-gap, 7px);
    --ag-chip-avatar: var(--ag-layout-chip-avatar, 30px);
    --ag-chip-avatar-font: var(--ag-layout-chip-avatar-font, 11px);
    --ag-chip-name-w: var(--ag-layout-chip-name-w, 78px);
    --ag-chip-name-font: var(--ag-layout-chip-name-font, 12px);
    --ag-chip-sub-font: var(--ag-layout-chip-sub-font, 9px);
    --ag-chip-btn-font: var(--ag-layout-chip-btn-font, 11px);
    --ag-chip-btn-pad: var(--ag-layout-chip-btn-pad, 11px);
    --ag-chip-divider-h: var(--ag-layout-chip-divider-h, 16px);
    --ag-chip-divider-w: var(--ag-layout-chip-divider-w, 2px);
    --ag-logout-size: var(--ag-layout-logout-size, 31px);
    --ag-logout-right: var(--ag-layout-logout-right, 4vw);
    --ag-logout-top: var(--ag-layout-logout-top, calc(var(--ag-safe-top) + 20px));
    --ag-logout-font: var(--ag-layout-logout-font, 15px);
    --ag-scoreboard-y: var(--ag-layout-scoreboard-y, calc(var(--ag-safe-top) + 120px));
    --ag-scoreboard-w: var(--ag-layout-scoreboard-w, 96vw);
    --ag-scoreboard-scale: var(--ag-layout-scoreboard-scale, 0.54);
    --ag-board-y: var(--ag-layout-board-y, 62vh);
    --ag-board-w: var(--ag-layout-board-w, 96vw);
    --ag-board-scale: var(--ag-layout-board-scale, 1);
    --ag-beam-x: var(--ag-layout-beam-x, 50vw);
    --ag-beam-y: var(--ag-layout-beam-y, 27vh);
    --ag-beam-w: var(--ag-layout-beam-w, 54vw);
    --ag-beam-h: var(--ag-layout-beam-h, 44vh);
    --ag-portrait-bg-y: var(--ag-layout-bg-y, 0px);
    --ag-portrait-bg-size: var(--ag-layout-bg-size, 100%);
    --ag-banner-y: var(--ag-layout-banner-y, 0px);
    --ag-banner-h: var(--ag-layout-banner-h, 124px);
  }

  html.ag-ios-phone-scene.ag-mobile-scene.ag-mobile-portrait {
    --ag-board-y: calc(var(--ag-layout-board-y, 62vh) + 10px);
  }
}

@media (max-width: 58em) {
  html.ag-mobile-scene.ag-mobile-portrait.ag-mobile-keyboard-open .ag-mobile-feature-dock,
  html.ag-mobile-scene.ag-mobile-portrait.ag-mobile-keyboard-open .ag-mobile-feature-explorer {
    display: none !important;
  }
}

@media (max-width: 58em) and (orientation: landscape) and (max-height: 34em) {
  html.ag-mobile-scene.ag-mobile-landscape .ag-rotate-phone-overlay {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 24px;
    background:
      radial-gradient(circle at 50% 18%, rgba(255, 186, 100, 0.14), transparent 34%),
      linear-gradient(180deg, rgba(4, 10, 20, 0.98), rgba(3, 7, 14, 0.99));
  }

  html.ag-mobile-scene.ag-mobile-landscape .ag-rotate-phone-card {
    width: min(420px, 76vw);
    padding: clamp(18px, 4vw, 30px);
    border: 1px solid rgba(255, 205, 134, 0.22);
    border-radius: 24px;
    background:
      radial-gradient(circle at 22% 18%, rgba(255, 214, 150, 0.18), transparent 42%),
      linear-gradient(180deg, rgba(17, 26, 40, 0.94), rgba(7, 12, 22, 0.96));
    box-shadow:
      0 24px 60px rgba(0, 0, 0, 0.36),
      inset 0 1px 0 rgba(255, 255, 255, 0.08);
    text-align: center;
  }

  html.ag-mobile-scene.ag-mobile-landscape .ag-rotate-phone-logo {
    width: clamp(58px, 12vw, 86px);
    height: auto;
    margin: 0 auto clamp(10px, 2vw, 16px);
    display: block;
    filter: drop-shadow(0 0 16px rgba(255, 181, 82, 0.22));
  }

  html.ag-mobile-scene.ag-mobile-landscape .ag-rotate-phone-title {
    color: #fff4dc;
    font-size: clamp(20px, 4.4vw, 30px);
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -0.03em;
    text-transform: uppercase;
  }

  html.ag-mobile-scene.ag-mobile-landscape .ag-rotate-phone-copy {
    margin-top: 10px;
    color: rgba(226, 234, 248, 0.78);
    font-size: clamp(12px, 2.2vw, 15px);
    line-height: 1.35;
    font-weight: 700;
  }

  html.ag-mobile-scene.ag-mobile-landscape body {
    overflow: hidden !important;
  }

  html.ag-mobile-scene.ag-mobile-landscape {
    --ag-brand-x: 2vw;
    --ag-brand-y: calc(var(--ag-safe-top) + 8px);
    --ag-brand-scale: var(--ag-layout-brand-scale, 0.42);
    --ag-chip-right: var(--ag-layout-chip-right, 2vw);
    --ag-chip-top: var(--ag-layout-chip-top, calc(var(--ag-safe-top) + 22px));
    --ag-chip-gap: var(--ag-layout-chip-gap, 7px);
    --ag-chip-avatar: var(--ag-layout-chip-avatar, 30px);
    --ag-chip-avatar-font: var(--ag-layout-chip-avatar-font, 11px);
    --ag-chip-name-w: var(--ag-layout-chip-name-w, 96px);
    --ag-chip-name-font: var(--ag-layout-chip-name-font, 12px);
    --ag-chip-sub-font: var(--ag-layout-chip-sub-font, 9px);
    --ag-chip-btn-font: var(--ag-layout-chip-btn-font, 11px);
    --ag-chip-btn-pad: var(--ag-layout-chip-btn-pad, 11px);
    --ag-chip-divider-h: var(--ag-layout-chip-divider-h, 16px);
    --ag-chip-divider-w: var(--ag-layout-chip-divider-w, 2px);
    --ag-logout-size: var(--ag-layout-logout-size, 30px);
    --ag-logout-right: var(--ag-layout-logout-right, 2vw);
    --ag-logout-top: var(--ag-layout-logout-top, calc(var(--ag-safe-top) + 8px));
    --ag-logout-font: var(--ag-layout-logout-font, 15px);
    --ag-scoreboard-y: var(--ag-layout-scoreboard-y, calc(var(--ag-safe-top) - 12px));
    --ag-scoreboard-w: var(--ag-layout-scoreboard-w, 64vw);
    --ag-scoreboard-scale: var(--ag-layout-scoreboard-scale, 0.34);
    --ag-board-y: var(--ag-layout-board-y, 72vh);
    --ag-board-w: var(--ag-layout-board-w, 38vw);
    --ag-board-scale: var(--ag-layout-board-scale, 1.6);
    --ag-beam-x: var(--ag-layout-beam-x, 50vw);
    --ag-beam-y: var(--ag-layout-beam-y, 10vh);
    --ag-beam-w: var(--ag-layout-beam-w, 30vw);
    --ag-beam-h: var(--ag-layout-beam-h, 76vh);
  }
}

@media (max-width: 1366px) {
  html.ag-mobile-scene.ag-tablet-scene,
  html.ag-mobile-scene.ag-tablet-scene body {
    min-height: var(--ag-mobile-vh);
    overflow: hidden !important;
  }

  html.ag-mobile-scene.ag-tablet-scene {
    --ag-brand-x: var(--ag-layout-brand-x, 32px);
    --ag-brand-y: var(--ag-layout-brand-y, 28px);
    --ag-brand-scale: var(--ag-layout-brand-scale, 1);
    --ag-chip-right: var(--ag-layout-chip-right, 32px);
    --ag-chip-top: var(--ag-layout-chip-top, 82px);
    --ag-chip-gap: var(--ag-layout-chip-gap, 12px);
    --ag-chip-avatar: var(--ag-layout-chip-avatar, 46px);
    --ag-chip-avatar-font: var(--ag-layout-chip-avatar-font, 16px);
    --ag-chip-name-w: var(--ag-layout-chip-name-w, 172px);
    --ag-chip-name-font: var(--ag-layout-chip-name-font, 15px);
    --ag-chip-sub-font: var(--ag-layout-chip-sub-font, 12px);
    --ag-chip-btn-font: var(--ag-layout-chip-btn-font, 14px);
    --ag-chip-btn-pad: var(--ag-layout-chip-btn-pad, 18px);
    --ag-chip-divider-h: var(--ag-layout-chip-divider-h, 26px);
    --ag-chip-divider-w: var(--ag-layout-chip-divider-w, 2px);
    --ag-logout-size: var(--ag-layout-logout-size, 48px);
    --ag-logout-font: var(--ag-layout-logout-font, 20px);
    --ag-scoreboard-y: var(--ag-layout-scoreboard-y, 136px);
    --ag-scoreboard-w: var(--ag-layout-scoreboard-w, 820px);
    --ag-scoreboard-scale: var(--ag-layout-scoreboard-scale, 0.62);
    --ag-board-x: 50vw;
    --ag-board-y: var(--ag-layout-board-y, 64vh);
    --ag-board-w: var(--ag-layout-board-w, 68vw);
    --ag-board-scale: var(--ag-layout-board-scale, 1);
    --ag-beam-x: var(--ag-layout-beam-x, 50vw);
    --ag-beam-y: var(--ag-layout-beam-y, 24vh);
    --ag-beam-w: var(--ag-layout-beam-w, 36vw);
    --ag-beam-h: var(--ag-layout-beam-h, 50vh);
    --ag-banner-y: var(--ag-layout-banner-y, 0px);
    --ag-banner-h: var(--ag-layout-banner-h, 128px);
    --ag-tablet-dock-w: min(820px, 88vw);
    --ag-tablet-dock-gap: clamp(10px, 1.2vw, 16px);
  }

  html.ag-mobile-scene.ag-tablet-scene body {
    background-color: #050a13 !important;
    background-image: url("./images/portrait.webp") !important;
    background-repeat: no-repeat !important;
    background-position: center var(--ag-layout-bg-y, 0px) !important;
    background-size: var(--ag-layout-bg-size, cover) !important;
    background-attachment: scroll !important;
  }

  html.ag-mobile-scene.ag-tablet-scene body.ag-auth-stack-open {
    overflow: hidden !important;
    overscroll-behavior: contain;
  }

  html.ag-mobile-scene.ag-tablet-scene body.ag-auth-stack-open::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 70 !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    background:
      radial-gradient(circle at 50% 22%, rgba(255, 180, 78, 0.13) 0%, rgba(255, 180, 78, 0) 42%),
      rgba(3, 8, 15, 0.82) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-auth-backdrop {
    z-index: 80 !important;
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-auth-stack {
    z-index: 90 !important;
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-auth-stack-close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    top: -46px !important;
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-mobile-scene-banner {
    display: none !important;
    position: fixed;
    left: 0;
    top: var(--ag-banner-y);
    width: 100vw;
    height: var(--ag-banner-h);
    z-index: 24;
    pointer-events: none;
    background:
      linear-gradient(90deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.13) 46%, rgba(0, 0, 0, 0.13) 54%, rgba(0, 0, 0, 0.02) 100%),
      linear-gradient(0deg, rgba(255, 132, 28, 0.22) 0%, rgba(255, 151, 46, 0.12) 12%, rgba(255, 151, 46, 0.04) 28%, rgba(255, 151, 46, 0) 46%),
      linear-gradient(180deg, rgba(118, 124, 124, 0.68) 0%, rgba(74, 79, 82, 0.7) 24%, rgba(42, 47, 50, 0.84) 48%, rgba(21, 25, 29, 0.94) 76%, rgba(11, 14, 18, 0.98) 100%);
    border-top: 1px solid rgba(255, 226, 184, 0.34);
    border-bottom: 1px solid rgba(255, 151, 46, 0.44);
    box-shadow:
      0 18px 34px rgba(0, 0, 0, 0.38),
      0 0 28px rgba(255, 132, 28, 0.12),
      inset 0 1px 0 rgba(255, 255, 255, 0.14),
      inset 0 -1px 0 rgba(255, 151, 46, 0.24);
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-mobile-scene-banner::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 244, 220, 0.28), rgba(255, 255, 255, 0));
    pointer-events: none;
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-mobile-scene-banner::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 14px;
    background: linear-gradient(0deg, rgba(255, 132, 28, 0.24) 0%, rgba(255, 151, 46, 0.1) 45%, rgba(255, 151, 46, 0.02) 72%, rgba(255, 151, 46, 0) 100%);
    filter: blur(1px);
  }

  html.ag-mobile-scene.ag-tablet-scene .hud-brand,
  html.ag-mobile-scene.ag-tablet-scene body[class*="landing-boot"] .hud-brand {
    position: fixed !important;
    left: var(--ag-brand-x) !important;
    top: var(--ag-brand-y) !important;
    transform: scale(var(--ag-brand-scale)) !important;
    transform-origin: left top !important;
    z-index: 30 !important;
    display: flex !important;
    align-items: center !important;
    gap: clamp(10px, 1.25vw, 16px) !important;
    width: var(--ag-layout-brand-w, 44vw) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    pointer-events: none !important;
    opacity: 1 !important;
    filter: none !important;
  }

  html.ag-mobile-scene.ag-tablet-scene .hud-brand::after {
    content: none !important;
    display: none !important;
  }

  html.ag-mobile-scene.ag-tablet-scene .hud-logo {
    width: var(--ag-layout-logo-w, 86px) !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html.ag-mobile-scene.ag-tablet-scene .hud-text {
    font-size: var(--ag-layout-brand-font, 32px) !important;
    line-height: 0.92 !important;
    letter-spacing: 0.05em !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-player-chip {
    position: fixed !important;
    left: auto !important;
    right: var(--ag-chip-right) !important;
    top: var(--ag-chip-top) !important;
    z-index: 31 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: var(--ag-chip-gap) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 50vw !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-player-chip::before,
  html.ag-mobile-scene.ag-tablet-scene .ag-player-chip::after {
    content: none !important;
    display: none !important;
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-player-chip-avatar {
    width: var(--ag-chip-avatar) !important;
    height: var(--ag-chip-avatar) !important;
    min-width: var(--ag-chip-avatar) !important;
    min-height: var(--ag-chip-avatar) !important;
    font-size: var(--ag-chip-avatar-font) !important;
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-player-chip-main {
    flex: 1 1 var(--ag-chip-name-w) !important;
    max-width: var(--ag-chip-name-w) !important;
    min-width: 0 !important;
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-player-chip-name {
    font-size: var(--ag-chip-name-font) !important;
    max-width: var(--ag-chip-name-w) !important;
    line-height: 1.05 !important;
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-player-chip-sub {
    font-size: var(--ag-chip-sub-font) !important;
    max-width: var(--ag-chip-name-w) !important;
    line-height: 1.05 !important;
  }

  html.ag-mobile-scene.ag-tablet-scene body.ag-member-session .ag-player-chip-sub,
  html.ag-mobile-scene.ag-tablet-scene body.ag-guest-session .ag-player-chip-sub {
    display: none !important;
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-player-chip-btn {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 0 0 var(--ag-chip-btn-pad) !important;
    border: 0 !important;
    background: transparent !important;
    font-size: var(--ag-chip-btn-font) !important;
    line-height: 1 !important;
    letter-spacing: 0.045em !important;
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-player-chip-btn::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: var(--ag-chip-divider-w) !important;
    height: var(--ag-chip-divider-h) !important;
    transform: translateY(-50%) !important;
    border-radius: 999px !important;
    background: rgba(255, 218, 162, 0.48) !important;
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-logout-btn {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: var(--ag-logout-size) !important;
    height: var(--ag-logout-size) !important;
    min-width: var(--ag-logout-size) !important;
    min-height: var(--ag-logout-size) !important;
    font-size: var(--ag-logout-font) !important;
    margin-left: clamp(5px, 0.9vw, 10px) !important;
    flex: 0 0 var(--ag-logout-size) !important;
    order: 4 !important;
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-logout-icon {
    width: 82% !important;
    height: 82% !important;
    stroke-width: 2.8 !important;
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-logout-btn[hidden] {
    display: none !important;
  }

  html.ag-mobile-scene.ag-tablet-scene .top-scoreboard,
  html.ag-mobile-scene.ag-tablet-scene body[class*="landing-boot"] .top-scoreboard {
    position: fixed !important;
    left: 50% !important;
    top: var(--ag-scoreboard-y) !important;
    width: var(--ag-scoreboard-w) !important;
    min-width: 0 !important;
    transform: translateX(-50%) scale(var(--ag-scoreboard-scale)) !important;
    transform-origin: top center !important;
    z-index: var(--ag-scoreboard-z) !important;
    opacity: 0.98 !important;
    filter: drop-shadow(0 12px 28px rgba(0, 0, 0, 0.42)) !important;
    pointer-events: auto !important;
  }

  html.ag-mobile-scene.ag-tablet-scene .arena-board-stage,
  html.ag-mobile-scene.ag-tablet-scene body[class*="landing-boot"] .arena-board-stage {
    position: fixed !important;
    left: var(--ag-board-x) !important;
    top: var(--ag-board-y) !important;
    width: var(--ag-board-w) !important;
    min-width: 0 !important;
    transform: translate(-50%, -50%) scale(var(--ag-board-scale)) !important;
    transform-origin: center center !important;
    z-index: var(--ag-board-z) !important;
    opacity: 1 !important;
    filter: none !important;
    pointer-events: none !important;
  }

  html.ag-mobile-scene.ag-tablet-scene .board-motion,
  html.ag-mobile-scene.ag-tablet-scene body[class*="landing-boot"] .board-motion {
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
    filter: none !important;
  }

  html.ag-mobile-scene.ag-tablet-scene .mystic-beam,
  html.ag-mobile-scene.ag-tablet-scene body[class*="landing-boot"] .mystic-beam {
    position: fixed !important;
    left: var(--ag-beam-x) !important;
    top: var(--ag-beam-y) !important;
    width: var(--ag-beam-w) !important;
    height: var(--ag-beam-h) !important;
    transform: translateX(-50%) !important;
    z-index: var(--ag-beam-z) !important;
    opacity: 1 !important;
    filter: saturate(1.12) contrast(1.02) !important;
    pointer-events: none !important;
  }

  html.ag-mobile-scene.ag-tablet-scene #boardDiceFxCanvas,
  html.ag-mobile-scene.ag-tablet-scene body[class*="landing-boot"] #boardDiceFxCanvas {
    z-index: var(--ag-dice-z) !important;
  }

  html.ag-mobile-scene.ag-tablet-scene .board-v-neon {
    z-index: calc(var(--ag-board-z) - 1) !important;
    opacity: 1 !important;
    mix-blend-mode: screen !important;
  }

  html.ag-mobile-scene.ag-tablet-scene .board-v-neon-glow {
    z-index: calc(var(--ag-board-z) + 2) !important;
    opacity: 1 !important;
    mix-blend-mode: screen !important;
  }

  html.ag-mobile-scene.ag-tablet-scene .cards {
    width: 100vw !important;
    height: var(--ag-mobile-vh) !important;
    min-height: var(--ag-mobile-vh) !important;
    overflow: hidden !important;
  }

  html.ag-mobile-scene.ag-tablet-scene .cards > .card {
    display: none !important;
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-mobile-feature-dock {
    position: fixed;
    left: 50%;
    right: auto;
    bottom: calc(var(--ag-safe-bottom) + clamp(14px, 2vh, 24px));
    z-index: 32;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: var(--ag-tablet-dock-gap);
    width: min(90vw, var(--ag-tablet-dock-w));
    padding: clamp(12px, 1.45vw, 18px);
    transform: translateX(-50%);
    border-radius: clamp(20px, 2.6vw, 32px);
    background:
      linear-gradient(180deg, rgba(27, 36, 51, 0.94) 0%, rgba(10, 16, 28, 0.96) 100%);
    border: 1px solid rgba(255, 205, 134, 0.18);
    box-shadow:
      0 22px 48px rgba(0, 0, 0, 0.28),
      inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(14px) saturate(1.05);
    -webkit-backdrop-filter: blur(14px) saturate(1.05);
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-mobile-feature-dock-btn {
    appearance: none;
    -webkit-appearance: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1;
    padding: 0;
    border: 1px solid rgba(176, 196, 222, 0.16);
    border-radius: clamp(15px, 2vw, 24px);
    background:
      radial-gradient(circle at 30% 22%, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 54%),
      linear-gradient(180deg, rgba(20, 29, 42, 0.96) 0%, rgba(11, 17, 30, 0.98) 100%);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.06),
      0 14px 28px rgba(0, 0, 0, 0.2);
    cursor: pointer;
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-mobile-feature-dock-btn img {
    width: 70%;
    height: 70%;
    object-fit: contain;
    filter: drop-shadow(0 0 18px rgba(255, 186, 110, 0.2));
    pointer-events: none;
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-mobile-feature-dock-btn.is-active {
    border-color: rgba(255, 196, 118, 0.42);
    background:
      radial-gradient(circle at 30% 22%, rgba(255, 214, 150, 0.22) 0%, rgba(255, 255, 255, 0) 54%),
      linear-gradient(180deg, rgba(42, 30, 17, 0.98) 0%, rgba(19, 15, 20, 0.98) 100%);
    box-shadow:
      inset 0 1px 0 rgba(255, 245, 224, 0.16),
      0 18px 34px rgba(0, 0, 0, 0.24);
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-mobile-feature-explorer {
    position: fixed;
    left: 50%;
    bottom: calc(var(--ag-safe-bottom) + clamp(112px, 13vw, 156px));
    z-index: 31;
    display: grid;
    width: min(90vw, 820px);
    transform: translateX(-50%);
    pointer-events: none;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform-style: flat;
    -webkit-transform-style: flat;
    contain: layout paint;
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-mobile-feature-explorer:not(.is-open) {
    display: none;
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-mobile-feature-panel {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    contain: paint;
    min-height: clamp(190px, 25vh, 250px);
    border: 1px solid rgba(255, 194, 105, 0.18);
    border-radius: clamp(20px, 2.6vw, 32px);
    background:
      linear-gradient(180deg, rgba(11, 16, 28, 0.97) 0%, rgba(9, 14, 24, 0.95) 100%);
    box-shadow:
      0 24px 54px rgba(0, 0, 0, 0.28),
      inset 0 1px 0 rgba(255, 255, 255, 0.05);
    pointer-events: auto;
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-mobile-feature-panel[hidden] {
    display: none !important;
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-mobile-feature-media {
    position: absolute;
    inset: 0 0 0 34%;
    background-position: center center;
    background-size: cover;
    opacity: 0.5;
    filter: saturate(1.04) brightness(0.92);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.5) 20%, black 100%);
    mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.5) 20%, black 100%);
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-mobile-feature-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(90deg, rgba(8, 12, 20, 0.92) 0%, rgba(8, 12, 20, 0.68) 30%, rgba(8, 12, 20, 0.1) 68%, rgba(8, 12, 20, 0) 100%),
      linear-gradient(180deg, rgba(8, 12, 20, 0) 0%, rgba(8, 12, 20, 0.18) 56%, rgba(8, 12, 20, 0.54) 100%);
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-mobile-feature-panel-content {
    position: relative;
    z-index: 2;
    display: grid;
    align-content: start;
    row-gap: clamp(10px, 1.2vw, 14px);
    min-height: clamp(190px, 25vh, 250px);
    max-width: 62%;
    padding: clamp(24px, 3vw, 34px);
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-mobile-feature-title {
    margin: 0;
    color: #ffb54e;
    font-size: clamp(34px, 4.2vw, 50px);
    line-height: 0.92;
    letter-spacing: 0;
    text-transform: uppercase;
    text-shadow: 0 12px 26px rgba(255, 171, 78, 0.18);
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-mobile-feature-copy {
    margin: 0;
    color: rgba(241, 244, 252, 0.92);
    font-size: clamp(16px, 1.9vw, 22px);
    line-height: 1.34;
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-mobile-feature-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: clamp(6px, 0.8vw, 10px);
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-mobile-feature-list li {
    display: flex;
    align-items: flex-start;
    gap: clamp(8px, 1vw, 12px);
    color: rgba(238, 241, 248, 0.92);
    font-size: clamp(14px, 1.6vw, 18px);
    line-height: 1.24;
  }

  html.ag-mobile-scene.ag-tablet-scene .ag-mobile-feature-list li::before {
    content: "";
    width: clamp(7px, 0.7vw, 9px);
    height: clamp(7px, 0.7vw, 9px);
    margin-top: 0.45em;
    border-radius: 50%;
    background: linear-gradient(180deg, #ffd477 0%, #ffae43 100%);
    box-shadow: 0 0 14px rgba(255, 182, 78, 0.42);
    flex: 0 0 clamp(7px, 0.7vw, 9px);
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-mobile-keyboard-open .ag-mobile-feature-dock,
  html.ag-mobile-scene.ag-tablet-scene.ag-mobile-keyboard-open .ag-mobile-feature-explorer {
    display: none !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene {
    --ag-desktop-tablet-cta-size: min(30vw, 36vh);
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene body {
    background-image: url("./images/main.webp") !important;
    background-position: center top !important;
    background-size: cover !important;
    background-attachment: scroll !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .top-scoreboard,
  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene body[class*="landing-boot"] .top-scoreboard {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: var(--ag-mobile-vh, 100vh) !important;
    min-width: 0 !important;
    transform: none !important;
    transform-origin: center center !important;
    opacity: 1 !important;
    filter: none !important;
    pointer-events: none !important;
    z-index: 34 !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .top-scoreboard-img,
  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .scoreboard-core-tint,
  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .scoreboard-core-mask,
  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .scoreboard-cta-outer-arc {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene body:not(.landing-cta-exit-start):not(.landing-cta-exited):not(.landing-cta-returning) .scoreboard-cta-static {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    width: var(--ag-desktop-tablet-cta-size) !important;
    height: auto !important;
    aspect-ratio: 1 !important;
    transform: translate(-50%, -50%) !important;
    transform-origin: center center !important;
    opacity: 1 !important;
    filter: none !important;
    pointer-events: auto !important;
    z-index: 2 !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .scoreboard-cta-static::before,
  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .scoreboard-cta-static::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    border-radius: 50% !important;
    pointer-events: none !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .scoreboard-cta-static::before {
    inset: -24% !important;
    z-index: 0 !important;
    background:
      radial-gradient(circle at center,
        rgba(255, 164, 48, 0.18) 0%,
        rgba(234, 118, 25, 0.09) 42%,
        rgba(234, 118, 25, 0.03) 66%,
        rgba(234, 118, 25, 0) 78%) !important;
    filter: blur(2.1vmin) !important;
    opacity: 0.72 !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .scoreboard-cta-static::after {
    inset: 18% !important;
    z-index: 1 !important;
    background:
      radial-gradient(circle at 50% 48%,
        rgba(255, 172, 54, 0.32) 0%,
        rgba(229, 113, 24, 0.17) 38%,
        rgba(142, 63, 18, 0.08) 68%,
        rgba(142, 63, 18, 0) 100%) !important;
    filter: blur(0.5vmin) !important;
    opacity: 0.58 !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .scoreboard-cta-btn {
    width: 100% !important;
    height: 100% !important;
    border-width: 0.18vmin !important;
    animation: ctaCommandPulse 2.7s ease-in-out infinite !important;
    background:
      radial-gradient(circle at 50% 45%, rgba(255, 150, 42, 0.08) 0%, rgba(255, 150, 42, 0.035) 46%, rgba(12, 20, 34, 0.06) 72%),
      rgba(12, 20, 34, 0.06) !important;
    box-shadow:
      0 2.2vh 4.4vh rgba(0, 0, 0, 0.42),
      0 0 1.8vmin rgba(255, 146, 38, 0.14),
      inset 0 0.16vh 0 rgba(255, 246, 226, 0.28),
      inset 0 -2.4vh 3.6vh rgba(1, 5, 12, 0.2) !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .scoreboard-cta-btn::before {
    inset: 18% !important;
    z-index: 0 !important;
    background:
      radial-gradient(circle at 50% 43%,
        rgba(255, 215, 152, 0.18) 0%,
        rgba(255, 151, 43, 0.26) 26%,
        rgba(205, 86, 15, 0.2) 56%,
        rgba(80, 32, 12, 0.18) 100%) !important;
    box-shadow:
      inset 0 0.18vmin 0 rgba(255, 244, 218, 0.26),
      inset 0 -1.6vmin 2.2vmin rgba(51, 17, 4, 0.24),
      0 0 1.5vmin rgba(255, 128, 28, 0.16) !important;
    opacity: 0.68 !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .scoreboard-cta-btn::after {
    inset: 18% !important;
    z-index: 0 !important;
    border-color: rgba(255, 214, 142, 0.24) !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .scoreboard-cta-copy {
    z-index: 3 !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .scoreboard-cta-orbit {
    display: block !important;
    visibility: visible !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .scoreboard-cta-outer-svg {
    display: block !important;
    visibility: visible !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .scoreboard-cta-arrow {
    display: block !important;
    visibility: visible !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .scoreboard-cta-arrow-row {
    display: flex !important;
    visibility: visible !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .scoreboard-cta-orbit.orbit-a {
    opacity: 0.95 !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .scoreboard-cta-orbit.orbit-b {
    opacity: 0.72 !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .scoreboard-cta-orbit.orbit-c {
    opacity: 0.86 !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .scoreboard-cta-outer-svg.arc-a {
    width: 132% !important;
    height: 132% !important;
    opacity: 0.96 !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .scoreboard-cta-outer-svg.arc-b {
    width: 144% !important;
    height: 144% !important;
    opacity: 0.82 !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .scoreboard-cta-arrow.top {
    top: -15% !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .scoreboard-cta-arrow.bottom {
    bottom: -15% !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .scoreboard-cta-arrow-row {
    gap: min(0.9vw, 8px) !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .scoreboard-cta-arrow-row.right {
    right: calc(var(--ag-desktop-tablet-cta-size) * -0.98) !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .scoreboard-cta-arrow-row.left {
    left: calc(var(--ag-desktop-tablet-cta-size) * -0.98) !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .scoreboard-cta-arrow.side {
    width: min(7.4vw, 9vh) !important;
    height: min(7.4vw, 9vh) !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .ag-mobile-feature-dock {
    z-index: 58 !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .ag-mobile-feature-explorer,
  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .ag-mobile-feature-explorer.is-open,
  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .ag-mobile-feature-panel {
    z-index: 60 !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .scoreboard-cta-main {
    font-size: min(5vw, 6vh) !important;
    letter-spacing: 0.04em !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .scoreboard-cta-main.top,
  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .scoreboard-cta-main.bottom {
    transform: none !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .arena-board-stage,
  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene body[class*="landing-boot"] .arena-board-stage,
  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .mystic-beam,
  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene body[class*="landing-boot"] .mystic-beam,
  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .board-v-neon,
  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .board-v-neon-glow,
  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .board-glow-base,
  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .board-energy,
  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .board-core-light,
  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene #boardDiceFxCanvas {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .arena-board-stage::before,
  html.ag-mobile-scene.ag-tablet-scene.ag-desktop-tablet-scene .arena-board-stage::after {
    content: none !important;
    display: none !important;
  }
}

html.ag-mobile-scene.ag-lite-cta-scene,
html.ag-mobile-scene.ag-lite-cta-scene body {
  background:
    radial-gradient(circle at 50% 48%, rgba(255, 154, 54, 0.14) 0%, rgba(255, 154, 54, 0.05) 24%, rgba(3, 7, 14, 0) 52%),
    #050913 !important;
  overflow: hidden !important;
}

html.ag-mobile-scene.ag-lite-cta-scene .ag-mobile-scene-banner,
html.ag-mobile-scene.ag-lite-cta-scene .hud-brand,
html.ag-mobile-scene.ag-lite-cta-scene .ag-player-chip,
html.ag-mobile-scene.ag-lite-cta-scene .ag-logout-btn,
html.ag-mobile-scene.ag-lite-cta-scene .arena-board-stage,
html.ag-mobile-scene.ag-lite-cta-scene body[class*="landing-boot"] .arena-board-stage,
html.ag-mobile-scene.ag-lite-cta-scene .mystic-beam,
html.ag-mobile-scene.ag-lite-cta-scene body[class*="landing-boot"] .mystic-beam,
html.ag-mobile-scene.ag-lite-cta-scene .board-motion,
html.ag-mobile-scene.ag-lite-cta-scene .board-energy,
html.ag-mobile-scene.ag-lite-cta-scene .board-core-light,
html.ag-mobile-scene.ag-lite-cta-scene .board-glow-base,
html.ag-mobile-scene.ag-lite-cta-scene .board-v-neon,
html.ag-mobile-scene.ag-lite-cta-scene .board-v-neon-glow,
html.ag-mobile-scene.ag-lite-cta-scene .ag-ios-v-neon,
html.ag-mobile-scene.ag-lite-cta-scene #boardDiceFxCanvas,
html.ag-mobile-scene.ag-lite-cta-scene .ag-mobile-feature-dock,
html.ag-mobile-scene.ag-lite-cta-scene .ag-mobile-feature-explorer,
html.ag-mobile-scene.ag-lite-cta-scene .cards {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html.ag-mobile-scene.ag-lite-cta-scene .top-scoreboard,
html.ag-mobile-scene.ag-lite-cta-scene body[class*="landing-boot"] .top-scoreboard {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  min-width: 0 !important;
  height: 100svh !important;
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
  z-index: 90 !important;
  pointer-events: none !important;
}

html.ag-mobile-scene.ag-lite-cta-scene .top-scoreboard-img,
html.ag-mobile-scene.ag-lite-cta-scene .scoreboard-core-tint,
html.ag-mobile-scene.ag-lite-cta-scene .scoreboard-core-mask,
html.ag-mobile-scene.ag-lite-cta-scene .scoreboard-cta-orbit,
html.ag-mobile-scene.ag-lite-cta-scene .scoreboard-cta-outer-svg,
html.ag-mobile-scene.ag-lite-cta-scene .scoreboard-cta-arrow,
html.ag-mobile-scene.ag-lite-cta-scene .scoreboard-cta-arrow-row {
  display: none !important;
}

html.ag-mobile-scene.ag-lite-cta-scene .scoreboard-cta-static,
html.ag-mobile-scene.ag-lite-cta-scene body[class*="landing-boot"] .scoreboard-cta-static {
  position: fixed !important;
  left: 50vw !important;
  top: 50svh !important;
  width: clamp(156px, 42vw, 220px) !important;
  transform: translate(-50%, -50%) !important;
  opacity: 1 !important;
  filter: none !important;
  pointer-events: auto !important;
  animation: none !important;
}

html.ag-mobile-scene.ag-lite-cta-scene .scoreboard-cta-static::before {
  inset: -22px !important;
  background: radial-gradient(circle at center, rgba(255, 160, 62, 0.26) 0%, rgba(255, 160, 62, 0.1) 38%, rgba(0, 0, 0, 0) 72%) !important;
  filter: blur(16px) !important;
}

html.ag-mobile-scene.ag-lite-cta-scene .scoreboard-cta-btn,
html.ag-mobile-scene.ag-lite-cta-scene body[class*="landing-boot"] .scoreboard-cta-btn {
  animation: none !important;
  box-shadow:
    0 0 0 1px rgba(255, 205, 126, 0.24),
    0 0 26px rgba(255, 157, 52, 0.28),
    0 18px 34px rgba(0, 0, 0, 0.46) !important;
  pointer-events: auto !important;
}