
/* Dartava shared final legibility and controls. Cross-platform fixes, no redesign. */
body[data-r3-surface] .da-scoring-setup{margin:16px 0 19px;padding:18px;border:1px solid #397c91;border-radius:17px;background:#102339!important;color:#f5fbff!important;box-shadow:0 8px 22px #01091c66}
body[data-r3-surface] .da-scoring-eyebrow{display:block;color:#50dce9!important;font-size:12px;font-weight:800;letter-spacing:.1em}
body[data-r3-surface] .da-scoring-setup h2{margin:7px 0;color:#fff!important;font-size:clamp(18px,4vw,24px)!important;font-weight:800!important;line-height:1.2}
body[data-r3-surface] .da-scoring-setup p{margin:5px 0 14px;color:#dce9f3!important;font-size:14px;line-height:1.55}
body[data-r3-surface] .da-scoring-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body[data-r3-surface] .da-scoring-actions button{padding:11px 8px;min-height:48px;border:1px solid #47788d!important;border-radius:10px;background:#1a334e!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:12px;font-weight:800;line-height:1.3;white-space:normal}
body[data-r3-surface] .da-scoring-actions button[data-da-auto-camera-toggle][aria-pressed="true"]{background:#165f65!important;border-color:#36d8d1!important}
body[data-r3-surface] .da-scoring-setup [data-da-camera-state]{display:block;margin-top:11px;color:#bfcfdb!important;font-size:12px;line-height:1.5}
body[data-r3-surface] .da-pricing-page{padding:24px 15px 120px;color:#f1f8ff!important}
body[data-r3-surface] .da-pricing-page h1{font-size:clamp(29px,6vw,48px)!important;color:#fff!important;font-weight:850!important;letter-spacing:-.028em}
body[data-r3-surface] .da-price-head p,body[data-r3-surface] .da-price-note{max-width:670px;font-size:15px;line-height:1.55;color:#d1deed!important}
body[data-r3-surface] .da-price-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
body[data-r3-surface] .da-price-options article{background:#101e34!important;border:1px solid #36516b;border-radius:16px;padding:21px}
body[data-r3-surface] .da-price-options h2{margin:0;color:#4fdfeb!important;font-size:26px}
body[data-r3-surface] .da-price-options p{min-height:88px;color:#e4edfa!important;line-height:1.5}
body[data-r3-surface] .da-price-options a{display:block;margin-top:14px;background:#ffa83f;color:#162031!important;text-align:center;text-decoration:none;padding:13px 8px;border-radius:9px;font-weight:850}
body[data-r3-surface] .da-price-note{margin-top:20px}
@media(max-width:760px){body[data-r3-surface] .da-price-options{grid-template-columns:1fr}body[data-r3-surface] .da-price-options p{min-height:0}body[data-r3-surface] .da-scoring-actions{grid-template-columns:1fr}body[data-r3-surface] .da-scoring-setup{margin:12px 10px;padding:14px}}
/* White panels had inherited pale-on-pale type from the dark-theme CSS. */
body[data-r3-surface] :is(.r3c-intel-card:not(.dark),.r3c-shell,.r3c-card,.r3-game-setup,.r3-game-library,.r3-game-library-card){color:#18283a!important;-webkit-text-fill-color:#18283a!important}
body[data-r3-surface] :is(.r3c-intel-card:not(.dark),.r3c-shell,.r3c-card,.r3-game-setup,.r3-game-library,.r3-game-library-card) :is(h1,h2,h3,h4,b,strong){color:#132b3b!important;-webkit-text-fill-color:#132b3b!important}
body[data-r3-surface] :is(.r3c-intel-card:not(.dark),.r3c-shell,.r3c-card,.r3-game-setup,.r3-game-library,.r3-game-library-card) :is(p,small,label,span){color:#3d5263!important;-webkit-text-fill-color:#3d5263!important;opacity:1!important}
body[data-r3-surface] .r3c-intel-card:not(.dark) :is(.r3c-kicker,.r3c-rival-row small){color:#087a83!important;-webkit-text-fill-color:#087a83!important}
body[data-r3-surface] .r3c-intel-card.dark :is(h2,h3,h4,b,strong,p,small,span){color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important}
body[data-r3-surface] .r3-game-setup :is(input,select),body[data-r3-surface] .r3c-shell :is(input,select){background:#fff!important;color:#132b3b!important;-webkit-text-fill-color:#132b3b!important;border-color:#8598aa!important}
body[data-r3-surface] .r3-game-setup :is(input,select)::placeholder{color:#657383!important;-webkit-text-fill-color:#657383!important}
body[data-r3-surface] .r3-game-setup .r3-game-setup-note{color:#223b4e!important;-webkit-text-fill-color:#223b4e!important;font-size:13px!important}
body[data-r3-surface] :is(.r3-game-setup,.r3c-intel-card:not(.dark)) .r3-kicker{color:#087f8c!important;-webkit-text-fill-color:#087f8c!important}
body[data-r3-surface] .r3-game-setup-head h2{font-weight:820!important;line-height:1.06!important}
body[data-r3-surface] .r3c-shell .r3c-btn.primary,body[data-r3-surface] .r3c-shell .r3c-btn.dark{color:#fff!important;-webkit-text-fill-color:#fff!important}
body[data-r3-surface] .r3-game-setup .r3-btn--primary{color:#162031!important;-webkit-text-fill-color:#162031!important}
body[data-r3-surface] .r3-game-setup :is(.r3-game-setup-close,.r3-btn--soft){color:#152638!important;-webkit-text-fill-color:#152638!important}
/* Preserve the approved logo, but lose the oversized ultra-bold effect. */
body[data-r3-surface] .r3-brand b,body[data-r3-surface] .da-phone-brand b{font-weight:800!important;font-style:italic!important;letter-spacing:-.014em!important}
body[data-r3-surface] .da-main-nav button{font-weight:750!important}

body[data-r3-surface] .da-bot-online{margin:10px 10px 15px}
body[data-r3-surface] .da-bot-online button{width:100%;min-height:45px;background:#1d2944!important;color:#f7faff!important;-webkit-text-fill-color:#f7faff!important;border:1px solid #526b8a!important;border-radius:9px;padding:10px;font-weight:750!important}
body[data-r3-surface] .da-bot-throwing{padding:25px 18px;margin:15px 18px;color:#ffd08e!important;background:#152c49;border:1px solid #4d7390;border-radius:14px;font-weight:850;font-size:18px}
body[data-r3-surface] .da-bot-throwing small{display:block;font-size:13px;line-height:1.5;color:#e5edf8!important;font-weight:550;margin-top:9px}
@media(max-width:520px){
 body[data-r3-surface] .r3-game-setup{max-height:calc(100dvh - 22px - env(safe-area-inset-bottom))!important;padding-bottom:100px!important}
 body[data-r3-surface] .r3-game-setup-actions{position:sticky;bottom:-55px;padding:12px 0 16px;margin-bottom:0;background:#fff;z-index:3}
}

body[data-r3-surface] .da-scoring-upgrade{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:13px;color:#c2d8e6;font-size:12px}
body[data-r3-surface] .da-scoring-upgrade button{border:0;background:transparent;color:#ffb86c!important;-webkit-text-fill-color:#ffb86c!important;font-weight:850;min-height:35px;padding:4px 2px}

/* Direct access on the actual Home surface—same responsive styling as the approved Dartava site. */
body[data-r3-surface] .da-home-quick-access{margin:12px auto 16px;max-width:1280px;background:#10263c!important;border:1px solid #396a85!important;border-radius:15px;padding:14px 16px;color:#f3fbff!important}
body[data-r3-surface] .da-home-quick-access>span{display:block;color:#65deeb!important;-webkit-text-fill-color:#65deeb!important;letter-spacing:.13em;font-weight:800;font-size:11px;margin-bottom:9px}
body[data-r3-surface] .da-home-quick-access>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
body[data-r3-surface] .da-home-quick-access button{display:block;width:100%;min-height:48px;color:#f8fcff!important;-webkit-text-fill-color:#f8fcff!important;background:#1b3a53!important;border:1px solid #5c829c!important;border-radius:11px;font-size:13px;line-height:1.35;font-weight:780;padding:11px 8px;cursor:pointer}
body[data-r3-surface] .da-home-quick-access button:first-child{background:#166365!important;border-color:#2fc9ce!important}
@media(max-width:520px){body[data-r3-surface] .da-home-quick-access{margin:10px 12px;padding:12px}body[data-r3-surface] .da-home-quick-access>div{grid-template-columns:1fr}}

body[data-r3-surface] .dx-checkout-guide [data-r3-finish-leg]{padding:12px;border:1px solid #65e6ba;border-radius:10px;background:#155b4d!important;color:#fff!important;-webkit-text-fill-color:#fff!important;min-height:46px;font-weight:800;margin:8px}
#dartava-camera-error{position:fixed;left:12px;right:12px;bottom:104px;background:#8c2f41;color:#fff;z-index:2147483000;padding:12px 16px;border-radius:10px;font:600 14px system-ui}
#dartava-camera-error[hidden],#dartava-arena-setup[hidden]{display:none!important}
#dartava-arena-setup{position:fixed;inset:0;z-index:2147483300;display:grid;place-items:center;overflow:auto;background:#061020e8;padding:14px}
#dartava-arena-setup>section{color:#f7fcff;background:#14283c;border:1px solid #477d90;border-radius:18px;padding:22px;width:min(570px,100%);max-height:95dvh;overflow:auto;position:relative;font-family:system-ui}
#dartava-arena-setup h2{font-size:clamp(25px,6vw,35px);line-height:1.15;margin:12px 0;color:#fff}
#dartava-arena-setup p{color:#d6e4f1;font-size:14px;line-height:1.55}
#dartava-arena-setup small{color:#53e0ec;letter-spacing:.08em;font-weight:850}
#dartava-arena-setup .da-arena-close{position:absolute;right:14px;top:14px}
#dartava-arena-setup .da-arena-actions{display:grid;gap:10px;margin:18px 0}
#dartava-arena-setup button,#dartava-arena-setup a{display:block;background:#234963;border:1px solid #558b9b;color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none;border-radius:9px;padding:13px;text-align:center;font-size:14px;font-weight:800}
#dartava-arena-setup a{background:#ffa842;color:#14202f!important;-webkit-text-fill-color:#14202f!important}
#dartava-arena-setup .da-arena-note{font-size:12px;color:#adc2d5}
body[data-r3-surface] .dm-profile-avatar img,body[data-r3-surface] .r3-web-profile-initial img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}

/* Clubs functionality stays mounted; the owner-approved theme owns its colors/typography. */
body[data-r3-surface] .da-club-management{margin:18px auto 110px;max-width:1250px;padding:0 12px}

/* Arena integration only: preserve owner-approved Dartava site and phone theme. */
#dartava-arena-setup .da-arena-room{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:12px 0;padding:13px;background:#1b3852;border-radius:10px;border:1px solid #3c7893}
#dartava-arena-setup .da-arena-room b{display:block;width:100%;font-size:17px;color:#f9fbff}
#dartava-arena-setup .da-arena-room span{font-size:14px;font-weight:800;color:#7ce7ef}
#dartava-arena-setup .da-arena-room small{margin-left:auto}
#dartava-arena-setup .da-arena-pair{margin:14px 0;padding:14px;border:1px solid #366f86;border-radius:12px;background:#183148;text-align:center}
#dartava-arena-setup .da-arena-pair h3{font-size:19px;color:#fff;margin:7px 0}
#dartava-arena-setup .da-arena-pair img{display:block;max-width:min(200px,80%);margin:10px auto;background:#fff;padding:8px;border-radius:8px}
#dartava-arena-setup .da-arena-pair-code{font-size:30px;letter-spacing:.2em;font-weight:800;color:#ffb965;margin:8px}
#dartava-arena-setup .da-arena-pair button{width:100%;margin-top:9px}
#dartava-arena-setup .da-arena-error{color:#fff;background:#81283b;border:1px solid #ffafbe;border-radius:9px;padding:12px;margin-top:12px}

/* 2026-10-15 OWNER FIX: desktop WEBSITE logo word DARTAVA must be readable.
   Do not change the approved symbol, header design or phone/Android branding. */
body[data-r3-surface="pc"] .da-showcase-web .da-header-brand .r3-brand b{
  font-family:Inter,Arial,Helvetica,sans-serif!important;
  font-weight:650!important;
  font-style:normal!important;
  font-size:20px!important;
  letter-spacing:.025em!important;
  line-height:1.2!important;
  text-shadow:none!important;
  color:#f5fcff!important;
  -webkit-text-fill-color:#f5fcff!important;
  white-space:nowrap!important;
}

/* Checkout assistance on the existing real game scorer, not a second scorer. */
body[data-r3-surface] .r3-checkout-helper{margin:11px 0;padding:10px 12px;border:1px solid #456b8b;border-radius:10px;background:#152b41}
body[data-r3-surface] .r3-checkout-helper button{width:100%;padding:10px;border-radius:8px;background:#245675;border:1px solid #669eb3;color:#fff!important;font-weight:750;font-size:13px}
body[data-r3-surface] .r3-checkout-helper small{display:block;margin:8px 0 0;color:#d9e6ed;font-size:12px;line-height:1.4}

/* Low-contrast text repair only on the approved dark R3 product shells.
   Keep coloured action labels, photos, logo, card surfaces and typography intact. */
body[data-r3-surface="pc"] .da-showcase-web :is(.r3-muted,.r3-empty p,.dvgo-empty p,.r3-feed-card small,.r3-card>small),
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .r3-phone-shell :is(.r3-muted,.dm-quiet p,.r3-empty p,.dvgo-empty p,.r3-feed-card small,.r3-card>small){
  color:#d5e4ef!important;
  -webkit-text-fill-color:#d5e4ef!important;
  opacity:1!important;
  font-weight:500!important;
}

/* Subtle optional in-page upgrade invitation. Approved Dartava layout/theme intact. */
.da-home-upgrade{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;margin:8px 0 14px;border:1px solid #356779;border-radius:11px;background:#162f44;color:#e1eef5}
.da-home-upgrade span{font:800 11px system-ui;letter-spacing:.11em;color:#98e3eb}
.da-home-upgrade p{flex:1 1 220px;margin:0;font:500 13px/1.5 system-ui;color:#e1eef5!important}
.da-home-upgrade button{background:transparent;border:1px solid #6a9fae;border-radius:8px;color:#fff!important;min-height:38px;padding:8px 12px;font:750 12px system-ui;cursor:pointer}
