/* Public reader: compact context cards, saved values remain untouched. */
/* A top translation toolbar must never cover the only way out of a drawer.
   Keep the existing close controls and their native cleanup/focus handlers. */
@media screen {
body.public-share :is(#dbSummaryDrawer,#dbKpiDrawer,#db24MatchDrawer,#dbPositionDrawer) {
  padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))!important;
  scroll-padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));
}
body.public-share :is(#dbSummaryClose,#dbKpiClose,#db24MatchClose,#dbPositionClose) {
  position:fixed!important;
  top:auto!important; left:auto!important;
  right:max(18px,env(safe-area-inset-right,0px))!important;
  bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
  width:auto!important; min-width:120px!important;
  height:auto!important; min-height:48px!important;
  margin:0!important; padding:12px 20px!important;
  display:flex!important; align-items:center; justify-content:center; gap:10px;
  border:1px solid #65e6c3!important; border-radius:14px!important;
  background:#123d3b!important; color:#edfff9!important;
  box-shadow:0 6px 30px #0009; font:700 16px/1.3 system-ui!important;
  z-index:2; cursor:pointer; touch-action:manipulation;
}
body.public-share :is(#dbSummaryClose,#dbKpiClose,#db24MatchClose,#dbPositionClose):focus-visible {
  outline:3px solid #fff; outline-offset:3px;
}
body.public-share #db24MatchDrawer [data-match-meta][data-match-label]::before {
  content:attr(data-match-label)!important;
}
}
/* Keep the native match-report table; omit its duplicate picker and private context. */
body.public-share #dbFactualMatchReports,
body.public-share .db-factual-reports,
body.public-share #clubFitPanel,
body.public-share #dbPublicRecoStatus,
body.public-share .grade-scale,
body.public-share #dbrefCurrentCard .db-forecast-status,
body.public-share #dbCareerCard .db-forecast-status,
body.public-share #updateBlock .update-meta,
body.public-share #dbrefTabs [data-dbref="stats"],
body.public-share #dbrefTabs [data-dbref="matches"],
body.public-share .tabs [data-tab="stats"] {
  display:none!important;
}
@media screen {
body.public-share.dbref-skin #dbPublicKpis .db-summary-card {
  position:relative; overflow:hidden; box-sizing:border-box; min-width:0;
  min-height:158px!important; padding:22px!important; border-radius:18px!important;
  border:1px solid #294854!important;
  background:radial-gradient(ellipse at 100% 0%,#1e695b26,transparent 70%),linear-gradient(145deg,#102c37,#0b202b)!important;
  box-shadow:inset 0 1px 0 #ffffff07,0 12px 28px #00000018!important;
  display:flex!important; flex-direction:column; justify-content:flex-start; gap:16px;
}
body.public-share.dbref-skin #dbPublicKpis .db-summary-card label {
  font-size:10px!important; line-height:1.3!important; font-weight:700!important;
  letter-spacing:.14em!important; color:#94b4bc!important; text-transform:uppercase;
}
body.public-share.dbref-skin #dbPublicKpis .db-summary-card .big {
  font-size:clamp(27px,3.2vw,40px)!important; line-height:1.1!important;
  font-weight:750!important; letter-spacing:-.035em!important; font-variant-numeric:tabular-nums;
  color:#ecf5f3!important; margin:0!important;
}
body.public-share.dbref-skin #dbPublicKpis .db-summary-confidence {border-color:#356455!important;}
body.public-share.dbref-skin #dbPublicKpis .db-summary-ring {
  position:relative; width:80px; height:80px; flex:none; border-radius:50%;
  display:grid; place-items:center; isolation:isolate;
  background:conic-gradient(#39e4b5 var(--confidence-fill,0%),#254650 0);
}
body.public-share.dbref-skin #dbPublicKpis .db-summary-ring::before {
  content:''; position:absolute; inset:10px; border-radius:50%; background:#0c2430;
  z-index:-1;
}
body.public-share.dbref-skin #dbPublicKpis .db-summary-confidence .db-summary-ring .big {
  font-size:14px!important; line-height:1.2!important; letter-spacing:-.02em!important;
  font-weight:800!important; color:#e5f1f5!important; text-align:center;
  max-width:56px; overflow-wrap:normal;
}
body.public-share.dbref-skin #dbPublicKpis .db-summary-ring[data-known="false"] .big {
  font-size:10px!important; line-height:1.35!important;
}
body.public-share.dbref-skin #dbPublicKpis .db-summary-position .big {
  align-self:flex-start; border:1px solid #89d8b52b; border-radius:10px;
  padding:8px 14px; background:#8cdab510; color:#b7efd1!important;
}
body.public-share.dbref-skin #dbPublicKpis .db-summary-competition .big {
  font-size:clamp(19px,2.1vw,25px)!important; line-height:1.35!important;
  letter-spacing:-.02em!important; overflow-wrap:anywhere; text-wrap:balance;
  border-left:3px solid #72c99d; padding-left:14px;
}
@media(max-width:640px) {
  body.public-share.dbref-skin #dbPublicKpis .db-summary-card {min-height:140px!important; padding:18px!important; gap:14px;}
  body.public-share.dbref-skin #dbPublicKpis .db-summary-competition {grid-column:1/-1; min-height:120px!important;}
}
}