/* DEGEN. Same palette as every other page: the mint shell, the hm-* panels and the one green action colour all
   come from mlb.css and desk.css. Colour is spent only on meaning — green for the Bull side and a win, red for the
   Bear side and a loss — and every role is also written in words. (The spec suggests a violet theme for DEGEN; the
   owner saw it on 2026-09-20, found it clashed with the rest of the site, and the site palette is used instead.) Amounts and controls use the same glass surfaces as the rest of the site. */

#hstr-match-v2.degen-widget { position:relative; isolation:isolate; }
#hstr-match-v2.degen-widget .hm-content { position:relative; }
#hstr-match-v2.degen-widget #degen-price, #hstr-match-v2.degen-widget #put-price { color:var(--hm-ink); font:700 22px/1.2 var(--hm-display); font-variant-numeric:tabular-nums; }
#hstr-match-v2.degen-widget .hm-treasury-box .hm-switch { background:rgba(15,61,56,.10); }

body[data-bond-product="degen"] #hstr-match-v2 [data-panel="make"] > .hm-intro > .hm-sub { margin-bottom:32px; }

#hstr-match-v2 .degen-top { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 24px; }
#hstr-match-v2 .degen-top .hm-switch { margin-bottom:0; }
#hstr-match-v2 .mlb-toolbar { flex-wrap:wrap; }
#hstr-match-v2 .mlb-toolbar .hm-second { width:auto; margin:0; padding:10px 18px; }
#hstr-match-v2 .degen-live { margin-left:auto; text-align:right; }
#hstr-match-v2 .degen-row { margin-bottom:18px; }
#hstr-match-v2 .degen-row .hm-switch { margin:8px 0 0; }
#hstr-match-v2 .degen-big { width:100%; min-width:0; font:700 30px/1.2 var(--hm-display); letter-spacing:-1px; border:0; padding:0; background:transparent; color:inherit; font-variant-numeric:tabular-nums; }
#hstr-match-v2 .degen-band { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:22px 0 10px; }
#hstr-match-v2 .degen-band input { width:100%; margin-top:6px; padding:10px 12px; border:1px solid var(--hm-line); border-radius:10px; background:var(--hm-paper); color:inherit; font:600 16px/1.3 var(--hm-mono); font-variant-numeric:tabular-nums; }
#hstr-match-v2 .degen-chips { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:12px 0; }
#hstr-match-v2 .degen-chips .hm-label { margin-right:6px; }
#hstr-match-v2 .degen-chips button { border:1px solid var(--glass-rim,var(--hm-line)); background:var(--glass-tint-strong,var(--hm-paper)); box-shadow:var(--glass-shadow-pill,none); color:inherit; border-radius:999px; padding:7px 13px; font:500 11px/1.4 var(--hm-mono); transition:background var(--glass-ease,.18s ease), color var(--glass-ease,.18s ease); }
#hstr-match-v2 .degen-chips button[aria-pressed="true"] { background:var(--hm-ink); border-color:var(--hm-ink); color:var(--hm-paper); box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 6px 16px -10px rgba(9,52,45,.8); }
#hstr-match-v2 .degen-outcomes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:22px 0 8px; padding:18px 0; border-top:1px solid var(--hm-line); border-bottom:1px solid var(--hm-line); }
#hstr-match-v2 .degen-outcomes div b { display:block; font:750 24px/1.2 var(--hm-display); letter-spacing:-.6px; margin-top:4px; font-variant-numeric:tabular-nums; }
#hstr-match-v2 .degen-outcomes div span.note { display:block; font-size:11px; margin-top:4px; color:var(--hm-muted); }
#hstr-match-v2 .degen-outcomes .is-loss b { color:#a02a36; }
#hstr-match-v2 .degen-outcomes .is-win b { color:#0d6b4f; }
#hstr-match-v2 .degen-chart { margin:14px 0 18px; }
#hstr-match-v2 .degen-chart svg { display:block; width:100%; height:220px; background:rgba(244,248,242,.86); border:1px solid var(--glass-rim,var(--hm-line)); border-radius:14px; box-shadow:inset 0 1px 0 rgba(255,255,255,.7); }
/* Side pill: the same type as every other micro-label on the page (10px mono, wide tracking), as tinted glass. It sits
   in a row with its "You would be" label, and never wraps inside a round shape. */
#hstr-match-v2 .degen-side { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin-bottom:14px; }
#hstr-match-v2 .degen-side .hm-label { line-height:1.5; }
#hstr-match-v2 .degen-offer-side { display:inline-flex; align-items:center; max-width:100%; padding:5px 11px; border-radius:999px; border:1px solid var(--glass-rim,#a5cec4); font:500 10px/1.5 var(--hm-mono); letter-spacing:.9px; text-transform:uppercase; white-space:nowrap; background:rgba(15,61,56,.08); color:var(--hm-ink); box-shadow:inset 0 1px 0 rgba(255,255,255,.6); }
#hstr-match-v2 .degen-offer-side.is-bull { background:var(--pill-up-bg,#c9f3e2); border-color:var(--pill-up-rim,#8ebfaf); color:var(--pill-up-ink,#0d5a43); }
#hstr-match-v2 .degen-offer-side.is-bear { background:var(--pill-down-bg,#f9dcdc); border-color:var(--pill-down-rim,#d9a3a9); color:var(--pill-down-ink,#8a2330); }
#hstr-match-v2 .degen-kv { display:grid; grid-template-columns:max-content minmax(0,1fr); gap:6px 16px; margin:12px 0; font-size:13px; }
#hstr-match-v2 .degen-kv dt { color:var(--hm-muted); } #hstr-match-v2 .degen-kv dd { margin:0; text-align:right; font-weight:650; font-variant-numeric:tabular-nums; }
.degen-dialog .degen-consent { display:flex; gap:10px; align-items:flex-start; margin:14px 0; font-size:13px; line-height:1.5; }
.degen-dialog .degen-consent input { margin-top:3px; }
@media(max-width:640px) { #hstr-match-v2 .degen-chips .hm-label { flex-basis:100%; margin:0; } #hstr-match-v2 .degen-band, #hstr-match-v2 .degen-outcomes { grid-template-columns:1fr; } #hstr-match-v2 .degen-live { margin-left:0; text-align:left; } #hstr-match-v2 .degen-top .hm-switch { width:100%; } }

/* Keep stake figures on a shared baseline, with space around the versus divider. */
body[data-bond-product="degen"] #hstr-match-v2 .hm-pair { grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr); gap:16px; align-items:end; margin:22px 0; }
body[data-bond-product="degen"] #hstr-match-v2 .hm-plus { align-self:end; padding-bottom:16px; text-align:center; font-size:18px; line-height:1; }
body[data-bond-product="degen"] #hstr-match-v2 .hm-inputrow { display:flex; align-items:baseline; gap:12px; min-height:60px; padding:12px 0; }
body[data-bond-product="degen"] #hstr-match-v2 .degen-big { flex:1 1 0; width:0; min-width:0; height:38px; line-height:38px; margin:0; text-align:left; }
body[data-bond-product="degen"] #hstr-match-v2 .hm-token { flex:0 0 auto; }
#hstr-match-v2 #degen-make-hint { margin:22px 0 26px; line-height:1.7; }
#hstr-match-v2 #degen-make-review { margin-top:18px; }
#hstr-match-v2 #degen-make-hint:not([hidden]) ~ #degen-make-review { margin-top:0; }
#hstr-match-v2 .degen-example-note { margin:0 0 24px; padding-bottom:20px; border-bottom:1px solid var(--hm-line); font-size:13px; line-height:1.7; color:var(--hm-muted); }
#hstr-match-v2 .degen-example-note strong { display:block; margin-bottom:4px; color:var(--hm-ink); }
.degen-fee-note { margin:28px 0 0; padding-top:20px; border-top:1px solid var(--glass-rim); font-size:13px; line-height:1.7; color:var(--ink-soft); }
@media(max-width:540px) {
  body[data-bond-product="degen"] #hstr-match-v2 .hm-pair { grid-template-columns:minmax(0,1fr); gap:12px; }
  body[data-bond-product="degen"] #hstr-match-v2 .hm-plus { padding:0; font-size:14px; }
}


/* CALL amount and premium share a baseline with a separate, spaced connector. */
body[data-bond-product="call"] #hstr-match-v2 .hm-pair { grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr); gap:16px; align-items:end; margin:22px 0; }
body[data-bond-product="call"] #hstr-match-v2 .hm-pair .hm-plus { align-self:end; padding:0 0 16px; text-align:center; font-size:18px; line-height:1; }
body[data-bond-product="call"] #hstr-match-v2 .hm-inputrow { align-items:baseline; gap:12px; min-height:60px; padding:12px 0; }
body[data-bond-product="call"] #hstr-match-v2 .degen-big { flex:1 1 0; width:0; min-width:0; height:38px; line-height:38px; margin:0; text-align:left; }
body[data-bond-product="call"] #hstr-match-v2 .hm-token { flex:0 0 auto; }
#hstr-match-v2 #call-make-hint { margin:22px 0 26px; line-height:1.7; }
#hstr-match-v2 #call-make-review { margin-top:18px; }
#hstr-match-v2 #call-make-hint:not([hidden]) ~ #call-make-review { margin-top:0; }
@media(max-width:540px) {
  body[data-bond-product="call"] #hstr-match-v2 .hm-pair { grid-template-columns:minmax(0,1fr); gap:12px; }
  body[data-bond-product="call"] #hstr-match-v2 .hm-pair .hm-plus { padding:0; font-size:14px; }
}