.dragon-racing-sidebar-button{position:relative;isolation:isolate}
.dragon-racing-sidebar-button .dragon-racing-sidebar-art{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 7px 16px rgba(0,0,0,.36))}
.dragon-racing-sidebar-button:hover .dragon-racing-sidebar-art{filter:drop-shadow(0 9px 20px rgba(255,164,64,.24)) saturate(1.02)}

.dragon-racing-modal{position:fixed;inset:0;z-index:2147483200;display:none;align-items:stretch;justify-content:stretch;padding:0;background:rgba(2,7,12,.78);backdrop-filter:blur(12px)}
.dragon-racing-modal.is-visible{display:flex}
.dragon-racing-shell{position:relative;width:100vw;height:100vh;border-radius:0;overflow:hidden;border:0;background:radial-gradient(circle at top,rgba(12,32,40,.86),rgba(3,10,14,.98));box-shadow:none;transform:scale(.992);opacity:0;transition:transform .24s ease,opacity .24s ease}
.dragon-racing-modal.is-visible .dragon-racing-shell{transform:scale(1);opacity:1}
.dragon-racing-close,.dragon-racing-back{position:absolute;top:20px;z-index:8;appearance:none;border:1px solid rgba(160,205,224,.26);background:rgba(5,17,24,.62);color:#eef5f7;border-radius:999px;min-width:46px;height:46px;padding:0 16px;font:800 15px/1 Georgia,serif;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.24),0 0 0 1px rgba(255,255,255,.03) inset;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;backdrop-filter:blur(8px)}
.dragon-racing-close{right:18px}
.dragon-racing-back{left:18px}
.dragon-racing-close:hover,.dragon-racing-back:hover,.dragon-racing-close:focus-visible,.dragon-racing-back:focus-visible{transform:translateY(-1px);background:rgba(7,24,33,.8);border-color:rgba(200,234,247,.5);box-shadow:0 12px 28px rgba(0,0,0,.28),0 0 18px rgba(124,203,231,.12)}
.dragon-racing-header{position:absolute;left:50%;top:18px;z-index:7;transform:translateX(-50%);display:flex;flex-direction:column;gap:2px;align-items:center;pointer-events:none;text-align:center;padding:8px 18px 12px;border-radius:18px;background:linear-gradient(180deg,rgba(3,10,15,.72),rgba(3,10,15,.26));box-shadow:0 8px 28px rgba(0,0,0,.16)}
.dragon-racing-header small{font:700 12px/1.1 Georgia,serif;letter-spacing:.22em;color:#e4c972}
.dragon-racing-header b{font:800 clamp(24px,2.3vw,38px)/1.02 Georgia,serif;color:#f8e7bc;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.dragon-racing-stage{position:absolute;inset:0;overflow:hidden}
.dragon-racing-scene{position:absolute;inset:0;display:none;opacity:0;transition:opacity .24s ease}
.dragon-racing-scene.is-active{display:block;opacity:1}
.dragon-racing-image-wrap{position:absolute;inset:0;padding:0}
.dragon-racing-scene img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
.dragon-racing-scene::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top,rgba(255,223,151,.035),transparent 42%),linear-gradient(180deg,rgba(8,18,24,.06),rgba(3,8,13,.12));pointer-events:none}
.dragon-racing-ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.dragon-racing-hotspot{position:absolute;z-index:5;appearance:none;border:1px solid transparent;background:transparent;border-radius:26px;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease;box-shadow:none;outline:none}
.dragon-racing-hotspot::after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at center,rgba(255,211,132,.06),rgba(255,211,132,0) 72%);opacity:0;transition:opacity .18s ease}

.dragon-racing-hotspot:hover,.dragon-racing-hotspot:focus-visible{background:transparent;border-color:rgba(255,230,166,.36);box-shadow:0 0 0 1px rgba(255,233,188,.08) inset,0 0 18px rgba(255,191,94,.18),0 0 42px rgba(255,191,94,.12);transform:translateY(-1px)}
.dragon-racing-hotspot:hover::after,.dragon-racing-hotspot:focus-visible::after{opacity:1}

.dragon-racing-hotspot .dragon-racing-hotspot-label{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translateX(-50%);padding:9px 14px;border-radius:14px;background:rgba(4,16,22,.92);border:1px solid rgba(236,203,121,.54);color:#f6e3aa;font:800 15px/1.1 Georgia,serif;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;box-shadow:0 10px 30px rgba(0,0,0,.34)}
.dragon-racing-hotspot:hover .dragon-racing-hotspot-label,.dragon-racing-hotspot:focus-visible .dragon-racing-hotspot-label{opacity:1;transform:translateX(-50%) translateY(-2px)}
.dragon-racing-hotspot:focus-visible{outline:2px solid rgba(255,228,151,.72);outline-offset:3px}

.dragon-racing-sun{position:absolute;top:15%;right:14%;width:24%;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,rgba(255,210,129,.38) 0%,rgba(255,182,83,.2) 24%,rgba(255,161,62,.08) 45%,rgba(255,131,31,0) 67%);filter:blur(3px);mix-blend-mode:screen;animation:dragonRacingSunPulse 7s ease-in-out infinite}
.dragon-racing-exterior-glow{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,188,92,.06) 0%,transparent 30%,rgba(255,130,36,.06) 100%);mix-blend-mode:screen;animation:dragonRacingWarmDrift 8s ease-in-out infinite}
.dragon-racing-particle{position:absolute;display:block;border-radius:999px;opacity:.76;filter:blur(.2px);pointer-events:none}
.dragon-racing-particle.is-ember{width:6px;height:6px;background:radial-gradient(circle,rgba(255,237,171,.94) 0%,rgba(255,154,50,.86) 46%,rgba(255,128,24,0) 76%);animation:dragonRacingEmber var(--dur,12s) linear infinite;animation-delay:var(--delay,0s)}
.dragon-racing-particle.is-leaf{width:14px;height:9px;border-radius:60% 40% 65% 35% / 58% 38% 62% 42%;background:linear-gradient(135deg,rgba(255,183,73,.96),rgba(209,87,29,.92));box-shadow:inset -2px -1px 0 rgba(135,42,4,.24);transform:rotate(18deg);animation:dragonRacingLeaf var(--dur,15s) linear infinite;animation-delay:var(--delay,0s)}

.dragon-racing-desk-glow{position:absolute;inset:0;background:radial-gradient(circle at 18% 36%,rgba(255,201,117,.16),transparent 18%),radial-gradient(circle at 81% 39%,rgba(255,201,117,.14),transparent 16%),radial-gradient(circle at 50% 62%,rgba(255,170,87,.09),transparent 25%);mix-blend-mode:screen;animation:dragonRacingDeskPulse 5.4s ease-in-out infinite}
.dragon-racing-light-pass{position:absolute;inset:-10% -30%;background:linear-gradient(104deg,rgba(255,247,231,0) 41%,rgba(255,236,185,.08) 48%,rgba(255,247,231,0) 56%);transform:translateX(-28%) rotate(3deg);mix-blend-mode:screen;animation:dragonRacingLightPass 6.2s ease-in-out infinite}

.dragon-racing-menu-shell{position:absolute;inset:0;border-radius:0;overflow:hidden;box-shadow:none}
.dragon-racing-menu-shell::before{content:"";position:absolute;inset:0;border-radius:0;border:0;box-shadow:none;pointer-events:none}
.dragon-racing-menu-fx{position:absolute;inset:0;background:radial-gradient(circle at 32% 10%,rgba(255,255,255,.24),rgba(255,255,255,0) 20%),radial-gradient(circle at 74% 86%,rgba(71,139,255,.1),rgba(71,139,255,0) 26%);mix-blend-mode:screen;animation:dragonRacingMenuBreathe 6s ease-in-out infinite}
.dragon-racing-menu-audio{position:absolute;right:28px;bottom:22px;z-index:8;padding:10px 14px;border-radius:16px;border:1px solid rgba(160,205,224,.22);background:rgba(4,16,22,.58);box-shadow:0 10px 26px rgba(0,0,0,.22);color:#f3e0ad;font:700 13px/1.15 Georgia,serif;display:flex;gap:10px;align-items:center;backdrop-filter:blur(8px)}
.dragon-racing-menu-audio b{color:#ffd57e;font-weight:800;letter-spacing:.12em;font-size:11px}

@keyframes dragonRacingSunPulse{0%,100%{transform:scale(.98);opacity:.7}50%{transform:scale(1.03);opacity:1}}
@keyframes dragonRacingWarmDrift{0%,100%{opacity:.75}50%{opacity:1}}
@keyframes dragonRacingEmber{0%{transform:translate3d(0,0,0) scale(.55);opacity:0}8%{opacity:.8}75%{opacity:.7}100%{transform:translate3d(var(--drift,45px),-88vh,0) scale(1.2);opacity:0}}
@keyframes dragonRacingLeaf{0%{transform:translate3d(0,-10vh,0) rotate(0deg)}100%{transform:translate3d(var(--drift,120px),106vh,0) rotate(320deg)}}
@keyframes dragonRacingDeskPulse{0%,100%{opacity:.74}50%{opacity:1}}
@keyframes dragonRacingLightPass{0%,100%{transform:translateX(-30%) rotate(3deg);opacity:0}16%{opacity:.6}48%{opacity:.6}68%{transform:translateX(30%) rotate(3deg);opacity:0}}
@keyframes dragonRacingMenuBreathe{0%,100%{opacity:.65}50%{opacity:1}}

@media (max-width:980px){
  .dragon-racing-header b{font-size:26px}
  .dragon-racing-menu-audio{right:20px;bottom:18px;left:20px;justify-content:center}
}

/* V33.40 — deterministic Dragon Racing sidebar slot.
   The button is injected directly into Dragonbound's known home sidebar, not found by label text. */
#dragonboundOverlay .dragonbound-home-sidebar .dragon-racing-sidebar-button,
#dragonboundOverlay .dragonbound-home-sidebar .dragon-racing-sidebar-button:hover,
#dragonboundOverlay .dragonbound-home-sidebar .dragon-racing-sidebar-button:focus,
#dragonboundOverlay .dragonbound-home-sidebar .dragon-racing-sidebar-button:focus-visible,
#dragonboundOverlay .dragonbound-home-sidebar .dragon-racing-sidebar-button:active{
  position:absolute!important;
  left:24%!important;
  top:calc(100% + 148px)!important;
  width:52%!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  object-fit:contain!important;
  z-index:16!important;
  opacity:1!important;
  transform:none!important;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.34))!important;
  transition:filter .16s ease,transform .16s ease!important;
  -webkit-tap-highlight-color:transparent!important;
  user-select:none!important;
}
#dragonboundOverlay .dragonbound-home-sidebar .dragon-racing-sidebar-button:hover,
#dragonboundOverlay .dragonbound-home-sidebar .dragon-racing-sidebar-button:focus-visible{
  transform:translateY(-2px) scale(1.018)!important;
  filter:drop-shadow(0 11px 15px rgba(0,0,0,.42)) brightness(1.045)!important;
}
#dragonboundOverlay .dragonbound-home-sidebar .dragon-racing-sidebar-button:active{
  transform:translateY(0) scale(.985)!important;
}
#dragonboundOverlay .dragonbound-home-sidebar .dragon-racing-sidebar-button::before,
#dragonboundOverlay .dragonbound-home-sidebar .dragon-racing-sidebar-button::after{
  content:none!important;
  display:none!important;
}

/* Racing takes Dragon Bites' old slot; Dragon Bites moves down one matching button slot. */
#dragonboundOverlay .dragonbound-home-sidebar .dragonbound-home-treats-trigger,
#dragonboundOverlay .dragonbound-home-sidebar .dragonbound-home-treats-trigger:hover,
#dragonboundOverlay .dragonbound-home-sidebar .dragonbound-home-treats-trigger:focus,
#dragonboundOverlay .dragonbound-home-sidebar .dragonbound-home-treats-trigger:focus-visible,
#dragonboundOverlay .dragonbound-home-sidebar .dragonbound-home-treats-trigger:active,
#dragonboundOverlay .dragonbound-home-sidebar .dragonbound-home-treats-trigger:disabled{
  top:calc(100% + 286px)!important;
}
.dragonbound-home-scene.is-build-editing .dragon-racing-sidebar-button,
.dragonbound-home-scene.is-build-placing .dragon-racing-sidebar-button,
.dragonbound-new-game-stage.is-visiting-house .dragon-racing-sidebar-button{
  opacity:0!important;
  pointer-events:none!important;
}
@media(max-width:720px){
  #dragonboundOverlay .dragonbound-home-sidebar .dragon-racing-sidebar-button,
  #dragonboundOverlay .dragonbound-home-sidebar .dragon-racing-sidebar-button:hover,
  #dragonboundOverlay .dragonbound-home-sidebar .dragon-racing-sidebar-button:focus,
  #dragonboundOverlay .dragonbound-home-sidebar .dragon-racing-sidebar-button:focus-visible,
  #dragonboundOverlay .dragonbound-home-sidebar .dragon-racing-sidebar-button:active{
    left:25%!important;
    top:calc(100% + 116px)!important;
    width:50%!important;
  }
  #dragonboundOverlay .dragonbound-home-sidebar .dragonbound-home-treats-trigger,
  #dragonboundOverlay .dragonbound-home-sidebar .dragonbound-home-treats-trigger:hover,
  #dragonboundOverlay .dragonbound-home-sidebar .dragonbound-home-treats-trigger:focus,
  #dragonboundOverlay .dragonbound-home-sidebar .dragonbound-home-treats-trigger:focus-visible,
  #dragonboundOverlay .dragonbound-home-sidebar .dragonbound-home-treats-trigger:active,
  #dragonboundOverlay .dragonbound-home-sidebar .dragonbound-home-treats-trigger:disabled{
    top:calc(100% + 224px)!important;
  }
}


/* V33.42 — scene hotspots are non-button hit areas. Absolutely no inherited brown button skin. */
html body #dragonRacingModal .dragon-racing-hotspot,
html body #dragonRacingModal .dragon-racing-hotspot:hover,
html body #dragonRacingModal .dragon-racing-hotspot:focus,
html body #dragonRacingModal .dragon-racing-hotspot:focus-visible,
html body #dragonRacingModal .dragon-racing-hotspot:active{
  display:block!important;
  position:absolute!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
  min-height:0!important;
  border:1px solid transparent!important;
  border-radius:26px!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  outline:none!important;
  filter:none!important;
  color:inherit!important;
  opacity:1!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  cursor:pointer!important;
  transform:none!important;
  text-decoration:none!important;
  overflow:visible!important;
}
html body #dragonRacingModal .dragon-racing-hotspot::before{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
html body #dragonRacingModal .dragon-racing-hotspot::after{
  content:''!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  border-radius:26px!important;
  border:1px solid transparent!important;
  background:radial-gradient(circle at center,rgba(255,221,157,.055),rgba(255,221,157,0) 72%)!important;
  box-shadow:none!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
html body #dragonRacingModal .dragon-racing-hotspot:hover::after,
html body #dragonRacingModal .dragon-racing-hotspot:focus-visible::after{
  opacity:1!important;
  border-color:rgba(255,231,177,.24)!important;
  box-shadow:0 0 18px rgba(255,193,98,.13),0 0 44px rgba(255,193,98,.075)!important;
}
/* Keep the prompt legible but do not render it as a card/button. */
html body #dragonRacingModal .dragon-racing-hotspot-label{
  position:absolute!important;
  left:50%!important;
  bottom:calc(100% + 10px)!important;
  transform:translateX(-50%) translateY(2px)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:rgba(255,241,210,.94)!important;
  font:800 14px/1.1 Georgia,serif!important;
  text-shadow:0 2px 7px rgba(0,0,0,.95),0 0 8px rgba(255,190,94,.26)!important;
  white-space:nowrap!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .16s ease,transform .16s ease!important;
}
html body #dragonRacingModal .dragon-racing-hotspot:hover .dragon-racing-hotspot-label,
html body #dragonRacingModal .dragon-racing-hotspot:focus-visible .dragon-racing-hotspot-label{
  opacity:.92!important;
  transform:translateX(-50%) translateY(0)!important;
  background:transparent!important;
  box-shadow:none!important;
}


/* V33.43 — remove hotspot boxes/text entirely, upgrade nav controls */
html body #dragonRacingModal .dragon-racing-hotspot,
html body #dragonRacingModal .dragon-racing-hotspot:hover,
html body #dragonRacingModal .dragon-racing-hotspot:focus,
html body #dragonRacingModal .dragon-racing-hotspot:focus-visible,
html body #dragonRacingModal .dragon-racing-hotspot:active{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
html body #dragonRacingModal .dragon-racing-hotspot::before{
  content:''!important;
  position:absolute!important;
  inset:12%!important;
  border-radius:999px!important;
  background:radial-gradient(circle,rgba(255,218,146,.12) 0%,rgba(255,193,98,.08) 28%,rgba(255,193,98,0) 72%)!important;
  opacity:0!important;
  transform:scale(.92)!important;
  transition:opacity .16s ease,transform .16s ease!important;
  pointer-events:none!important;
}
html body #dragonRacingModal .dragon-racing-hotspot::after{
  inset:0!important;
  border-radius:inherit!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  opacity:0!important;
}
html body #dragonRacingModal .dragon-racing-hotspot:hover::before,
html body #dragonRacingModal .dragon-racing-hotspot:focus-visible::before{
  opacity:1!important;
  transform:scale(1)!important;
}
html body #dragonRacingModal .dragon-racing-hotspot:hover::after,
html body #dragonRacingModal .dragon-racing-hotspot:focus-visible::after{
  opacity:0!important;
  border:0!important;
  box-shadow:none!important;
}
html body #dragonRacingModal .dragon-racing-hotspot-label{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
html body #dragonRacingModal .dragon-racing-back,
html body #dragonRacingModal .dragon-racing-close,
html body #dragonRacingModal .dragon-racing-back:hover,
html body #dragonRacingModal .dragon-racing-close:hover,
html body #dragonRacingModal .dragon-racing-back:focus,
html body #dragonRacingModal .dragon-racing-close:focus,
html body #dragonRacingModal .dragon-racing-back:focus-visible,
html body #dragonRacingModal .dragon-racing-close:focus-visible,
html body #dragonRacingModal .dragon-racing-back:active,
html body #dragonRacingModal .dragon-racing-close:active{
  background:rgba(6,16,24,.56)!important;
  background-image:none!important;
  color:#f4f7f8!important;
  border:1px solid rgba(181,228,242,.42)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.04) inset,0 0 18px rgba(120,188,214,.12)!important;
  text-shadow:none!important;
}
html body #dragonRacingModal .dragon-racing-back:hover,
html body #dragonRacingModal .dragon-racing-close:hover,
html body #dragonRacingModal .dragon-racing-back:focus-visible,
html body #dragonRacingModal .dragon-racing-close:focus-visible{
  border-color:rgba(214,243,251,.72)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.05) inset,0 0 22px rgba(143,211,236,.24)!important;
}
html body #dragonRacingModal .dragon-racing-back{padding:0 18px!important;min-width:84px!important}
html body #dragonRacingModal .dragon-racing-close{padding:0!important;width:46px!important;min-width:46px!important}


/* =========================================================
   V33.44 — Track Select presentation polish
   ========================================================= */
#dragonRacingModal .dragon-racing-scene[data-scene="menu"]{
  --menu-mx:50%;
  --menu-my:48%;
}
#dragonRacingModal .dragon-racing-scene[data-scene="menu"].is-active .dragon-racing-menu-shell{
  animation:dragonRacingMenuEnter .34s cubic-bezier(.2,.78,.22,1) both;
}
#dragonRacingModal .dragon-racing-menu-shell{
  isolation:isolate;
  background:#eef0f3;
}
#dragonRacingModal .dragon-racing-menu-shell>img{
  position:relative;
  z-index:1;
  transform:scale(1.003);
  filter:saturate(.97) contrast(1.015) brightness(.995);
  animation:dragonRacingMenuImageBreathe 7.5s ease-in-out infinite;
}
#dragonRacingModal .dragon-racing-menu-fx{
  z-index:2;
  opacity:.72;
  background:
    radial-gradient(circle at var(--menu-mx) var(--menu-my),rgba(255,244,214,.14) 0%,rgba(255,222,154,.055) 9%,rgba(255,222,154,0) 28%),
    radial-gradient(circle at 15% 12%,rgba(255,255,255,.18),rgba(255,255,255,0) 18%),
    radial-gradient(circle at 82% 82%,rgba(67,137,220,.07),rgba(67,137,220,0) 24%);
  mix-blend-mode:screen;
  pointer-events:none;
  transition:background .08s linear;
  animation:dragonRacingMenuBreathe 6s ease-in-out infinite;
}
#dragonRacingModal .dragon-racing-menu-shine,
#dragonRacingModal .dragon-racing-menu-vignette,
#dragonRacingModal .dragon-racing-menu-glints{
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  overflow:hidden;
}
#dragonRacingModal .dragon-racing-menu-shine::before{
  content:'';
  position:absolute;
  top:-34%;
  left:-48%;
  width:42%;
  height:176%;
  transform:skewX(-18deg) rotate(4deg);
  background:linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,247,222,.035) 23%,
    rgba(255,247,222,.15) 48%,
    rgba(255,255,255,.045) 62%,
    rgba(255,255,255,0) 100%);
  filter:blur(4px);
  mix-blend-mode:screen;
  opacity:0;
  animation:dragonRacingMenuShine 6.8s cubic-bezier(.31,.07,.27,.99) infinite;
}
#dragonRacingModal .dragon-racing-menu-shine::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:8%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.08) 30%,rgba(255,223,159,.16) 50%,rgba(255,255,255,.08) 70%,transparent);
  opacity:.36;
  animation:dragonRacingMenuScan 5.6s ease-in-out infinite;
}
#dragonRacingModal .dragon-racing-menu-vignette{
  z-index:4;
  box-shadow:inset 0 0 72px rgba(10,15,22,.16),inset 0 0 0 1px rgba(255,255,255,.035);
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 16%,transparent 84%,rgba(8,13,18,.045)),
    radial-gradient(ellipse at center,transparent 54%,rgba(6,11,17,.07) 100%);
}
#dragonRacingModal .dragon-racing-menu-glints{
  z-index:5;
}
#dragonRacingModal .dragon-racing-menu-glint{
  position:absolute;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#fff5cf;
  opacity:0;
  box-shadow:0 0 5px rgba(255,235,173,.85),0 0 13px rgba(255,193,91,.46);
  animation:dragonRacingMenuGlint 4.8s ease-in-out infinite;
}
#dragonRacingModal .dragon-racing-menu-glint::before,
#dragonRacingModal .dragon-racing-menu-glint::after{
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  background:linear-gradient(90deg,transparent,rgba(255,248,222,.9),transparent);
}
#dragonRacingModal .dragon-racing-menu-glint::before{width:20px;height:1px}
#dragonRacingModal .dragon-racing-menu-glint::after{width:1px;height:20px;background:linear-gradient(180deg,transparent,rgba(255,248,222,.82),transparent)}
#dragonRacingModal .dragon-racing-menu-glint:nth-child(1){left:14.8%;top:18.7%;animation-delay:-.4s}
#dragonRacingModal .dragon-racing-menu-glint:nth-child(2){left:76.3%;top:11.9%;animation-delay:-2.1s;animation-duration:5.5s}
#dragonRacingModal .dragon-racing-menu-glint:nth-child(3){left:49.7%;top:94.4%;animation-delay:-3.25s;animation-duration:6.2s}
#dragonRacingModal .dragon-racing-menu-glint:nth-child(4){left:94.1%;top:64.8%;animation-delay:-1.15s;animation-duration:5.9s}

/* Keep the track-select screen feeling like an in-world game menu rather than a flat JPEG. */
#dragonRacingModal .dragon-racing-scene[data-scene="menu"]::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:6;
  pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.018),transparent 26%,transparent 72%,rgba(39,96,155,.018));
  animation:dragonRacingMenuAmbient 8s ease-in-out infinite;
}

@keyframes dragonRacingMenuEnter{
  0%{opacity:.68;transform:scale(1.014);filter:blur(2px)}
  100%{opacity:1;transform:scale(1);filter:blur(0)}
}
@keyframes dragonRacingMenuImageBreathe{
  0%,100%{filter:saturate(.97) contrast(1.015) brightness(.995)}
  50%{filter:saturate(1.015) contrast(1.025) brightness(1.012)}
}
@keyframes dragonRacingMenuShine{
  0%,12%{left:-52%;opacity:0}
  18%{opacity:.28}
  42%{left:112%;opacity:.18}
  48%,100%{left:112%;opacity:0}
}
@keyframes dragonRacingMenuScan{
  0%,100%{transform:translateY(-8vh);opacity:.08}
  48%{opacity:.32}
  60%{transform:translateY(78vh);opacity:.12}
}
@keyframes dragonRacingMenuGlint{
  0%,72%,100%{opacity:0;transform:scale(.45) rotate(0deg)}
  79%{opacity:.82;transform:scale(1.1) rotate(18deg)}
  86%{opacity:.18;transform:scale(.7) rotate(34deg)}
}
@keyframes dragonRacingMenuAmbient{
  0%,100%{opacity:.52}
  50%{opacity:.92}
}

@media(prefers-reduced-motion:reduce){
  #dragonRacingModal .dragon-racing-menu-shell,
  #dragonRacingModal .dragon-racing-menu-shell>img,
  #dragonRacingModal .dragon-racing-menu-shine::before,
  #dragonRacingModal .dragon-racing-menu-shine::after,
  #dragonRacingModal .dragon-racing-menu-glint,
  #dragonRacingModal .dragon-racing-scene[data-scene="menu"]::after{
    animation:none!important;
  }
}


/* =========================================================
   V33.45 — Track selection data + preview/detail overlay
   ========================================================= */
#dragonRacingModal .dragon-racing-track-ui{
  position:absolute;
  z-index:7;
  pointer-events:none;
  transform-origin:0 0;
  font-family:'Trebuchet MS',Arial,sans-serif;
  color:#f5f7f8;
}
#dragonRacingModal .dragon-racing-track-list{
  position:absolute;
  left:8.55%;
  top:19.25%;
  width:37.55%;
  height:49.2%;
  display:grid;
  grid-template-rows:repeat(9,1fr);
  gap:.16%;
  pointer-events:auto;
}
#dragonRacingModal .dragon-racing-track-row{
  position:relative;
  min-width:0;
  display:flex;
  align-items:center;
  gap:1.25%;
  padding:0 7.3% 0 7.4%;
  border:1px solid transparent;
  background:linear-gradient(90deg,rgba(22,38,49,.05),rgba(22,38,49,0));
  cursor:pointer;
  overflow:hidden;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
  -webkit-tap-highlight-color:transparent;
  outline:none;
}
#dragonRacingModal .dragon-racing-track-row::before{
  content:'';
  position:absolute;
  inset:4% 1.4% 4% 0;
  background:linear-gradient(90deg,rgba(86,165,195,.11),rgba(216,173,79,.035) 70%,transparent);
  opacity:0;
  pointer-events:none;
}
#dragonRacingModal .dragon-racing-track-row:hover::before,
#dragonRacingModal .dragon-racing-track-row:focus-visible::before,
#dragonRacingModal .dragon-racing-track-row.is-selected::before{opacity:1}
#dragonRacingModal .dragon-racing-track-row:hover,
#dragonRacingModal .dragon-racing-track-row:focus-visible{
  border-color:rgba(119,190,215,.24);
  box-shadow:0 0 14px rgba(84,166,198,.08) inset;
}
#dragonRacingModal .dragon-racing-track-row.is-selected{
  border-color:rgba(104,194,224,.42);
  box-shadow:0 0 0 1px rgba(104,194,224,.08) inset,0 0 20px rgba(70,159,195,.08);
}
#dragonRacingModal .dragon-racing-track-thumb{
  position:absolute;
  left:.45%;
  top:10%;
  width:5.95%;
  height:80%;
  overflow:hidden;
  border-radius:2px;
  box-shadow:0 0 0 1px rgba(224,214,190,.18) inset;
}
#dragonRacingModal .dragon-racing-track-thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  filter:saturate(.88) brightness(.88) contrast(1.05);
}
#dragonRacingModal .dragon-racing-track-row.is-selected .dragon-racing-track-thumb img{filter:saturate(1.04) brightness(1.03) contrast(1.04)}
#dragonRacingModal .dragon-racing-track-copy{
  position:relative;
  z-index:2;
  min-width:0;
  max-width:82%;
  display:block;
  overflow:hidden;
}
#dragonRacingModal .dragon-racing-track-copy strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#edf3f5;
  font:800 clamp(10px,.84vw,16px)/1.05 'Trebuchet MS',Arial,sans-serif;
  letter-spacing:.015em;
  text-shadow:0 1px 3px rgba(0,0,0,.65);
}
#dragonRacingModal .dragon-racing-track-copy small{
  display:block;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#8fa3ad;
  font:700 clamp(7px,.52vw,10px)/1.05 'Trebuchet MS',Arial,sans-serif;
  letter-spacing:.04em;
}
#dragonRacingModal .dragon-racing-track-row.is-selected .dragon-racing-track-copy strong{color:#dff7ff}
#dragonRacingModal .dragon-racing-track-row em{
  position:absolute;
  right:8.1%;
  top:50%;
  transform:translateY(-50%);
  padding:3px 6px;
  border-radius:999px;
  background:rgba(13,74,93,.52);
  border:1px solid rgba(126,220,241,.22);
  color:#c9f2fb;
  font:900 clamp(6px,.45vw,9px)/1 'Trebuchet MS',Arial,sans-serif;
  letter-spacing:.08em;
  font-style:normal;
  white-space:nowrap;
}
#dragonRacingModal .dragon-racing-race-style{
  position:absolute;
  right:5.9%;
  top:11.22%;
  width:13.2%;
  height:3.2%;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding-right:1.2%;
  overflow:hidden;
  color:#d9e4ea;
  font:800 clamp(7px,.58vw,11px)/1 'Trebuchet MS',Arial,sans-serif;
  letter-spacing:.10em;
  text-transform:uppercase;
  white-space:nowrap;
  text-overflow:ellipsis;
  text-shadow:0 1px 3px rgba(0,0,0,.72);
}
#dragonRacingModal .dragon-racing-track-preview{
  position:absolute;
  left:49.02%;
  top:20.53%;
  width:44.05%;
  height:34.18%;
  overflow:hidden;
  border-radius:.55%;
  pointer-events:none;
  background:#151d26;
  box-shadow:0 0 0 1px rgba(237,216,177,.12) inset,0 10px 26px rgba(2,7,13,.13);
}
#dragonRacingModal .dragon-racing-track-preview-img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transform:scale(1.006);
  filter:saturate(.98) contrast(1.025) brightness(.98);
  transition:opacity .18s ease,transform .3s ease,filter .3s ease;
}
#dragonRacingModal .dragon-racing-track-preview-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 58%,rgba(3,9,14,.10) 72%,rgba(3,9,14,.72) 100%);
  pointer-events:none;
}
#dragonRacingModal .dragon-racing-track-preview-name{
  position:absolute;
  left:2.2%;
  right:2.2%;
  bottom:3.7%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#f2eee6;
  font:800 clamp(11px,.98vw,19px)/1.05 Georgia,serif;
  letter-spacing:.015em;
  text-shadow:0 2px 6px rgba(0,0,0,.88);
}
#dragonRacingModal .dragon-racing-track-detail-grid{
  position:absolute;
  left:49.13%;
  top:66.72%;
  width:43.75%;
  height:20.1%;
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:1fr 1fr;
  column-gap:2.3%;
  row-gap:4.8%;
  pointer-events:none;
}
#dragonRacingModal .dragon-racing-track-detail{
  min-width:0;
  min-height:0;
  padding:4.5% 4.2% 3.6%;
  overflow:hidden;
}
#dragonRacingModal .dragon-racing-track-detail small{
  display:block;
  margin-bottom:4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#8096a3;
  font:900 clamp(6px,.48vw,9px)/1 'Trebuchet MS',Arial,sans-serif;
  letter-spacing:.13em;
}
#dragonRacingModal .dragon-racing-track-detail strong{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  color:#e4ebed;
  font:800 clamp(8px,.68vw,13px)/1.18 'Trebuchet MS',Arial,sans-serif;
  letter-spacing:.012em;
  overflow-wrap:anywhere;
}
#dragonRacingModal .dragon-racing-track-prev,
#dragonRacingModal .dragon-racing-track-next{
  position:absolute;
  bottom:2.65%;
  width:7.15%;
  height:4.6%;
  pointer-events:auto;
  cursor:pointer;
  border:0;
  outline:0;
  background:transparent;
  box-shadow:none;
  transition:filter .14s ease;
}
#dragonRacingModal .dragon-racing-track-prev{right:12.65%}
#dragonRacingModal .dragon-racing-track-next{right:4.98%}
#dragonRacingModal .dragon-racing-track-prev:hover,
#dragonRacingModal .dragon-racing-track-next:hover,
#dragonRacingModal .dragon-racing-track-prev:focus-visible,
#dragonRacingModal .dragon-racing-track-next:focus-visible{
  filter:drop-shadow(0 0 8px rgba(94,204,232,.42));
}
#dragonRacingModal .dragon-racing-track-ui.is-changing .dragon-racing-track-preview-img{
  animation:dragonRacingTrackPreviewChange .26s ease both;
}
@keyframes dragonRacingTrackPreviewChange{
  0%{opacity:.48;transform:scale(1.018);filter:saturate(.82) contrast(1.02) brightness(.9)}
  100%{opacity:1;transform:scale(1.006);filter:saturate(.98) contrast(1.025) brightness(.98)}
}
@media(max-width:900px){
  #dragonRacingModal .dragon-racing-track-copy small{display:none}
  #dragonRacingModal .dragon-racing-track-row em{display:none}
  #dragonRacingModal .dragon-racing-track-detail small{margin-bottom:2px}
}
@media(prefers-reduced-motion:reduce){
  #dragonRacingModal .dragon-racing-track-ui.is-changing .dragon-racing-track-preview-img{animation:none!important}
}


/* =========================================================
   V33.46 — clean track details + course-avatar list
   ========================================================= */
#dragonRacingModal .dragon-racing-track-thumb{
  left:.38%!important;
  top:8%!important;
  width:6.25%!important;
  height:84%!important;
  border-radius:3px!important;
  background:rgba(8,15,22,.72)!important;
  box-shadow:0 0 0 1px rgba(229,217,188,.24) inset,0 2px 7px rgba(0,0,0,.34)!important;
}
#dragonRacingModal .dragon-racing-track-thumb img{
  object-fit:cover!important;
  image-rendering:auto!important;
  filter:saturate(.95) brightness(.94) contrast(1.04)!important;
}
#dragonRacingModal .dragon-racing-track-row.is-selected .dragon-racing-track-thumb img{
  filter:saturate(1.08) brightness(1.05) contrast(1.04)!important;
}
#dragonRacingModal .dragon-racing-track-copy{max-width:77%!important}
#dragonRacingModal .dragon-racing-track-row em{
  right:7.4%!important;
  min-width:40px!important;
  padding:3px 7px!important;
  text-align:center!important;
  background:rgba(11,36,47,.72)!important;
  border-color:rgba(117,196,222,.26)!important;
  color:#d8f2f8!important;
  box-shadow:0 0 9px rgba(75,162,193,.06) inset!important;
}

#dragonRacingModal .dragon-racing-track-detail-grid{
  top:66.65%!important;
  height:20.25%!important;
  grid-template-columns:1fr 1fr!important;
  grid-template-rows:.88fr 1.12fr!important;
  column-gap:2.3%!important;
  row-gap:5.2%!important;
}
#dragonRacingModal .dragon-racing-track-detail{
  position:relative!important;
  min-width:0!important;
  min-height:0!important;
  padding:3.5% 4.5%!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
#dragonRacingModal .dragon-racing-track-detail--access{
  grid-column:1 / -1!important;
  padding:2.2% 3.2%!important;
  background:linear-gradient(90deg,rgba(9,17,26,.28),rgba(9,17,26,.12) 48%,rgba(9,17,26,.28))!important;
  border-radius:5px!important;
  box-shadow:0 0 0 1px rgba(161,183,193,.07) inset!important;
}
#dragonRacingModal .dragon-racing-detail-heading{
  margin:0 0 6px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#829aa6!important;
  font:900 clamp(6px,.47vw,9px)/1 'Trebuchet MS',Arial,sans-serif!important;
  letter-spacing:.14em!important;
}
#dragonRacingModal .dragon-racing-detail-primary{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
#dragonRacingModal .dragon-racing-detail-primary strong{
  min-width:0!important;
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#edf2f3!important;
  font:800 clamp(9px,.73vw,14px)/1.1 'Trebuchet MS',Arial,sans-serif!important;
}
#dragonRacingModal .dragon-racing-detail-primary>span:not(.dragon-racing-difficulty-meter){
  flex:0 1 48%!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#879aa4!important;
  text-align:right!important;
  font:700 clamp(7px,.48vw,9px)/1 'Trebuchet MS',Arial,sans-serif!important;
  letter-spacing:.035em!important;
}
#dragonRacingModal .dragon-racing-difficulty-meter{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
}
#dragonRacingModal .dragon-racing-difficulty-meter i{
  width:clamp(5px,.45vw,8px)!important;
  height:clamp(5px,.45vw,8px)!important;
  border-radius:50%!important;
  background:rgba(113,136,146,.22)!important;
  box-shadow:0 0 0 1px rgba(145,169,178,.16) inset!important;
}
#dragonRacingModal .dragon-racing-difficulty-meter i.is-on{
  background:#d45e43!important;
  box-shadow:0 0 7px rgba(230,95,64,.34)!important;
}
#dragonRacingModal .dragon-racing-access-lockup{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:clamp(34px,3vw,52px) minmax(0,1fr)!important;
  align-items:center!important;
  gap:clamp(9px,1vw,15px)!important;
}
#dragonRacingModal .dragon-racing-access-lockup img{
  width:clamp(34px,3vw,52px)!important;
  height:clamp(34px,3vw,52px)!important;
  object-fit:contain!important;
  image-rendering:auto!important;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))!important;
}
#dragonRacingModal .dragon-racing-access-lockup>div{min-width:0!important}
#dragonRacingModal .dragon-racing-access-lockup .dragon-racing-detail-heading{margin-bottom:4px!important}
#dragonRacingModal .dragon-racing-access-lockup strong{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#f0f3f2!important;
  font:900 clamp(9px,.78vw,15px)/1.05 'Trebuchet MS',Arial,sans-serif!important;
  letter-spacing:.012em!important;
}
#dragonRacingModal .dragon-racing-access-lockup span{
  display:block!important;
  margin-top:3px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#80939d!important;
  font:700 clamp(6px,.45vw,9px)/1 'Trebuchet MS',Arial,sans-serif!important;
  letter-spacing:.035em!important;
}
@media(max-width:900px){
  #dragonRacingModal .dragon-racing-track-detail-grid{grid-template-rows:.9fr 1.1fr!important}
  #dragonRacingModal .dragon-racing-detail-heading{margin-bottom:3px!important}
  #dragonRacingModal .dragon-racing-access-lockup{grid-template-columns:32px minmax(0,1fr)!important;gap:8px!important}
  #dragonRacingModal .dragon-racing-access-lockup img{width:32px!important;height:32px!important}
}


/* =========================================================
   V33.47 — Track Select race entry + confirmation
   ========================================================= */
#dragonRacingModal .dragon-racing-track-enter{
  position:absolute;left:50.1%;bottom:2.35%;width:26.4%;height:5.2%;z-index:14;
  pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:2.2%;
  padding:0 1.4%;box-sizing:border-box;overflow:hidden;cursor:pointer;outline:none;
  border:1px solid rgba(117,201,225,.34);border-radius:3px;
  background:linear-gradient(180deg,rgba(16,42,54,.88),rgba(7,24,33,.94));
  box-shadow:0 0 0 1px rgba(255,255,255,.025) inset,0 7px 18px rgba(0,0,0,.22),0 0 14px rgba(68,166,197,.07);
  color:#edf8fb;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,filter .14s ease;
}
#dragonRacingModal .dragon-racing-track-enter:hover,#dragonRacingModal .dragon-racing-track-enter:focus-visible{
  transform:translateY(-1px);border-color:rgba(145,226,244,.66);box-shadow:0 0 0 1px rgba(255,255,255,.035) inset,0 9px 22px rgba(0,0,0,.25),0 0 19px rgba(73,184,218,.14);filter:brightness(1.04)
}
#dragonRacingModal .dragon-racing-track-enter span{font:900 clamp(8px,.7vw,13px)/1 'Trebuchet MS',Arial,sans-serif;letter-spacing:.13em;white-space:nowrap}
#dragonRacingModal .dragon-racing-track-enter small{max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8faab4;font:800 clamp(6px,.46vw,9px)/1 'Trebuchet MS',Arial,sans-serif;letter-spacing:.025em}
#dragonRacingModal .dragon-racing-track-confirm{position:absolute;inset:0;z-index:40;display:grid;place-items:center;pointer-events:none;background:rgba(5,11,16,0);opacity:0;transition:opacity .18s ease,background .18s ease}
#dragonRacingModal .dragon-racing-track-confirm.is-visible{pointer-events:auto;opacity:1;background:rgba(5,11,16,.34);backdrop-filter:blur(2px)}
#dragonRacingModal .dragon-racing-track-confirm-card{width:36%;min-width:360px;max-width:560px;padding:2.25% 2.35%;box-sizing:border-box;border:1px solid rgba(113,198,222,.38);border-radius:10px;background:linear-gradient(180deg,rgba(7,26,34,.97),rgba(4,16,23,.985));box-shadow:0 24px 70px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.025) inset,0 0 30px rgba(63,161,193,.08);transform:translateY(10px) scale(.985);transition:transform .2s ease}
#dragonRacingModal .dragon-racing-track-confirm.is-visible .dragon-racing-track-confirm-card{transform:translateY(0) scale(1)}
#dragonRacingModal .dragon-racing-track-confirm-card>small{display:block;color:#7fb8ca;font:900 clamp(7px,.52vw,10px)/1 'Trebuchet MS',Arial,sans-serif;letter-spacing:.17em}
#dragonRacingModal .dragon-racing-track-confirm-card>strong{display:block;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f4f0e7;font:800 clamp(18px,1.5vw,28px)/1.05 Georgia,serif;text-shadow:0 2px 8px rgba(0,0,0,.45)}
#dragonRacingModal .dragon-racing-track-confirm-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
#dragonRacingModal .dragon-racing-track-confirm-meta span{min-width:0;padding:10px 12px;border:1px solid rgba(130,160,171,.13);border-radius:6px;background:rgba(255,255,255,.025);overflow:hidden}
#dragonRacingModal .dragon-racing-track-confirm-meta b{display:block;color:#738c97;font:900 8px/1 'Trebuchet MS',Arial,sans-serif;letter-spacing:.12em}
#dragonRacingModal .dragon-racing-track-confirm-meta em{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e8eef0;font:800 12px/1.1 'Trebuchet MS',Arial,sans-serif;font-style:normal}
#dragonRacingModal .dragon-racing-track-confirm-card p{margin:15px 0 0;color:#9aadb4;font:700 11px/1.35 'Trebuchet MS',Arial,sans-serif}
#dragonRacingModal .dragon-racing-track-confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
#dragonRacingModal .dragon-racing-track-confirm-actions>div{padding:10px 16px;border-radius:5px;border:1px solid rgba(118,198,221,.3);background:rgba(8,35,46,.82);color:#eaf6f8;font:900 10px/1 'Trebuchet MS',Arial,sans-serif;letter-spacing:.09em;cursor:pointer;outline:none;transition:.14s ease}
#dragonRacingModal .dragon-racing-track-confirm-actions>div:hover,#dragonRacingModal .dragon-racing-track-confirm-actions>div:focus-visible{border-color:rgba(151,229,247,.62);background:rgba(11,47,60,.94);box-shadow:0 0 15px rgba(73,185,216,.12)}
#dragonRacingModal .dragon-racing-track-confirm-actions>div.is-disabled{opacity:.38;cursor:not-allowed;filter:saturate(.45)}
@media(max-width:900px){#dragonRacingModal .dragon-racing-track-enter small{display:none}#dragonRacingModal .dragon-racing-track-confirm-card{width:54%;min-width:320px}}


/* V33.52 — keep Track Select bottom controls safely above OS taskbars. */
#dragonRacingModal .dragon-racing-track-prev,
#dragonRacingModal .dragon-racing-track-next{
  bottom:6.25%!important;
}
#dragonRacingModal .dragon-racing-track-enter{
  bottom:5.95%!important;
}
#dragonRacingModal .dragon-racing-menu-audio{
  bottom:max(52px,5.8vh)!important;
}
@media(max-height:760px){
  #dragonRacingModal .dragon-racing-track-prev,
  #dragonRacingModal .dragon-racing-track-next{bottom:7.1%!important}
  #dragonRacingModal .dragon-racing-track-enter{bottom:6.8%!important}
}


/* =========================================================
   V33.69 — Track Details Keeper Mark earning rate
   ========================================================= */
#dragonRacingModal .dragon-racing-access-lockup{
  grid-template-columns:clamp(34px,3vw,52px) minmax(0,1fr) minmax(118px,42%)!important;
}
#dragonRacingModal .dragon-racing-access-main{min-width:0!important}
#dragonRacingModal .dragon-racing-track-reward-rate{
  min-width:0!important;
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding-left:12px!important;
  border-left:1px solid rgba(149,180,188,.10)!important;
}
#dragonRacingModal .dragon-racing-track-reward-rate small{
  display:block!important;
  margin:0 0 4px!important;
  color:#8c9da2!important;
  font:900 clamp(5.5px,.43vw,8px)/1 'Trebuchet MS',Arial,sans-serif!important;
  letter-spacing:.13em!important;
  white-space:nowrap!important;
}
#dragonRacingModal .dragon-racing-track-reward-rate strong{
  color:#a7b3b4!important;
  font:900 clamp(8px,.7vw,13px)/1.05 'Trebuchet MS',Arial,sans-serif!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#dragonRacingModal .dragon-racing-track-reward-rate.is-live strong{color:#ead17f!important;text-shadow:0 2px 7px rgba(0,0,0,.25)!important}
#dragonRacingModal .dragon-racing-track-reward-rate span{
  margin-top:3px!important;
  color:#748a92!important;
  font:700 clamp(5.5px,.43vw,8px)/1 'Trebuchet MS',Arial,sans-serif!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:900px){
  #dragonRacingModal .dragon-racing-access-lockup{grid-template-columns:32px minmax(0,1fr) minmax(100px,40%)!important}
  #dragonRacingModal .dragon-racing-track-reward-rate{padding-left:8px!important}
}