/* Dartava owner's approved coded 11 October full-site/screens.
 * This stylesheet contains the actual agreed CSS, adapted to real product
 * shell dimensions; no image-generation substitutes. */
body[data-r3-surface]{--ink:#171b1d;--sub:#636864;--paper:#f7f6f1;--cream:#eae9e2;--line:#dcdcd3;--white:#fff;--hot:#fb5b37;--hot2:#e94b2f;--night:#151a1c;--acid:#f5dd85;--soft:#f0efe8;--display:'Liberation Sans Narrow','DejaVu Sans Condensed',Impact,Arial,sans-serif;--font:Arial,system-ui,sans-serif;color:var(--ink)!important;background:var(--paper)!important}
body[data-r3-surface] .r3-phone-shell{background:var(--paper)!important;height:auto!important;min-height:100dvh!important;max-height:none!important}
body[data-r3-surface] .r3-phone-top{height:61px!important;min-height:61px!important;background:var(--paper)!important;border-bottom:1px solid var(--line)!important;padding:0 17px!important;color:var(--ink)!important}
body[data-r3-surface] .r3-phone-top .r3-brand{color:var(--ink)!important;filter:none!important}
body[data-r3-surface] .r3-phone-top .r3-brand b{font-family:Arial,system-ui,sans-serif!important;font-size:23px!important;letter-spacing:.04em!important;font-weight:900!important;color:var(--ink)!important}
body[data-r3-surface] .r3-phone-top .r3-avatar{border:0!important;border-radius:7px!important;background:var(--cream)!important;color:var(--ink)!important}
body[data-r3-surface] .r3-phone-main{min-height:0!important;background:var(--paper)!important;overflow-y:visible!important;padding:0!important}
body[data-r3-surface] .r3-phone-nav{height:70px!important;min-height:70px!important;padding:4px 1px max(8px,env(safe-area-inset-bottom))!important;background:#faf9f5!important;border-top:1px solid #d9d8ce!important}
body[data-r3-surface] .r3-phone-nav button{color:#7a807c!important;min-height:48px!important;font-size:10px!important;font-weight:800!important}
body[data-r3-surface] .r3-phone-nav button[data-active="1"]{color:#d7462c!important}
body[data-r3-surface] .r3-phone-nav button.play{background:transparent!important;color:#7a807c!important;box-shadow:none!important}
body[data-r3-surface] .r3-phone-nav button.play[data-active="1"]{color:#d7462c!important}
body[data-r3-surface] .r3-phone-page.app-page{background:var(--paper)!important;min-height:0;max-width:680px;margin:0 auto}
body[data-r3-surface] .app-page{font-family:var(--font);color:var(--ink)}
body[data-r3-surface] .app-page .app-hometop h1{color:var(--ink)!important}
body[data-r3-surface] .app-page button{color:inherit;cursor:pointer;touch-action:manipulation}
body[data-r3-surface] .app-page .app-quickmatch button{background:var(--hot)!important;color:#151b1a!important}
body[data-r3-surface] .app-page .app-inline-row button{background:var(--cream)!important;color:var(--ink)!important}
body[data-r3-surface] .r3-desktop-shell{background:var(--paper)!important}
body[data-r3-surface] .r3-rail{background:#eae9e2!important;border-right:1px solid #d9d9cf!important;color:var(--ink)!important}
body[data-r3-surface] .r3-rail .r3-brand b{color:var(--ink)!important}
body[data-r3-surface] .r3-rail-nav button{color:#4a554f!important;min-height:50px!important;font-weight:750!important}
body[data-r3-surface] .r3-rail-nav button[data-active="1"]{background:#1e2423!important;color:#fff!important;border-radius:7px!important}
body[data-r3-surface] .r3-desktop-main{background:var(--paper)!important;color:var(--ink)!important}
body[data-r3-surface] .r3-topbar{height:65px!important;min-height:65px!important;background:#1d2222!important;border:0!important;color:#fff!important}
body[data-r3-surface] .r3-topbar :is(small,strong){color:#fff!important}
body[data-r3-surface] .approved-workspace-home{padding:29px 32px 50px!important;max-width:1400px;margin:auto}
body[data-r3-surface] .approved-workspace-home .work-head{align-items:end}
body[data-r3-surface] .approved-workspace-home .work-head h1{color:var(--ink)!important}
body[data-r3-surface] .approved-workspace-home .work-match{background:#1f2424!important;color:#fff!important}
body[data-r3-surface] .approved-workspace-home .work-match h2{color:#fff!important}
body[data-r3-surface] .approved-workspace-home .work-match button{background:var(--hot)!important;color:#151b1a!important;cursor:pointer}
body[data-r3-surface] .approved-workspace-home .work-comps button{cursor:pointer;text-align:left}
body[data-r3-surface] .approved-workspace-home .work-lower{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:13px}
body[data-r3-surface] .approved-workspace-home .work-lower article{background:#fff;border:1px solid var(--line);padding:20px;min-height:165px}
body[data-r3-surface] .approved-workspace-home .work-lower h3{font-size:17px;margin:0 0 13px}
body[data-r3-surface] .approved-workspace-home .work-lower p{font-size:13px;line-height:1.5;color:var(--sub);margin-bottom:20px}
body[data-r3-surface] .approved-workspace-home .work-lower button{background:none;border:none;color:var(--hot2);font-size:12px;font-weight:900;cursor:pointer;padding:0}
body[data-r3-surface] .approved-workspace-home .work-shortcuts{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
body[data-r3-surface] .approved-workspace-home .work-shortcuts button{padding:10px 12px;background:#ebeae4;border:0;font-weight:850;font-size:11px;cursor:pointer}
body[data-r3-surface] .approved-workspace-home .work-shortcuts button:hover{background:#dedcd1}
body[data-r3-surface] .r3-fullscreen-mode[data-open="1"]{background:#191f1e!important;inset:0!important;position:fixed!important;height:100dvh!important;overflow:auto!important;z-index:10000!important}
body[data-r3-surface] .r3-fullscreen-head{background:#191f1e!important;color:#fff!important;border:0!important}
body[data-r3-surface] .r3-fullscreen-head b{color:#fff!important}
body[data-r3-surface] .r3-fullscreen-mode .r3-btn--primary{background:var(--hot)!important;color:#171b1d!important;border:0!important}
body[data-r3-surface] .r3-fullscreen-mode .dx-score-presets button{background:#424c4a!important;color:#fff!important;border-radius:2px!important}
body[data-r3-surface] .r3-fullscreen-mode .dx-score-pad button{background:#f7f6f1!important;color:#171b1d!important;border-radius:3px!important;font-size:22px!important}
body[data-r3-surface] .r3-fullscreen-mode .dx-checkout-guide{background:#2e3635!important;border:0!important;border-radius:0!important}
@media(max-width:820px){
 body[data-r3-surface] .r3-phone-main{padding-bottom:0!important}
 body[data-r3-surface] .approved-workspace-home{padding:18px 13px!important}
 body[data-r3-surface] .approved-workspace-home .work-row{display:block}
 body[data-r3-surface] .approved-workspace-home .work-lower{grid-template-columns:1fr}
 body[data-r3-surface] .r3-fullscreen-mode[data-open="1"]{padding:10px!important}
}

.workspace{background:#f3f2ed;min-height:100vh}.work-top{height:65px;background:#1c2020;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 28px}.work-top .brand{font-size:24px}.work-top-nav{display:flex;gap:25px;font-size:12px;font-weight:850}.work-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 65px)}.work-side{background:#e9e7df;border-right:1px solid #d3d2c8;padding:26px 13px}.side-label{font-size:10px;color:#79807c;letter-spacing:.11em;font-weight:900;margin:15px 11px}.side-nav{width:100%;padding:13px 15px;margin-bottom:4px;display:flex;gap:13px;align-items:center;text-align:left;font-weight:850;font-size:13px;background:transparent;color:#4d5651}.side-nav.active{background:#202525;color:white;border-radius:7px}.side-nav span{font-size:18px;width:23px;color:var(--hot)}.work-main{padding:29px 32px}.work-head{display:flex;justify-content:space-between;align-items:end;gap:16px}.work-head h1{font-size:52px;margin:6px 0}.work-head p{color:var(--sub);font-size:13px;margin:0}.work-head button{font-size:11px}.work-row{display:grid;grid-template-columns:1.45fr .55fr;gap:12px;margin-top:26px}.work-match{padding:30px;min-height:280px;background:#1f2424;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.work-match h2{font-size:90px;margin:10px 0 4px}.work-match p{color:#bbc4bd}.work-match .primary{width:max-content}.work-comps{display:grid;grid-template-rows:1fr 1fr;gap:12px}.work-comps button{background:white;text-align:left;padding:22px;font-weight:850;border:1px solid #dadad2}.work-comps button b{display:block;font-size:19px;margin-bottom:8px}.work-comps small{color:var(--sub)}.work-functional{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:14px}.work-panel{background:white;border:1px solid #dadad2;padding:20px;min-height:180px}.work-panel h3{font-size:17px;margin:0 0 18px}.work-panel small{color:var(--sub)}.work-panel button{background:none;text-decoration:underline;padding:0;margin-top:15px;font-weight:850;color:var(--hot2)}.work-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.work-tools button{background:#ebe9e3;padding:10px 13px;border-radius:5px;font-size:11px;font-weight:800}
/* APPS: own experience; consistent brand but without website marketing */
.app-page{padding:18px 17px 25px}.tabbar{background:#faf9f5;min-height:70px;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #d9d8ce;padding:7px 1px 10px;flex-shrink:0}.tabbar button{background:none;color:#7a807c;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}.tabbar button .navico{font-size:20px;font-weight:650;line-height:1}.tabbar button.active{color:#d7462c}.app-eyebrow{font-size:10px;font-weight:950;letter-spacing:.12em;color:var(--hot2)}.app-ttl{font-family:var(--display);font-size:38px;font-weight:950;letter-spacing:-.035em;line-height:1;text-transform:uppercase;margin:9px 0 8px}.app-intro{font-size:12px;color:var(--sub);line-height:1.55;margin:0 0 17px}.app-hometop{display:flex;justify-content:space-between;align-items:center}.app-tiny{font-size:11px;background:#e7e6dc;border-radius:12px;padding:8px;font-weight:850;color:#626862}
.app-quickmatch{background:#1f2525;color:white;padding:19px;margin:12px 0 12px;position:relative;overflow:hidden}.app-quickmatch::after{content:'501';font-family:var(--display);font-weight:950;font-size:123px;line-height:1;position:absolute;right:-22px;top:13px;color:#ffffff0c;pointer-events:none}.app-quickmatch .tag{color:var(--acid)}.app-quickmatch h2{font-family:var(--display);font-size:38px;text-transform:uppercase;line-height:1;margin:10px 0 9px;letter-spacing:-.03em}.app-quickmatch p{color:#d2d4d0;font-size:12px;margin:0 0 15px}.app-quickmatch button{position:relative;z-index:1;width:100%;padding:15px;font-weight:950;font-size:13px;background:var(--hot);color:#151918;text-align:left;display:flex;justify-content:space-between;align-items:center}.app-inline-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.app-inline-row button{background:#e8e7e0;min-height:80px;padding:14px;text-align:left}.app-inline-row strong{display:block;font-size:14px;margin:5px 0}.app-inline-row small{font-size:10px;color:var(--sub)}.app-section-head{display:flex;justify-content:space-between;align-items:center;margin:21px 0 10px}.app-section-head strong{font-size:16px;text-transform:uppercase;letter-spacing:-.025em}.app-section-head button{color:var(--hot2);font-size:11px;font-weight:900;background:none}.app-rows{border-top:1px solid #d9d9d0}.app-rows button{background:transparent;width:100%;display:flex;align-items:center;gap:11px;padding:12px 2px;border-bottom:1px solid #d9d9d0;text-align:left}.app-rows button b{display:block;font-size:13px}.app-rows button small{display:block;font-size:10px;color:var(--sub);margin-top:4px}.app-rows button em{margin-left:auto;font-style:normal;font-size:18px;color:var(--hot2)}.app-rows .ico{background:#e5e2d9;width:35px;height:35px;display:grid;place-items:center;font-size:18px}.app-footnote{border-top:1px solid var(--line);padding:14px 0;font-size:11px;color:var(--sub);margin-top:12px}
/* IMMERSIVE SCORING no bottom nav */
.device.playing{background:#191e1f}.device.playing .phone-top{background:#191e1f;color:white}.device.playing .app-header,.device.playing .tabbar{display:none}.device.playing .app-content{background:#191e1f;color:white}.score-screen{padding:15px 15px 18px}.score-head{display:flex;align-items:center;justify-content:space-between}.score-head strong{font-size:11px;letter-spacing:.09em;color:var(--acid)}.score-head button{color:#e7e7df;background:#343b3b;border-radius:5px;padding:8px 10px;font-size:10px}.score-top{margin:18px 0;background:#2e3635;padding:14px;display:flex;align-items:center;justify-content:space-between}.score-top b{font-family:var(--display);font-size:95px;letter-spacing:-.04em;line-height:1}.score-top p{margin:0;font-size:10px;line-height:1.7;color:#d5dcd7}.score-route{margin-top:9px;min-height:30px;display:flex;justify-content:space-between;align-items:center;color:var(--acid);font-size:11px}.score-field{background:#f7f6f1;color:#1c2320;display:flex;justify-content:space-between;align-items:center;padding:8px 14px;font-weight:900;margin:10px 0}.score-field>span{font-size:12px;color:#59605b}.score-field strong{font-size:37px;height:45px}.preset{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:7px}.preset button{background:#424b4a;border:1px solid #57605f;color:#fff;padding:9px;font-size:14px;font-weight:900}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.numpad button{border:0;border-radius:4px;background:#f0efe8;font-size:24px;font-weight:950;min-height:47px;color:#252b28}.numpad button.control{background:#c9cbc4;font-size:13px}.score-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.score-buttons button{min-height:46px;font-weight:950;font-size:13px}.score-buttons button:first-child{background:#b4bbb5;color:#17201b}.score-buttons button:last-child{background:var(--hot)}.score-check{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:10px;color:#d8d9d4}.score-visit{border-top:1px solid #424a47;padding-top:9px;display:flex;justify-content:space-between;color:#b8beb9;font-size:11px}.score-lower{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.score-lower button{background:#3b4441;color:white;padding:10px;font-size:11px}
/* OTHER APP PAGES */
.app-tabs{display:flex;overflow-x:auto;white-space:nowrap;scrollbar-width:none;gap:6px;margin:18px -17px;padding:0 17px 12px}.app-tabs button{border-radius:3px;background:#e8e7e1;color:#4e5650;padding:10px 12px;font-weight:850;font-size:11px}.app-tabs button.selected{background:#1e2423;color:#fff}.statusblock{padding:24px 19px;border:1px solid #d7d8cf;background:white;margin-top:10px}.statusblock h3{font-size:23px;text-transform:uppercase;font-family:var(--display);line-height:1.05;margin:10px 0}.statusblock p{font-size:12px;line-height:1.6;color:var(--sub)}.statusblock .primary{font-size:11px}.status-icon{font-size:26px}.stats-three{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.stats-three div{background:#eae9e2;padding:15px 8px;text-align:center}.stats-three b{display:block;font-family:var(--display);font-size:30px}.stats-three small{font-size:9px;color:var(--sub)}.drillrows button{background:white;padding:15px;width:100%;text-align:left;border-bottom:1px solid #e3e3da;display:flex;align-items:center;justify-content:space-between}.drillrows span b{display:block;font-size:14px}.drillrows small{font-size:11px;color:var(--sub)}.drillrows em{font-style:normal;color:var(--hot2);font-weight:900}.darkaction{padding:19px;background:#242a29;color:white;margin-top:13px}.darkaction strong{font-family:var(--display);font-size:24px;text-transform:uppercase}.darkaction p{color:#cdd0cc;font-size:12px;line-height:1.55}.darkaction button{background:var(--hot);font-weight:950;padding:11px 14px}.club-hero{background:#262b29;color:#fff;padding:19px;margin:15px 0}.club-hero b{font-family:var(--display);font-size:34px;text-transform:uppercase;line-height:1}.club-hero p{font-size:12px;color:#c4cbc3}.club-hero button{background:var(--hot);font-weight:950;padding:11px 14px}.arena-camera{min-height:190px;background:#161b1c;display:grid;place-items:center;color:#d9dcda;text-align:center;margin:13px 0;position:relative;border:1px solid #4d5653}.arena-camera:before,.arena-camera:after{content:'';position:absolute;width:32px;height:32px;border:3px solid var(--hot)}.arena-camera:before{left:14px;top:14px;border-right:0;border-bottom:0}.arena-camera:after{right:14px;bottom:14px;border-left:0;border-top:0}.arena-camera strong{display:block;font-size:12px;letter-spacing:.12em;margin:8px}.arena-camera span{font-size:31px}.profile-banner{background:#232827;color:white;padding:23px;margin-bottom:15px}.profile-banner h2{font-family:var(--display);font-size:36px;margin:8px 0;text-transform:uppercase}.profile-banner small{color:#bec6c1}.notch{height:8px;width:80px;background:var(--hot);margin:12px 0}.screen-cta{background:var(--hot);padding:11px 13px;font-weight:900;display:block;width:100%;margin-top:11px;text-align:left}
/* mobile browser standalone rendering optional */
@media(max-width:860px){.web-head{height:auto;min-height:75px;padding:13px 20px;flex-wrap:wrap}.web-nav{flex-wrap:wrap;gap:10px}.web-account{margin-left:auto}.web-hero{grid-template-columns:1fr}.web-hero-left{padding:37px 25px}.web-hero h1{font-size:72px}.web-hero-image{min-height:300px}.web-ticker{grid-template-columns:repeat(3,1fr)}.web-intro{display:block}.web-feat-pair,.web-arena,.web-club{grid-template-columns:1fr}.directory-grid{grid-template-columns:repeat(2,1fr)}.work-shell{grid-template-columns:1fr}.work-side{display:none}.work-row,.work-functional{grid-template-columns:1fr}.web-club h2{font-size:40px}}

/* The approved visual continues consistently onto fully functioning feature screens. */
body[data-r3-surface] .approved-desktop-section{padding:29px 32px 55px;max-width:1400px;margin:0 auto}
body[data-r3-surface] .approved-desktop-section .work-head h1{color:#171b1d!important;font-family:var(--display);font-weight:950;font-size:52px}
body[data-r3-surface] .approved-desktop-section .work-row{margin-top:25px}
body[data-r3-surface] .approved-desktop-section .work-match{background:#202625!important;color:#fff!important}
body[data-r3-surface] .approved-desktop-section .work-match h2{color:#fff!important}
body[data-r3-surface] .approved-desktop-section .work-match button{background:var(--hot)!important;color:#171b1d!important}
body[data-r3-surface] .approved-format-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:17px}
body[data-r3-surface] .approved-format-grid button{background:#fff;border:1px solid var(--line);padding:17px;display:grid;text-align:left;gap:12px;cursor:pointer;color:var(--ink)}
body[data-r3-surface] .approved-format-grid b{font-size:16px}
body[data-r3-surface] .approved-format-grid small{color:var(--sub)}
body[data-r3-surface] .approved-format-grid button>span{color:var(--hot2)}
body[data-r3-surface] .approved-smart-training{background:#202625;color:#fff;padding:25px;margin-top:16px}
body[data-r3-surface] .approved-smart-training button{background:var(--hot);padding:12px 18px;color:#171b1d;border:0;font-weight:900}
body[data-r3-surface] .approved-oche-actions{display:flex;gap:12px;margin:16px 0}
body[data-r3-surface] .approved-oche-actions button{background:#e6e4dc;padding:15px;border:0;font-weight:900;cursor:pointer}
body[data-r3-surface] .approved-oche-actions button:first-child{background:var(--hot)}
body[data-r3-surface] .approved-play-screen .r3-phone-section-head{display:none}
body[data-r3-surface] .r3-phone-page.app-page .r3-feed{color:var(--ink)}
body[data-r3-surface] .r3-phone-page.app-page .r3-feed .r3-card{border-radius:0!important;background:#fff!important}
body[data-r3-surface] .dt2-oche-intro{display:none!important}
body[data-r3-surface] .dt2-oche-tabs{margin:14px -17px 12px!important;padding:0 17px!important}
body[data-r3-surface] .dt2-oche-tabs button{background:#e8e7e1!important;color:#4e5650!important;border:0!important;border-radius:3px!important;font-size:11px!important;font-weight:850!important}
body[data-r3-surface] .dt2-oche-tabs button[aria-selected="true"]{background:#1e2423!important;color:#fff!important}
@media(max-width:820px){body[data-r3-surface] .approved-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Dartava mobile usability and Oche consolidation – 12 October.
   Loaded last, after legacy style layers; source-controlled, no production data change. */
body[data-r3-surface="mobile"],body[data-r3-surface="app"]{overflow-x:hidden!important}
body[data-r3-surface="mobile"] .r3-phone-shell,body[data-r3-surface="app"] .r3-phone-shell{
 height:auto!important;min-height:100dvh!important;max-height:none!important}
body[data-r3-surface="mobile"] .r3-phone-main,body[data-r3-surface="app"] .r3-phone-main{
 min-width:0!important;overflow-y:visible!important;overflow-x:visible!important;overscroll-behavior-y:auto;
 -webkit-overflow-scrolling:touch;padding-bottom:24px!important
body[data-r3-surface] .r3-phone-page,body[data-r3-surface] .r3-phone-card,
body[data-r3-surface] .app-inline-row,body[data-r3-surface] .app-inline-row>button,
body[data-r3-surface] .app-rows>button,body[data-r3-surface] .r3-metric-grid,
body[data-r3-surface] .r3-metric{box-sizing:border-box;min-width:0;max-width:100%}
body[data-r3-surface] .r3-phone-page{padding-bottom:calc(32px + env(safe-area-inset-bottom))!important}
body[data-r3-surface] .app-inline-row>button{overflow-wrap:normal;word-break:normal;min-height:84px}
body[data-r3-surface] .app-inline-row strong,body[data-r3-surface] .app-rows b{overflow-wrap:break-word;line-height:1.25}
body[data-r3-surface] .r3-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
body[data-r3-surface] .r3-metric{min-height:128px;padding:15px!important;overflow:hidden}
body[data-r3-surface] .r3-metric small{font-size:clamp(11px,3vw,14px)!important;line-height:1.25!important;letter-spacing:.02em!important;word-break:normal!important;overflow-wrap:normal!important}
body[data-r3-surface] .r3-metric strong{font-size:clamp(24px,9vw,39px)!important;overflow-wrap:break-word!important}
/* Advanced, real-data Oche is the one visible community surface. */
body[data-r3-surface] [data-approved-oche]:has(.dt2-oche-intro)>.app-eyebrow,
body[data-r3-surface] [data-approved-oche]:has(.dt2-oche-intro)>.app-ttl,
body[data-r3-surface] [data-approved-oche]:has(.dt2-oche-intro)>.app-intro,
body[data-r3-surface] [data-approved-oche]:has(.dt2-oche-intro)>.app-inline-row{display:none!important}
body[data-r3-surface] .dt2-oche-intro{display:flex!important;background:#212b3d!important;border-radius:17px!important;padding:17px!important;gap:12px!important;min-width:0;max-width:100%;box-sizing:border-box}
body[data-r3-surface] .dt2-oche-intro h1{font-size:clamp(25px,7vw,36px)!important;line-height:1.05!important;overflow-wrap:normal}
body[data-r3-surface] .dt2-oche-intro p{font-size:13px!important;line-height:1.45!important}
body[data-r3-surface] .dt2-oche-actions{width:100%;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px!important}
body[data-r3-surface] .dt2-oche-actions button{min-width:0!important;min-height:48px!important;padding:9px 7px!important;font-size:clamp(9px,2.6vw,12px)!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:break-word!important}
body[data-r3-surface] .dt2-oche-tabs{max-width:100%!important;margin:12px 0 8px!important;padding:0 0 7px!important;overflow-x:auto!important;box-sizing:border-box;overscroll-behavior-x:contain}
body[data-r3-surface] .dt2-oche-tabs button{min-width:max-content;white-space:nowrap!important}
body[data-r3-surface] .dt2-oche-feed{min-height:100px;max-width:100%;overflow-x:hidden}
body[data-r3-surface] .dt2-oche-empty{box-sizing:border-box;max-width:100%;margin:0;padding:17px!important;font-size:14px;line-height:1.5}
body[data-r3-surface] .r3-fullscreen-mode[data-open="1"]{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain}
body[data-r3-surface] [data-r3-score-form]>div:first-of-type{grid-template-columns:minmax(0,1fr) minmax(124px,.72fr)!important}
body[data-r3-surface] [data-r3-score-form] input[name="score"]{min-width:0!important;max-width:100%!important;box-sizing:border-box}
body[data-r3-surface] .dx-score-pad,body[data-r3-surface] .dx-score-presets{min-width:0;max-width:100%}
@media(max-width:680px){
 body[data-r3-surface] .dx-score-pad button{min-height:56px!important;padding:7px!important;font-size:clamp(20px,7vw,29px)!important}
 body[data-r3-surface] .dx-score-presets button{min-height:43px!important;padding:7px 4px!important;font-size:15px!important}
 body[data-r3-surface] [data-r3-score-form]>div:first-of-type{gap:7px!important}
 body[data-r3-surface] [data-r3-score-form]>div:first-of-type .r3-btn{font-size:12px!important;padding:8px!important;white-space:normal!important}
 body[data-r3-surface] .r3-fullscreen-head{display:flex;flex-wrap:wrap;gap:6px;padding-top:max(10px,env(safe-area-inset-top))!important}
 body[data-r3-surface] .r3-fullscreen-head [data-r3-human-caller],
 body[data-r3-surface] .r3-fullscreen-head [data-r3-caller-test]{font-size:10px!important;min-height:42px!important;padding:5px 8px!important}
}

/* Camera and caller stay reachable in every scorer and online session. */
body[data-r3-surface] .r3-games-head,
body[data-r3-surface] .r3-online-head{display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-width:0}
body[data-r3-surface] .r3-games-head [data-r3-open-board],
body[data-r3-surface] .r3-online-head [data-r3-open-board],
body[data-r3-surface] .r3-fullscreen-head [data-r3-open-board]{border:1px solid #5676c4!important;border-radius:9px!important;background:#365bce!important;color:#fff!important;font-size:11px!important;font-weight:800!important;padding:9px 11px!important;min-height:40px!important}
body[data-r3-surface] .r3-games-head [data-r3-human-caller],
body[data-r3-surface] .r3-games-head [data-r3-caller-test],
body[data-r3-surface] .r3-online-head [data-r3-human-caller],
body[data-r3-surface] .r3-online-head [data-r3-caller-test]{border:1px solid #596e90!important;border-radius:9px!important;background:#2d3f5d!important;color:#fff!important;font-size:10px!important;font-weight:800!important;padding:8px 9px!important;min-height:40px!important}

/* Prevent narrow phone cards from crushing profile/rivals copy. */
body[data-r3-surface] .r3c-card,body[data-r3-surface] .r3c-intel,body[data-r3-surface] [data-r3c-intel-host]{box-sizing:border-box;min-width:0;max-width:100%}
body[data-r3-surface] .r3c-rival-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:14px 0!important}
body[data-r3-surface] .r3c-rival-row>div{min-width:0!important;overflow-wrap:break-word}
body[data-r3-surface] .r3c-rival-row b{font-size:clamp(13px,3.8vw,18px)!important;line-height:1.25!important}
body[data-r3-surface] .r3c-rival-row small{display:block!important;font-size:clamp(12px,3.2vw,14px)!important;line-height:1.45!important;margin-top:6px!important}
body[data-r3-surface] .r3c-rival-row .r3c-btn{width:clamp(74px,22vw,106px)!important;min-width:0!important;max-width:106px!important;padding:9px!important;min-height:45px!important;font-size:12px!important;white-space:nowrap!important}
body[data-r3-surface] [data-r3c-intel-host] .r3c-card h3{font-size:clamp(21px,5.8vw,29px)!important;line-height:1.18!important;overflow-wrap:normal}
@media(max-width:690px){body[data-r3-surface] .r3c-intel-grid{grid-template-columns:1fr!important}body[data-r3-surface] .r3c-intel-head{display:flex;flex-wrap:wrap}}

/* 12 Oct mobile audit: remove duplicate Oche shortcuts, constrain content width and avoid clipping. */
body[data-r3-surface] .dt2-oche-intro{display:flex!important}
body[data-r3-surface] .app-page[data-approved-oche] > .app-inline-row{display:none!important}
body[data-r3-surface] .app-page[data-approved-oche] > .app-ttl,
body[data-r3-surface] .app-page[data-approved-oche] > .app-intro{display:none!important}
body[data-r3-surface] .app-page[data-approved-oche] .app-rows button{border-radius:11px!important;box-shadow:none!important;border:1px solid #dcdfe8!important;min-height:76px;padding:15px!important;background:#fff!important}
body[data-r3-surface] .dt2-oche-tabs{margin:12px 0!important;padding:6px 0!important;max-width:100%;overflow-x:auto;scrollbar-width:thin}
body[data-r3-surface] .dt2-oche-intro{margin:6px 0 12px!important;max-width:100%;box-sizing:border-box}
body[data-r3-surface] .r3-phone-page,body[data-r3-surface] .r3-phone-main{min-width:0;max-width:100%;box-sizing:border-box}
body[data-r3-surface] .r3-phone-main{overscroll-behavior-y:contain}
body[data-r3-surface] .app-page .app-inline-row button{min-width:0;overflow-wrap:anywhere;border-radius:11px;box-shadow:none!important;border:1px solid #d9dce5!important}
body[data-r3-surface] .r3-fullscreen-body{max-width:100%;min-width:0;overflow-x:hidden}
body[data-r3-surface] .r3-fullscreen-body .dx-score-pad{min-width:0;max-width:100%}
body[data-r3-surface] .r3-fullscreen-body .dx-score-pad button{min-width:0;overflow:hidden}
@media(max-width:520px){
 body[data-r3-surface] .dt2-oche-intro{padding:16px!important}
 body[data-r3-surface] .dt2-oche-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px}
 body[data-r3-surface] .dt2-oche-actions button{min-width:0!important;padding:9px 4px!important;font-size:10px!important;line-height:1.25;overflow-wrap:anywhere}
 body[data-r3-surface] .r3-fullscreen-body [data-r3-score-form]>div{grid-template-columns:minmax(0,1fr) minmax(110px,.75fr)!important}
 body[data-r3-surface] .r3-fullscreen-body [data-r3-score-form] button[type=submit]{min-width:0;padding:9px!important}
 body[data-r3-surface] .r3-phone-page.app-page{padding-bottom:32px!important}
}