/* Side Bet — shares the site's navy, paper and brass palette. */
.sb-detail{margin:10px 0;border:1px solid var(--line);border-left:3px solid var(--brass);border-radius:9px;background:var(--paper);color:var(--navy);min-width:0}
.sb-detail>summary{display:flex;align-items:center;gap:8px;list-style:none;padding:9px 12px;cursor:pointer;font:700 13px/1.35 var(--sans)}
.sb-detail>summary::-webkit-details-marker{display:none}
.sb-detail>summary>b>span{color:var(--brass)}
.sb-detail-label{margin-left:auto;color:#6b7883;font-size:11px;font-weight:500}
.sb-chevron{font-size:19px;line-height:1;transition:transform .15s}
.sb-detail[open]>summary .sb-chevron{transform:rotate(180deg)}
.sb-mini-chip,.sb-big-chip{display:inline-flex;align-items:center;justify-content:center;border:3px dashed var(--brass-bright);border-radius:50%;background:var(--navy);color:var(--paper);box-shadow:0 0 0 2px var(--navy)}
.sb-mini-chip{width:22px;height:22px;flex:0 0 22px;font-size:11px;border-width:2px;margin-right:3px}
.sb-detail-body{padding:8px 16px 16px;border-top:1px solid var(--line)}
.sb-faces{display:flex;align-items:center;justify-content:center;gap:16px;min-width:0}
.sb-manager{appearance:none;border:0;background:none;color:inherit;font:800 12px/1.3 var(--sans);display:flex;align-items:center;flex-direction:column;gap:6px;cursor:pointer;padding:5px;min-width:0}
.sb-manager .av,.wc.sb-wire .sb-manager .av{width:46px!important;height:46px!important;min-width:46px!important;flex:0 0 46px!important;border:2px solid var(--brass);border-radius:50%;margin:0!important}
.sb-vs{color:var(--brass);font:700 11px/1.3 var(--mono)}
.sb-rules{font:400 11.5px/1.55 var(--sans);text-align:left;overflow-wrap:break-word}
.sb-rules p{font:inherit;margin:8px 0 0}
.sb-invite{font:400 11.5px/1.55 var(--sans);color:#707a83;text-align:left;margin:14px 0 0}
.sb-result{font:500 14px/1.5 var(--sans);margin:12px 0;color:var(--navy);text-align:left}
.sb-board{border-top:1px solid var(--line);margin-top:18px;padding-top:15px;min-width:0}
.sb-board-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.sb-board-head h4{font:800 15px/1.35 var(--sans);margin:0;color:var(--navy)}
.sb-board-meta{font:500 11px/1.45 var(--sans);color:#687a8a;margin:6px 0 12px}
.sb-tabs{display:flex;border:1px solid var(--line);border-radius:7px;overflow:hidden;max-width:100%}
.sb-tabs button{appearance:none;border:0;padding:8px 11px;background:transparent;color:var(--navy);font:700 11px/1.3 var(--sans);cursor:pointer}
.sb-tabs button[aria-pressed="true"]{background:var(--navy);color:var(--paper)}
.sb-wire.wc{background:var(--navy)!important;color:var(--paper)!important;border-top-color:var(--brass)!important}
.sb-wire .wc-body{width:100%;min-width:0;justify-content:center}
.sb-wire-intro{width:100%;max-width:640px;margin:auto;display:flex;flex-direction:column;align-items:center;gap:18px;min-width:0}
.sb-wire .sb-faces{gap:36px}.sb-wire .sb-manager{font-size:14px}
.sb-stake{display:flex;align-items:center;justify-content:center;gap:20px;width:100%}
.sb-big-chip{width:98px;height:98px;flex:0 0 98px;border-width:6px;box-shadow:0 0 0 3px var(--brass),inset 0 0 0 5px var(--navy),inset 0 0 0 6px rgba(247,243,232,.4);font:900 29px/1 var(--serif);transform:rotate(-9deg)}
.sb-stake>span:last-child{display:flex;flex-direction:column;gap:7px;min-width:0}
.sb-stake b{font:900 clamp(26px,3vw,42px)/1.1 var(--serif);color:var(--paper)}
.sb-stake small{font:700 11px/1.4 var(--sans);color:var(--brass-bright)}
.sb-wire-copy{font:400 15px/1.6 var(--sans);text-align:center;max-width:490px;margin:0}
.sb-wire .sb-result{color:var(--paper);text-align:center}
.sb-open{appearance:none;display:inline-flex;align-items:center;gap:15px;background:var(--brass);color:var(--navy-deep);border:1px solid var(--brass-bright);padding:12px 18px;border-radius:7px;font:800 13px/1.4 var(--sans);cursor:pointer;max-width:100%;text-align:left}
.sb-open:hover{background:var(--brass-bright)}
.sb-wire-expanded{display:none}
.wire-expanded-stage .sb-wire-expanded{display:block;width:100%;border-top:1px solid rgba(247,243,232,.2)}
.wire-expanded-stage .sb-wire-copy{display:none}
.sb-wire-expanded .sb-invite{color:#aebbc7}
.sb-manager:focus-visible,.sb-open:focus-visible,.sb-tabs button:focus-visible,.sb-detail>summary:focus-visible{outline:2px solid var(--brass-bright);outline-offset:3px}
.sb-recap .sb-detail{margin-top:10px}
@media(max-width:520px){
 .sb-detail>summary{padding:9px 10px;gap:6px}.sb-detail-body{padding:8px 10px 12px}

 
 .sb-wire-intro{gap:14px}.sb-big-chip{width:78px;height:78px;flex-basis:78px;font-size:24px}
 .sb-stake{gap:14px}.sb-wire-copy{font-size:14px}.sb-detail-label{font-size:10px}
}

/* A full American roulette layout; chips show the total staked on each pocket. */
.sb-roulette{display:grid;grid-template-columns:54px minmax(0,1fr);gap:2px;padding:10px;border:5px solid #b38a4c;border-radius:13px;background:#125944;box-shadow:inset 0 0 0 2px #e0c38a,0 4px 12px #0c22381a;margin:12px 0;color:#fff;min-width:0}
.sb-zero-pockets{display:grid;grid-template-rows:1fr 1fr;gap:2px;min-width:0}
.sb-number-pockets{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(3,58px);gap:2px;min-width:0}
.sb-pocket{position:relative;min-width:0;border:1px solid #f7f3e8a8;display:flex;align-items:center;justify-content:center;isolation:isolate}
.sb-number-pockets .sb-pocket{grid-column:var(--sb-col);grid-row:var(--sb-row)}
.sb-pocket.is-red{background:#ae302c}.sb-pocket.is-black{background:#192322}.sb-pocket.is-green{background:#176d50}
.sb-pocket-number{font:700 16px/1 var(--sans);text-shadow:0 1px 1px #0006}
.sb-pocket.has-bet .sb-pocket-number{position:absolute;left:3px;top:3px;font-size:12px}
.sb-table-chip{display:inline-flex;position:relative;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border:4px dashed #14324f;border-radius:50%;background:#f7f3e8;color:#14324f;box-shadow:0 2px 2px #0008,inset 0 0 0 1px #b98a2e;font:900 11px/1 var(--sans);z-index:1}
.sb-pocket .sb-table-chip{margin:12px 0 0 5px}
.sb-table-chip.is-stack{box-shadow:0 3px 0 #b98a2e,0 5px 0 #f7f3e8,0 7px 3px #0008,inset 0 0 0 1px #b98a2e}
.sb-chip-tray{display:flex;align-items:center;gap:10px;margin:9px 0;padding:9px 12px;background:#e9e1ce;border-radius:8px;color:var(--navy);font:500 12px/1.4 var(--sans)}
.sb-chip-tray .sb-table-chip{flex-shrink:0}
@media(max-width:700px){
 .sb-roulette{grid-template-columns:30px minmax(0,1fr);gap:1px;padding:5px;border-width:3px;border-radius:9px}
 .sb-zero-pockets,.sb-number-pockets{gap:1px}
 .sb-number-pockets{grid-template-rows:repeat(3,48px)}
 .sb-pocket-number{font-size:12px}
 .sb-pocket.has-bet .sb-pocket-number{left:2px;top:3px;font-size:10px}
 .sb-pocket .sb-table-chip{width:24px;height:24px;flex:0 0 24px;border-width:2px;font-size:10px;margin:14px 0 0}
}
@media(max-width:520px){
 .sb-roulette{grid-template-columns:24px minmax(0,1fr);padding:3px}
 .sb-number-pockets{grid-template-rows:repeat(3,43px)}
 .sb-pocket .sb-table-chip{width:18px;height:18px;flex-basis:18px;font-size:9px}
 .sb-pocket.has-bet .sb-pocket-number{left:1px;font-size:9px}
}

.sb-rules-fold{width:100%;margin-top:10px;color:inherit}
.sb-rules-fold>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;cursor:pointer;font:700 11.5px/1.55 var(--sans);padding:7px 0;border-bottom:1px solid currentColor}
.sb-rules-fold>summary::-webkit-details-marker{display:none}
.sb-rules-fold>summary>span{font-size:16px;line-height:1;transition:transform .15s}
.sb-rules-fold[open]>summary>span{transform:rotate(180deg)}
.sb-rules-fold>summary:focus-visible{outline:2px solid var(--brass-bright);outline-offset:3px}

.sb-detail[data-sb-detail="matchup"]>.sb-detail-body{padding-top:0}
.sb-detail-body>.sb-rules-fold:first-child{margin-top:0}
.sb-detail-body>.sb-rules-fold:first-child>summary{padding-top:5px;padding-bottom:5px}

#league-hq #hq-panel-matchups .hq-matchup-list[data-hj-fit-height]{align-items:flex-start!important;height:var(--hj-matchup-height,auto)!important;min-height:0!important}
#league-hq #hq-panel-matchups .hq-matchup-list[data-hj-fit-height]>.hq-matchup{align-self:flex-start!important;height:auto!important;min-height:0!important}