.hu-shell{border:1px solid #2b394b;border-radius:12px;background:#101924;overflow:hidden}.hu-toolbar{display:flex;align-items:center;gap:20px;padding:16px}.hu-toolbar>span{margin-left:auto;color:#a9b8cb;font-size:12px}.hu-formats{display:flex;background:#080e17;border:1px solid #344457;border-radius:7px;padding:4px;gap:4px}.hu-formats a{padding:9px 18px;color:#b4c2d3;text-decoration:none;font-weight:700;font-size:13px;border-radius:4px}.hu-formats [aria-current]{background:#9065cd;color:white}.hu-streets{display:flex;border-block:1px solid #2b394b;background:#0b131e}.hu-streets button,.hu-streets span{padding:12px 24px;font-size:12px}.hu-streets button{border:0;border-bottom:3px solid #a97bea;background:#251f38;color:#eee4ff;border-radius:0}.hu-streets span{color:#637185}#hu-path{display:flex;gap:7px;padding:10px;overflow:auto;background:#080e17}.hu-seat{min-width:190px;max-width:250px;flex:1;border:1px solid #2b3647;border-radius:5px;background:#151e29;padding:9px}.hu-seat.active{border-color:#67bb94;box-shadow:inset 0 2px #67bb94}.hu-seat button{display:block;width:100%;padding:6px 7px;border:0;background:none;text-align:left;font-size:12px;white-space:nowrap}.hu-seat button:hover{background:#ffffff0d}.hu-seat .chosen{background:#414d5e}.hu-seat .hu-seat-head{font-weight:800;margin-bottom:7px;color:#dce6f2}.hu-seat.waiting{color:#8c9bb0;font-size:12px;padding:18px}.hu-seat.waiting p{font-size:12px;line-height:1.7;white-space:normal}.hu-body{display:grid;grid-template-columns:255px minmax(0,1fr)}.hu-body aside{padding:22px;border-right:1px solid #2b394b}.hu-body h2{font-size:21px;margin:8px 0 14px}.hu-caption{color:#edc764;font-size:10px;font-weight:800;letter-spacing:1.5px}.hu-body aside>p:not(.hu-caption){color:#aabbd0;font-size:13px}.hu-body dl{display:grid;grid-template-columns:1fr auto;font-size:12px;gap:10px;border-block:1px solid #2b394b;padding:16px 0}.hu-body dt{color:#aabbd0}.hu-body dd{margin:0}#hu-actions{display:grid;gap:7px;margin:18px 0}#hu-actions button{text-align:left;font-size:12px;padding:12px;border-left:3px solid #3b495b}#hu-actions [data-action=raise]{border-left-color:#bc4b56}#hu-actions [data-action=call],#hu-actions [data-action=check]{border-left-color:#4a9966}#hu-actions [data-action=shove]{border-left-color:#9065cd}.hu-text{background:none;border:0;padding:8px 0;font-size:12px;color:#b8c5d6}.hu-body label{display:block;font-size:12px;margin:20px 0 8px}.hu-body select{width:100%;font-size:12px}.hu-hand{background:#0b141f;border:1px solid #29394d;border-radius:7px;padding:16px;margin-top:22px}.hu-hand h3{font-size:27px;margin:8px 0}.hu-hand small{font-size:11px;color:#a4b4c8;line-height:1.6}.hu-hand p{font-size:14px;line-height:1.6}.hu-content{padding:25px;min-width:0}.hu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.hu-heading h2{margin:0}.hu-heading>span{font-size:10px;padding:7px 10px;border:1px solid #5c4930;background:#30291d;color:#f1cc83;border-radius:4px}.hu-content>p{font-size:13px;color:#afbed0;line-height:1.7}#hu-legend{display:flex;gap:17px;font-size:12px;margin:18px 0}#hu-legend span{display:flex;align-items:center;gap:6px}#hu-legend i{height:9px;width:9px;border-radius:2px}#hu-grid{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:4px;max-width:780px}#hu-grid button{aspect-ratio:1.32;padding:0;min-width:0;background:var(--tier);border:0;border-radius:3px;font-size:12px;color:white;font-weight:750}#hu-grid button.unverified{background:repeating-linear-gradient(135deg,transparent,transparent 5px,#ffffff18 5px,#ffffff18 7px),var(--tier)}#hu-grid button[aria-pressed=true]{outline:2px solid #fff;outline-offset:-2px}#hu-grid button:focus-visible{outline:3px solid #c9aff3}#hu-grid[hidden],#hu-empty[hidden],#hu-source[hidden]{display:none}#hu-empty{min-height:300px;padding:65px 20px;max-width:600px}#hu-empty h3{font-size:24px}#hu-empty p{line-height:1.8;font-size:14px;color:#abbcd0}#hu-empty button{margin-top:15px}.hu-note{margin-top:18px}#hu-source,.hu-method{font-size:12px;color:#acbdd1;line-height:1.8;margin-top:20px}summary{cursor:pointer}#hu-source a,.hu-method a{color:#c5a6f2}button:disabled{opacity:.4;cursor:default}.hu-method{padding:0 4px}
@media(min-width:1100px){main{max-width:1370px}}@media(max-width:760px){.hu-toolbar{flex-wrap:wrap;gap:12px}.hu-toolbar>span{order:3;margin:0;width:100%}.hu-formats a{padding:8px 13px}.hu-toolbar>button{margin-left:auto}.hu-body{grid-template-columns:1fr}.hu-body aside{border-right:0;border-bottom:1px solid #2b394b;padding:16px}.hu-body aside dl{margin:8px 0}.hu-body aside .hu-hand{display:none}#hu-actions{grid-template-columns:repeat(2,1fr);margin:12px 0}.hu-content{padding:16px}.hu-heading{align-items:start;flex-wrap:wrap}#hu-grid{gap:3px}#hu-grid button{font-size:10px;aspect-ratio:1.1}.hu-streets button,.hu-streets span{padding:11px 17px}}
/* Study controls stay in view; keep the decorative banner out of the workspace. */
main{padding-top:18px}.lab-title{min-height:0!important;background:none!important;border:0!important;padding:0!important;margin-bottom:18px!important}.lab-title h1{font-size:27px}.lab-title p{margin:4px 0 0;font-size:12px}.hu-toolbar{padding:12px 16px}.hu-seat button{padding:3px 7px;line-height:1.5;min-height:0}.hu-seat .hu-seat-head{margin-bottom:4px;padding-bottom:7px}.hu-content{padding:20px 25px}#hu-grid{max-width:700px}.hu-content>p{margin:10px 0}#hu-legend{margin:12px 0}.hu-hand{scroll-margin-top:15px}@media(max-width:760px){.hu-body aside .hu-hand{display:block;padding:12px;margin-top:12px}.hu-hand h3{display:inline-block;font-size:22px;margin:4px 10px 4px 0}.hu-hand>small:first-child{display:none}.hu-hand p{display:inline}.hu-hand>small:last-child{display:block}.hu-content{padding:16px}}

#hu-legend{flex-wrap:wrap}#hu-grid button.beta-unavailable{color:#728197}#hu-original[hidden]{display:none}

.hu-board-cards{display:flex;gap:5px;padding:8px}.hu-playing-card{background:#eee9dd;color:#16202c;border-radius:4px;padding:7px;font-weight:bold;font-size:19px}.hu-playing-card.red{color:#b83243}.hu-board-tile{min-width:145px}.hu-card-picker{display:grid;grid-template-columns:repeat(13,1fr);gap:4px;margin:18px 0}.hu-card-picker button{padding:9px 1px}.hu-card-picker button:disabled{opacity:.25}.hu-streets [aria-current=step]{color:#d6bbff;border-bottom:3px solid #9e71e0}@media(max-width:650px){.hu-card-picker{grid-template-columns:repeat(7,1fr)}}
/* Keep a long action history inside its own horizontal scroller. */
.hu-shell,.hu-body,.hu-content{min-width:0;max-width:100%}#hu-path{width:100%;box-sizing:border-box;min-width:0}.hu-body{grid-template-columns:260px minmax(0,1fr)}.hu-streets button:not([aria-current]){background:transparent;border-bottom-color:transparent;color:var(--muted,#9ba9bc)}.hu-streets [aria-current="step"]{color:#eee6ff;background:#282039;border-bottom:3px solid #a77be8}@media(max-width:760px){.hu-body{grid-template-columns:minmax(0,1fr)}}

.hu-postflop-matrix{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:3px;max-width:780px}.hu-postflop-matrix button{min-width:0;min-height:36px;padding:5px 1px;font-size:11px;font-weight:700;border:1px solid #273446;color:white;border-radius:3px}.hu-postflop-matrix .unsupported{color:#8591a1;background:repeating-linear-gradient(135deg,#1c2734 0 6px,#26303b 6px 8px)}.hu-postflop-details{font-size:12px;line-height:1.7;margin-top:16px}.hu-postflop-details p{border-bottom:1px solid #283442;padding-bottom:7px}#hu-legend{display:flex;gap:14px;flex-wrap:wrap}

/* Held hands (MuckHands): what each player is actually holding, separate from the modeled range. */
.hu-held-panel{display:flex;flex-direction:column;gap:6px;margin:4px 0 14px;max-width:780px}
.hu-held{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:9px 12px;background:#0b141f;border:1px solid #29394d;border-radius:7px;font-size:13px;line-height:1.5}
.hu-held-seat{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#a4b4c8;min-width:64px}
.hu-held-hand{font-size:16px;color:#fff;min-width:44px}
.hu-held-none{color:#7f8da0}
.hu-held-msg{flex:1 1 260px;color:#d6dfeb}
.hu-held-msg button,.hu-scenario-banner button{margin-left:6px;padding:4px 10px;border-radius:999px;border:1px solid #6c8fc7;background:#16253a;color:#e5eeff;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.hu-held-msg button:hover,.hu-scenario-banner button:hover{background:#1f3352}
.hu-held.ok{border-color:#2f6a57}
.hu-held.off{border-color:#7a6a3a}
.hu-held.off .hu-held-msg{color:#e6d6a6}
.hu-held.out{border-color:#6b4553}
.hu-held.busy .hu-held-msg{color:#b9cdf0}
.hu-held-clear{margin-left:auto;background:none;border:0;color:#7f8da0;font-size:18px;line-height:1;cursor:pointer;padding:0 4px}
.hu-held-clear:hover{color:#fff}
.hu-scenario-banner{padding:10px 12px;border-radius:7px;background:#221a33;border:1px solid #6d4fa0;font-size:13px;line-height:1.55;color:#e4dcf5}
.hu-scenario-banner strong{color:#fff}
.hu-held-summary{display:block!important;margin-top:6px;font-size:12px;color:#a4b4c8}
.hu-postflop-matrix .offpath{opacity:.42;outline:1px dashed #a6b5c9;outline-offset:-3px}
.hu-postflop-matrix button[aria-pressed="true"]{box-shadow:0 0 0 2px #fff inset}
.hu-postflop-details .hu-combo{padding:2px 7px;border-radius:4px;border:1px solid #3a4a60;background:#121d2b;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.hu-postflop-details .hu-combo[aria-pressed="true"]{background:#2b4166;border-color:#9bb8ec}
.hu-postflop-details p.off{color:#e6d6a6}
.hu-unreached{max-width:780px;padding:14px 16px;border:1px solid #6b4553;border-radius:7px;background:#1a1218}
.hu-unreached h3{margin:0 0 6px;font-size:16px}
.hu-unreached p{margin:0;font-size:13px;line-height:1.6;color:#d6dfeb}

/* Solver | Your chart switch (hu-preflop-solved.js) */
#hu-view-toggle{display:inline-flex;border:1px solid #33465f;border-radius:999px;overflow:hidden;margin-right:10px;vertical-align:middle}
#hu-view-toggle[hidden]{display:none}
#hu-view-toggle button{background:none;border:0;color:#a4b4c8;font:inherit;font-size:12px;font-weight:700;padding:5px 12px;cursor:pointer}
#hu-view-toggle button[aria-pressed=true]{background:#2b4166;color:#fff}
.hu-board-tile .hu-change-flop{margin-top:6px;padding:3px 9px;border-radius:999px;border:1px solid #33465f;background:none;color:#a4b4c8;font-size:11px;font-weight:700;cursor:pointer}
.hu-board-tile .hu-change-flop:hover{color:#fff;border-color:#6c8fc7}
