/* DARTAVA Game On — owner-approved image-inspired REAL app edition.
   2026-10-14. Loaded LAST for phone, Android, desktop; no fake user content.
   Source reference: user's Game On dartboard social/scoreboard concept. */
:root{--dvgo-bg:#090c1d;--dvgo-panel:#101529;--dvgo-panel2:#161b35;--dvgo-line:#343652;--dvgo-ink:#f7f7ff;--dvgo-muted:#b0b2cb;--dvgo-orange:#ffa441;--dvgo-violet:#b94ef5;--dvgo-cyan:#38d5e0}
html:has(body[data-r3-surface="mobile"]),html:has(body[data-r3-surface="app"]){background:var(--dvgo-bg)!important;scroll-padding-bottom:calc(91px + env(safe-area-inset-bottom))}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"],[data-r3-surface="pc"]){
  --canvas:var(--dvgo-bg);--ink:var(--dvgo-ink);--muted:var(--dvgo-muted);
  background:var(--dvgo-bg)!important;color:var(--dvgo-ink)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased;
}
body[data-r3-surface] .r3-product{background:var(--dvgo-bg)!important;color:var(--dvgo-ink)!important;}
/* The two browser surfaces and Android must scroll the DOCUMENT, not an isolated,
   clamped-height child — this explicitly wins over old 70px viewport caps. */
body[data-r3-surface] .r3-phone-shell{
  background:var(--dvgo-bg)!important;color:var(--dvgo-ink)!important;
  height:auto!important;max-height:none!important;min-height:100dvh!important;
  padding-bottom:calc(94px + env(safe-area-inset-bottom))!important;
  overflow:visible!important;box-shadow:none!important;
}
body[data-r3-surface] .r3-phone-main{
  background:var(--dvgo-bg)!important;color:var(--dvgo-ink)!important;
  height:auto!important;max-height:none!important;min-height:0!important;
  overflow:visible!important;overscroll-behavior-y:auto!important;
  touch-action:pan-y pinch-zoom;padding-bottom:20px!important;
}
body[data-r3-surface] .r3-phone-page{
  background:var(--dvgo-bg)!important;color:var(--dvgo-ink)!important;
  overflow-y:visible!important;max-height:none!important;
}
/* Branding and native-like chrome, matching the screenshot's energetic styling. */
body[data-r3-surface] .r3-phone-top{
  min-height:79px!important;height:auto!important;position:sticky!important;top:0!important;z-index:70!important;
  background:rgba(10,12,29,.97)!important;color:#fff!important;
  margin-bottom:0!important;padding:10px 17px!important;
  border-bottom:1px solid #272943!important;display:flex!important;align-items:center;justify-content:space-between!important;gap:8px!important;
  backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
}
body[data-r3-surface] .r3-phone-top .dvgo-brandblock{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}
body[data-r3-surface] .r3-phone-top .r3-brand{padding:0!important;display:flex!important;align-items:center!important;text-decoration:none}
body[data-r3-surface] .r3-phone-top .r3-brand img{display:none!important}
body[data-r3-surface] .r3-phone-top .r3-brand b{
  color:#fff!important;font-size:clamp(23px,6.7vw,36px)!important;font-weight:1000!important;
  line-height:1.04!important;font-style:italic!important;letter-spacing:.035em!important;
  text-shadow:0 1px 14px #242e78b8!important;
}
body[data-r3-surface] .dvgo-brandblock>small{
  font-size:9px!important;color:#b9b7d4!important;font-weight:850!important;letter-spacing:.25em!important;
}
body[data-r3-surface] .dvgo-topbuttons{display:flex;align-items:center;gap:5px;flex:0 0 auto}
body[data-r3-surface] .dvgo-head-btn{
  display:grid!important;place-items:center!important;appearance:none;background:transparent!important;
  border:0!important;min-height:42px!important;min-width:38px!important;padding:6px!important;
  font-size:27px!important;color:#ecebfd!important;border-radius:11px!important;
}
body[data-r3-surface] .dvgo-head-btn svg{width:22px;height:22px;stroke:#f2eaff!important}
body[data-r3-surface] .dvgo-head-btn:focus-visible{outline:2px solid #ffa441!important}
body[data-r3-surface] .r3-phone-top .r3-avatar{
  min-height:44px!important;min-width:44px!important;width:44px!important;height:44px!important;
  border-radius:50%!important;color:#16152b!important;border:2px solid #ffa66a!important;
  background:linear-gradient(133deg,#b76eff,#ec719c 58%,#ffb05b)!important;
  font-size:16px!important;font-weight:950!important;box-shadow:0 0 0 2px #252039!important;
}
/* Bottom six-tab bar; no jumping/floating buttons, easy touch targets. */
body[data-r3-surface] .r3-phone-nav{
  position:fixed!important;bottom:0!important;left:50%!important;transform:translateX(-50%)!important;
  z-index:90!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
  background:#080a17f5!important;max-width:760px!important;width:100%!important;
  height:calc(72px + env(safe-area-inset-bottom))!important;min-height:72px!important;
  padding:7px 6px calc(7px + env(safe-area-inset-bottom))!important;
  border-top:1px solid #30324e!important;box-shadow:0 -8px 32px #02020bcc!important;
}
body[data-r3-surface] .r3-phone-nav button,
body[data-r3-surface] .r3-phone-nav button.play{
  position:static!important;top:auto!important;left:auto!important;transform:none!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;
  width:auto!important;height:auto!important;min-width:0!important;min-height:55px!important;
  border:0!important;border-radius:10px!important;padding:7px 2px!important;gap:4px!important;
  background:transparent!important;color:#a7a6c2!important;box-shadow:none!important;
  font-size:10px!important;font-weight:750!important;line-height:1.2!important;
}
body[data-r3-surface] .r3-phone-nav button[data-active="1"],
body[data-r3-surface] .r3-phone-nav button.play[data-active="1"]{
  background:#27133e!important;color:#ec7fff!important;box-shadow:inset 0 0 13px #7e2ba033!important;
}
body[data-r3-surface] .r3-phone-nav button svg{width:23px!important;height:23px!important;color:inherit!important;stroke:currentColor!important}
body[data-r3-surface] .r3-phone-nav button:focus-visible{outline:2px solid var(--dvgo-orange)}
/* Desktop sports-social frame. */
body[data-r3-surface="pc"] .r3-desktop-shell{background:var(--dvgo-bg)!important;grid-template-columns:210px minmax(0,1fr)!important}
body[data-r3-surface="pc"] .r3-desktop-main{background:var(--dvgo-bg)!important;color:var(--dvgo-ink)!important;min-width:0}
body[data-r3-surface="pc"] .r3-rail{
  background:#0a0d1b!important;color:#e9e8f7!important;border-right:1px solid #2d2e4a!important;
  padding:24px 13px!important;box-shadow:none!important;
}
body[data-r3-surface="pc"] .r3-rail .r3-brand{padding:0 7px 28px!important}
body[data-r3-surface="pc"] .r3-rail .r3-brand img{max-height:40px!important;width:38px!important;height:38px!important;object-fit:contain!important}
body[data-r3-surface="pc"] .r3-rail .r3-brand b{color:#fff!important;font-size:22px!important;font-style:italic!important;letter-spacing:.04em!important}
body[data-r3-surface="pc"] .r3-rail :is(.r3-rail-nav,.r3-rail-bottom) button{
  color:#c6c5d9!important;background:transparent!important;border:1px solid transparent!important;
  min-height:49px!important;font-size:14px!important;box-shadow:none!important;border-radius:10px!important;
}
body[data-r3-surface="pc"] .r3-rail :is(.r3-rail-nav,.r3-rail-bottom) button[data-active="1"]{
  background:#29173f!important;color:#fbe8ff!important;border-color:#673483!important;box-shadow:inset 3px 0 #c95afa!important;
}
body[data-r3-surface="pc"] .r3-topbar{
  background:#0d0f20!important;color:white!important;border-bottom:1px solid #292a48!important;
  height:75px!important;min-height:75px!important;
}
body[data-r3-surface="pc"] .r3-topbar :is(small,strong){color:#fff!important}
body[data-r3-surface="pc"] .dvgo-desktop-search{
  display:grid;place-items:center;min-width:38px;min-height:38px;background:#171a31!important;color:white!important;
  border:1px solid #323451!important;border-radius:10px;font-size:24px;
}
/* Home: photographic hero, four illuminated actions and real-data social widgets. */
body[data-r3-surface] .dvgo-home{
  width:min(100%,1440px);max-width:1440px!important;margin:0 auto!important;
  padding:22px 21px 115px!important;background:#090c1d!important;color:#f7f7ff!important;
}
body[data-r3-surface] .dvgo-home :is(h1,h2,h3,strong){font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important}
body[data-r3-surface] .dvgo-hero{
  position:relative;isolation:isolate;overflow:hidden;border-radius:23px;
  min-height:320px;padding:29px 31px 25px!important;
  display:flex;align-items:center;
  background:linear-gradient(115deg,#09091b 0%,#141333 42%,#4e1c6e 78%,#171328 100%)!important;
  border:1px solid #463264!important;box-shadow:0 16px 42px #03030cba,inset 0 1px #ffffff13!important;
}
body[data-r3-surface] .dvgo-hero-image{
  position:absolute;inset:0;z-index:-2;
  background-image:url('/r3/assets/matchday-board.webp');
  background-size:cover;background-position:center 44%;transform:scaleX(-1);
  filter:saturate(1.45) contrast(1.1) brightness(.82);
}
body[data-r3-surface] .dvgo-hero::before{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(91deg,rgba(9,9,25,.97) 0%,rgba(9,9,27,.88) 34%,rgba(35,11,61,.3) 77%,rgba(15,6,34,.28) 100%),
    radial-gradient(circle at 75% 24%,rgba(225,42,229,.45),transparent 47%);
}
body[data-r3-surface] .dvgo-hero-inner{width:min(100%,630px);position:relative;z-index:2}
body[data-r3-surface] .dvgo-overline{
  display:block;color:#f4eeff!important;font-size:12px;font-weight:800;letter-spacing:.11em;
}
body[data-r3-surface] .dvgo-hero h1{
  margin:7px 0 10px!important;color:#fff!important;font-size:clamp(45px,5.4vw,74px)!important;
  line-height:.95!important;letter-spacing:-.058em!important;font-weight:1000!important;
  text-shadow:0 3px 21px #0707149c!important;
}
body[data-r3-surface] .dvgo-hero h1 em{font-style:normal;color:#ff9b48!important}
body[data-r3-surface] .dvgo-hero p{font-size:clamp(14px,1.4vw,20px)!important;line-height:1.3!important;color:#e5dff1!important;margin:0 0 21px!important}
body[data-r3-surface] .dvgo-sr-copy{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
body[data-r3-surface] .dvgo-quick{
  min-height:58px!important;min-width:clamp(205px,36vw,375px)!important;
  border:1px solid #fbb34e!important;border-radius:40px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
  padding:10px 22px!important;background:linear-gradient(100deg,#ffba41,#ff9245)!important;
  color:#191324!important;font-size:18px!important;font-weight:1000!important;letter-spacing:.005em!important;
  box-shadow:0 6px 26px #ff7f4460,inset 0 2px 2px #ffeeb56c!important;
}
body[data-r3-surface] .dvgo-dart-icon{
  display:grid;place-items:center;width:32px;height:32px;border:2px solid #39232c;border-radius:50%;font-size:27px;line-height:1;
}
body[data-r3-surface] .dvgo-resume{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  border:1px solid #6860ab;border-radius:16px;padding:13px 17px;
  background:#21183a!important;margin:15px 0!important;
}
body[data-r3-surface] .dvgo-resume strong{color:#fff!important;font-size:15px!important;display:block}
body[data-r3-surface] .dvgo-resume small{color:#c9c6de!important;font-size:12px!important;display:block;margin-top:4px}
body[data-r3-surface] .dvgo-resume button{background:#f3ae54!important;color:#16111e!important;border:0!important;border-radius:10px;padding:12px 15px;font-weight:900!important;flex-shrink:0}
body[data-r3-surface] .dvgo-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:18px 0!important}
body[data-r3-surface] .dvgo-tile{
  position:relative;display:flex!important;align-items:flex-start!important;flex-direction:column!important;
  width:100%!important;min-width:0!important;min-height:185px!important;overflow:hidden;
  border-radius:17px!important;padding:19px 17px!important;gap:0!important;text-align:left!important;
  color:white!important;box-shadow:0 8px 20px #02020c66,inset 0 1px #ffffff55!important;
}
body[data-r3-surface] .dvgo-tile::before{position:absolute;content:'';inset:0;background:radial-gradient(circle at 80% 5%,#ffffff30,transparent 65%);pointer-events:none}
body[data-r3-surface] .dvgo-tile-icon{font-size:36px!important;font-weight:950!important;height:52px!important;line-height:1!important;text-shadow:0 0 16px #ffffff44}
body[data-r3-surface] .dvgo-tile b,body[data-r3-surface] .dvgo-tile strong{
  position:relative;color:#fff!important;font-size:20px!important;line-height:1.1!important;letter-spacing:.02em!important;margin:3px 0 8px!important
}
body[data-r3-surface] .dvgo-tile small{
  position:relative;font-size:13px!important;color:#fffd!important;line-height:1.35!important;font-weight:550!important;max-width:92%;
}
body[data-r3-surface] .dvgo-tile-arrow{position:absolute;right:16px;bottom:13px;font-size:25px;color:white;line-height:1}
body[data-r3-surface] .dvgo-play{background:linear-gradient(143deg,#e46522,#77162f)!important;border:1px solid #f78239!important}
body[data-r3-surface] .dvgo-train{background:linear-gradient(143deg,#9a24f5,#250b65)!important;border:1px solid #b65afe!important}
body[data-r3-surface] .dvgo-connect{background:linear-gradient(143deg,#00999f,#05304e)!important;border:1px solid #20c9cd!important}
body[data-r3-surface] .dvgo-clubs{background:linear-gradient(143deg,#a97116,#30210c)!important;border:1px solid #deb74e!important}
body[data-r3-surface] .dvgo-home-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px!important}
body[data-r3-surface] .dvgo-panel{
  min-width:0;overflow:hidden;background:linear-gradient(150deg,#12172b,#0d1121)!important;
  border:1px solid #353654!important;border-radius:15px;padding:17px!important;color:#f8f7ff!important;
}
body[data-r3-surface] .dvgo-panel-head{
  display:flex;justify-content:space-between;align-items:center;gap:7px;margin-bottom:12px;
}
body[data-r3-surface] .dvgo-panel-head h2{
  color:#f7f6ff!important;font-size:14px!important;line-height:1.3!important;font-weight:950!important;letter-spacing:.02em!important;margin:0!important;
}
body[data-r3-surface] .dvgo-panel-head button{
  color:#de7afe!important;background:transparent!important;border:0!important;padding:5px!important;
  font-size:12px!important;font-weight:750!important;
}
body[data-r3-surface] .dvgo-progress{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:5px 17px}
body[data-r3-surface] .dvgo-progress .dvgo-panel-head{grid-column:1/-1}
body[data-r3-surface] .dvgo-progress-main{display:flex;align-items:center;gap:14px;min-width:0}
body[data-r3-surface] .dvgo-progress-main>div{min-width:0;flex:1}
body[data-r3-surface] .dvgo-progress-trophy{font-size:50px;filter:drop-shadow(0 0 12px #fdc84b4d)}
body[data-r3-surface] .dvgo-progress-main strong{display:block;font-size:18px!important;color:#ffc970!important}
body[data-r3-surface] .dvgo-progress-main small{display:block;font-size:12px;color:#d9d6ed;margin:4px 0}
body[data-r3-surface] .dvgo-meter{height:8px;background:#3a3450;border-radius:20px;overflow:hidden;margin-top:10px}
body[data-r3-surface] .dvgo-meter i{height:100%;display:block;border-radius:20px;background:linear-gradient(90deg,#e0a951,#ffc15c)}
body[data-r3-surface] .dvgo-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:center}
body[data-r3-surface] .dvgo-mini-stat{min-width:0;text-align:center;padding:2px 5px;border-left:1px solid #333550}
body[data-r3-surface] .dvgo-mini-stat>span{display:block;font-size:22px;font-weight:900;color:var(--dvgo-stat)}
body[data-r3-surface] .dvgo-mini-stat strong{display:block;color:white!important;font-size:21px!important;font-weight:900!important;margin:2px 0}
body[data-r3-surface] .dvgo-mini-stat small{display:block;font-size:11px;line-height:1.2;color:#c0bfd1}
body[data-r3-surface] .dvgo-signup{font-size:12px;color:#bfbcd6;margin:8px 0 0;grid-column:1/-1}
body[data-r3-surface] .dvgo-feed,.dvgo-games{min-height:235px}
body[data-r3-surface] .dvgo-feed-entry{display:grid;gap:9px;padding:4px 0 14px}
body[data-r3-surface] .dvgo-feed-entry+.dvgo-feed-entry{border-top:1px solid #292b46;padding-top:14px}
body[data-r3-surface] .dvgo-feed-author{display:flex;gap:9px;align-items:center}
body[data-r3-surface] .dvgo-author-avatar{width:39px;height:39px;border-radius:50%;background:linear-gradient(145deg,#f58d58,#9127c6);display:grid;place-items:center;font-weight:950;color:white;flex-shrink:0}
body[data-r3-surface] .dvgo-feed-author strong{color:white!important;font-size:13px!important}
body[data-r3-surface] .dvgo-feed-author small{font-size:11px;display:block;color:#b4b2d0}
body[data-r3-surface] .dvgo-feed-entry p{font-size:12px;color:#eeeafc!important;line-height:1.5;margin:0!important}
body[data-r3-surface] .dvgo-feed-entry img{display:block;width:100%;max-height:210px;object-fit:cover;border-radius:10px}
body[data-r3-surface] .dvgo-event{
  display:flex;align-items:center;gap:12px;width:100%;padding:8px 1px!important;border:0!important;
  background:transparent!important;text-align:left!important;color:white!important;border-bottom:1px solid #292b46!important;
}
body[data-r3-surface] .dvgo-date{
  flex:0 0 54px;min-height:55px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#6e2fc5,#d74f55);color:white;
}
body[data-r3-surface] .dvgo-event:nth-of-type(3n + 2) .dvgo-date{background:linear-gradient(135deg,#f18f44,#c74752)}
body[data-r3-surface] .dvgo-event:nth-of-type(3n + 3) .dvgo-date{background:linear-gradient(135deg,#19c4c6,#1867a6)}
body[data-r3-surface] .dvgo-date strong{font-size:25px!important;color:#fff!important;line-height:1}
body[data-r3-surface] .dvgo-date small{font-size:10px;font-weight:800}
body[data-r3-surface] .dvgo-event>span:nth-child(2){min-width:0;flex:1}
body[data-r3-surface] .dvgo-event>span:nth-child(2) strong{display:block;color:#fff!important;font-size:13px!important;line-height:1.3!important}
body[data-r3-surface] .dvgo-event>span:nth-child(2) small{display:block;color:#acadc8;font-size:11px;line-height:1.3;margin-top:4px}
body[data-r3-surface] .dvgo-event>em{font-size:24px;font-style:normal;color:#a3a2b7}
body[data-r3-surface] .dvgo-empty{min-height:155px;padding:17px 0;color:#ddd8f2}
body[data-r3-surface] .dvgo-empty strong{display:block;color:#fff!important;font-size:15px!important}
body[data-r3-surface] .dvgo-empty p{font-size:12px;color:#a9a8c0!important;line-height:1.5}
body[data-r3-surface] .dvgo-empty button{background:#24223b!important;color:#f0b5ff!important;border:1px solid #5c3d80!important;padding:9px 12px;border-radius:9px;font-size:11px;font-weight:850}
body[data-r3-surface] .dvgo-badges{grid-column:1/-1}
body[data-r3-surface] .dvgo-badge-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body[data-r3-surface] .dvgo-badge{
  display:flex;align-items:center;flex-direction:column;gap:6px;text-align:center;min-width:0;
  min-height:133px;background:linear-gradient(145deg,#241c25,#120f20)!important;
  border:1px solid #483442!important;border-radius:12px;padding:14px 7px;color:#fff!important;
}
body[data-r3-surface] .dvgo-badge:nth-child(2){background:linear-gradient(145deg,#261436,#100c27)!important;border-color:#4b2764!important}
body[data-r3-surface] .dvgo-badge:nth-child(3){background:linear-gradient(145deg,#092b35,#0a1526)!important;border-color:#236578!important}
body[data-r3-surface] .dvgo-badge-symbol{font-size:35px;color:#ffc254;filter:drop-shadow(0 0 10px #f7a33366)}
body[data-r3-surface] .dvgo-badge:nth-child(2) .dvgo-badge-symbol{color:#c66cff}
body[data-r3-surface] .dvgo-badge:nth-child(3) .dvgo-badge-symbol{color:#4ceef2}
body[data-r3-surface] .dvgo-badge strong{font-size:12px!important;color:#fff!important}
body[data-r3-surface] .dvgo-badge small{font-size:11px;color:#bbb7d2;line-height:1.35}
body[data-r3-surface] .dvgo-badge-empty{grid-column:1/-1;display:flex;align-items:center;gap:15px;padding:6px 4px}
body[data-r3-surface] .dvgo-badge-empty strong{font-size:15px!important}
body[data-r3-surface] .dvgo-badge-empty small{font-size:12px;color:#b6b2c8}
body[data-r3-surface] .dvgo-badge-empty button{border:1px solid #675175;background:#281d39;color:#ffc479;padding:10px;border-radius:8px;font-size:10px;font-weight:900;margin-left:auto}
body[data-r3-surface] .dvgo-platform{margin-top:18px;padding:14px 3px 10px;border-top:1px solid #2b2b43}
body[data-r3-surface] .dvgo-platform h2{font-size:20px!important;color:#fff!important}
body[data-r3-surface] .dvgo-platform p{font-size:13px;color:#aaa6c4!important;margin:4px 0 13px}
body[data-r3-surface] .dvgo-platform-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
body[data-r3-surface] .dvgo-platform-actions button{
  background:#1b1a33!important;color:#fff!important;border:1px solid #414061!important;
  border-radius:10px;padding:13px 10px;font-size:12px!important;font-weight:850!important;
  min-height:48px!important;
}
body[data-r3-surface] .dvgo-capsule{font-size:11px;color:#9994b5;margin-top:14px}
/* Non-home product screens retain their REAL markup, with a shared coherent
   dark social-sports skin and readable controls. */
body[data-r3-surface] .r3-phone-page.app-page,
body[data-r3-surface] .approved-desktop-section,
body[data-r3-surface] .r3-phone-page:not(.app-page){color:#f7f4ff!important;background:#0b0d1e!important}
body[data-r3-surface] :is(.app-ttl,.heading,.work-head h1,.r3-product-title h1,.r3-phone-hero h1){color:#fff!important;text-shadow:none!important}
body[data-r3-surface] :is(.app-intro,.r3-muted,.work-head p,.r3-phone-hero p){color:#c8c5df!important;font-size:14px!important;line-height:1.5!important}
body[data-r3-surface] :is(.app-eyebrow,.r3-kicker,.uc){color:#f9a559!important}
body[data-r3-surface] .r3-phone-page :is(.r3-phone-card,.r3-panel,.r3-card,.r3-list-item,.r3-metric),
body[data-r3-surface="pc"] :is(.r3-panel,.r3-card,.r3-feed-card,.approved-format-grid button,.work-comps button){
  background:#16182f!important;color:#f7f5ff!important;border-color:#3c3b59!important;box-shadow:none!important;
}
body[data-r3-surface] .r3-phone-page :is(.r3-phone-card,.r3-panel,.r3-list-item) :is(h2,h3,b,strong),
body[data-r3-surface="pc"] :is(.r3-panel,.r3-card,.approved-format-grid button) :is(b,h2,h3,strong){color:#fff!important}
body[data-r3-surface] :is(.r3-phone-page,.approved-desktop-section) .app-rows button,
body[data-r3-surface] .r3-phone-page[data-approved-training] .drillrows button{
  background:#1a1c38!important;border:1px solid #474363!important;color:#fff!important;
  border-radius:13px!important;min-height:81px!important;box-shadow:none!important;
}
body[data-r3-surface] .r3-phone-page[data-approved-training] .drillrows button b{color:#fff!important;font-size:17px!important}
body[data-r3-surface] .r3-phone-page[data-approved-training] .drillrows button small{color:#ddd6ed!important;font-size:13px!important}
body[data-r3-surface] .r3-phone-page[data-approved-training] .drillrows button em{color:#ffb154!important;font-weight:900!important}
body[data-r3-surface] .r3-phone-page .app-rows button :is(b,strong){color:#fff!important}
body[data-r3-surface] .r3-phone-page .app-rows button small{color:#c5c2db!important}
body[data-r3-surface] .dv-simple-modes{background:#14152b!important;border:1px solid #474365!important;color:#fff!important;border-radius:15px!important}
body[data-r3-surface] .dv-simple-modes-grid button{
  color:#fff!important;background:#22203b!important;border:1px solid #5a4a74!important;
  min-height:109px!important;border-radius:12px!important;
}
body[data-r3-surface] .dv-simple-modes-grid :is(strong,small){color:#fff!important}
body[data-r3-surface] .dv-simple-modes-grid small{color:#d8cfea!important;font-size:13px!important}
body[data-r3-surface] .app-quickmatch{background:linear-gradient(120deg,#31224f,#161b40)!important;border:1px solid #644691!important;border-radius:14px!important}
body[data-r3-surface] .app-quickmatch button{background:linear-gradient(90deg,#f5a646,#ffbd6b)!important;color:#211529!important;border-radius:10px!important}
body[data-r3-surface="pc"] .work-row .work-match{background:linear-gradient(125deg,#21153f,#13162f)!important;border:1px solid #5b4478!important}
body[data-r3-surface="pc"] .work-row .work-comps button{background:#1c1a31!important}
body[data-r3-surface] .r3-phone-page .r3-phone-hero{background:linear-gradient(120deg,#241b44,#11142c)!important}
body[data-r3-surface] .r3-fullscreen-mode{color:#fff!important}
/* Responsive desktop dashboard and genuinely compact mobile bottom nav. */
@media (max-width:820px){
  body[data-r3-surface] .dvgo-home{padding:15px 13px 110px!important}
  body[data-r3-surface] .dvgo-hero{min-height:315px;padding:27px 18px!important;border-radius:20px!important}
  body[data-r3-surface] .dvgo-hero h1{font-size:clamp(45px,10.7vw,63px)!important}
  body[data-r3-surface] .dvgo-hero p{font-size:16px!important}
  body[data-r3-surface] .dvgo-quick{font-size:16px!important;min-width:min(100%,280px)!important;max-width:100%}
  body[data-r3-surface] .dvgo-tiles{gap:8px!important}
  body[data-r3-surface] .dvgo-tile{min-height:155px!important;padding:12px 10px!important;border-radius:12px!important}
  body[data-r3-surface] .dvgo-tile-icon{font-size:30px!important;height:43px!important}
  body[data-r3-surface] .dvgo-tile strong{font-size:14px!important;margin:7px 0!important}
  body[data-r3-surface] .dvgo-tile small{font-size:10px!important;line-height:1.3!important}
  body[data-r3-surface] .dvgo-tile-arrow{font-size:18px;right:9px;bottom:7px}
  body[data-r3-surface] .dvgo-home-grid{gap:10px!important}
  body[data-r3-surface] .dvgo-panel{padding:13px!important;border-radius:14px!important}
  body[data-r3-surface] .dvgo-panel-head h2{font-size:12px!important}
  body[data-r3-surface] .dvgo-progress{grid-template-columns:1fr!important}
  body[data-r3-surface] .dvgo-progress-main{margin:1px 0 10px}
  body[data-r3-surface] .dvgo-mini-stat{padding:8px 3px;border-top:1px solid #343451}
  body[data-r3-surface] .dvgo-mini-stat:first-child{border-left:0}
  body[data-r3-surface] .dvgo-platform-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-r3-surface] .dvgo-badge-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-r3-surface] .dvgo-badge-empty{flex-wrap:wrap}
}
@media (max-width:365px){
  body[data-r3-surface] .dvgo-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-r3-surface] .dvgo-home-grid{grid-template-columns:minmax(0,1fr)}
  body[data-r3-surface] .dvgo-progress,body[data-r3-surface] .dvgo-badges{grid-column:auto}
  body[data-r3-surface] .r3-phone-top{padding:8px!important}
  body[data-r3-surface] .dvgo-head-btn{min-width:31px!important}
  body[data-r3-surface] .dvgo-brandblock>small{letter-spacing:.1em!important}
}
@media (min-width:821px) and (max-width:1100px){
 body[data-r3-surface="pc"] .r3-desktop-shell{grid-template-columns:185px minmax(0,1fr)!important}
 body[data-r3-surface] .dvgo-tile{padding:14px!important}
}
@media(prefers-reduced-motion:no-preference){
 body[data-r3-surface] .dvgo-tile{transition:transform .17s ease,filter .17s ease}
 body[data-r3-surface] .dvgo-tile:hover{transform:translateY(-2px);filter:brightness(1.08)}
}


/* RELEASE POLISH: no legacy turquoise match ticker or blank square icons. */
body[data-r3-surface="pc"] .r3-topbar::after,
body[data-r3-surface="pc"] .r3-rail-nav button[data-active="1"]::before,
body[data-r3-surface="pc"] .r3-rail-bottom button[data-active="1"]::before{
  content:none!important;display:none!important;background:transparent!important;
}
body[data-r3-surface="pc"] .r3-rail .r3-brand{
  border-bottom:1px solid #343047!important;margin-bottom:13px!important;
}
body[data-r3-surface="pc"] .r3-rail .r3-nav-icon{
  background:transparent!important;border:0!important;border-radius:7px!important;
  display:grid!important;place-items:center!important;width:27px!important;height:27px!important;
  min-width:27px!important;color:#c9c7e4!important;box-shadow:none!important;
}
body[data-r3-surface="pc"] .r3-rail button[data-active="1"] .r3-nav-icon{color:#e8b2ff!important;background:#3e2555!important}
body[data-r3-surface="pc"] .r3-rail .r3-nav-icon svg{
  display:block!important;width:21px!important;height:21px!important;
  background:transparent!important;fill:none!important;stroke:currentColor!important;
  stroke-width:1.8px!important;opacity:1!important;visibility:visible!important;
}
body[data-r3-surface="pc"] .r3-rail .r3-rail-bottom button{gap:11px!important}
body[data-r3-surface="pc"] .r3-rail .r3-rail-bottom button:not([data-active="1"]){color:#c6c5d9!important}
/* Keep all four features, but give the phone enough width to read the labels.
   Four-across caused the CONNECT card to clip on actual 390px Android screens. */
@media(max-width:600px){
  body[data-r3-surface] .dvgo-tiles{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;
  }
  body[data-r3-surface] .dvgo-tile{
    min-height:150px!important;padding:15px!important;border-radius:15px!important;
  }
  body[data-r3-surface] .dvgo-tile strong{
    font-size:18px!important;white-space:normal!important;overflow-wrap:normal!important;
  }
  body[data-r3-surface] .dvgo-tile small{
    font-size:12px!important;max-width:90%;line-height:1.35!important;
  }
  body[data-r3-surface] .dvgo-home-grid{grid-template-columns:minmax(0,1fr)!important}
  body[data-r3-surface] .dvgo-progress,body[data-r3-surface] .dvgo-badges{grid-column:auto!important}
}
@media(max-width:360px){
  body[data-r3-surface] .dvgo-tile{min-height:145px!important;padding:12px!important}
  body[data-r3-surface] .dvgo-tile strong{font-size:16px!important}
}


/* ACCESSIBILITY / OCT 14: readable dark-on-dark / light-on-dark pairing.
   Unify legacy white cards from the previous layout to dark surfaces so
   historical #fff text and muted (--sub) captions no longer disappear. */
body[data-r3-surface]{
  --dvgo-readable:#f8f7ff;
  --dvgo-readable-muted:#e0def0;
  --dvgo-readable-hint:#cdc9e2;
}
body[data-r3-surface] .r3-phone-nav button:not([data-active="1"]),
body[data-r3-surface="pc"] .r3-rail :is(.r3-rail-nav,.r3-rail-bottom) button:not([data-active="1"]){
  color:#e0ddef!important;opacity:1!important;
}
body[data-r3-surface] .r3-phone-nav button:not([data-active="1"]) svg{
  stroke:#e0ddef!important;opacity:1!important;
}
body[data-r3-surface] .dvgo-home :is(.dvgo-mini-stat small,.dvgo-progress-main small,.dvgo-feed-author small,.dvgo-event>span:nth-child(2) small,.dvgo-badge small,.dvgo-badge-empty small,.dvgo-platform p,.dvgo-capsule,.dvgo-empty p,.dvgo-signup){
  color:#e1ddef!important;opacity:1!important;
}
body[data-r3-surface] .dvgo-panel-head button{color:#f0b9ff!important;text-decoration:underline;text-underline-offset:3px}
body[data-r3-surface] .dvgo-tile small{color:#ffffff!important;opacity:1!important;text-shadow:0 1px 3px #0008}
body[data-r3-surface] .dvgo-hero p{color:#f6efff!important;text-shadow:0 1px 6px #070718}
body[data-r3-surface] .dvgo-topbuttons button{color:#f8f4ff!important}
/* Old ivory cards must not retain #fff backgrounds under pale text. */
body[data-r3-surface] :is(.r3-phone-page,.approved-desktop-section) :is(
  .app-inline-row button,.app-tabs button,.app-tiny,.statusblock,.stats-three>div,
  .work-panel,.work-comps button
){
  background:#1d2036!important;
  color:#f8f7ff!important;
  border:1px solid #4b4869!important;
  box-shadow:none!important;
}
body[data-r3-surface] :is(.r3-phone-page,.approved-desktop-section) :is(
  .app-inline-row button,.app-tabs button,.app-tiny,.statusblock,.stats-three>div,
  .work-panel,.work-comps button
) :is(h2,h3,b,strong,span){color:#fff!important;opacity:1!important}
body[data-r3-surface] :is(.r3-phone-page,.approved-desktop-section) :is(
  .app-inline-row button,.app-tabs button,.statusblock,.stats-three>div,
  .work-panel,.work-comps button,.approved-format-grid button
) :is(small,p){
  color:#dedbec!important;opacity:1!important;
  font-size:max(12px,1em);
  line-height:1.45!important;
}
body[data-r3-surface] :is(.r3-phone-page,.approved-desktop-section) :is(
  .app-intro,.app-footnote,.app-rows button small,.drillrows button small,.statusblock p,
  .r3-muted,.work-head p,.work-match p,.work-panel small,.approved-format-grid small
){color:#e0ddee!important;opacity:1!important;line-height:1.5!important}
body[data-r3-surface] .r3-phone-page .app-inline-row button :is(strong,small),
body[data-r3-surface] .r3-phone-page .app-rows button :is(b,strong,small),
body[data-r3-surface="pc"] .approved-format-grid button :is(b,strong,small){
  opacity:1!important;
}
body[data-r3-surface] .r3-phone-page .app-tiny{font-size:12px!important;line-height:1.4!important}
body[data-r3-surface] .r3-phone-page .app-tabs button{
  font-size:13px!important;min-height:41px!important;font-weight:800!important;
}
body[data-r3-surface] .r3-phone-page .app-tabs button.selected{
  background:#442d6f!important;border-color:#bc79e5!important;color:#fff!important;
}
body[data-r3-surface] .r3-phone-page .statusblock :is(h2,h3,strong),
body[data-r3-surface="pc"] .approved-desktop-section .work-panel :is(h2,h3,strong){
  color:#fff!important;
}
body[data-r3-surface] .r3-phone-page .r3-feed .r3-card{
  background:#1d2036!important;color:#f8f7ff!important;border:1px solid #4b4869!important
}
body[data-r3-surface] .r3-phone-page .r3-feed .r3-card :is(h3,b,strong,p,span){
  color:#f7f5ff!important
}
body[data-r3-surface] .r3-phone-page .r3-feed .r3-card small{
  color:#e0ddee!important;opacity:1!important
}
/* Ensure buttons with bright fills retain DARK text, not washed-out pale text. */
body[data-r3-surface] :is(.app-page,.approved-desktop-section) .app-quickmatch button,
body[data-r3-surface] .approved-desktop-section .approved-smart-training button{
  color:#201627!important;opacity:1!important;font-weight:900!important
}
/* Preserve the authorised layout, affordances, click targets and scoring modal. */


/* Oct 14 hotfix: actual desktop LET'S PLAY heading was charcoal (#171b1d)
   on charcoal. This specificity exceeds legacy !important Play work-heading. */
body[data-r3-surface="pc"] .approved-desktop-section .work-head h1.heading,
body[data-r3-surface="pc"] .approved-desktop-section .work-head h1,
body[data-r3-surface="pc"] .approved-desktop-section h1.heading,
body[data-r3-surface="pc"] .approved-desktop-section .app-ttl,
body[data-r3-surface="pc"] .approved-workspace-home .work-head h1{
  color:#fbf9ff!important;
  opacity:1!important;
  -webkit-text-fill-color:#fbf9ff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.35)!important;
  mix-blend-mode:normal!important;
}
body[data-r3-surface="pc"] .approved-desktop-section .work-head h1.heading{
  font-size:clamp(38px,4.3vw,60px)!important;
  line-height:1.03!important;letter-spacing:-.025em!important;
}
body[data-r3-surface="pc"] .approved-desktop-section .work-head p{
  color:#e7e1f2!important;opacity:1!important;font-size:15px!important
}
/* Normal document touch scroll across all phone routes; do not change
   fullscreen match/Board Vision overlays, which have their own scrolling. */
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;
  overscroll-behavior-y:auto!important;
}
body[data-r3-surface="mobile"],
body[data-r3-surface="app"]{
  height:auto!important;min-height:100dvh!important;
  overflow-y:visible!important;touch-action:pan-y pinch-zoom!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,
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) [data-r3-page],
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dvgo-home{
  height:auto!important;max-height:none!important;overflow-y:visible!important;
  touch-action:pan-y pinch-zoom!important;overscroll-behavior-y:auto!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dvgo-hero,
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dvgo-home-grid,
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dvgo-panel{
  touch-action:pan-y pinch-zoom!important;
}


/* THE OCHE SCREEN FIX / 2026-10-14
   One connected community, no competing retired desktop header/actions.
   All real activity, feed filters, followers and online play remain wired. */
body[data-r3-surface="pc"] .approved-desktop-section:has(.dt2-oche-intro)>.work-head,
body[data-r3-surface="pc"] .approved-desktop-section:has(.dt2-oche-intro)>.approved-oche-actions{
  display:none!important;
}
body[data-r3-surface] .approved-desktop-section:has(.dt2-oche-intro)>.r3-three-col{
  align-items:start!important;gap:18px!important;margin-top:8px!important;
}
body[data-r3-surface] .approved-desktop-section .r3-three-col>main,
body[data-r3-surface] .r3-phone-page[data-approved-oche]{min-width:0!important}
body[data-r3-surface] :is(.approved-desktop-section,.r3-phone-page[data-approved-oche]) .dt2-oche-intro{
  display:flex!important;flex-wrap:wrap!important;gap:19px!important;
  align-items:center!important;justify-content:space-between!important;
  background:linear-gradient(112deg,#1d1b35 0%,#22203d 62%,#302247 100%)!important;
  color:#faf8ff!important;border:1px solid #54436b!important;
  padding:21px 23px!important;margin:8px 0 16px!important;
  border-radius:18px!important;box-shadow:0 10px 24px #02020b66!important;
}
body[data-r3-surface] :is(.approved-desktop-section,.r3-phone-page[data-approved-oche]) .dt2-oche-intro>div:first-child{
  min-width:220px;flex:1 1 220px;
}
body[data-r3-surface] :is(.approved-desktop-section,.r3-phone-page[data-approved-oche]) .dt2-oche-intro .r3-kicker{
  color:#ffbf82!important;font-size:11px!important;
  font-weight:900!important;letter-spacing:.09em!important;
}
body[data-r3-surface] :is(.approved-desktop-section,.r3-phone-page[data-approved-oche]) .dt2-oche-intro h1{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  font:950 clamp(26px,3.2vw,41px)/1.07 Inter,system-ui,sans-serif!important;
  letter-spacing:-.03em!important;margin:7px 0!important;text-shadow:none!important;
}
body[data-r3-surface] :is(.approved-desktop-section,.r3-phone-page[data-approved-oche]) .dt2-oche-intro p{
  color:#e3deef!important;opacity:1!important;font-size:14px!important;
  line-height:1.45!important;margin:5px 0 0!important;
}
body[data-r3-surface] :is(.approved-desktop-section,.r3-phone-page[data-approved-oche]) .dt2-oche-intro .dt2-oche-actions{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;flex:1 1 350px!important;min-width:0!important;
  align-items:stretch!important;
}
body[data-r3-surface] :is(.approved-desktop-section,.r3-phone-page[data-approved-oche]) .dt2-oche-intro .dt2-oche-actions button{
  appearance:none!important;background:#272640!important;color:#fff!important;
  -webkit-text-fill-color:#fff!important;opacity:1!important;
  font:850 12px/1.25 Inter,system-ui,sans-serif!important;
  min-height:53px!important;min-width:0!important;padding:12px 9px!important;
  border:1px solid #665778!important;border-radius:11px!important;
  box-shadow:none!important;text-transform:none!important;text-align:center!important;
  word-break:normal!important;overflow-wrap:break-word!important;
  white-space:normal!important;cursor:pointer!important;
}
body[data-r3-surface] :is(.approved-desktop-section,.r3-phone-page[data-approved-oche]) .dt2-oche-intro .dt2-oche-actions button:first-child{
  background:#ffad58!important;color:#1b1424!important;-webkit-text-fill-color:#1b1424!important;
  border-color:#ffcc8d!important;
}
body[data-r3-surface] :is(.approved-desktop-section,.r3-phone-page[data-approved-oche]) .dt2-oche-intro .dt2-oche-actions button:last-child{
  background:#512d80!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  border-color:#a279d3!important;
}
body[data-r3-surface] :is(.approved-desktop-section,.r3-phone-page[data-approved-oche]) .dt2-oche-intro .dt2-oche-actions button:focus-visible,
body[data-r3-surface] .dt2-oche-tabs button:focus-visible{
  outline:3px solid #ffb76a!important;outline-offset:3px!important;
}
body[data-r3-surface] :is(.approved-desktop-section,.r3-phone-page[data-approved-oche]) .dt2-oche-tabs{
  display:flex!important;gap:8px!important;margin:0 0 15px!important;
  padding:4px 1px 10px!important;overflow-x:auto!important;
  max-width:100%!important;scrollbar-width:thin!important;
}
body[data-r3-surface] :is(.approved-desktop-section,.r3-phone-page[data-approved-oche]) .dt2-oche-tabs button{
  flex:0 0 auto!important;min-width:max-content!important;
  padding:11px 13px!important;min-height:44px!important;
  background:#24233c!important;color:#eeeaf9!important;
  -webkit-text-fill-color:#eeeaf9!important;opacity:1!important;
  border:1px solid #46415c!important;border-radius:10px!important;
  font:750 12px/1.2 Inter,system-ui,sans-serif!important;
  box-shadow:none!important;cursor:pointer!important;
}
body[data-r3-surface] :is(.approved-desktop-section,.r3-phone-page[data-approved-oche]) .dt2-oche-tabs button[aria-selected="true"]{
  background:#57317f!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  border-color:#ba78f2!important;box-shadow:inset 0 -3px #ba78f2!important;
}
body[data-r3-surface] :is(.approved-desktop-section,.r3-phone-page[data-approved-oche]) .dt2-oche-feed{
  background:transparent!important;color:#efedf8!important;border:0!important;
  min-height:110px!important;overflow-x:hidden!important;
}
body[data-r3-surface] :is(.approved-desktop-section,.r3-phone-page[data-approved-oche]) .dt2-oche-feed .dt2-oche-empty{
  background:#1a1b30!important;color:#e4e0f1!important;
  -webkit-text-fill-color:#e4e0f1!important;opacity:1!important;
  border:1px solid #403e58!important;border-radius:13px!important;
  font-size:14px!important;line-height:1.5!important;
  padding:21px!important;margin:0!important;min-height:75px!important;
}
body[data-r3-surface] :is(.approved-desktop-section,.r3-phone-page[data-approved-oche]) .dt2-oche-feed .dt2-oche-post{
  background:#191b31!important;color:#f7f5ff!important;
  border:1px solid #42405e!important;border-radius:13px!important;
  margin:0 0 11px!important;padding:18px!important;
}
body[data-r3-surface] .dt2-oche-post :is(b,strong,p){color:#f7f5ff!important;opacity:1!important}
body[data-r3-surface] .dt2-oche-post small{color:#dfdaed!important;opacity:1!important}
body[data-r3-surface] .dt2-oche-post-actions button{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  background:#302846!important;border:1px solid #5b4b70!important;
  border-radius:9px!important;min-height:40px!important;
}
body[data-r3-surface="pc"] .approved-desktop-section:has(.dt2-oche-intro) .r3-three-col>aside{
  background:#1b1c32!important;color:#f8f7ff!important;
  border:1px solid #414057!important;border-radius:15px!important;
  min-width:0!important;padding:19px!important;
}
body[data-r3-surface="pc"] .approved-desktop-section:has(.dt2-oche-intro) .r3-three-col>aside :is(h2,strong){
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
body[data-r3-surface="pc"] .approved-desktop-section:has(.dt2-oche-intro) .r3-three-col>aside button{
  width:100%!important;min-height:44px!important;text-align:left!important;
  background:#282640!important;color:#f4f0ff!important;
  -webkit-text-fill-color:#f4f0ff!important;
  border:1px solid #46405e!important;border-radius:9px!important;
  padding:10px!important;margin-top:9px!important;
}
@media(max-width:1000px){
  body[data-r3-surface] :is(.approved-desktop-section,.r3-phone-page[data-approved-oche]) .dt2-oche-intro .dt2-oche-actions{
    flex:1 1 100%!important;
  }
}
@media(max-width:620px){
  body[data-r3-surface] :is(.approved-desktop-section,.r3-phone-page[data-approved-oche]) .dt2-oche-intro{
    padding:17px 15px!important;gap:15px!important;
  }
  body[data-r3-surface] :is(.approved-desktop-section,.r3-phone-page[data-approved-oche]) .dt2-oche-intro h1{
    font-size:clamp(28px,8vw,36px)!important;
  }
  body[data-r3-surface] :is(.approved-desktop-section,.r3-phone-page[data-approved-oche]) .dt2-oche-intro .dt2-oche-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-r3-surface] :is(.approved-desktop-section,.r3-phone-page[data-approved-oche]) .dt2-oche-intro .dt2-oche-actions button:last-child{
    grid-column:1 / -1!important;
  }
}