:root{
  --ss-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ss-brand:#59c7e8;
  --ss-brand-bright:#82d9f0;
  --ss-brand-mid:#3fa5c4;
  --ss-brand-muted:#78aeca;
  --ss-brand-dark:#153443;
  --ss-brand-border:#32788d;
  --ss-brand-soft:rgba(89,199,232,.13);
  --ss-button-text:#e7faff; /* consolidated near-white button text -- was fff4f7/dff8ff/e7faff, 3 near-duplicate shades on filled brand buttons */
  --ss-loading-accent:#4bbcf4;
  --ss-loading-track:rgba(75,188,244,.22);
  
  
  
  --ss-hero-position-color:#fde68a; /* was a circular self-reference (invalid CSS); this is the gold the review-popup hero pill already showed via its hardcoded fallback */
  --ss-hero-position-bg:#78540a;
  --ss-hero-position-border:#c9911a;
  --ss-tournament-id:#b9a7ff;
  --ss-header-size:var(--type-body,12px);
  --ss-header-weight:500;

  
  
  --v-correct:#9fe1cb;      --v-correct-strong:#3dd68c; --v-correct-bg:rgba(61,214,140,.12); --v-correct-border:rgba(61,214,140,.35);
  --v-mistake:#f7c1c1;      --v-mistake-strong:#f87171; --v-mistake-bg:rgba(248,113,113,.13); --v-mistake-border:rgba(248,113,113,.38);
  --v-mixed:#a78bfa;        --v-mixed-strong:#a78bfa;   --v-mixed-bg:rgba(167,139,250,.12);  --v-mixed-border:rgba(167,139,250,.35);
  --v-mixed-bg-strong:#2d1a5c; /* opaque dark-purple bg, was a literal #2d1a5c duplicated across rfi-tag/on-feedback/on-reviewed */
  --v-correct-bg-strong:#0d2018; /* opaque near-black-green badge bg, was two near-identical shades, #0f2318 and #0d2018 */
  /* v-punt and v-punt-strong both alias --action-betfold now, per FM's call
     to collapse late-reg orange and the Punt mistake-grade color into one
     canonical orange -- bg/border tints intentionally left as-is (not part
     of that decision). */
  --v-punt:var(--action-betfold);  --v-punt-strong:var(--action-betfold);  --v-punt-bg:rgba(245,158,11,.14);    --v-punt-border:rgba(245,158,11,.4);
  --v-unsure:#a6f2ff;       --v-unsure-strong:#22d3ee;  --v-unsure-bg:rgba(34,211,238,.12);  --v-unsure-border:rgba(34,211,238,.35);
  --v-seen-strong:#9ca3af;
--type-title:14px;--type-micro:9px;--type-small:10px;--type-subtitle:13px;--type-heading:16px;--type-display-sm:20px;--type-display:32px;--type-body:12px;--type-label:11px;--text-strong:#e7ecf2;--text-body:#c5ced9;--text-label:#a6b2c1;--text-meta:#96a3b4;--text-disabled:#647286;--text-ghost:#2d3748;--neutral-text-muted:#6b7280;--neutral-text-muted-strong:#4b5563;--neutral-panel:#1c2030;--neutral-border:#374151;--neutral-border-subtle:#1f2937;--neutral-muted-alt:#758398;--action-allin:#581c87;--action-allin-rgb:88,28,135;--action-3bet:#7c3aed;--action-3bet-rgb:124,58,237;--action-raise:#dc2626;--action-raise-rgb:220,38,38;--action-bet:#e87ba4;--action-bet-rgb:232,123,164;--action-call:#1baf7a;--action-call-rgb:27,175,122;--action-check:#378add;--action-check-rgb:55,138,221;--action-check-pf:#60a5fa;--action-check-pf-rgb:96,165,250;--action-fold:#777b82;--action-fold-rgb:119,123,130;--action-walk:#2dd4bf;--action-walk-rgb:45,212,191;--action-betfold:#f97316;--action-betfold-rgb:249,115,22;}


body.villain-view-active{
  --ss-brand:#ec4899;
  --ss-brand-bright:#e879b9;
  --ss-brand-mid:#be185d;
  --ss-brand-muted:#c97ba8;
  --ss-brand-dark:#3a1229;
  --ss-brand-border:#9d3572;
  --ss-brand-soft:rgba(236,72,153,.13);
}


html,body,button,input,select,textarea{font-family:var(--ss-font)!important}
.ss-spaces-shell,.ss-share-shell,#picker,.review-popup,.library-editor{font-family:var(--ss-font)!important}
.ss-spaces-shell,.ss-share-shell,#picker{font-size:var(--type-body,12px)!important}
.ss-spaces-title,.ss-share-card h2{font-size:var(--type-display)!important;line-height:1.2!important}
.ss-space-name,.ss-member-name,.ss-share-option b,.ss-shared-hand b,.ss-feedback-name,.ss-comment-meta strong{font-size:var(--type-body,12px)!important}
.ss-space-group-title,.ss-spaces-label,.ss-share-kicker,.picker-control-label,.flt-lbl{font-size:var(--type-label,11px)!important}
.ss-space-meta,.ss-member-role-label,.ss-share-option small,.ss-shared-hand small,.ss-feedback-note,.ss-comment-meta,.pk-agg-count{font-size:var(--type-label,11px)!important}


.brand,.eyebrow,.ss-spaces-brand,.ss-share-kicker,.ss-analyzer-wordmark{color:var(--ss-brand)!important}
.button.primary,.tabs button.active,button.submit,.ss-spaces-button.primary,.ss-share-actions button.primary{
  color:var(--ss-button-text)!important;background:var(--ss-brand-dark)!important;border-color:var(--ss-brand)!important
}
.button.primary:hover,.tabs button.active:hover,button.submit:hover,.ss-spaces-button.primary:hover,.ss-share-actions button.primary:hover{
  background:#1d4658!important;border-color:var(--ss-brand-bright)!important
}
.button{
  transition:color .16s ease,background-color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease
}
.button:hover,.button:focus-visible{
  color:var(--ss-brand-bright)!important;background:var(--ss-brand-soft)!important;
  border-color:var(--ss-brand)!important;transform:translateY(-1px);
  box-shadow:0 5px 16px rgba(0,0,0,.2);outline:none
}
.button.primary:hover,.button.primary:focus-visible{
  color:var(--ss-button-text)!important;background:#1d4658!important;border-color:var(--ss-brand-bright)!important
}
.password-toggle:hover,.password-toggle:focus-visible,.password-toggle.showing,.forgot,.ss-spaces-landing-back{
  color:var(--ss-brand-bright)!important
}
.ss-spaces-close:hover,.ss-spaces-close:focus-visible,.ss-space-manage:hover,.ss-space-manage:focus-visible,
.ss-space-row:hover,.ss-space-row:focus-visible{border-color:var(--ss-brand)!important}
.ss-space-row.is-active,.ss-share-option:has(input:checked){border-color:var(--ss-brand-border)!important;background:var(--ss-brand-soft)!important}
.ss-space-enter{color:var(--ss-brand-bright)!important;background:transparent!important}
.ss-space-switcher-dot{background-color:var(--ss-brand)!important}
.ss-space-avatar{color:var(--ss-button-text)!important;background:#173b49!important}


.pill.on:not(.on-win):not(.on-correct):not(.on-mistake),
.tv-pill.on,.bs-sel.active,.pk-date-btn.on,.hof-place-toggle.on,.review-filter-area .pill.on,
.review-filter-area .pill.on-solver,.review-filter-area .pill.on-solver-lookup,
.rv-pill.on-street,.rv-pill.on-tag,
#sec-filters select.f-range-sel.has-value{
  color:var(--ss-brand-bright)!important;background:var(--ss-brand-soft)!important;border-color:var(--ss-brand-border)!important
}
.pk-pill.on{color:var(--ss-button-text)!important;background:var(--ss-brand-dark)!important;border-color:var(--ss-brand)!important}
.ss-mtt-label{color:var(--ss-brand)!important}
.sec-chev{color:var(--ss-brand)!important;border-color:rgba(89,199,232,.4)!important}
.sec-chev:hover,.rv-note:focus{border-color:var(--ss-brand)!important}
.hi.active{border-left-color:var(--ss-brand)!important}
#review-mode-hdr-btn.mode-active{
  color:var(--ss-brand-bright)!important;background:var(--ss-brand-soft)!important;
  border-color:var(--ss-brand-border)!important
}
#review-mode-hdr-btn.mode-active::before{background:var(--ss-brand)!important}
.toolbar-menu[open] summary{border-color:var(--ss-brand-border)!important;color:var(--ss-brand-bright)!important;background:var(--ss-brand-soft)!important}

.bulk-actions-menu.has-sel>summary{border-color:var(--ss-brand-border)!important;color:var(--ss-brand-bright)!important;background:var(--ss-brand-soft)!important}
#change-btn,#tv-open-btn,#tv-sel-pill,#tl-filter-apply,.flt-load-btn-green,
#demo-load-btn,#ls-dlg-save,#ls-s2-save,.lesson-editor-actions button.primary,.lm-export.primary{
  color:var(--ss-brand-bright)!important;background:var(--ss-brand-soft)!important;border-color:var(--ss-brand-border)!important
}
#demo-load-btn{color:var(--ss-button-text)!important;background:var(--ss-brand)!important}
#hdr-type{color:var(--ss-brand-bright)!important}
#main-hdr #hdr-buyin,#main-hdr #hdr-runners{font-size:var(--type-heading)!important}

input:focus,textarea:focus,select:focus{border-color:var(--ss-brand)!important;outline:none}
input[type="checkbox"],input[type="radio"]{accent-color:var(--ss-brand)}


.card:has(#form){height:600px;min-height:600px}
.card #title{
  box-sizing:border-box;height:72px;min-height:72px;margin:24px 0 0;
  font-size:var(--type-display);line-height:1.12;display:flex;align-items:flex-start
}
.card #hint{
  box-sizing:border-box;height:46px;min-height:46px;margin:0;
  display:flex;align-items:flex-start
}
.card #tabs{height:38px;min-height:38px;margin:0 0 18px}
.card #tabs button{box-sizing:border-box;height:38px;padding:0 10px}
.card #form{display:flex;flex-direction:column}
.card #emailLabel{order:1}.card #email{order:2}.card #passwordWrap{order:3}
.card #usernameWrap{order:4}.card #forgot{order:5}.card #submit{order:6}.card #error{order:7}
.card a[aria-label="Back to landing page"]{color:var(--ss-brand-bright)!important}


#picker [data-spotstudy-spaces]{color:var(--ss-brand-bright)!important;background:var(--ss-brand-soft)!important;border-color:var(--ss-brand-border)!important}
#picker [data-spotstudy-spaces]:hover{color:var(--ss-button-text)!important;background:var(--ss-brand-dark)!important;border-color:var(--ss-brand)!important}
#picker-loaded-hdr>div>div:first-child>div:first-child{background:var(--ss-brand)!important}
#picker button:not(:disabled):hover,#picker select:hover,#picker input:hover{border-color:var(--ss-brand-border)!important}
#picker .pk-pill.on,#picker .pk-date-btn.on,#picker .picker-site-btn.on,#picker .game-filter-chip.on{
  color:var(--ss-button-text)!important;background:var(--ss-brand-dark)!important;border-color:var(--ss-brand)!important
}
#picker .picker-site-btn.on .picker-site-count{color:var(--ss-brand-bright)!important}
.ss-site-badge,.pk-col-site,.hof-site-badge,
#main-hdr #hdr-meta .ss-site-badge,#sec-detail-meta .ss-site-badge{
  display:inline-flex!important;align-items:center;justify-content:center;
  box-sizing:border-box;min-width:32px!important;height:19px!important;
  padding:1px 5px!important;border:1px solid var(--ss-brand-border)!important;
  border-radius:4px!important;color:var(--ss-brand-bright)!important;
  background:var(--ss-brand-soft)!important;font-family:var(--ss-font)!important;
  font-size:var(--type-small)!important;font-weight:700!important;line-height:1!important;
  letter-spacing:0!important;vertical-align:middle;white-space:nowrap;
}
.hof-site-badge-wrap{margin-left:auto;display:inline-flex;align-items:center}


#main-hdr .hdr-meta-text,#hdr-buyin,#hdr-runners,#hdr-cur-tourn,#hdr-place,#hdr-meta,
#hdr-cur-tourn span,#sec-detail-meta,#sec-detail-meta span,
#sec-detail > .sec-hdr > .sec-title{
  font-family:var(--ss-font)!important;font-size:var(--ss-header-size)!important;
  font-weight:var(--ss-header-weight)!important;line-height:1.25!important;
  letter-spacing:0!important;
}
#sec-detail > .sec-hdr > .sec-title{font-weight:700!important}

/* #sec-detail-meta (the Hand Detail popup's meta line -- hand#, hand time,
   site, hero, tournament info) has NO font-size override here anymore -- it
   falls through to the shared rule above (#sec-detail-meta,#sec-detail-meta
   span,#sec-detail > .sec-hdr > .sec-title{font-size:var(--ss-header-size)}),
   so it reads at the exact same size as the "Hand" section title beside it.
   A previous round bumped it up to var(--type-heading) (16px) to match the
   main window's own hero-name/hand-count header, but FM found that too big
   next to the small "Hand" title, so this reverts it (FM: "make header font
   size actually the size of Hand Detail here -- its too big right now"). */


.ha.hd-collected-row{border-left:3px solid #000;padding-left:3px}


.rv-panel [data-rv-stab]{position:relative;padding-left:48px!important;padding-right:48px!important;min-width:145px}
.rv-panel [data-rv-stab]::before,.rv-panel [data-rv-stab]::after{display:none!important}
.rv-tab-label{position:relative;display:inline-block}
.rv-tab-markers{position:absolute;right:calc(100% + 6px);top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:4px}
.rv-tab-dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex:none}
.rv-tab-dot.is-seen{background:var(--v-seen-strong)}
.rv-tab-dot.is-correct{background:var(--v-correct-strong)}
.rv-tab-dot.is-mixed{background:var(--v-mixed-strong)}
.rv-tab-dot.is-mistake{background:var(--v-mistake-strong)}

.rv-tab-right{position:absolute;left:calc(100% + 6px);top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:4px}
.rv-tab-punt,.rv-tab-question{font-size:var(--type-title);font-weight:800;line-height:1;border:0!important;outline:0!important;box-shadow:none!important;background:none!important;padding:0}
.rv-tab-punt{color:var(--v-punt-strong)}
.rv-tab-question{color:var(--v-unsure-strong)}
.rv-tab-punt[hidden],.rv-tab-question[hidden]{display:none}
.rv-review-tabs{overflow-x:auto}
#picker .pk-col-date,#picker .pk-col-buyin{color:var(--ss-brand-mid)!important}
#picker .pk-col-tid{color:var(--ss-tournament-id)!important;font-size:var(--type-small)!important}
#picker .pk-col-date{font-size:var(--type-label)!important;font-weight:650!important}
#picker .pk-col-buyin{font-size:var(--type-body)!important;font-weight:700!important}
#picker .pk-col-time,#picker .pk-col-players{color:var(--text-meta,#96a3b4)!important;font-size:var(--type-label)!important}
#picker .pk-col-result{color:var(--text-body,#c5ced9)!important;font-size:var(--type-label)!important}
#picker .pk-row1{font-family:inherit!important;line-height:1.25!important}
#picker .pk-item:hover::before{background:var(--ss-brand)!important}


#main-hdr #hdr-buyin,
#main-hdr #hdr-runners,#main-hdr #hdr-place,#main-hdr #hdr-meta,
#main-hdr #bg-load-status{
  color:var(--text-meta,#96a3b4)!important
}
#main-hdr #hdr-buyin{font-weight:650!important}
#main-hdr #hdr-place *,#main-hdr #hdr-runners *,#main-hdr #hdr-meta *{
  color:inherit!important
}
.main-hdr-title-row{min-height:40px!important;align-items:center!important}

.main-hdr-right{display:inline-flex!important;flex-direction:column;align-items:flex-end;justify-content:center;gap:10px;flex:0 0 auto!important}
.main-hdr-actions-row{justify-content:flex-end!important;gap:6px!important;min-height:20px!important}
.main-hdr-metrics{display:inline-flex;align-items:center;justify-content:flex-end;gap:14px;min-height:16px}
#main-hdr .main-hdr-metrics #hdr-bb100,
#main-hdr .main-hdr-metrics #hdr-count{
  font-size:var(--type-heading)!important;font-weight:800!important;line-height:1!important
}

#main-hdr .main-hdr-metrics #hdr-count{color:var(--ss-brand-bright)!important}

#main-hdr #change-btn,#main-hdr #hdr-reset-baseline-btn{
  min-height:20px!important;height:20px!important;width:20px!important;padding:0!important;
  border:none!important;background:none!important;border-radius:5px!important;
  font-size:var(--type-title)!important;font-weight:600!important;color:#8a97a8!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important
}
#main-hdr #change-btn:hover,#main-hdr #hdr-reset-baseline-btn:hover{color:var(--ss-brand-bright)!important;background:var(--ss-brand-soft)!important}

#main-hdr .main-hdr-zoom button,#main-hdr .main-hdr-zoom #zoom-label{
  height:20px!important;min-width:20px!important;padding:0 5px!important;font-size:var(--type-heading)!important;
  background:none!important;border-color:rgba(255,255,255,.07)!important
}
#main-hdr .main-hdr-zoom #zoom-label{min-width:36px!important}
#main-hdr .main-hdr-zoom button:hover{color:var(--ss-brand-bright)!important;background:var(--ss-brand-soft)!important;border-color:var(--ss-brand-border)!important}
.tv-street-hdr.on{color:var(--ss-brand-bright)!important;background:var(--ss-brand-soft)!important;border-color:var(--ss-brand-border)!important}
.filter-tool-tab.open,.filter-tool-lessons[open]>summary{
  color:var(--ss-brand-bright)!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  outline:none!important;
}
.filter-tool-tab.open .sec-title,.filter-tool-tab.open .sec-meta{color:var(--ss-brand-bright)!important}
.tv-act-btn[style*="--ss-brand-soft"],
.tv-inline-detail .tv-bet-options button.on,.tv-bet-options button.on{
  color:var(--ss-brand-bright)!important;background:var(--ss-brand-soft)!important;border-color:var(--ss-brand-border)!important
}
.tv-bet-options button.on .tv-bet-count{color:var(--ss-brand-bright)!important}
.display-unit-toggle button:hover{color:var(--ss-brand-bright)!important;background:var(--ss-brand-soft)!important}
.display-unit-toggle button.active{color:var(--ss-brand-bright)!important;background:var(--ss-brand-dark)!important}
.display-unit-toggle button:focus{box-shadow:inset 0 0 0 1px var(--ss-brand-border)!important}
.rv-auto-spot,.rv-pill.on-tag,.rv-pill.on-street{
  color:var(--ss-brand-bright)!important;background:var(--ss-brand-soft)!important;border-color:var(--ss-brand-border)!important
}
.rv-pill.on-share{
  color:var(--ss-brand-bright)!important;background:var(--ss-brand-soft)!important;border-color:var(--ss-brand-border)!important
}


.ss-community-card{
  border-color:var(--ss-brand-border)!important;background:rgba(21,52,67,.32)!important
}
.ss-feedback-avatar{
  color:var(--ss-button-text)!important;background:var(--ss-brand-dark)!important;border:1px solid var(--ss-brand-border)!important
}
.ss-feedback-blind{
  border-color:var(--ss-brand-border)!important;background:rgba(21,52,67,.32)!important
}
.ss-feedback-blind b,.ss-feedback-blind small{color:var(--ss-brand-bright)!important}
.ss-comment-compose #ss-comment-send{
  color:var(--ss-button-text)!important;background:var(--ss-brand-dark)!important;border-color:var(--ss-brand)!important
}
.ss-comment-compose #ss-comment-send:hover,.ss-comment-compose #ss-comment-send:focus-visible{
  background:#1d4658!important;border-color:var(--ss-brand-bright)!important;outline:none
}
.ss-comment-compose [data-activity-send]{border-color:var(--ss-brand-border)!important;background:var(--ss-brand-soft)!important;color:var(--ss-brand-bright)!important;font-weight:700!important}
#picker .picker-search-toggle,#picker-loaded-hdr button{border-color:#30445d!important}
#picker .picker-search-toggle:hover,#picker-loaded-hdr button:hover{color:var(--ss-brand-bright)!important;border-color:var(--ss-brand-border)!important;background:var(--ss-brand-soft)!important}


#picker{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:var(--text-body,#c5ced9)}
#picker button,#picker select,#picker input{font-family:inherit!important}
#picker .pk-pill,#picker .picker-site-btn,#picker .pk-date-btn,#picker .picker-period-select,#picker .picker-exact-date{
  font-size:var(--type-label)!important;font-weight:600!important;line-height:1.2!important
}
#picker .picker-control-label,#picker .flbl,#picker [style*="text-transform:uppercase"]{
  font-size:var(--type-small)!important;font-weight:700!important;letter-spacing:.08em!important;color:var(--text-label,#a6b2c1)!important
}
#picker .ss-mtt-label{color:var(--ss-brand)!important}
#picker [style*="color:#a78bfa"]{color:var(--text-label,#a6b2c1)!important}


#hdr-cur-tourn span[style*="color:#7c6ac4"],
#sec-detail-meta span[style*="color:#7c6ac4"],
#tv-hand-detail span[style*="color:#7c6ac4"],
#hd-content span[style*="color:#7c6ac4"]{
  color:var(--ss-tournament-id)!important
}


#hdr-count,
#hdr-cur-tourn span[style*="color:#3dd68c"],
#sec-detail-meta span[style*="color:#3dd68c"],
#tv-hand-detail > div:first-child span[style*="color:#3dd68c"]{
  color:var(--ss-brand)!important
}
#picker .pk-col-id{color:var(--ss-brand-bright)!important}


.pk-agg-primary,.pk-tl-name-full,.sch-card-time,.hof-card-name,.hof-lb-name,
.pk-zone-eye.pk-eye-seen,.hi-shared-icon,.lesson-filter-clear,.mxi-state,
.rv-pill.has-tags,.rv-save-btn,.ss-spaces-back,.ss-space-enter,
.ss-space-switcher-arrow,.ss-share-success,.ss-shared-hand,.ss-shared-state{
  color:var(--ss-brand-bright)!important
}
.rv-save-btn,.lesson-filter-clear,.mxi-state{background:var(--ss-brand-soft)!important;border-color:var(--ss-brand-border)!important}
.hi-shared-icon[data-manage-share]:hover,.ss-shared-hand:hover,.ss-shared-hand:focus-visible{
  color:var(--ss-brand-bright)!important;border-color:var(--ss-brand)!important;background:var(--ss-brand-soft)!important
}
.ss-space-new,.ss-new-count,.ss-shared-hand.is-new{
  color:var(--ss-brand-bright)!important;border-color:var(--ss-brand-border)!important;background:var(--ss-brand-soft)!important
}
.ss-shared-hand.is-new{box-shadow:inset 4px 0 var(--ss-brand)!important}
.ss-share-option input,.lesson-hand-grid input{accent-color:var(--ss-brand)!important}
.ps.active{box-shadow:inset 0 -2px var(--ss-brand)!important}
.ps-level-segment.active{background:rgba(89,199,232,.36)!important;box-shadow:inset 0 0 0 1px var(--ss-brand-border)!important}
.bs-slot-group.set{border-color:var(--ss-brand-border)!important;background:var(--ss-brand-soft)!important}
.lm-export.primary,.lesson-editor-actions button.primary{color:var(--ss-button-text)!important;background:var(--ss-brand-dark)!important;border-color:var(--ss-brand)!important}
#picker .pk-item:hover::before{background:var(--ss-brand)!important}