/* SmileDice v18.21 — scoped profile centering and legible Sport interactions.
   Never change the Account hub or Supabase social event handlers. */

/* Profile uses .sp-dialog too, but Sport's dialog stylesheet is loaded later.
   Scope the original Profile layout to its own overlay to avoid collisions. */
#sp-overlay.sp-overlay{
  position:fixed!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  padding:clamp(8px,2vw,30px)!important;
  overflow:hidden;
  z-index:11020!important;
}
#sp-overlay.sp-overlay[hidden]{display:none!important}
#sp-overlay > .sp-scrim{position:absolute;inset:0}
#sp-overlay > .sp-dialog{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:min(1420px,100%)!important;
  max-width:100%!important;
  height:auto!important;
  max-height:min(94dvh,1000px)!important;
  margin:auto!important;
  padding:0!important;
  overflow:auto!important;
  background:linear-gradient(146deg,#0a1d39 0%,#07162f 52%,#070e23 100%)!important;
  backdrop-filter:none!important;
  border:1px solid #377cba!important;
  border-radius:22px!important;
  box-shadow:0 35px 110px #000e,0 0 44px #0d8bd243,inset 0 1px #87c7ff24!important;
  z-index:1!important;
}
#sp-overlay .sp-close{
  position:sticky!important;
  top:15px!important;
  right:auto!important;
  float:right!important;
  margin:15px 16px -55px 0!important;
  width:42px;height:42px;
  border:1px solid #478bc1!important;
  border-radius:12px!important;
  background:#112b4e!important;
  color:#f5faff!important;
  z-index:10!important;
}
#sp-overlay .sp-hero{
  margin:22px 21px 0;
  min-height:224px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(270px,.95fr);
  align-items:center;
  gap:20px;
  padding:32px 40px 27px 30px;
  border:1px solid #316fbc;
  border-radius:17px;
  background:linear-gradient(90deg,#071b3bed 5%,#061c39b0 57%,#071a376b 100%),url('assets/reference-hero.webp') right center/cover no-repeat;
  box-shadow:inset 0 1px #92ceff35,0 0 31px #1358bc30;
}
#sp-overlay .sp-eyebrow{color:#6deafc;font-size:10px;letter-spacing:.18em;font-weight:900}
#sp-overlay .sp-sidebar{
  position:static!important;
  top:auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:20px!important;
  max-height:none!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#sp-overlay .sp-score{border-color:#365e90}
#sp-overlay .sp-nav button{border-color:#315b91;background:linear-gradient(110deg,#0b2346,#08172c)}
#sp-overlay .sp-nav button.is-active{background:linear-gradient(100deg,#155ba8,#0a2853 90%);border-color:#22c9ed}

/* Simple outlined icon + count layout, matching SmileDice's navy/cyan theme. */
#sport-screen .sp-pick-bottom{
  gap:7px 15px!important;
  min-height:53px!important;
  padding:9px 15px!important;
  background:linear-gradient(100deg,#0b2140,#0b1a32)!important;
  border-top:1px solid #285782!important;
}
#sport-screen .sp-pick-bottom .sp-social-button{
  gap:8px!important;
  min-width:56px!important;
  min-height:33px!important;
  padding:5px 8px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:#e9f7ff!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  opacity:1!important;
}
#sport-screen .sp-social-button svg{
  width:20px!important;
  height:20px!important;
  stroke-width:2.1px;
  filter:drop-shadow(0 0 2px #2ba5d76a);
}
#sport-screen .sp-pick-bottom .sp-social-button:hover,
#sport-screen .sp-pick-bottom .sp-social-button.is-on{
  color:#4be9ff!important;
  background:#0b3954!important;
  border-color:#2f9dc6!important;
}
#sport-screen .sp-pick-bottom .sp-social-follow{
  min-height:32px!important;
  padding:5px 17px!important;
  border:1px solid #3ab8d7!important;
  border-radius:17px!important;
  background:#0a3551!important;
  color:#f0ffff!important;
  font-size:12px!important;
  font-weight:850!important;
  opacity:1!important;
  transition:background .16s,border-color .16s;
}
#sport-screen .sp-pick-bottom .sp-social-follow:hover:not(:disabled){background:#105e77!important;border-color:#5ce8fb!important}
#sport-screen .sp-pick-bottom .sp-social-follow:disabled{opacity:.7!important}
#sport-screen .sp-pick-bottom .sp-social-save{font-size:12px!important;color:#c5eaff!important}

/* Comments are part of the same ticket, not a separate unrelated widget. */
#sport-screen .sp-inline-comments{
  padding:15px!important;
  background:linear-gradient(155deg,#0c2748,#07182f)!important;
  border-top:1px solid #316990!important;
  color:#ebf8ff!important;
}
#sport-screen .sp-inline-comments-heading{margin-bottom:12px!important}
#sport-screen .sp-inline-comments-heading strong{font-size:13px!important;font-weight:850;color:#effaff!important}
#sport-screen .sp-inline-comments-heading strong span{color:#4de3f4!important}
#sport-screen .sp-inline-comments-heading>button{
  width:32px!important;height:32px!important;
  border:1px solid #38749e!important;
  background:#102f4f!important;
  color:#e8faff!important;
  font-size:20px!important;
}
#sport-screen .sp-social-empty{padding:11px 0!important;color:#a9c9dd!important;font-size:12px!important}
#sport-screen .sp-social-comment{border-bottom-color:#285a7d!important}
#sport-screen .sp-social-comment-head{font-size:12px!important}
#sport-screen .sp-social-comment p{font-size:12px!important;color:#e4f3ff!important}
#sport-screen .sp-inline-comment-form{display:flex;align-items:stretch;gap:9px!important}
#sport-screen .sp-inline-comment-form input{
  min-height:43px!important;
  padding:11px 14px!important;
  border:1px solid #3877a1!important;
  border-radius:10px!important;
  background:#071b34!important;
  color:#effaff!important;
  font-size:13px!important;
  box-shadow:inset 0 1px #ffffff0b!important;
}
#sport-screen .sp-inline-comment-form input::placeholder{color:#91b4cc!important;opacity:1}
#sport-screen .sp-inline-comment-form input:focus{border-color:#4ce0f2!important;box-shadow:0 0 0 2px #35d6e735!important}
#sport-screen .sp-inline-comment-form button{
  min-width:121px!important;
  min-height:43px!important;
  padding:10px 17px!important;
  border:1px solid #69eafb!important;
  border-radius:10px!important;
  background:linear-gradient(110deg,#47e4f3,#168cce)!important;
  color:#061a32!important;
  font-size:12px!important;
  font-weight:900!important;
}
#sport-screen .sp-inline-comment-form button:hover:not(:disabled){filter:brightness(1.1)}

@media(max-width:760px){
  #sp-overlay.sp-overlay{padding:0!important}
  #sp-overlay > .sp-dialog{
    width:100%!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border:0!important;
    border-radius:0!important;
  }
  #sp-overlay .sp-close{top:10px!important;margin:10px 10px -52px 0!important}
  #sp-overlay .sp-hero{
    margin:12px 12px 0;
    padding:42px 16px 16px;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:15px;
  }
}
@media(max-width:520px){
  #sport-screen .sp-pick-bottom{gap:5px 8px!important;padding:8px 10px!important;min-height:48px!important}
  #sport-screen .sp-pick-bottom .sp-social-button{gap:5px!important;min-width:41px!important;padding:5px 4px!important;font-size:12px!important}
  #sport-screen .sp-social-button svg{width:18px!important;height:18px!important}
  #sport-screen .sp-pick-bottom .sp-social-follow{padding:5px 11px!important;font-size:11px!important;min-height:30px!important}
  #sport-screen .sp-pick-bottom .sp-social-save{padding:5px 4px!important;font-size:11px!important}
  #sport-screen .sp-inline-comments{padding:12px 10px!important}
  #sport-screen .sp-inline-comment-form input{min-height:42px!important;font-size:12px!important;padding:9px 10px!important}
  #sport-screen .sp-inline-comment-form button{min-width:94px!important;min-height:42px!important;padding:9px!important;font-size:11px!important}
}

/* v18.22 — Profile must fill the VIEWPORT and center exactly like Account. */
#sp-overlay.sp-overlay{
  width:100vw!important;
  max-width:none!important;
  min-width:0!important;
  height:100dvh!important;
  max-height:none!important;
  top:0!important;right:0!important;bottom:0!important;left:0!important;
  place-items:center!important;
  background:transparent!important;
}
#sp-overlay > .sp-scrim{background:#010610db!important;backdrop-filter:blur(10px)!important}
#sp-overlay > .sp-dialog{
  width:min(980px,calc(100vw - 36px))!important;
  max-width:calc(100vw - 36px)!important;
  max-height:min(90dvh,920px)!important;
  margin:auto!important;
  border:1px solid #549bffb5!important;
  border-radius:21px!important;
  background:linear-gradient(150deg,#11295bec,#09182dfb 66%,#080d24)!important;
  box-shadow:0 20px 70px #000e,0 0 32px #317aff5c,inset 0 1px #d1f1ff52!important;
  color:#f8faff!important;
}
#sp-overlay .sp-hero{
  border-color:#347cbf!important;
  background:linear-gradient(90deg,#102a55f2 3%,#0d2344e8 59%,#071c39e0),url('assets/reference-hero.webp') right center/cover no-repeat!important;
  box-shadow:inset 0 1px #a4caff21,0 0 21px #2068b935!important;
}
#sp-overlay .sp-hero::before{background:radial-gradient(ellipse at 88% 22%,#0f9fd72f,transparent 56%)!important}
#sp-overlay .sp-xp{
  border-color:#3a78b5!important;
  background:#07192fe8!important;
  box-shadow:0 12px 35px #0006,inset 0 1px #9fdcff28!important;
}
#sp-overlay .sp-xp-track{border-color:#3e78b7!important;background:#102b4e!important}
#sp-overlay .sp-xp-track span{background:linear-gradient(90deg,#18b7ec,#36e5da)!important;box-shadow:0 0 12px #36d9ee75!important}
#sp-overlay .sp-avatar-wrap{background:conic-gradient(#00cffa,#226de9,#fbd661,#07ebd0,#00cffa)!important;box-shadow:0 0 26px #267af978,0 0 55px #00dbd431!important}
#sp-overlay .sp-nav button{
  background:linear-gradient(110deg,#0b2448,#0a1933)!important;
  border-color:#356ca6!important;
  color:#deefff!important;
}
#sp-overlay .sp-nav button.is-active{background:linear-gradient(100deg,#145fab,#0a2b56)!important;border-color:#18cdef!important;box-shadow:0 0 16px #1a95eb4e!important}
#sp-overlay .sp-score,
#sp-overlay .sp-score.gold,
#sp-overlay .sp-score.mint,
#sp-overlay .sp-score.pink,
#sp-overlay .sp-score.purple{
  border-color:#3278c9!important;
  background:linear-gradient(135deg,#102b50,#081a34)!important;
}
#sp-overlay .sp-score-icon,
#sp-overlay .sp-score.gold .sp-score-icon,
#sp-overlay .sp-score.pink .sp-score-icon,
#sp-overlay .sp-score.purple .sp-score-icon{background:#11355e!important;border-color:#377dc4!important}
#sp-overlay .sp-mini{border-color:#315f9b!important;background:#0b2342!important}
#sp-overlay .sp-section{border-color:#315f9b!important;background:linear-gradient(137deg,#0a203e,#09182e)!important}
#sp-overlay .sp-badge{border-color:#3868ad!important;background:radial-gradient(circle at 50% 0%,#1b65b13a,#0b1d3b 70%)!important}
#sp-overlay .sp-setting-actions .sp-btn-primary{background:linear-gradient(110deg,#1c8acc,#155aa9)!important;border-color:#40d9f4!important}
#sp-overlay .sp-profile-footer{border-top-color:#315b8e!important}

@media(max-width:760px){
  #sp-overlay > .sp-dialog{
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border:0!important;
    border-radius:0!important;
  }
}

/* v18.22 — premium, high-contrast social actions on every Sport pick. */
#sport-screen .sp-pick-bottom{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  min-height:65px!important;
  padding:11px 14px!important;
  border-top:1px solid #2c77aa!important;
  background:linear-gradient(100deg,#102c50,#0a1e39)!important;
}
#sport-screen .sp-pick-bottom .sp-social-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:0!important;
  min-height:43px!important;
  padding:8px 12px!important;
  border:1px solid #3879b4!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,#153e6b,#0c2b50)!important;
  color:#f1fbff!important;
  font-size:13px!important;
  font-weight:850!important;
  box-shadow:inset 0 1px #b4e7ff22,0 2px 8px #020a1d66!important;
  opacity:1!important;
  transition:border-color .16s,box-shadow .16s,background .16s!important;
}
#sport-screen .sp-pick-bottom .sp-social-button:hover,
#sport-screen .sp-pick-bottom .sp-social-button:focus-visible,
#sport-screen .sp-pick-bottom .sp-social-button.is-on{
  border-color:#3be7fb!important;
  background:linear-gradient(120deg,#155383,#103e6a)!important;
  color:#fff!important;
  box-shadow:inset 0 1px #d3faff3d,0 0 13px #23d5fa55!important;
}
#sport-screen .sp-social-button svg{
  width:25px!important;
  height:25px!important;
  stroke-width:2.4px!important;
  color:#75e8ff!important;
  filter:drop-shadow(0 0 3px #16b9ef80);
}
#sport-screen .sp-pick-bottom .sp-social-button .sp-social-label{
  display:inline!important;
  color:#eef9ff!important;
  font-size:12px!important;
  font-weight:800!important;
  white-space:nowrap;
}
#sport-screen .sp-pick-bottom .sp-social-button b{
  color:#56eeff!important;
  font-size:13px!important;
  font-weight:950!important;
}
#sport-screen .sp-pick-bottom .sp-social-follow{
  min-height:43px!important;
  padding:8px 17px!important;
  border-radius:11px!important;
  border:1px solid #47bfd6!important;
  background:linear-gradient(130deg,#0b4d70,#073950)!important;
  color:#efffff!important;
  font-size:12px!important;
  font-weight:850!important;
  box-shadow:inset 0 1px #d1ffff28,0 0 10px #00c9ff26!important;
}
#sport-screen .sp-pick-bottom .sp-social-save{
  min-height:43px!important;
  padding:8px 11px!important;
  border:1px solid #316f9b!important;
  border-radius:11px!important;
  background:#102c4b!important;
  color:#c7e7ff!important;
  font-size:12px!important;
}
#sport-screen .sp-inline-comments{
  margin:0!important;
  padding:17px 16px 19px!important;
  border-top:1px solid #308dbb!important;
  background:linear-gradient(145deg,#102b4b,#081b35)!important;
  box-shadow:inset 0 11px 19px #040d234d!important;
}
#sport-screen .sp-inline-comments-heading{
  margin-bottom:14px!important;
  padding-bottom:11px!important;
  border-bottom:1px solid #315d87!important;
}
#sport-screen .sp-inline-comments-title{display:flex;align-items:center;gap:11px;min-width:0}
#sport-screen .sp-inline-comments-heading .sp-inline-comments-title strong{
  font-size:16px!important;
  font-weight:900!important;
  letter-spacing:-.01em;
  color:#f4fcff!important;
}
#sport-screen .sp-inline-comments-total{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:25px;min-height:24px;padding:2px 7px;
  border:1px solid #2d9fbf;border-radius:999px;
  background:#0b3d5e;color:#6aebff!important;
  font-size:12px;font-weight:900;
}
#sport-screen .sp-inline-comments-heading>button{
  width:34px!important;height:34px!important;
  border-radius:10px!important;
  border-color:#427cad!important;
  background:#102f52!important;
  font-size:21px!important;
}
#sport-screen .sp-inline-comments-list{max-height:320px!important;margin-bottom:13px!important}
#sport-screen .sp-social-empty{
  margin:0!important;padding:18px 13px!important;
  border:1px dashed #3b719c!important;
  border-radius:11px!important;
  background:#091d38!important;
  color:#b5cee3!important;
  text-align:center!important;
  font-size:13px!important;
}
#sport-screen .sp-social-comment{
  margin:8px 0!important;
  padding:11px 12px!important;
  border:1px solid #2b5a82!important;
  border-radius:11px!important;
  background:#0b2544!important;
}
#sport-screen .sp-social-comment-head{font-size:13px!important;color:#f0faff!important}
#sport-screen .sp-social-comment-head small{color:#a5c4de!important;font-size:10px!important}
#sport-screen .sp-social-comment p{font-size:13px!important;line-height:1.55!important;color:#dff1ff!important}
#sport-screen .sp-inline-comment-form{gap:10px!important}
#sport-screen .sp-inline-comment-form input{
  min-height:49px!important;
  border:1px solid #3d7dac!important;
  border-radius:11px!important;
  background:#06172d!important;
  color:#fff!important;
  font-size:14px!important;
  padding:12px 14px!important;
}
#sport-screen .sp-inline-comment-form input:focus{border-color:#4de7ff!important;box-shadow:0 0 0 3px #1ba8d63b!important}
#sport-screen .sp-inline-comment-form button{
  min-height:49px!important;
  min-width:125px!important;
  padding:10px 15px!important;
  border-radius:11px!important;
  border:1px solid #69f4ff!important;
  background:linear-gradient(105deg,#48e6ef,#1789cc)!important;
  color:#031d35!important;
  font-size:13px!important;
  font-weight:950!important;
  box-shadow:0 3px 14px #1aa8eb46!important;
}
@media(max-width:650px){
  #sport-screen .sp-pick-bottom{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:10px!important}
  #sport-screen .sp-pick-bottom .sp-social-button{width:100%!important;min-height:46px!important;justify-content:flex-start!important;padding:8px 9px!important;gap:6px!important}
  #sport-screen .sp-social-button svg{width:23px!important;height:23px!important}
  #sport-screen .sp-pick-bottom .sp-social-button .sp-social-label{font-size:11px!important}
  #sport-screen .sp-pick-bottom .sp-social-follow,#sport-screen .sp-pick-bottom .sp-social-save{width:100%!important;margin-left:0!important;min-height:43px!important}
  #sport-screen .sp-inline-comments{padding:13px 11px!important}
  #sport-screen .sp-inline-comment-form{flex-wrap:wrap!important}
  #sport-screen .sp-inline-comment-form input{flex-basis:100%!important;width:100%!important;min-height:47px!important}
  #sport-screen .sp-inline-comment-form button{flex:1!important;min-height:45px!important}
}

/* v18.23 — tipster stats and form, matching the established navy/cyan cards. */
#sport-screen .sp-tipster-mini{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:5px 8px!important;
  min-height:83px!important;
  padding:8px 9px!important;
  background:linear-gradient(120deg,#0c2944,#081b32)!important;
  border:1px solid #305f89!important;
  border-radius:9px!important;
}
#sport-screen .sp-tipster-mini span{
  min-width:0!important;
  color:#c5dcf3!important;
  font-size:10px!important;
  line-height:1.3!important;
  white-space:normal!important;
}
#sport-screen .sp-tipster-mini strong{
  color:#44e7cb!important;
  font-size:11px!important;
  font-weight:900!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}
#sport-screen .sp-tipster-form-label{
  margin:3px 0 -2px 49px;
  color:#94bad5;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}
#sport-screen .sp-tipster-form i{
  width:22px!important;
  height:22px!important;
  border-radius:7px!important;
  font-size:10px!important;
  font-style:normal!important;
  border:1px solid #157b63!important;
}
#sport-screen .sp-tipster-form i.is-loss{border-color:#a63c5d!important}
#sport-screen .sp-tipster-form i.is-neutral{background:#142e4c!important;color:#7e9bb8!important;border-color:#34577d!important}
#sport-screen .sp-free-badge,
#sport-screen .sp-pick-demo .sp-free-badge{
  color:#a8ffe0!important;
  background:linear-gradient(110deg,#073e32,#0b6045)!important;
  border:1px solid #1abd84!important;
  box-shadow:0 0 12px #0ce09952!important;
  font-weight:900!important;
}
#sport-screen .sp-free-badge.sp-premium-badge{
  color:#ffe6a0!important;
  background:linear-gradient(110deg,#443211,#74541b)!important;
  border:1px solid #f4c655!important;
  box-shadow:0 0 15px #ffc54f5a!important;
}
@media(max-width:760px){
  #sport-screen .sp-tipster-form-label{margin-left:0}
}

/* v18.24 — remove the old violet outline from the INSIDE of Player Profile.
   Keep the surrounding Account/SmileDice navy + blue visual language. */
#sp-overlay #sp-content > .sp-hero{
  border:1px solid #478dca!important;
  box-shadow:inset 0 1px #9ddcff30,0 0 22px #237bb636!important;
}
#sp-overlay #sp-content .sp-layout > .sp-sidebar{
  min-height:0!important;
  border:1px solid #346ca7!important;
  border-radius:16px!important;
  background:linear-gradient(160deg,#102b4c,#09172e)!important;
  box-shadow:inset 0 1px #8acaff16!important;
  padding:12px!important;
}
#sp-overlay #sp-content .sp-xp{
  border-color:#397ab7!important;
}
@media(max-width:760px){
  #sp-overlay #sp-content .sp-layout > .sp-sidebar{
    border-color:#315f94!important;
    padding:9px!important;
  }
}

/* v18.24 — approved BetAI-inspired Sport card: compact, consistent actions.
   All existing Supabase social events and counters remain unchanged. */
#sport-screen .sp-pick-bottom{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:4px 7px!important;
  min-height:47px!important;
  padding:7px 12px 7px calc(23% + 10px)!important;
  background:#071727!important;
  border-top:1px solid #245373!important;
}
#sport-screen .sp-pick-bottom .sp-social-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:48px!important;
  min-height:34px!important;
  padding:6px 9px!important;
  gap:8px!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#c1e3f2!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:850!important;
  opacity:1!important;
}
#sport-screen .sp-pick-bottom .sp-social-button:hover,
#sport-screen .sp-pick-bottom .sp-social-button:focus-visible,
#sport-screen .sp-pick-bottom .sp-social-button.is-on{
  border-color:#237e9e!important;
  background:#0b3548!important;
  color:#4cebf1!important;
  box-shadow:none!important;
}
#sport-screen .sp-pick-bottom .sp-social-button svg{
  display:block!important;
  width:19px!important;
  height:19px!important;
  flex:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  color:inherit!important;
  filter:none!important;
}
#sport-screen .sp-pick-bottom .sp-social-button .sp-social-label{
  display:none!important;
}
#sport-screen .sp-pick-bottom .sp-social-button b{
  display:inline!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  color:#f1faff!important;
  font-variant-numeric:tabular-nums!important;
}
#sport-screen .sp-pick-bottom .sp-social-button.is-on b{color:#70f5f5!important}
#sport-screen .sp-pick-bottom .sp-social-follow{
  width:auto!important;
  min-height:31px!important;
  padding:6px 15px!important;
  margin:0 0 0 6px!important;
  border:1px solid #2394ab!important;
  border-radius:18px!important;
  background:#0a3543!important;
  color:#c5faff!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:850!important;
}
#sport-screen .sp-pick-bottom .sp-social-save{
  width:auto!important;
  min-height:32px!important;
  padding:5px 9px!important;
  margin-left:auto!important;
  border-color:transparent!important;
  border-radius:9px!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:11px!important;
}
#sport-screen .sp-inline-comments{
  padding:13px 16px 17px!important;
  border-top:1px solid #2b668a!important;
  background:linear-gradient(110deg,#091d32,#071727)!important;
  box-shadow:none!important;
}
#sport-screen .sp-inline-comments-heading{
  margin:0 0 10px!important;
  padding:0!important;
  border:0!important;
}
#sport-screen .sp-inline-comments-heading .sp-inline-comments-title{gap:9px!important}
#sport-screen .sp-inline-comments-heading .sp-inline-comments-title strong{
  font-size:13px!important;
  color:#f2fbff!important;
}
#sport-screen .sp-inline-comments-total{
  min-height:0!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#a0bed5!important;
  font-size:12px!important;
  font-weight:700!important;
}
#sport-screen .sp-inline-comments-heading>button{
  width:28px!important;
  height:28px!important;
  border:1px solid #3d78a1!important;
  border-radius:8px!important;
  background:#0c2a44!important;
  box-shadow:none!important;
  color:#c3efff!important;
  font-size:19px!important;
}
#sport-screen .sp-inline-comments-list{
  margin:0 0 11px!important;
  padding:0!important;
}
#sport-screen .sp-inline-comments-list:empty{display:none!important}
#sport-screen .sp-inline-comments-list .sp-social-empty{
  padding:5px 0!important;
  margin:0 0 10px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  text-align:left!important;
  font-size:11px!important;
}
#sport-screen .sp-inline-comment-form{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:9px!important;
}
#sport-screen .sp-inline-comment-form input{
  min-width:0!important;
  flex:1 1 auto!important;
  width:auto!important;
  min-height:43px!important;
  padding:10px 13px!important;
  border:1px solid #356383!important;
  border-radius:10px!important;
  background:#061629!important;
  color:#edfaff!important;
  font-size:12px!important;
  box-shadow:none!important;
}
#sport-screen .sp-inline-comment-form button{
  flex:0 0 auto!important;
  min-width:120px!important;
  min-height:43px!important;
  padding:9px 17px!important;
  border:1px solid #58e6f1!important;
  border-radius:10px!important;
  background:linear-gradient(110deg,#24d2de,#2b9fe0)!important;
  color:#052638!important;
  font-size:12px!important;
  font-weight:950!important;
  box-shadow:none!important;
}
/* FORM belongs to the tipster's statistical block, not at the card bottom. */
#sport-screen .sp-pick-creator{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:8px!important;
}
#sport-screen .sp-tipster-mini{
  min-height:0!important;
  gap:4px 7px!important;
  padding:9px 10px!important;
}
#sport-screen .sp-tipster-form-label{
  margin:3px 0 -3px!important;
  font-size:10px!important;
  color:#a8c2d8!important;
}
#sport-screen .sp-tipster-form{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:0!important;
  margin:0!important;
  gap:5px!important;
}
#sport-screen .sp-tipster-form i{
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  display:grid!important;
  place-items:center!important;
  font-size:10px!important;
  border-radius:7px!important;
}
#sport-screen .sp-free-badge{
  align-self:flex-start!important;
  min-width:125px!important;
  max-width:100%!important;
  margin:4px 0 0!important;
  padding:6px 12px!important;
  border-radius:999px!important;
  font-size:11px!important;
}
@media(max-width:1210px){
  #sport-screen .sp-pick-bottom{padding-left:calc(25% + 10px)!important}
}
@media(max-width:970px){
  #sport-screen .sp-pick-bottom{padding-left:calc(24% + 10px)!important}
}
@media(max-width:700px){
  #sport-screen .sp-pick-bottom{
    display:flex!important;
    grid-template-columns:none!important;
    padding:8px 10px!important;
    gap:3px 5px!important;
  }
  #sport-screen .sp-pick-bottom .sp-social-button{
    width:auto!important;
    min-width:44px!important;
    min-height:39px!important;
    justify-content:center!important;
    padding:6px 7px!important;
  }
  #sport-screen .sp-pick-bottom .sp-social-button svg{width:18px!important;height:18px!important}
  #sport-screen .sp-pick-bottom .sp-social-follow{width:auto!important;margin:0 0 0 3px!important;min-height:34px!important;padding:6px 10px!important}
  #sport-screen .sp-pick-bottom .sp-social-save{width:auto!important;min-height:34px!important;margin-left:0!important}
  #sport-screen .sp-tipster-form i{width:20px!important;height:20px!important;flex-basis:20px!important}
  #sport-screen .sp-tipster-form{gap:4px!important}
  #sport-screen .sp-free-badge{min-width:110px!important}
  #sport-screen .sp-inline-comments{padding:12px 10px!important}
  #sport-screen .sp-inline-comment-form{flex-wrap:wrap!important}
  #sport-screen .sp-inline-comment-form input{flex:1 1 100%!important;min-height:44px!important}
  #sport-screen .sp-inline-comment-form button{flex:1 1 100%!important;min-height:42px!important}
}