/* OWNER EXACT MASTER SHOWCASE — functional Home on PC, PWA and Android */
:root{--master-bg:#080d1a;--master-panel:#10192c;--master-cyan:#02d7e7;--master-orange:#ffa333;--master-purple:#9854e8;--master-ink:#f8fbff}
body[data-r3-surface] .dv-master-home{background:#080d1a!important;color:var(--master-ink)!important}
body[data-r3-surface] .dv-master-hero{
  border-radius:13px!important;border:1px solid #18485a!important;
  background:#081525!important;box-shadow:0 14px 35px #0006!important;overflow:hidden!important
}
body[data-r3-surface] .dv-master-hero .dvgo-hero-image{
  background-image:url('/r3/assets/matchday-board.webp')!important;
  background-position:center center!important;filter:brightness(.75) saturate(1.1) contrast(1.2)!important
}
body[data-r3-surface] .dv-master-hero::before{
  background:linear-gradient(90deg,#060c19ed 0%,#07101cdb 35%,#07101a4b 75%,#08101b22 100%)!important
}
body[data-r3-surface] .dv-master-hero .dvgo-overline{
  color:#d9e7f2!important;font-size:13px!important;font-weight:850!important;letter-spacing:.06em!important
}
body[data-r3-surface] .dv-master-desktop-title{font-weight:1000!important;letter-spacing:-.035em!important;font-style:normal!important}
body[data-r3-surface] .dv-master-desktop-title em{color:#fff!important;font-style:normal!important}
body[data-r3-surface] .dv-master-mobile-title{display:none!important}
body[data-r3-surface] .dv-master-hero-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
body[data-r3-surface] .dv-master-hero-buttons .dvgo-quick{
  background:linear-gradient(180deg,#ffb949,#ff953a)!important;color:#171323!important;
  -webkit-text-fill-color:#171323!important;box-shadow:none!important;border:1px solid #ffd079!important;
  min-height:49px!important;min-width:175px!important;font-weight:950!important;
  font-size:14px!important;border-radius:11px!important
}
body[data-r3-surface] .dv-master-find{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  background:#152039d9!important;border:1px solid #586a8b!important;
  border-radius:11px!important;min-height:49px!important;min-width:165px!important;
  font:850 13px/1.2 Inter,system-ui,sans-serif!important;padding:11px 17px!important
}
body[data-r3-surface] .dv-master-tiles .dvgo-tile{
  min-height:107px!important;background:#0e2034!important;border:1px solid #17445a!important;
  box-shadow:none!important;padding:16px!important;border-radius:10px!important;align-items:flex-start!important
}
body[data-r3-surface] .dv-master-tiles .dvgo-tile strong{
  color:#fff!important;-webkit-text-fill-color:#fff!important;font:900 15px/1.15 Inter,system-ui,sans-serif!important
}
body[data-r3-surface] .dv-master-tiles .dvgo-tile small{
  color:#d9e1f1!important;-webkit-text-fill-color:#d9e1f1!important;font-size:12px!important;
  text-shadow:none!important;line-height:1.3!important
}
body[data-r3-surface] .dv-master-tiles .dvgo-tile-icon{color:var(--master-cyan)!important;font-size:27px!important;text-shadow:none!important}
body[data-r3-surface] .dv-master-tiles .dvgo-train{background:#052631!important;border-color:#12676e!important}
body[data-r3-surface] .dv-master-tiles .dvgo-connect{background:#1b153e!important;border-color:#4a3174!important}
body[data-r3-surface] .dv-master-tiles .dvgo-connect .dvgo-tile-icon{color:#ceadff!important}
body[data-r3-surface] .dv-master-tiles .dvgo-clubs{background:#121d39!important;border-color:#344d80!important}
body[data-r3-surface] .dv-master-tiles .dvgo-compete{background:#231535!important;border-color:#62407d!important}
body[data-r3-surface] .dv-master-tiles .dvgo-compete .dvgo-tile-icon{color:#d795f6!important}
body[data-r3-surface] .dv-master-data{display:grid;grid-template-columns:1fr 1fr;gap:14px!important}
body[data-r3-surface] .dv-master-data .dvgo-panel{background:#0c1627!important;border:1px solid #1c3549!important;border-radius:11px!important;padding:17px!important}
body[data-r3-surface] .dv-master-data .dvgo-panel-head h2{
  color:var(--master-cyan)!important;font-size:14px!important;font-weight:950!important
}
body[data-r3-surface] .dv-master-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
body[data-r3-surface] .dv-master-stat{
  text-align:left!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:10px!important;
  background:#151d32!important;border:1px solid #26354e!important;border-radius:9px!important;
  padding:14px 11px!important;min-height:91px!important;box-shadow:none!important
}
body[data-r3-surface] .dv-master-stat strong{
  color:#fff!important;-webkit-text-fill-color:#fff!important;font:950 23px/1 Inter,system-ui,sans-serif!important
}
body[data-r3-surface] .dv-master-stat small{
  color:#d7e1ed!important;-webkit-text-fill-color:#d7e1ed!important;font:750 10px/1.3 Inter,system-ui,sans-serif!important
}
body[data-r3-surface] .dv-master-desktop-feed{display:block!important}
body[data-r3-surface] .dv-master-mobile-feed{display:none!important}
body[data-r3-surface] .dv-master-data .dvgo-feed-entry{
  background:#101b2d!important;border:1px solid #27384b!important;border-radius:9px!important;
  padding:12px!important;margin-bottom:9px!important
}
body[data-r3-surface] .dv-master-data .dvgo-feed-entry p{color:#fff!important}
body[data-r3-surface] .dv-master-all-features{padding:27px 0!important;border-top:1px solid #27384b!important}
body[data-r3-surface] .dv-master-all-features h2{color:#fff!important;font-size:23px!important}
body[data-r3-surface] .dv-master-all-features .dvgo-platform-actions button{
  background:#111c2f!important;border:1px solid #22465d!important;
  border-radius:9px!important;min-height:48px!important;color:#e9f7ff!important;
  -webkit-text-fill-color:#e9f7ff!important
}
body[data-r3-surface="pc"] .r3-web-content{max-width:1700px!important}
body[data-r3-surface="pc"] .r3-web-content .dv-master-home{width:100%!important;max-width:none!important;padding:0 0 65px!important}
body[data-r3-surface="pc"] .r3-web-content .dv-master-hero{
  min-height:300px!important;max-height:none!important;padding:29px 32px!important
}
body[data-r3-surface="pc"] .r3-web-content .dv-master-hero h1{
  font-size:clamp(47px,4.8vw,70px)!important;line-height:.95!important;margin:10px 0 7px!important
}
body[data-r3-surface="pc"] .r3-web-content .dv-master-hero .dvgo-hero-inner{width:55%!important;max-width:660px!important}
body[data-r3-surface="pc"] .r3-web-content .dv-master-tiles{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:12px 0!important}
body[data-r3-surface="pc"] .r3-web-content .dv-master-desktop-play{display:none!important}
body[data-r3-surface="pc"] .r3-web-content .dv-master-tiles .dvgo-tile{min-height:123px!important}
body[data-r3-surface="pc"] .r3-web-content .dv-master-hero .dv-master-desktop-copy{font-size:16px!important;color:#dbe6ef!important}
body[data-r3-surface="pc"] .r3-web-content .dv-master-stat{background:#171c30!important}
body[data-r3-surface="pc"] .r3-web-topbar{background:#090f1f!important;border-bottom:1px solid #1c3549!important}
body[data-r3-surface="pc"] .r3-web-play-cta{background:var(--master-orange)!important}
body[data-r3-surface="pc"] .r3-web-nav-group .r3-web-navlink[data-active="1"]{background:#0b293c!important;border-color:#176073!important;box-shadow:inset 3px 0 var(--master-cyan)!important}
body[data-r3-surface="pc"] .r3-web-toplinks button[data-active="1"]{background:#162c3a!important;color:#bdfbff!important;-webkit-text-fill-color:#bdfbff!important}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dv-master-home{padding:12px 12px calc(125px + env(safe-area-inset-bottom))!important}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dv-master-hero{
 min-height:220px!important;padding:20px 13px!important;border-radius:11px!important
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dv-master-hero::before{
 background:linear-gradient(180deg,#050c1780 0%,#050b19bd 41%,#040a15f0 100%)!important
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dv-master-hero .dvgo-hero-inner{width:100%!important;text-align:center!important}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dv-master-desktop-title,
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dv-master-desktop-copy{display:none!important}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dv-master-mobile-title{
 display:block!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
 font:950 clamp(24px,6vw,34px)/1.03 Inter,system-ui,sans-serif!important;
 margin:24px 0 18px!important;letter-spacing:-.025em!important
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dv-master-hero .dvgo-overline{display:none!important}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dv-master-hero-buttons{justify-content:center!important}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dv-master-hero-buttons .dvgo-quick{
 width:90%!important;min-height:47px!important;margin:0!important
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dv-master-find{display:none!important}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dv-master-tiles{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:11px 0!important
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dv-master-desktop-play{display:none!important}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dv-master-tiles .dvgo-tile{
 min-height:94px!important;padding:13px 7px!important;align-items:center!important;text-align:center!important
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dv-master-tiles .dvgo-tile strong{font-size:12px!important;margin:4px 0!important}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dv-master-tiles .dvgo-tile small,
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dv-master-tiles .dvgo-tile-arrow{display:none!important}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dv-master-data{grid-template-columns:1fr!important;gap:11px!important}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dv-master-data .dvgo-panel{padding:12px!important}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dv-master-stats{gap:5px!important}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dv-master-stat{padding:11px 5px!important;min-height:76px!important}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dv-master-stat strong{font-size:20px!important}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dv-master-stat small{font-size:9px!important}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dv-master-desktop-feed{display:none!important}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dv-master-mobile-feed{display:block!important}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dv-master-all-features{margin-top:15px!important}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) #r3-product-root,
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .r3-phone-shell,
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .r3-phone-main{
 overflow-y:visible!important;height:auto!important;max-height:none!important;touch-action:pan-y pinch-zoom!important
}
@media(max-width:400px){
 body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dv-master-mobile-title{font-size:25px!important}
}

/* OWNER TESTED SCROLL HOTFIX — one real page scroll, not a trapped nested pane.
   Overrides former v4 viewport-locked shell on BOTH phone and Android. */
html:has(body[data-r3-surface="mobile"] .r3-phone-shell),
html:has(body[data-r3-surface="app"] .r3-phone-shell){
  height:auto!important;min-height:100%!important;max-height:none!important;
  overflow-x:hidden!important;overflow-y:auto!important;
  overscroll-behavior-y:auto!important;touch-action:pan-y pinch-zoom!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]):has(.r3-phone-shell){
  height:auto!important;min-height:100dvh!important;max-height:none!important;
  overflow-x:hidden!important;overflow-y:visible!important;
  overscroll-behavior-y:auto!important;touch-action:pan-y pinch-zoom!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) #r3-product-root:has(.r3-phone-shell){
  min-height:100dvh!important;height:auto!important;max-height:none!important;
  overflow:visible!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .r3-phone-shell{
  display:block!important;min-height:100dvh!important;height:auto!important;max-height:none!important;
  overflow:visible!important;padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .r3-phone-main{
  display:block!important;flex:none!important;min-height:0!important;height:auto!important;
  max-height:none!important;overflow:visible!important;touch-action:pan-y pinch-zoom!important;
  overscroll-behavior-y:auto!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .r3-phone-main > [data-r3-page]{
  min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important;
  touch-action:pan-y pinch-zoom!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dv-master-home{
  min-height:0!important;height:auto!important;overflow:visible!important;
  touch-action:pan-y pinch-zoom!important
}

/* APPROVED MASTER — real inner game, training, community, passport and clubs. */
body[data-r3-surface] :is(.r3-phone-page,.approved-desktop-section,.r3-web-content) .app-eyebrow,
body[data-r3-surface] :is(.r3-phone-page,.approved-desktop-section,.r3-web-content) .r3-kicker{
  color:#19dce9!important;-webkit-text-fill-color:#19dce9!important;
  font-size:11px!important;font-weight:900!important;letter-spacing:.06em!important;
}
body[data-r3-surface] :is(.r3-phone-page,.approved-desktop-section) :is(h1,h2,h3,.app-ttl,.heading){
  color:#f8fbff!important;-webkit-text-fill-color:#f8fbff!important;
  opacity:1!important;text-shadow:none!important;
}
body[data-r3-surface] .r3-phone-page :is(.app-intro,.r3-muted,p,small){
  color:#d9e5f3!important;-webkit-text-fill-color:#d9e5f3!important;
  opacity:1!important;line-height:1.47!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .r3-phone-page{
  background:#080d1a!important;color:#fff!important;padding:16px 13px 125px!important;
  min-height:100%!important
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .r3-phone-page .app-ttl{
  font:950 clamp(30px,8vw,41px)/1.03 Inter,system-ui,sans-serif!important;
  letter-spacing:-.025em!important;margin:10px 0 12px!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) :is(
  .app-quickmatch,.darkaction,.r3-phone-card,.r3-phone-hero,
  .r3-phone-page .r3-panel,.r3-phone-page .r3-card,
  .r3-phone-page .r3-page-card,.r3-phone-page .r3-list-item
){
  background:#111a2d!important;color:#fff!important;
  border:1px solid #29415c!important;border-radius:12px!important;
  box-shadow:none!important
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .app-quickmatch{
  background:linear-gradient(140deg,#27194b,#1a173c)!important;
  border-color:#744d9c!important;padding:20px!important;margin:12px 0 17px!important
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .app-quickmatch h2{
  color:#fff!important;font-size:48px!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .app-quickmatch button,
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .darkaction button{
  background:#ffa333!important;color:#180e22!important;
  -webkit-text-fill-color:#180e22!important;min-height:45px!important;
  border:1px solid #ffc876!important;border-radius:10px!important;
  font-weight:950!important;box-shadow:none!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .app-rows,
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .drillrows{
  display:grid!important;grid-template-columns:1fr!important;gap:9px!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) :is(.app-rows,.drillrows)>button{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  background:linear-gradient(100deg,#111b32,#12182b)!important;
  color:#f8fbff!important;-webkit-text-fill-color:#f8fbff!important;
  border:1px solid #27445e!important;min-height:72px!important;
  border-radius:10px!important;padding:13px 16px!important;
  box-shadow:none!important;text-align:left!important;opacity:1!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) :is(.app-rows,.drillrows)>button:is(:first-child,:nth-child(4)){
  background:linear-gradient(100deg,#2c174e,#181630)!important;border-color:#654193!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) :is(.app-rows,.drillrows)>button :is(b,strong){
  color:#fff!important;-webkit-text-fill-color:#fff!important;font:900 14px/1.2 Inter,system-ui,sans-serif!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) :is(.app-rows,.drillrows)>button small{
  color:#cfdbed!important;-webkit-text-fill-color:#cfdbed!important;font:600 12px/1.4 Inter,system-ui,sans-serif!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) :is(.app-rows,.drillrows)>button em{
  color:#ffa333!important;-webkit-text-fill-color:#ffa333!important;font-weight:900!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .r3-phone-page .r3-metric-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .r3-phone-page .r3-metric{
  min-height:94px!important;padding:14px!important;background:#17223a!important;
  border:1px solid #273c5e!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .r3-phone-page .r3-metric strong{
  font-size:28px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .r3-phone-page .r3-metric small{
  color:#06d6e4!important;-webkit-text-fill-color:#06d6e4!important;
}
body[data-r3-surface] .dt2-oche-intro,
body[data-r3-surface] .dt2-oche-feed .dt2-oche-post{
  background:#101a2e!important;border:1px solid #24435d!important;
}
body[data-r3-surface] .dt2-oche-tabs button[aria-selected="true"]{
  background:#2c1c50!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  border-color:#9458da!important;
}
body[data-r3-surface] .dt2-oche-intro .dt2-oche-actions button:first-child{
  background:#ffa333!important;color:#1b1024!important;
  -webkit-text-fill-color:#1b1024!important
}
body[data-r3-surface] .r3-phone-page .r3-list-item button,
body[data-r3-surface] .r3-phone-page .r3-btn--primary{
  background:#ffa333!important;color:#1b1225!important;
  -webkit-text-fill-color:#1b1225!important;border-color:#ffc987!important;
}
body[data-r3-surface] .r3-phone-nav button[data-active="1"]{
  background:#20203c!important;color:#ffa333!important;-webkit-text-fill-color:#ffa333!important;
}
body[data-r3-surface] :is(.r3-phone-page,.approved-desktop-section) :is(button,a):focus-visible{
  outline:3px solid #ffa333!important;outline-offset:3px!important
}


/* RESTORED MASTER NATURAL PHONE SCROLL V2 — owner-approved app and phone.
   Replace the retired fixed-viewport inner-scroll lock with actual page scroll.
   Scoped to mobile/app routes; fullscreen scoring keeps its own overlay. */
@media (max-width:820px) {
 html:has(body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .r3-phone-shell){
  height:auto!important;min-height:100%!important;max-height:none!important;
  overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto!important;
  touch-action:pan-y pinch-zoom!important;
 }
 body:is([data-r3-surface="mobile"],[data-r3-surface="app"]):has(.r3-phone-shell){
  height:auto!important;min-height:100dvh!important;max-height:none!important;
  overflow-x:hidden!important;overflow-y:visible!important;overscroll-behavior-y:auto!important;
  touch-action:pan-y pinch-zoom!important;
 }
 body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) #r3-product-root:has(.r3-phone-shell){
  height:auto!important;min-height:100dvh!important;max-height:none!important;
  overflow:visible!important;
 }
 body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .r3-phone-shell{
  display:block!important;flex:none!important;width:100%!important;
  height:auto!important;min-height:100dvh!important;max-height:none!important;
  padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important;
  overflow:visible!important;
 }
 body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .r3-phone-main{
  display:block!important;flex:none!important;height:auto!important;min-height:0!important;
  max-height:none!important;overflow-x:clip!important;overflow-y:visible!important;
  overscroll-behavior-y:auto!important;touch-action:pan-y pinch-zoom!important;
  padding-bottom:28px!important;
 }
 body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .r3-phone-main>[data-r3-page]{
  display:flow-root!important;height:auto!important;min-height:0!important;max-height:none!important;
  overflow:visible!important;touch-action:pan-y pinch-zoom!important;
 }
 body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) :is(.dv-master-home,.dvgo-home,.r3-phone-page){
  height:auto!important;max-height:none!important;overflow-y:visible!important;
  touch-action:pan-y pinch-zoom!important;
 }
}
