/* The owner's Bold Energy approval applied to the actual Dartava renderer.
   No sample players, static scoreboards, or design studio controls here.
   Shared by website, phone browser, and Android webview. */
body[data-r3-surface]{--dv-bg:#0e1020;--dv-panel:#191a31;--dv-panel2:#22233a;--dv-text:#f8f5ff;--dv-muted:#b0b2c6;--dv-line:#34354e;--dv-gold:#feac3f;--dv-purple:#b562ff;--dv-aqua:#4adfd2;background:var(--dv-bg)!important;color:var(--dv-text)!important}
body[data-r3-surface] :is(.r3-desktop-main,.r3-desktop-shell,.r3-phone-shell,.r3-phone-main){background:#0e1020!important;color:#f8f5ff!important}
body[data-r3-surface] :is(.r3-rail,.r3-phone-top,.r3-topbar,.r3-phone-nav){background:#191a31!important;border-color:#34354e!important;color:#f8f5ff!important}
body[data-r3-surface] .r3-rail-nav button[data-active="1"]{background:#373158!important;border-color:#b562ff!important;color:#fff!important}
body[data-r3-surface] .r3-rail-nav button{border-radius:10px!important}
body[data-r3-surface] .dv-live-home{width:100%;max-width:1370px;margin:0 auto;padding:20px 25px 54px;color:#f8f5ff;font:inherit}
body[data-r3-surface] .dv-live-home *{box-sizing:border-box}
body[data-r3-surface] .dv-live-home button{cursor:pointer;font:inherit;text-align:left;transition:transform .13s ease,background .13s ease}
body[data-r3-surface] .dv-live-home button:hover{transform:translateY(-1px)}
body[data-r3-surface] .dv-live-home button:focus-visible{outline:3px solid #4adfd2!important;outline-offset:3px}
body[data-r3-surface] .dv-live-hero{position:relative;min-height:252px;isolation:isolate;overflow:hidden;display:flex;align-items:center;border-radius:20px;background:radial-gradient(ellipse at 87% 13%,rgba(213,72,235,.68),transparent 57%),linear-gradient(112deg,#293963,#544098 56%,#b151c1 100%)!important;border:1px solid #66518d;box-shadow:inset 0 0 26px #fff1;padding:32px 34px}
body[data-r3-surface] .dv-live-hero-content{max-width:min(90%,660px);position:relative;z-index:2}
body[data-r3-surface] .dv-live-eyebrow{display:block;font-size:11px;color:#4adfd2;font-weight:900;letter-spacing:1.4px}
body[data-r3-surface] .dv-live-hero h1{font-size:clamp(34px,4vw,57px);font-weight:950;letter-spacing:-2.1px;line-height:1.07;color:#fff!important;margin:14px 0 10px}
body[data-r3-surface] .dv-live-hero h1 em{font-style:normal;color:#fff1ca!important}
body[data-r3-surface] .dv-live-hero p{max-width:500px;font-size:14px;line-height:1.55;color:#fff!important;margin:0 0 18px}
body[data-r3-surface] .dv-live-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
body[data-r3-surface] .dv-live-actions button{border-radius:10px!important;font-size:12px;font-weight:900;padding:11px 17px;min-height:45px;display:inline-flex;align-items:center;justify-content:center}
body[data-r3-surface] .dv-live-primary{background:#fff8ee!important;border:1px solid #fff8ee!important;color:#492935!important;box-shadow:0 0 14px #ffda8b80}
body[data-r3-surface] .dv-live-outline{border:1px solid #d3b6ff!important;background:#ffffff18!important;color:#fff!important}
body[data-r3-surface] .dv-live-target{display:grid;place-items:center;position:absolute;right:4%;top:13%;height:135px;width:135px;transform:rotate(-13deg);filter:drop-shadow(0 10px 16px #1115);z-index:1}
body[data-r3-surface] .dv-live-target span{font-size:104px;line-height:1}
body[data-r3-surface] .dv-live-section-title{color:#fff!important;font-size:19px;font-weight:900;margin:20px 0 11px;letter-spacing:-.4px}
body[data-r3-surface] .dv-live-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
body[data-r3-surface] .dv-live-tile{position:relative;background:#292b4b!important;border:1px solid #6e6588!important;border-top:3px solid var(--tile-accent)!important;border-radius:14px!important;color:#fff!important;padding:16px!important;min-height:120px;display:flex;flex-direction:column;gap:5px;box-shadow:inset 0 0 0 1px #fff1}
body[data-r3-surface] .dv-live-tile-icon{font-size:20px;height:30px;color:var(--tile-accent)}
body[data-r3-surface] .dv-live-tile b{font-size:15px;font-weight:950}
body[data-r3-surface] .dv-live-tile small{font-size:11px;line-height:1.35;color:#dedced!important}
body[data-r3-surface] .dv-live-arrow{position:absolute;right:14px;top:18px;color:var(--tile-accent);font-size:17px}
body[data-r3-surface] .dv-live-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}
body[data-r3-surface] .dv-live-panel{background:#242640!important;color:#f8f5ff!important;border:1px solid #4d4a6b!important;border-radius:13px!important;padding:20px;min-height:205px}
body[data-r3-surface] .dv-live-panel h2{font-size:15px;font-weight:900;color:#fff!important;margin:0 0 14px}
body[data-r3-surface] .dv-live-panel p{font-size:12px;color:#d0cce0!important;line-height:1.55}
body[data-r3-surface] .dv-live-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0}
body[data-r3-surface] .dv-live-stat{display:flex;flex-direction:column;gap:6px;min-width:0}
body[data-r3-surface] .dv-live-stat strong{color:#feac3f;font-size:23px;font-weight:950}
body[data-r3-surface] .dv-live-stat small{font-size:10px;color:#d0cce0!important}
body[data-r3-surface] .dv-live-social-links{display:flex;flex-direction:column}
body[data-r3-surface] .dv-live-social-links button{width:100%;background:transparent!important;color:#fff!important;border:0;border-bottom:1px solid #55516c!important;border-radius:0!important;padding:10px 0;display:flex;gap:10px;align-items:center}
body[data-r3-surface] .dv-live-social-links button>span:first-child{width:24px;color:#fdc87b}
body[data-r3-surface] .dv-live-social-links button>span:nth-child(2){display:flex;flex:1;flex-direction:column}
body[data-r3-surface] .dv-live-social-links strong{font-size:12px}
body[data-r3-surface] .dv-live-social-links small{color:#b0b2c6!important;font-size:10px}
body[data-r3-surface] .dv-live-social-links b{color:#feac3f}
body[data-r3-surface] .dv-live-text-action{display:inline-block;color:#feac3f!important;background:none!important;border:0!important;padding:9px 0;font-size:11px;font-weight:900}
body[data-r3-surface] .dv-live-features{margin:19px 0 0}
body[data-r3-surface] .dv-live-feature-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
body[data-r3-surface] .dv-live-feature-links button{font-weight:800;font-size:12px;color:#f8f5ff!important;background:#191a31!important;border:1px solid #45415e!important;border-radius:11px!important;padding:13px;min-height:54px}
body[data-r3-surface] .dv-live-resume{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;background:#202d35;border:1px solid #4adfd2;border-radius:12px;padding:13px 18px}
body[data-r3-surface] .dv-live-resume div{display:flex;flex-direction:column;gap:4px}
body[data-r3-surface] .dv-live-resume small{color:#b0b2c6}
body[data-r3-surface] .dv-live-resume button{background:#4adfd2;color:#102223;border-radius:9px;border:0;padding:11px;font-weight:900}
@media(max-width:1000px){body[data-r3-surface] .dv-live-feature-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){body[data-r3-surface] .dv-live-home{padding:14px 13px 100px}body[data-r3-surface] .dv-live-hero{padding:29px 20px;min-height:250px}body[data-r3-surface] .dv-live-hero h1{font-size:clamp(33px,8vw,45px)}body[data-r3-surface] .dv-live-hero-content{max-width:100%}body[data-r3-surface] .dv-live-target{opacity:.35;right:-8%;top:2%;transform:rotate(-15deg) scale(.72)}body[data-r3-surface] .dv-live-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-r3-surface] .dv-live-bottom{grid-template-columns:1fr}body[data-r3-surface] .dv-live-panel{min-height:unset}body[data-r3-surface] .dv-live-stats{gap:8px}body[data-r3-surface] .dv-live-features .dv-live-feature-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:400px){body[data-r3-surface] .dv-live-hero h1{font-size:33px}body[data-r3-surface] .dv-live-hero{min-height:250px}body[data-r3-surface] .dv-live-tile{min-height:115px;padding:12px!important}body[data-r3-surface] .dv-live-feature-links button{font-size:11px;padding:10px}body[data-r3-surface] .dv-live-actions button{font-size:11px;padding:10px}}

/* Mobile approval navigation: Home, Play, Train, Connect, Clubs and Me. */
@media(max-width:820px){body[data-r3-surface] .r3-phone-nav{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:0!important}body[data-r3-surface] .r3-phone-nav button{min-width:0!important;padding:8px 2px!important;font-size:10px!important}body[data-r3-surface] .r3-phone-nav button span{white-space:nowrap}}

/* Dartava mobile/desktop legibility repair (2026-10-13)
   Last-loaded app stylesheet: remove legacy white nav surfaces without touching match logic. */
body[data-r3-surface="pc"] .r3-desktop-shell .r3-rail{background:#181923!important;border-right:1px solid #494158!important}
body[data-r3-surface="pc"] .r3-desktop-shell .r3-rail :is(.r3-rail-nav,.r3-rail-bottom) button{
  appearance:none!important;display:flex!important;align-items:center!important;gap:11px!important;
  min-height:48px!important;width:100%!important;padding:10px 13px!important;
  background:#242433!important;color:#f4f0fa!important;
  border:1px solid #4b435b!important;border-radius:12px!important;
  font-size:14px!important;font-weight:750!important;line-height:1.25!important;
  opacity:1!important;box-shadow:none!important;text-align:left!important;
}
body[data-r3-surface="pc"] .r3-desktop-shell .r3-rail :is(.r3-rail-nav,.r3-rail-bottom) button:is(:hover,:focus-visible){
  background:#343047!important;border-color:#ba9268!important;color:#fff!important
}
body[data-r3-surface="pc"] .r3-desktop-shell .r3-rail :is(.r3-rail-nav,.r3-rail-bottom) button[data-active="1"]{
  background:#40314f!important;border:1px solid #d7a569!important;color:#fff!important;
  box-shadow:inset 3px 0 #e6b576!important
}
body[data-r3-surface="pc"] .r3-rail .r3-nav-icon{flex:0 0 26px!important;color:inherit!important}
body[data-r3-surface="pc"] .r3-rail .r3-nav-icon svg{width:20px!important;height:20px!important;stroke:currentColor!important}
body[data-r3-surface="pc"] .r3-rail .r3-brand{color:#f4f0fa!important}
body[data-r3-surface] .dv-account-shortcuts{display:grid;gap:10px;margin-top:13px}
body[data-r3-surface] .dv-account-shortcuts button{
  background:#29273a!important;color:#f7f0ff!important;min-height:51px!important;
  padding:12px 15px!important;border:1px solid #6c5b71!important;
  border-radius:13px!important;font-size:13px!important;font-weight:850!important;text-align:left
}
body[data-r3-surface] .dv-simple-modes-grid button{min-height:104px!important;padding:15px!important;border-radius:13px!important}
body[data-r3-surface] .dv-simple-modes-grid strong{font-size:17px!important;color:#fff!important}
body[data-r3-surface] .dv-simple-modes-grid small{font-size:13px!important;line-height:1.4!important;color:#e2d9e9!important;opacity:1!important}
body[data-r3-surface] .app-quickmatch{margin-top:18px!important}
@media(max-width:820px){
  body[data-r3-surface] .r3-phone-nav button{font-size:11px!important;font-weight:800!important}
  body[data-r3-surface] .r3-phone-nav .r3-nav-icon svg,
  body[data-r3-surface] .r3-phone-nav button svg{width:21px!important;height:21px!important}
  body[data-r3-surface] .dv-live-tile small{font-size:13px!important;line-height:1.4!important}
  body[data-r3-surface] .dv-simple-modes-grid button{min-height:108px!important}
}
@media(max-width:370px){
  body[data-r3-surface] .r3-phone-nav button{font-size:10px!important}
  body[data-r3-surface] .dv-simple-modes-grid button{padding:12px!important}
}

/* OCT 14: Vertical scrolling + readable training on ALL real phone surfaces.
   Use document scroll, not a clipped viewport-height shell with an unconstrained
   inner scroll area. Do not modify immersive scorer/modal scroll handling. */
body[data-r3-surface="mobile"] .r3-phone-shell,
body[data-r3-surface="app"] .r3-phone-shell,
body[data-r3-surface="pc"] .r3-phone-shell {
  height:auto!important; min-height:100dvh!important; max-height:none!important;
  overflow:visible!important;
  padding-bottom:calc(110px + env(safe-area-inset-bottom))!important;
}
body[data-r3-surface="mobile"] .r3-phone-main,
body[data-r3-surface="app"] .r3-phone-main,
body[data-r3-surface="pc"] .r3-phone-main {
  display:block!important; height:auto!important; min-height:0!important;
  max-height:none!important; overflow-y:visible!important; overflow-x:visible!important;
  overscroll-behavior-y:auto!important; touch-action:pan-y pinch-zoom;
}
body[data-r3-surface] .r3-phone-page[data-active="1"]{
  height:auto!important; max-height:none!important; overflow-y:visible!important;
}
body[data-r3-surface] .r3-phone-page[data-approved-training] .drillrows{
  display:grid; gap:10px; border:0;
}
body[data-r3-surface] .r3-phone-page[data-approved-training] .drillrows button{
  display:flex!important;align-items:center;justify-content:space-between;
  gap:12px;min-height:90px;padding:17px!important;
  border:1px solid #534965!important;border-radius:13px!important;
  background:#23243b!important;color:#f8f5ff!important;
  box-shadow:none!important;text-align:left;
}
body[data-r3-surface] .r3-phone-page[data-approved-training] .drillrows button span{
  min-width:0;flex:1;
}
body[data-r3-surface] .r3-phone-page[data-approved-training] .drillrows button b{
  display:block;color:#fff!important;font-size:16px!important;line-height:1.3;
}
body[data-r3-surface] .r3-phone-page[data-approved-training] .drillrows button small{
  display:block;margin-top:6px;color:#d0cde1!important;
  font-size:13px!important;line-height:1.45!important;
}
body[data-r3-surface] .r3-phone-page[data-approved-training] .drillrows button em{
  flex:0 0 auto;color:#ffc078!important;font-size:13px!important;
  font-style:normal;font-weight:900;
}
body[data-r3-surface] .r3-phone-page[data-approved-training] .app-section-head button{
  min-height:44px!important;padding:10px 12px!important;
  background:#2a2943!important;border:1px solid #796f8f!important;
  border-radius:10px!important;color:#fff0c4!important;
}
body[data-r3-surface] .r3-phone-page[data-approved-training] .app-intro{
  color:#d0cde1!important;font-size:15px!important;line-height:1.5;
}
@media (max-width:820px){
  body[data-r3-surface] .r3-phone-page[data-approved-training] .app-ttl{
    font-size:clamp(34px,9vw,46px)!important;line-height:1.05!important;
  }
}