/*
 DARTAVA — LOCKED CROSS-PLATFORM MASTER (OWNER 14 OCT 2026)
 Reproduces the approved laptop/phone/feature showcase, never fake data.
 Last stylesheet on all three surfaces. Existing functional hooks preserved.
*/
body[data-r3-surface]{
 --d-bg:#080d1a;--d-nav:#091323;--d-panel:#11182b;--d-panel-deep:#0b1729;
 --d-purple:#22143d;--d-cyan:#02d7e7;--d-orange:#ffa333;--d-pink:#9d59e9;
 --d-ink:#f8fbff;--d-muted:#cbd5e9;--d-border:#293953;--d-green:#54e1a8;
 --ink:#f8fbff;--sub:#cbd5e9;--paper:#080d1a;--cream:#11182b;--line:#293953;
 --acid:#02d7e7;--hot:#ffa333;--night:#080d1a;--white:#f8fbff;
 color:var(--d-ink)!important;background:var(--d-bg)!important;
 font-family:Inter,'Arial',system-ui,sans-serif!important;
}
body[data-r3-surface] :is(.r3-product,.r3-desktop-shell,.r3-phone-shell,.r3-phone-main,.r3-desktop-main,.r3-web-content){
 background:var(--d-bg)!important;color:var(--d-ink)!important;
}
body[data-r3-surface] button{cursor:pointer;touch-action:manipulation}
body[data-r3-surface] button:focus-visible,body[data-r3-surface] a:focus-visible{
 outline:3px solid var(--d-orange)!important;outline-offset:3px!important;
}
body[data-r3-surface] :is(.app-ttl,.work-head h1.heading,.r3-product-title h1){
 color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;text-shadow:none!important;
}
body[data-r3-surface] :is(p,small,.app-intro,.r3-muted,.app-footnote){
 color:var(--d-muted);opacity:1;
}
/* Distinct metallic D mark across desktop, PWA and Android web surface. */
body[data-r3-surface] .r3-brand{
 display:flex!important;align-items:center!important;gap:9px!important;
 background:transparent!important;border:0!important;text-decoration:none!important;padding:0!important;
 box-shadow:none!important;filter:none!important;color:#fff!important;
}
body[data-r3-surface] .r3-brand img{
 display:block!important;visibility:visible!important;opacity:1!important;filter:none!important;
 height:35px!important;width:35px!important;min-width:35px!important;border:0!important;
 border-radius:8px!important;object-fit:contain!important;
}
body[data-r3-surface] .r3-brand b{
 font-family:Impact,'Arial Narrow',Inter,system-ui,sans-serif!important;
 font-size:24px!important;font-weight:950!important;font-style:italic!important;
 letter-spacing:-.015em!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
 text-shadow:0 1px 6px #000b!important;
}
/* DESKTOP = full-width laptop website with top navigation, not side-rail app. */
@media(min-width:821px){
 body[data-r3-surface="pc"] .r3-web-shell.dartava-master-shell{
  display:block!important;min-height:100dvh!important;max-width:none!important;width:100%!important;
  background:var(--d-bg)!important;
 }
 body[data-r3-surface="pc"] .dm-legacy-nav{display:none!important;visibility:hidden!important}
 body[data-r3-surface="pc"] .dartava-master-shell .r3-web-main{
  margin:0!important;padding:0!important;width:100%!important;max-width:none!important;min-width:0!important;
 }
 body[data-r3-surface="pc"] .dartava-master-shell .dm-topbar{
  height:72px!important;min-height:72px!important;max-width:none!important;
  display:grid!important;grid-template-columns:200px minmax(0,1fr) auto!important;
  align-items:center!important;gap:16px!important;position:sticky!important;top:0!important;z-index:80!important;
  background:#070e1aee!important;border-bottom:1px solid #19354a!important;
  padding:0 clamp(25px,3.2vw,60px)!important;box-shadow:0 10px 24px #0004!important;
 }
 body[data-r3-surface="pc"] .dm-topbar::before,
 body[data-r3-surface="pc"] .dm-topbar::after{content:none!important;display:none!important}
 body[data-r3-surface="pc"] .dartava-master-shell .dm-site-nav{
  display:flex!important;align-items:center!important;gap:3px!important;justify-content:center!important;min-width:0!important;
 }
 body[data-r3-surface="pc"] .dartava-master-shell .dm-site-nav button{
  min-height:44px!important;padding:12px clamp(7px,1vw,16px)!important;
  color:#eff3ff!important;-webkit-text-fill-color:#eff3ff!important;
  border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;
  background:transparent!important;font-size:13px!important;font-weight:800!important;
  white-space:nowrap!important;
 }
 body[data-r3-surface="pc"] .dartava-master-shell .dm-site-nav button[data-active="1"]{
  color:#ffb23e!important;-webkit-text-fill-color:#ffb23e!important;
  border-bottom-color:#ffb23e!important;background:transparent!important;
 }
 body[data-r3-surface="pc"] .dm-top-actions{display:flex!important;align-items:center!important;gap:8px!important}
 body[data-r3-surface="pc"] .dm-header-icon{
  display:grid!important;place-items:center!important;height:38px!important;width:38px!important;
  background:transparent!important;color:#fff!important;border:1px solid #1b2c40!important;
  border-radius:9px!important;min-width:38px!important;
 }
 body[data-r3-surface="pc"] .dm-header-icon svg{stroke:#fff!important;width:19px!important;height:19px!important}
 body[data-r3-surface="pc"] .dartava-master-shell .dm-desktop-content{
  padding:22px clamp(22px,3.4vw,60px) 55px!important;max-width:1580px!important;margin:0 auto!important;
  width:100%!important;box-sizing:border-box!important;min-height:calc(100dvh - 155px)!important;
 }
 body[data-r3-surface="pc"] .r3-web-footer{margin:0 clamp(22px,3.4vw,60px)!important}
}
/* MASTER HOMEPAGE: vivid dartboard, crisp action and compact premium modules. */
body[data-r3-surface] .dartava-master-home{
 width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
 font-family:Inter,system-ui,sans-serif!important; color:var(--d-ink)!important;
}
body[data-r3-surface] .dartava-master-home .dm-hero{
 isolation:isolate;position:relative!important;overflow:hidden!important;
 border:1px solid #244253!important;border-radius:15px!important;
 background:#070e1b!important;box-shadow:0 10px 28px #0006!important;
 padding:0!important;margin:0!important;
}
body[data-r3-surface] .dartava-master-home .dm-board-photo{
 display:block!important;position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;background:
 linear-gradient(90deg,#050c19 0%,#050c19db 28%,#07102150 70%,#07102124 100%),
 url('/r3/assets/matchday-board.webp') center 46%/cover no-repeat!important;
 opacity:1!important;filter:saturate(1.18) contrast(1.16)!important;pointer-events:none!important;
}
body[data-r3-surface] .dm-hero::after{
 content:''!important;position:absolute!important;inset:0!important;z-index:0!important;
 pointer-events:none!important;
 background:radial-gradient(ellipse at 78% 10%,#02d7e728,transparent 55%),linear-gradient(0deg,#040a16ae,transparent 40%)!important;
}
body[data-r3-surface] .dartava-master-home .dm-hero-content{
 position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;
 align-items:flex-start!important;justify-content:center!important;box-sizing:border-box!important;
 min-width:0!important;max-width:100%!important;
}
body[data-r3-surface] .dartava-master-home .dm-hero h1{
 color:#fff!important;-webkit-text-fill-color:#fff!important;line-height:.99!important;
 font-family:Impact,'Arial Narrow',Inter,sans-serif!important;font-weight:950!important;
 font-style:normal!important;text-transform:uppercase!important;
 letter-spacing:-.025em!important;text-shadow:0 4px 12px #000c!important;
 margin:0!important;
}
body[data-r3-surface] .dm-overline{
 color:#fff!important;font:850 19px/1.1 Inter,system-ui,sans-serif!important;letter-spacing:.03em;
}
body[data-r3-surface] .dartava-master-home .dm-hero p{
 color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;
 font-size:14px!important;line-height:1.4!important;font-weight:800!important;
 letter-spacing:.035em!important;margin:10px 0 18px!important;text-shadow:0 2px 8px #000a!important;
}
body[data-r3-surface] .dm-hero-actions{
 display:flex!important;gap:10px!important;flex-wrap:wrap!important;align-items:center!important;
 margin-top:18px!important;
}
body[data-r3-surface] .dm-hero-actions .dm-primary{
 min-width:175px!important;min-height:50px!important;background:linear-gradient(115deg,#ff922d,#ffb245)!important;
 color:#11101b!important;-webkit-text-fill-color:#11101b!important;border-radius:12px!important;
 border:1px solid #ffb44f!important;box-shadow:0 5px 18px #d77c1b44!important;
 padding:13px 24px!important;font:950 16px/1.2 Inter,system-ui,sans-serif!important;
 white-space:nowrap!important;
}
body[data-r3-surface] .dm-hero-actions .dm-secondary{
 min-width:154px!important;min-height:50px!important;padding:13px 21px!important;
 background:#101c35db!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
 border:1px solid #46658f!important;border-radius:11px!important;
 font:850 13px/1.2 Inter,system-ui,sans-serif!important;
}
body[data-r3-surface] .dartava-master-home .dm-features{
 display:grid!important;gap:10px!important;margin:14px 0!important;overflow:visible!important;
}
body[data-r3-surface] .dartava-master-home .dm-feature{
 position:relative!important;min-width:0!important;min-height:115px!important;
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;
 justify-content:flex-start!important;gap:6px!important;
 background:linear-gradient(136deg,#092039,#081326)!important;
 color:#fff!important;-webkit-text-fill-color:#fff!important;
 border:1px solid #095179!important;border-radius:10px!important;box-shadow:none!important;
 padding:16px 17px!important;text-align:left!important;transform:none!important;
}
body[data-r3-surface] .dartava-master-home .dm-feature.dm-feature-train{background:linear-gradient(132deg,#072f36,#061a2a)!important;border-color:#087e92!important}
body[data-r3-surface] .dartava-master-home .dm-feature.dm-feature-oche{background:linear-gradient(132deg,#261744,#10152e)!important;border-color:#53367e!important}
body[data-r3-surface] .dartava-master-home .dm-feature.dm-feature-clubs{background:linear-gradient(132deg,#221b43,#0b152b)!important;border-color:#333770!important}
body[data-r3-surface] .dartava-master-home .dm-feature.dm-feature-compete{background:linear-gradient(132deg,#2a1643,#15132b)!important;border-color:#6d3989!important}
body[data-r3-surface] .dartava-master-home .dm-feature .dm-feature-icon{
 display:block!important;flex:none!important;position:static!important;
 font:900 26px/1.05 Inter,system-ui,sans-serif!important;
 width:auto!important;height:30px!important;
 color:var(--d-cyan)!important;text-shadow:0 0 12px #00ddff6c!important;
 background:transparent!important;
}
body[data-r3-surface] .dartava-master-home .dm-feature-oche .dm-feature-icon,
body[data-r3-surface] .dartava-master-home .dm-feature-compete .dm-feature-icon{color:#d78bff!important}
body[data-r3-surface] .dartava-master-home .dm-feature strong{
 font:900 14px/1.2 Inter,system-ui,sans-serif!important;
 color:#fff!important;-webkit-text-fill-color:#fff!important;
 text-shadow:none!important;letter-spacing:0!important;
}
body[data-r3-surface] .dartava-master-home .dm-feature small{
 color:#d3e6f2!important;-webkit-text-fill-color:#d3e6f2!important;opacity:1!important;
 font-size:12px!important;line-height:1.4!important;text-shadow:none!important;
}
body[data-r3-surface] .dartava-master-home .dm-feature-link{
 color:var(--d-cyan)!important;-webkit-text-fill-color:var(--d-cyan)!important;
 font-size:11px!important;font-weight:850!important;white-space:normal!important;
}
body[data-r3-surface] .dartava-master-home .dm-dashboard{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:13px!important;margin:0 0 18px!important;align-items:start!important;
}
body[data-r3-surface] .dartava-master-home .dm-dashboard-panel{
 border-radius:11px!important;border:1px solid var(--d-border)!important;
 background:linear-gradient(155deg,#11182c,#0a1425)!important;
 padding:19px!important;margin:0!important;color:#fff!important;box-shadow:none!important;
 min-height:192px!important;
}
body[data-r3-surface] .dm-dashboard-panel .dvgo-panel-head{
 display:flex!important;justify-content:space-between!important;align-items:center!important;
 gap:10px!important;margin-bottom:12px!important;
}
body[data-r3-surface] .dm-dashboard-panel .dvgo-panel-head h2,
body[data-r3-surface] .dm-more-features h2{
 color:var(--d-cyan)!important;-webkit-text-fill-color:var(--d-cyan)!important;
 font:900 14px/1.3 Inter,system-ui,sans-serif!important;letter-spacing:.005em!important;margin:0!important;
}
body[data-r3-surface] .dm-dashboard-panel .dvgo-panel-head button{
 color:#c2eaff!important;-webkit-text-fill-color:#c2eaff!important;background:transparent!important;
 padding:5px!important;font:850 11px Inter,system-ui,sans-serif!important;border:0!important;
}
body[data-r3-surface] .dm-stats-grid{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;
}
body[data-r3-surface] .dm-stat{
 min-width:0!important;min-height:82px!important;padding:12px 9px!important;
 display:flex!important;flex-direction:column!important;justify-content:center!important;
 border:1px solid #243450!important;border-radius:7px!important;background:#111b32!important;
}
body[data-r3-surface] .dm-stat strong{
 color:#fff!important;-webkit-text-fill-color:#fff!important;
 font:900 clamp(18px,2vw,30px)/1.1 Inter,system-ui,sans-serif!important;
}
body[data-r3-surface] .dm-stat small{
 color:#d3d9eb!important;-webkit-text-fill-color:#d3d9eb!important;opacity:1!important;
 text-transform:uppercase!important;font:800 10px/1.3 Inter,system-ui,sans-serif!important;
 margin-top:8px!important;letter-spacing:.02em!important;
}
body[data-r3-surface] .dm-signin-note{
 color:var(--d-muted)!important;margin:11px 0 0!important;font-size:12px!important;
}
body[data-r3-surface] .dm-activity-list{display:grid;gap:5px!important}
body[data-r3-surface] .dm-feed-row{
 display:flex!important;align-items:center!important;gap:10px!important;
 border-bottom:1px solid #1e2941!important;padding:8px 2px!important;color:#fff!important;
}
body[data-r3-surface] .dm-feed-avatar{
 width:34px;height:34px;display:grid;place-items:center;border-radius:50%!important;flex:0 0 34px;
 background:linear-gradient(145deg,#614293,#0a6787);color:#fff!important;
 font-size:11px!important;font-weight:900!important;
}
body[data-r3-surface] .dm-feed-row strong{
 color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:12px!important;
}
body[data-r3-surface] .dm-feed-row p{
 color:#d4dced!important;-webkit-text-fill-color:#d4dced!important;opacity:1!important;
 font-size:12px!important;line-height:1.35!important;margin:3px 0 0!important;
}
body[data-r3-surface] .dm-quiet{padding:13px 0;display:grid;gap:9px}
body[data-r3-surface] .dm-quiet strong{color:#fff!important;font-size:13px!important}
body[data-r3-surface] .dm-quiet p{color:var(--d-muted)!important;font-size:12px!important;margin:0!important}
body[data-r3-surface] .dm-quiet button{
 justify-self:start!important;color:var(--d-cyan)!important;-webkit-text-fill-color:var(--d-cyan)!important;
 background:#10243c!important;border:1px solid #165277!important;
 border-radius:8px!important;padding:10px 12px!important;font-size:11px!important;font-weight:900!important;
}
body[data-r3-surface] .dm-resume{margin:12px 0!important;min-height:60px!important}
body[data-r3-surface] .dm-more-features{
 margin:24px 0!important;padding:22px 0!important;border-top:1px solid var(--d-border)!important;
}
body[data-r3-surface] .dm-more-features p{font-size:13px!important;color:var(--d-muted)!important}
body[data-r3-surface] .dm-more-grid{
 display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;margin-top:14px!important;
}
body[data-r3-surface] .dm-more-grid button{
 padding:13px!important;min-height:49px!important;border:1px solid #264258!important;
 border-radius:9px!important;background:#0d1a30!important;color:#fff!important;
 -webkit-text-fill-color:#fff!important;text-align:left!important;font-size:11px!important;font-weight:850!important;
}
@media(min-width:821px){
 body[data-r3-surface="pc"] .dartava-master-home .dm-web-hero{
  height:310px!important;min-height:310px!important;max-height:310px!important;
 }
 body[data-r3-surface="pc"] .dartava-master-home .dm-web-hero .dm-hero-content{
  height:100%!important;padding:32px clamp(26px,4.5vw,64px)!important;
 }
 body[data-r3-surface="pc"] .dm-web-hero h1{font-size:clamp(46px,5.5vw,82px)!important}
 body[data-r3-surface="pc"] .dartava-master-home .dm-features{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
 }
 body[data-r3-surface="pc"] .dartava-master-home .dm-feature{min-height:124px!important}
}
@media (min-width:821px) and (max-width:1180px){
 body[data-r3-surface="pc"] .dm-topbar{
  grid-template-columns:170px minmax(0,1fr) auto!important;gap:6px!important;
  padding-left:16px!important;padding-right:16px!important;
 }
 body[data-r3-surface="pc"] .dm-site-nav button{font-size:11px!important;padding:10px 7px!important}
 body[data-r3-surface="pc"] .dm-more-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
/* PWA + Android: truly same layout; available vertical space must be scrollable. */
@media(max-width:820px){
 body[data-r3-surface]{
  margin:0!important;min-width:0!important;width:100%!important;
  min-height:100dvh!important;height:auto!important;
  touch-action:pan-y pinch-zoom!important;overscroll-behavior-y:auto!important;
  overflow-y:auto!important;overflow-x:hidden!important;
 }
 html:has(body[data-r3-surface="mobile"]),html:has(body[data-r3-surface="app"]){
  height:auto!important;min-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;
  overscroll-behavior-y:auto!important;
 }
 body[data-r3-surface] :is(#r3-product-root,.dm-phone-shell,.dm-phone-main,.r3-phone-shell,.r3-phone-main,[data-r3-page],.r3-phone-page){
  min-width:0!important;width:100%!important;max-width:100%!important;
  height:auto!important;max-height:none!important;min-height:0!important;
  overflow-y:visible!important;overflow-x:clip!important;
  touch-action:pan-y pinch-zoom!important;overscroll-behavior-y:auto!important;
 }
 body[data-r3-surface] .dm-phone-shell{display:block!important;background:var(--d-bg)!important;}
 body[data-r3-surface] .dm-phone-header{
  position:sticky!important;top:0!important;z-index:90!important;
  width:100%!important;height:68px!important;min-height:68px!important;
  box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  background:#070d1bee!important;border-bottom:1px solid #244051!important;
  padding:10px 14px!important;box-shadow:none!important;
 }
 body[data-r3-surface] .dm-phone-header .r3-brand b{
  font-size:25px!important;font-style:italic!important;
 }
 body[data-r3-surface] .dm-phone-header .dvgo-brandblock small{display:none!important}
 body[data-r3-surface] .dm-phone-header .dvgo-topbuttons{
  display:flex!important;gap:8px!important;align-items:center!important;
 }
 body[data-r3-surface] .dm-phone-header .dm-header-icon{
  display:grid!important;place-items:center!important;width:33px!important;height:35px!important;
  min-width:33px!important;background:#111a2c!important;border:1px solid #293b54!important;
  border-radius:8px!important;color:#fff!important;box-shadow:none!important;
 }
 body[data-r3-surface] .dm-phone-header .dm-header-icon svg{height:17px!important;width:17px!important;stroke:#fff!important}
 body[data-r3-surface] .dm-phone-header .dm-avatar{
  display:grid!important;place-items:center!important;min-width:35px!important;width:35px!important;
  height:35px!important;padding:0!important;border:1px solid #5b6d8a!important;border-radius:50%!important;
  color:#fff!important;background:#26213b!important;font-size:12px!important;
 }
 body[data-r3-surface] .dm-phone-main{
  display:block!important;padding:0 12px calc(94px + env(safe-area-inset-bottom,0px))!important;
  min-height:calc(100dvh - 70px)!important;overflow:visible!important;
  box-sizing:border-box!important;
 }
 body[data-r3-surface] .dartava-master-home .dm-phone-hero{
  margin:8px 0 12px!important;min-height:198px!important;height:198px!important;
  max-height:none!important;border-radius:12px!important;
 }
 body[data-r3-surface] .dartava-master-home .dm-phone-hero .dm-hero-content{
  width:100%!important;height:100%!important;padding:18px 18px 16px!important;
  align-items:center!important;text-align:center!important;justify-content:flex-end!important;
 }
 body[data-r3-surface] .dartava-master-home .dm-phone-hero h1{
  font-size:clamp(26px,7.5vw,37px)!important;text-align:center!important;
  line-height:1.05!important;margin:0 0 7px!important;
 }
 body[data-r3-surface] .dartava-master-home .dm-phone-hero .dm-hero-actions{
  width:100%!important;justify-content:center!important;margin:8px 0 0!important;
 }
 body[data-r3-surface] .dartava-master-home .dm-phone-hero .dm-primary{
  max-width:220px!important;min-width:150px!important;width:60%!important;
  min-height:44px!important;font-size:13px!important;padding:11px!important;
 }
 body[data-r3-surface] .dartava-master-home .dm-features{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:9px 0 13px!important;
 }
 body[data-r3-surface] .dartava-master-home .dm-feature{
  min-height:89px!important;max-height:none!important;
  padding:13px 10px!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;gap:6px!important;
 }
 body[data-r3-surface] .dartava-master-home .dm-feature strong{
  font-size:13px!important;line-height:1.1!important;
 }
 body[data-r3-surface] .dartava-master-home .dm-feature .dm-feature-icon{
  height:30px!important;font-size:25px!important;
 }
 body[data-r3-surface] .dartava-master-home .dm-feature .dm-feature-link{display:none!important}
 body[data-r3-surface] .dartava-master-home .dm-dashboard{
  display:grid!important;grid-template-columns:1fr!important;gap:13px!important;
 }
 body[data-r3-surface] .dartava-master-home .dm-dashboard-panel{
  padding:12px!important;min-height:0!important;margin:0!important;
 }
 body[data-r3-surface] .dartava-master-home .dm-stats-grid{gap:6px!important}
 body[data-r3-surface] .dartava-master-home .dm-stat{
  min-height:70px!important;padding:10px 4px!important;text-align:center!important;align-items:center!important;
 }
 body[data-r3-surface] .dartava-master-home .dm-stat strong{font-size:20px!important}
 body[data-r3-surface] .dartava-master-home .dm-stat small{
  font-size:9px!important;line-height:1.2!important;letter-spacing:0!important;
  text-align:center!important;
 }
 body[data-r3-surface] .dm-more-features{margin-bottom:20px!important}
 body[data-r3-surface] .dm-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body[data-r3-surface] .dm-bottom-nav{
  position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:95!important;
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
  width:100%!important;height:calc(65px + env(safe-area-inset-bottom,0px))!important;
  min-height:65px!important;max-height:none!important;
  background:#070c1aea!important;border-top:1px solid #294056!important;
  padding:5px 4px max(7px,env(safe-area-inset-bottom,0px))!important;
  gap:0!important;box-sizing:border-box!important;overflow:visible!important;
  box-shadow:0 -8px 22px #040812cc!important;
 }
 body[data-r3-surface] .dm-bottom-nav button{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:2px!important;padding:2px!important;
  min-width:0!important;min-height:46px!important;background:transparent!important;
  border:0!important;border-radius:0!important;color:#b6bfd8!important;
  -webkit-text-fill-color:#b6bfd8!important;box-shadow:none!important;
  font:700 11px/1.1 Inter,system-ui,sans-serif!important;
 }
 body[data-r3-surface] .dm-bottom-nav button svg{
  width:20px!important;height:20px!important;stroke:currentColor!important;
  background:transparent!important;box-shadow:none!important;
 }
 body[data-r3-surface] .dm-bottom-nav button[data-active="1"]{
  color:#ffb247!important;-webkit-text-fill-color:#ffb247!important;
  background:transparent!important;
 }
 /* Keep passport accessible through header and route links but exactly 5 visible bottom tabs. */
 body[data-r3-surface] .dm-bottom-nav button[data-r3-route="passport"]{display:none!important}
 body[data-r3-surface] .dm-bottom-nav button.play{
  background:transparent!important;box-shadow:none!important;color:#b6bfd8!important;
 }
 body[data-r3-surface] .dm-bottom-nav button.play[data-active="1"]{color:#ffb247!important}
 /* Phone pages all inherit one honest, accessible dark visual language. */
 body[data-r3-surface] .r3-phone-page{
  padding:16px 4px 28px!important;background:transparent!important;color:var(--d-ink)!important;
 }
 body[data-r3-surface] .r3-phone-page :is(.app-ttl,h1){
  font-family:Impact,'Arial Narrow',Inter,system-ui,sans-serif!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  font-weight:950!important;letter-spacing:-.015em!important;
 }
 body[data-r3-surface] .r3-phone-page .app-eyebrow,
 body[data-r3-surface] .r3-phone-page .r3-kicker{
  color:var(--d-cyan)!important;-webkit-text-fill-color:var(--d-cyan)!important;
  font-size:11px!important;font-weight:900!important;
 }
 body[data-r3-surface] .r3-phone-page .app-intro{
  color:var(--d-muted)!important;-webkit-text-fill-color:var(--d-muted)!important;
  font-size:14px!important;line-height:1.55!important;
 }
 body[data-r3-surface] .r3-phone-page :is(.app-rows button,.drillrows button,.app-inline-row button,
 .r3-phone-card,.r3-phone-list .r3-list-item,.r3-panel,.r3-card,.r3-page-card){
  background:linear-gradient(130deg,#11182b,#0a1424)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #2a3a55!important;
  border-radius:10px!important;box-shadow:none!important;
 }
 body[data-r3-surface] .r3-phone-page :is(.app-rows button,.drillrows button){
  min-height:67px!important;display:flex!important;justify-content:space-between!important;
  align-items:center!important;padding:13px!important;margin-bottom:7px!important;
 }
 body[data-r3-surface] .r3-phone-page :is(.app-rows button,.drillrows button) :is(b,strong){
  color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:14px!important;
 }
 body[data-r3-surface] .r3-phone-page :is(.app-rows button,.drillrows button) small{
  color:#d4e0f2!important;-webkit-text-fill-color:#d4e0f2!important;
  font-size:12px!important;opacity:1!important;line-height:1.4!important;
 }
 body[data-r3-surface] .r3-phone-page .app-section-head strong{
  color:var(--d-cyan)!important;-webkit-text-fill-color:var(--d-cyan)!important;
  font-size:13px!important;
 }
 body[data-r3-surface] .r3-phone-page .app-section-head button{
  color:#efb1ff!important;-webkit-text-fill-color:#efb1ff!important;
  background:transparent!important;font-size:12px!important;
 }
 body[data-r3-surface] .r3-phone-page .app-quickmatch{
  border:1px solid #543b87!important;background:linear-gradient(135deg,#261349,#11182b)!important;
  border-radius:12px!important;
 }
 body[data-r3-surface] .r3-phone-page .app-quickmatch button,
 body[data-r3-surface] .r3-phone-page .darkaction button{
  background:var(--d-orange)!important;color:#111020!important;-webkit-text-fill-color:#111020!important;
  border:0!important;border-radius:9px!important;font-weight:900!important;
 }
 body[data-r3-surface] .r3-phone-page .app-quickmatch :is(h2,p,strong){
  color:#fff!important;-webkit-text-fill-color:#fff!important;
 }
 body[data-r3-surface] .r3-phone-page :is(.app-inline-row button,.app-tabs button) :is(h2,b,strong,span,small){
  color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;
 }
 body[data-r3-surface] .r3-phone-page .r3-metric-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;
 }
 body[data-r3-surface] .r3-phone-page .r3-metric{
  background:#111b31!important;border:1px solid #293b55!important;padding:15px!important;
 }
 body[data-r3-surface] .r3-phone-page .r3-metric strong{
  color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:25px!important;
 }
 body[data-r3-surface] .r3-phone-page .r3-metric small{color:var(--d-muted)!important}
 body[data-r3-surface] :is(.dt2-oche-feed,.dt2-oche-tabs,.app-rows,.drillrows,.r3-phone-list){
  touch-action:pan-y pinch-zoom!important;
 }
 body[data-r3-surface] .r3-phone-page .r3-phone-hero{
  background:linear-gradient(135deg,#15192e,#12182b)!important;padding:20px!important;
  border:1px solid #374568!important;border-radius:12px!important;
 }
 body[data-r3-surface] .r3-phone-page .r3-phone-hero :is(h1,p){
  color:#fff!important;-webkit-text-fill-color:#fff!important;
 }
}
/* strong phone and desktop social styling on real API-backed elements */
body[data-r3-surface] .dt2-oche-feed :is(.dt2-oche-post,.dt2-oche-empty){
 background:#111a2d!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
 border:1px solid #283a54!important;border-radius:11px!important;
}
body[data-r3-surface] .dt2-oche-post :is(p,small){
 color:#d9e2f1!important;-webkit-text-fill-color:#d9e2f1!important;opacity:1!important;
}
body[data-r3-surface] .dt2-oche-intro{
 border-color:#293f5f!important;background:linear-gradient(130deg,#111a32,#201136)!important;
}
body[data-r3-surface] .dt2-oche-tabs button[aria-selected="true"]{
 background:#472379!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
 border:1px solid #ac6ef4!important;
}
body[data-r3-surface] .dt2-oche-intro .dt2-oche-actions button:first-child{
 background:var(--d-orange)!important;color:#151222!important;-webkit-text-fill-color:#151222!important;
}
/* Avoid previous invisible old white Intelligence panels on desktop. */
body[data-r3-surface="pc"] .r3-web-content :is(.r3c-intel-card,.r3c-metric,.r3-page-card){
 background:var(--d-panel)!important;color:#fff!important;border-color:var(--d-border)!important;
}
body[data-r3-surface="pc"] .r3-web-content :is(.r3c-intel-card,.r3c-metric,.r3-page-card) :is(h2,h3,strong,b){
 color:#fff!important;-webkit-text-fill-color:#fff!important;
}
body[data-r3-surface="pc"] .r3-web-content :is(.r3c-intel-card,.r3c-metric,.r3-page-card) :is(p,small){
 color:#d3ddee!important;-webkit-text-fill-color:#d3ddee!important;
}


/* OWNER MASTER — seven inner phone screens, matching the approved showcase. */
@media(max-width:820px){
 body[data-r3-surface] .dm-feature-page{padding:8px 2px 25px!important}
 body[data-r3-surface] .dm-screen-heading{
  display:flex!important;justify-content:space-between!important;align-items:center!important;
  gap:12px!important;min-height:54px!important;margin:0 0 12px!important;
 }
 body[data-r3-surface] .dm-screen-heading h1{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  font:900 clamp(23px,7vw,31px)/1.1 Impact,'Arial Narrow',Inter,sans-serif!important;
  letter-spacing:.025em!important;margin:0!important;
 }
 body[data-r3-surface] .dm-screen-heading .dm-corner-action{
  width:34px!important;height:34px!important;min-width:34px!important;display:grid!important;place-items:center!important;
  background:#0c1726!important;border:1px solid #2d4560!important;border-radius:8px!important;
  color:var(--d-cyan)!important;-webkit-text-fill-color:var(--d-cyan)!important;
  font-size:25px!important;font-weight:700!important;
 }
 body[data-r3-surface] .dm-screen-heading .dm-corner-action svg{width:18px!important;height:18px!important;stroke:var(--d-cyan)!important}
 body[data-r3-surface] .dm-play-tabs,.dm-segmented{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;padding:4px!important;background:#0b1327!important;
  border:1px solid #2b3650!important;border-radius:9px!important;margin:5px 0 13px!important;
 }
 body[data-r3-surface] .dm-play-tabs button,body[data-r3-surface] .dm-segmented button{
  font:850 11px/1.2 Inter,system-ui,sans-serif!important;color:#e8e7f4!important;
  -webkit-text-fill-color:#e8e7f4!important;min-width:0!important;min-height:36px!important;
  background:#17152a!important;border:1px solid #3e385e!important;border-radius:6px!important;
  box-shadow:none!important;padding:8px 3px!important;white-space:nowrap!important;word-break:normal!important;
 }
 body[data-r3-surface] .dm-play-tabs button.dm-selected,body[data-r3-surface] .dm-segmented button.dm-selected{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  background:#52279a!important;border-color:#a675ee!important;
 }
 body[data-r3-surface] .dm-game-list{
  display:flex!important;flex-direction:column!important;gap:6px!important;margin:6px 0 18px!important;
 }
 body[data-r3-surface] .dm-game-list button.dm-game-row{
  width:100%!important;min-height:68px!important;display:flex!important;align-items:center!important;
  gap:12px!important;justify-content:flex-start!important;
  background:linear-gradient(112deg,#111c32,#091528)!important;
  border:1px solid #314461!important;border-radius:10px!important;
  padding:12px!important;margin:0!important;box-sizing:border-box!important;
  text-align:left!important;box-shadow:none!important;color:#fff!important;
 }
 body[data-r3-surface] .dm-game-list button.dm-game-featured{
  background:linear-gradient(115deg,#4c208b,#251453)!important;border-color:#b14bed!important;
  box-shadow:inset 3px 0 #ba66ff!important;
 }
 body[data-r3-surface] .dm-game-symbol{
  display:grid!important;place-items:center!important;flex:0 0 37px!important;height:37px!important;
  border:1px solid #56728c!important;border-radius:8px!important;color:#e9f5ff!important;
  font-size:24px!important;background:#1c2443!important;
 }
 body[data-r3-surface] .dm-game-list button.dm-game-row>span:nth-child(2){
  display:flex!important;flex:1!important;flex-direction:column!important;align-items:flex-start!important;
  gap:4px!important;min-width:0!important;
 }
 body[data-r3-surface] .dm-game-list button.dm-game-row b{
  font:900 14px/1.15 Inter,system-ui,sans-serif!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
 }
 body[data-r3-surface] .dm-game-list button.dm-game-row small{
  font:650 12px/1.3 Inter,system-ui,sans-serif!important;color:#d3d8ed!important;-webkit-text-fill-color:#d3d8ed!important;
 }
 body[data-r3-surface] .dm-game-list button.dm-game-row em{
  margin-left:auto!important;font-size:24px!important;color:var(--d-cyan)!important;font-style:normal!important;
 }
 body[data-r3-surface] .dm-drill-list{display:flex!important;flex-direction:column!important;gap:7px!important}
 body[data-r3-surface] .dm-drill-list button.dm-drill-row{
  width:100%!important;min-height:80px!important;display:flex!important;align-items:center!important;
  gap:12px!important;padding:13px 12px!important;margin:0!important;box-sizing:border-box!important;
  background:linear-gradient(112deg,#241448,#141532)!important;border:1px solid #48316c!important;
  border-radius:10px!important;color:#fff!important;text-align:left!important;
 }
 body[data-r3-surface] .dm-drill-list button.dm-drill-0{background:linear-gradient(100deg,#291344,#162648)!important;border-color:#503088!important}
 body[data-r3-surface] .dm-drill-list button.dm-drill-1{background:linear-gradient(100deg,#2a1549,#1b1142)!important;border-color:#5c3b93!important}
 body[data-r3-surface] .dm-drill-list button.dm-drill-2{background:linear-gradient(100deg,#091f3b,#08334d)!important;border-color:#1a6996!important}
 body[data-r3-surface] .dm-drill-list button.dm-drill-3{background:linear-gradient(100deg,#072e46,#0a2446)!important;border-color:#245f95!important}
 body[data-r3-surface] .dm-drill-list button.dm-drill-4{background:linear-gradient(100deg,#053940,#092c3a)!important;border-color:#048c98!important}
 body[data-r3-surface] .dm-drill-icon{
  width:48px!important;height:48px!important;flex:0 0 48px!important;display:grid!important;place-items:center!important;
  background:#0a172d99!important;border:1px solid #5a5a99!important;border-radius:50%!important;
  font-size:27px!important;font-weight:900!important;color:#34e6ff!important;
 }
 body[data-r3-surface] .dm-drill-row>span:nth-child(2){
  display:flex!important;flex:1!important;min-width:0!important;flex-direction:column!important;gap:4px!important;
 }
 body[data-r3-surface] .dm-drill-list button.dm-drill-row b{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  font:900 13px/1.2 Inter,system-ui,sans-serif!important;
 }
 body[data-r3-surface] .dm-drill-list button.dm-drill-row small{
  color:#d8e5fa!important;-webkit-text-fill-color:#d8e5fa!important;
  font:650 12px/1.25 Inter,system-ui,sans-serif!important;
 }
 body[data-r3-surface] .dm-drill-row em{margin-left:auto!important;font-style:normal!important;color:#c3b2f5!important;font-size:22px!important}
 body[data-r3-surface] .dm-segmented{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body[data-r3-surface] .dm-segmented button{font-size:11px!important}
 body[data-r3-surface] .dm-feature-footer{
  display:grid!important;gap:9px!important;margin:18px 0!important;padding:18px!important;
  border:1px solid #334163!important;border-radius:11px!important;
  background:linear-gradient(130deg,#171331,#0c1c31)!important;
 }
 body[data-r3-surface] .dm-feature-footer h2{
  color:var(--d-cyan)!important;-webkit-text-fill-color:var(--d-cyan)!important;
  font-size:14px!important;font-weight:900!important;margin:0!important;
 }
 body[data-r3-surface] .dm-feature-footer p{color:var(--d-muted)!important;font-size:13px!important;line-height:1.5!important;margin:0!important}
 body[data-r3-surface] .dm-feature-footer button{
  display:block!important;min-height:43px!important;
  padding:11px 13px!important;justify-self:start!important;
  border:1px solid #1d7896!important;border-radius:8px!important;
  background:#08324a!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  font:850 12px/1.3 Inter,system-ui,sans-serif!important;
 }
 body[data-r3-surface] .dm-oche-screen .dm-social-feed{margin:12px 0!important}
 body[data-r3-surface] .dm-oche-screen .dt2-oche-intro{
  display:flex!important;flex-direction:column!important;gap:14px!important;
  padding:17px!important;margin:0 0 15px!important;
  border:1px solid #1f5470!important;background:linear-gradient(115deg,#101c38,#1a1035)!important;
  border-radius:11px!important;
 }
 body[data-r3-surface] .dm-oche-screen .dt2-oche-intro h1{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  font:900 24px/1.13 Impact,Inter,system-ui,sans-serif!important;
 }
 body[data-r3-surface] .dm-oche-screen .dt2-oche-intro p{color:var(--d-muted)!important;font-size:13px!important}
 body[data-r3-surface] .dm-oche-screen .dt2-oche-intro .dt2-oche-actions{
  width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;
 }
 body[data-r3-surface] .dm-oche-screen .dt2-oche-intro .dt2-oche-actions button{
  min-height:42px!important;min-width:0!important;
  padding:10px!important;border-radius:9px!important;
  background:#33234f!important;border:1px solid #564188!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  font:800 11px/1.25 Inter,system-ui,sans-serif!important;
 }
 body[data-r3-surface] .dm-oche-screen .dt2-oche-intro .dt2-oche-actions button:first-child{
  color:#0e1422!important;-webkit-text-fill-color:#0e1422!important;background:#ffa333!important;
  border:1px solid #ffbc72!important;
 }
 body[data-r3-surface] .dm-oche-screen .dt2-oche-intro .dt2-oche-actions button:last-child{grid-column:1/-1!important}
 body[data-r3-surface] .dm-oche-screen .dt2-oche-tabs{
  display:flex!important;gap:6px!important;max-width:100%!important;
  overflow-x:auto!important;scrollbar-width:thin!important;padding:5px 0 12px!important;
 }
 body[data-r3-surface] .dm-oche-screen .dt2-oche-tabs button{
  flex:0 0 auto!important;min-height:38px!important;
  padding:9px 12px!important;border-radius:7px!important;border:1px solid #463c6e!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  background:#1a1737!important;font-size:11px!important;font-weight:850!important;
 }
 body[data-r3-surface] .dm-oche-screen .dt2-oche-post{
  background:#0d182a!important;border:1px solid #293956!important;border-radius:11px!important;
  padding:15px!important;margin:9px 0!important;color:#fff!important;
 }
 body[data-r3-surface] .dm-oche-screen .dt2-oche-post :is(b,p,strong){color:#fff!important;-webkit-text-fill-color:#fff!important}
 body[data-r3-surface] .dm-oche-screen .dt2-oche-post small{color:var(--d-muted)!important}
 body[data-r3-surface] .dm-oche-screen .dt2-oche-empty{
  min-height:95px!important;padding:19px!important;background:#0f192c!important;
  color:#d7e3f1!important;-webkit-text-fill-color:#d7e3f1!important;
  font-size:13px!important;line-height:1.5!important;
 }
 body[data-r3-surface] .dm-club-list{
  display:grid!important;gap:8px!important;min-height:120px!important;
 }
 body[data-r3-surface] .dm-club-list .dm-club-row{
  display:flex!important;align-items:center!important;gap:12px!important;min-height:76px!important;
  background:#0e192c!important;border:1px solid #273b55!important;border-radius:10px!important;
  padding:12px!important;margin:0!important;box-sizing:border-box!important;
 }
 body[data-r3-surface] .dm-club-avatar{
  width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:50%;
  background:#0e576c!important;color:var(--d-cyan)!important;font-size:25px!important;
 }
 body[data-r3-surface] .dm-club-row>div{flex:1;min-width:0!important}
 body[data-r3-surface] .dm-club-row :is(b,strong){color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:14px!important}
 body[data-r3-surface] .dm-club-row small{color:var(--d-muted)!important;font-size:12px!important}
 body[data-r3-surface] .dm-club-row button{
  min-width:56px!important;min-height:37px!important;border-radius:8px!important;
  background:#0095c6!important;color:#071526!important;-webkit-text-fill-color:#071526!important;
  font:900 12px/1.2 Inter,system-ui,sans-serif!important;border:0!important;
 }
 body[data-r3-surface] .dm-player-card{
  display:flex!important;align-items:center!important;gap:11px!important;
  padding:15px!important;background:#0e1b30!important;border:1px solid #2b3a59!important;
  border-radius:12px!important;margin:10px 0!important;
 }
 body[data-r3-surface] .dm-profile-avatar{
  width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border-radius:50%;
  background:linear-gradient(125deg,#2b8aa3,#4c2c82)!important;border:2px solid #6e7fa2!important;
  color:#fff!important;font-size:20px!important;font-weight:900!important;
 }
 body[data-r3-surface] .dm-player-card>div{flex:1!important;min-width:0!important}
 body[data-r3-surface] .dm-player-card h2{
  color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:16px!important;margin:0 0 5px!important;
 }
 body[data-r3-surface] .dm-player-card p{font-size:11px!important;color:var(--d-muted)!important;margin:0!important}
 body[data-r3-surface] .dm-player-card>button{
  background:#111c32!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  border:1px solid #39466c!important;border-radius:8px!important;padding:9px 12px!important;font-size:11px!important;
 }
 body[data-r3-surface] .dm-profile-stats{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;
 }
 body[data-r3-surface] .dm-profile-stats .r3-metric{
  min-width:0!important;min-height:76px!important;text-align:center!important;
  padding:12px 4px!important;background:#101a2d!important;border:1px solid #2a3853!important;
 }
 body[data-r3-surface] .dm-profile-stats .r3-metric strong{
  color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:19px!important;
 }
 body[data-r3-surface] .dm-profile-stats .r3-metric small{
  color:var(--d-muted)!important;-webkit-text-fill-color:var(--d-muted)!important;
  font-size:9px!important;line-height:1.1!important;white-space:normal!important;
 }
 body[data-r3-surface] .dm-history{margin:16px 0}
 body[data-r3-surface] .dm-history h2{color:var(--d-cyan)!important;font-size:13px!important}
 body[data-r3-surface] .dm-history-row{
  display:flex;align-items:center;gap:10px;min-height:57px;padding:8px 0;
  border-bottom:1px solid #23334c;
 }
 body[data-r3-surface] .dm-history-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#223a42;color:var(--d-cyan)}
 body[data-r3-surface] .dm-history-row div{flex:1;min-width:0}
 body[data-r3-surface] .dm-history-row b{display:block;color:#fff!important;font-size:12px}
 body[data-r3-surface] .dm-history-row small{color:var(--d-muted)!important;font-size:11px}
 body[data-r3-surface] .dm-history-row em{font-style:normal;color:var(--d-cyan)}
 body[data-r3-surface] .dm-board-preview{
  height:310px;position:relative;overflow:hidden;border-radius:12px;border:1px solid #1b5b6d;
  background:#050d19;display:flex;align-items:center;justify-content:center;
 }
 body[data-r3-surface] .dm-board-preview img{
  width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.7);
 }
 body[data-r3-surface] .dm-board-preview>span{
  position:absolute;bottom:12px;left:12px;right:12px;
  padding:10px;border-radius:8px;background:#081d2bdf;
  font-size:12px;font-weight:900;color:var(--d-cyan)!important;text-align:center;
 }
 body[data-r3-surface] .dm-board-steps{margin:12px 0;display:grid;gap:8px}
 body[data-r3-surface] .dm-board-steps>div{
  padding:12px;border:1px solid #293b56;border-radius:8px;background:#0d172c;
 }
 body[data-r3-surface] .dm-board-steps b{display:block;color:#fff!important;font-size:13px}
 body[data-r3-surface] .dm-board-steps small{display:block;margin-top:4px;font-size:12px;color:var(--d-muted)!important}
 body[data-r3-surface] .dm-board-screen .r3-btn{min-height:45px!important;margin:7px 0!important}
 body[data-r3-surface] .dm-competition-panel{
  background:linear-gradient(135deg,#1e1235,#10182c);border:1px solid #3d3868;border-radius:11px;
  padding:17px;margin:12px 0;display:grid;gap:10px;
 }
 body[data-r3-surface] .dm-competition-panel .dm-eyebrow{
  color:var(--d-orange)!important;font-weight:900;font-size:11px;
 }
 body[data-r3-surface] .dm-competition-panel h2{
  font-size:18px!important;font-weight:900!important;margin:0!important;color:#fff!important;
 }
 body[data-r3-surface] .dm-competition-panel p{color:var(--d-muted)!important;font-size:13px!important}
 body[data-r3-surface] .dm-competition-panel button.dm-orange-cta{
  background:var(--d-orange)!important;color:#0c1525!important;-webkit-text-fill-color:#0c1525!important;
  min-height:43px!important;border:0!important;border-radius:9px!important;font-weight:900!important;
 }
 body[data-r3-surface] .dm-competition-panel button:not(.dm-orange-cta){
  background:#1a213b!important;color:#fff!important;border:1px solid #4e4279!important;
  padding:11px!important;border-radius:8px!important;
 }
 body[data-r3-surface] .dm-competition-event{
  display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;
  background:#0d182c!important;color:#fff!important;
 }
 body[data-r3-surface] .dm-competition-event span{display:flex;flex-direction:column}
 body[data-r3-surface] .dm-competition-event b{color:#fff!important}
 body[data-r3-surface] .dm-competition-event small{color:var(--d-muted)!important}
}


/* MASTER PHONE SCROLL FIX — override legacy viewport-locked v4 at higher
   specificity. Chrome/PWA and Android both use natural document swiping. */
html:has(body[data-r3-surface="mobile"] .r3-phone-shell),
html:has(body[data-r3-surface="app"] .r3-phone-shell){
 height:auto!important;max-height:none!important;min-height:100%!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;max-height:none!important;min-height:100dvh!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.dm-phone-shell{
 height:auto!important;min-height:100dvh!important;max-height:none!important;
 padding-bottom:calc(85px + env(safe-area-inset-bottom,0px))!important;
 overflow:visible!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .r3-phone-main.dm-phone-main{
 display:block!important;flex:none!important;height:auto!important;
 min-height:calc(100dvh - 65px)!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;
}
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"]) .dartava-master-home{
 min-height:0!important;height:auto!important;overflow:visible!important;
 touch-action:pan-y pinch-zoom!important;
}