[data-bjc]{border:1px solid var(--rule);background:var(--card);font-family:var(--sans);border-radius:10px;padding:clamp(16px,2.5vw,24px)}[data-bjc] .bjc__modes,[data-bjc] .bjc__tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}[data-bjc] .bjc__mode,[data-bjc] .bjc__tab{border:1px solid var(--rule);min-height:44px;color:var(--ink-2);font:600 .88rem var(--sans);cursor:pointer;background:0 0;border-radius:999px;padding:0 14px}[data-bjc] .bjc__mode[aria-selected=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}[data-bjc] .bjc__tab[aria-selected=true]{background:color-mix(in srgb, var(--accent-text) 14%, var(--paper));color:var(--ink);border-color:var(--accent-text)}[data-bjc] .bjc__body{grid-template-columns:minmax(0,1.4fr) minmax(200px,.7fr);align-items:start;gap:20px;display:grid}[data-bjc] .bjc__blurb{color:var(--ink-2);margin:0 0 10px;font-size:.92rem}[data-bjc] .bjc__scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}[data-bjc] .bjc__mx{border-collapse:separate;border-spacing:3px;width:100%;min-width:420px;font-size:.78rem}[data-bjc] .bjc__mx th,[data-bjc] .bjc__mx td{text-align:center;padding:0}[data-bjc] .bjc__mx thead th{color:var(--muted);letter-spacing:.04em;padding-bottom:4px;font-size:.7rem;font-weight:700}[data-bjc] .bjc__mx tbody th{color:var(--ink-2);text-align:right;white-space:nowrap;padding-right:6px;font-weight:600}[data-bjc] .bjc__cell{aspect-ratio:1;width:100%;min-width:28px;min-height:28px;font:700 .75rem/1 var(--sans);cursor:pointer;color:#fff;border:0;border-radius:5px;justify-content:center;align-items:center;display:flex}[data-bjc] .bjc__cell:focus-visible{outline:2px solid var(--focus);outline-offset:1px}[data-bjc] .bjc__cell.is-sel{outline:2px solid var(--ink);outline-offset:1px}[data-bjc] .bjc__cell--hit,[data-bjc] .bjc__swatch.bjc__cell--hit{background:#2f6fed}[data-bjc] .bjc__cell--stand,[data-bjc] .bjc__swatch.bjc__cell--stand{background:#1f8a4c}[data-bjc] .bjc__cell--double,[data-bjc] .bjc__swatch.bjc__cell--double{background:#c98512}[data-bjc] .bjc__cell--split,[data-bjc] .bjc__swatch.bjc__cell--split{background:#7a3fd4}[data-bjc] .bjc__cell--surrender,[data-bjc] .bjc__swatch.bjc__cell--surrender{background:#b33b3b}[data-bjc] .bjc__readout{border:1px solid var(--rule);background:var(--paper);border-radius:8px;padding:16px}[data-bjc] .bjc__hand{font:500 1.35rem/1.2 var(--serif);margin:4px 0 10px}[data-bjc] .bjc__action{margin:0 0 10px}[data-bjc] .bjc__pill{color:#fff;font:700 .95rem var(--sans);border-radius:999px;padding:6px 12px;display:inline-block}[data-bjc] .bjc__pill--hit{background:#2f6fed}[data-bjc] .bjc__pill--stand{background:#1f8a4c}[data-bjc] .bjc__pill--double{background:#c98512}[data-bjc] .bjc__pill--split{background:#7a3fd4}[data-bjc] .bjc__pill--surrender{background:#b33b3b}[data-bjc] .bjc__note{color:var(--ink-2);margin:0;font-size:.85rem;line-height:1.45}[data-bjc] .bjc__legend{color:var(--ink-2);flex-wrap:wrap;gap:10px 16px;margin:16px 0 0;padding:0;font-size:.82rem;list-style:none;display:flex}[data-bjc] .bjc__legend li{align-items:center;gap:6px;display:inline-flex}[data-bjc] .bjc__swatch{color:#fff;width:22px;height:22px;font:700 .7rem var(--sans);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}[data-bjc] .bjc__assumptions{color:var(--muted);margin:12px 0 0;font-size:.82rem;line-height:1.4}@media (width<=860px){[data-bjc] .bjc__body{grid-template-columns:1fr}}[data-bjd]{border:1px solid var(--rule);background:var(--card);font-family:var(--sans);border-radius:10px;gap:18px;padding:clamp(18px,3vw,28px);display:grid}[data-bjd] .bjd__label{margin:0 0 10px}[data-bjd] .bjd__modes{flex-wrap:wrap;gap:6px;display:flex}[data-bjd] .bjd__mode{border:1px solid var(--rule);min-height:40px;color:var(--ink-2);font:600 .85rem var(--sans);cursor:pointer;background:0 0;border-radius:999px;padding:0 12px}[data-bjd] .bjd__mode[aria-selected=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}[data-bjd] .bjd__body{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px 28px;display:grid}[data-bjd] .bjd__felt{gap:14px;min-width:160px;display:grid}[data-bjd] .bjd__who{font:600 .7rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;display:block}[data-bjd] .bjd__cards{align-items:center;gap:8px;display:flex}[data-bjd] .bjd__cards .pc{width:56px;height:78px}[data-bjd] .bjd__hole{background:linear-gradient(145deg,#1a2744,#0d1528);border:1px solid #ffffff1f;border-radius:6px;width:56px;height:78px;box-shadow:inset 0 0 0 1px #00000059}[data-bjd] .bjd__hand{font:500 1.35rem/1.2 var(--serif);margin:0 0 4px}[data-bjd] .bjd__hand span{color:var(--ink-2);font-size:.9em}[data-bjd] .bjd__q{color:var(--ink-2);margin:0 0 12px;font-size:.95rem}[data-bjd] .bjd__btns{flex-wrap:wrap;gap:8px;display:flex}[data-bjd] .bjd__btn{justify-content:center;min-width:96px;min-height:48px}[data-bjd] .bjd__btn[aria-pressed=true]{outline:3px solid var(--focus);outline-offset:2px}[data-bjd] .bjd__btn:disabled{cursor:default;opacity:.55}[data-bjd] .bjd__btn[hidden]{display:none}[data-bjd] .bjd__fb{min-height:1.4em;font-size:1rem;line-height:1.5}[data-bjd] .bjd__fb:empty{display:none}[data-bjd] .bjd__fb strong.ok{color:var(--accent-text)}[data-bjd] .bjd__fb strong.no{color:var(--red,#b33b3b)}[data-bjd] .bjd__answer{border:1px solid var(--rule);background:var(--paper);border-radius:8px;padding:12px 14px}[data-bjd] .bjd__coach{margin:0;font-size:.95rem;line-height:1.45}[data-bjd] .bjd__coach strong{margin-right:6px;display:inline-block}[data-bjd] .bjd__foot{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}[data-bjd] .bjd__score{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:.85rem}[data-bjd] .bjd__score b{color:var(--ink)}[data-bjd] .bjd__next{min-height:44px}html:not(.js) [data-bjd] .bjd__btns,html:not(.js) [data-bjd] .bjd__foot,html:not(.js) [data-bjd] .bjd__modes{display:none}html:not(.js) [data-bjd] .bjd__answer[hidden]{display:block}@media (width<=640px){[data-bjd] .bjd__body{grid-template-columns:1fr}[data-bjd] .bjd__btn{flex:40%}}@media (prefers-reduced-motion:no-preference){[data-bjd] .bjd__cards.is-dealt .pc{animation:.4s cubic-bezier(.2,.7,.2,1) both bjd-deal}[data-bjd] .bjd__cards.is-dealt .pc:nth-child(2){animation-delay:80ms}@keyframes bjd-deal{0%{opacity:0;transform:translateY(-12px)rotate(-5deg)scale(.92)}to{opacity:1;transform:none}}}