.bj-page{--bj-top:max(clamp(96px,14vh,150px), var(--nav-clear,0px));--bj-gap:clamp(20px,3vh,32px);--bj-h1:clamp(34px,5vw,72px);--bj-pad:clamp(18px,2.6vw,32px);--bj-clear:calc(var(--nav-b,66px) + 16px)}.bj-layout{grid-template-columns:minmax(0,7fr) minmax(300px,4fr)}@media (max-width:959.98px){.bj-layout{grid-template-columns:1fr}}.bj-felt{--bj-card:clamp(56px,6.4vw,78px);--bj-card-pip:clamp(26px,3.2vw,36px);--bj-card-sm:clamp(44px,4.8vw,60px);--bj-card-sm-pip:clamp(20px,2.4vw,28px);padding:var(--bj-pad);min-height:clamp(500px,66vh,640px);min-height:min(clamp(500px,66vh,640px), calc(100svh - var(--bj-clear) - 16px - 2 * var(--bj-pad)));scroll-margin:var(--bj-clear) 0 16px;grid-template-rows:auto 1fr auto 1fr auto;gap:14px;display:grid;position:relative}.bj-head{padding-right:70px}.bj-head,.bj-foot-top{gap:0 12px}.bj-deck{top:54px;right:var(--bj-pad)}.bj-dealer{min-height:108px}.bj-hands{gap:clamp(14px,2.4vw,30px);min-height:132px}.bj-foot{gap:14px}.bj-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.bj-actions{flex-wrap:wrap;gap:8px;display:flex}.bj-act{padding:12px 15px}.bj-card{width:var(--bj-card);--bj-pip:var(--bj-card-pip);--bj-corner:13px;--bj-cx:7px;--bj-cy:6px}.bj-card.is-sm{width:var(--bj-card-sm);--bj-pip:var(--bj-card-sm-pip);--bj-corner:11px;--bj-cx:5px;--bj-cy:4px}.bj-end{--bj-end-title:clamp(28px,3.4vw,44px);--bj-end-body:16px;padding:24px}.bj-dialog{gap:16px;max-width:460px}.bj-felt[data-wrap]{grid-template-columns:minmax(0,1fr)}.bj-felt[data-wrap] .bj-cards{flex-wrap:wrap}.bj-felt[data-wrap] .bj-dealer{align-content:center}@media (min-width:960px){.bj-felt{top:var(--bj-clear);position:sticky}}@media (min-width:960px) and (min-height:960px){.bj-felt{min-height:clamp(500px, calc(100vh - var(--bj-top) - 2 * var(--bj-gap) - 2 * var(--bj-h1) - 37px - 2 * var(--bj-pad) - 24px), 640px)}}@media (min-width:960px) and (min-height:1300.02px){.frame-main:has(>.bj-page){flex-direction:column;min-height:100vh;display:flex}.bj-page{flex-direction:column;flex:1 0 auto;display:flex!important}.bj-root{flex:1 0 auto;grid-template-rows:auto auto 1fr}.bj-layout{container-type:inline-size}.bj-felt{min-height:640px;max-height:max(640px, min(100vh - 660px, (100cqw - 24px) * 7 / 11 * 1.4 - 2 * var(--bj-pad)));align-self:stretch}.bj-post{container:bj-post/inline-size}@container bj-post (max-width:442px){.bj-post-note{min-height:clamp(1.5em,1.5em + 100vh - 1600px,3em)!important}}}@media (min-width:960px) and (min-height:1900px) and (max-aspect-ratio:4/5){.bj-layout{grid-template-rows:1fr auto;grid-template-columns:1fr}.bj-felt{max-height:calc(100cqw * 1.4 - 2 * var(--bj-pad));position:relative;top:auto}.bj-odds{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.bj-odds>:first-child{grid-row:span 2}}@media (max-width:959.98px){.bj-felt{min-height:clamp(440px,50vh,640px);min-height:min(clamp(440px,50vh,640px), calc(100svh - var(--bj-clear) - 16px - 2 * var(--bj-pad)))}}@media (min-width:600px) and (max-width:959.98px){.bj-felt{--bj-card:clamp(56px,9vw,78px);--bj-card-pip:clamp(26px,4.5vw,36px);--bj-card-sm:clamp(44px,6.8vw,60px);--bj-card-sm-pip:clamp(20px,3.4vw,28px)}}@media (min-width:700px) and (max-width:959.98px){.bj-odds{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.bj-odds>:first-child{grid-row:span 2}}@media (max-width:359.98px),(max-width:559.98px) and (max-height:759.98px){.bj-head{flex-wrap:wrap;padding-right:0}.bj-head>:last-child{margin-left:auto}.bj-deck{top:58px}}@media (min-width:960px) and (max-height:699.98px),(max-width:559.98px) and (max-height:759.98px),(max-height:520px) and (orientation:landscape){.bj-felt{--bj-card-pip:calc(var(--bj-card) * .46);--bj-card-sm:clamp(34px, var(--bj-card) * .79, 60px);--bj-card-sm-pip:calc(var(--bj-card-sm) * .45);grid-template-rows:auto auto auto auto auto;align-content:space-between}.bj-dealer{min-height:calc(var(--bj-card) * 1.4)}.bj-hands{min-height:calc(var(--bj-card) * 1.4 + 20.5px);gap:8px}.bj-hand[data-split]{padding:8px 6px 6px!important}.bj-hand[data-split] .bj-hand-label{letter-spacing:.06em!important}.bj-card{--bj-corner:clamp(10px, var(--bj-card) * .232, 13px);--bj-cx:clamp(4px, var(--bj-card) * .125, 7px);--bj-cy:clamp(3px, var(--bj-card) * .107, 6px)}.bj-card.is-sm{--bj-corner:clamp(9px, var(--bj-card-sm) * .25, 11px);--bj-cx:clamp(4px, var(--bj-card-sm) * .114, 5px);--bj-cy:clamp(3px, var(--bj-card-sm) * .09, 4px)}}@media (min-width:960px) and (max-height:699.98px){.bj-felt{--bj-pad:clamp(18px,2vw,24px);--bj-card:min(clamp(56px,6.4vw,78px), max(44px, (100svh - 375px) / 2.8))}}@media (max-width:559.98px) and (max-height:759.98px){.bj-felt{--bj-pad:16px;--bj-card:clamp(44px, (100svh - 436px) / 2.8, 56px);min-height:calc(100svh - var(--bj-clear) - 8px - 2 * var(--bj-pad));gap:10px;scroll-margin-bottom:8px}.bj-foot{gap:10px}.bj-foot-top{flex-wrap:wrap}.bj-foot-top>:last-child{margin-left:auto}.bj-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.bj-chips{grid-column:span 3}.bj-actions{display:contents}.bj-act{padding:12px 4px}.bj-end{padding:16px}}@media (max-width:359.98px) and (max-height:759.98px){.bj-key{display:none}}@media (max-height:520px) and (orientation:landscape){.bj-felt,.bj-felt[data-wrap]{--bj-clear:calc(var(--nav-b,66px) + 8px);--bj-pad:clamp(16px,2.6vw,24px);--bj-card:clamp(36px, (100svh - 214px) / 2.8, 56px);padding:12px var(--bj-pad);min-height:calc(100svh - var(--bj-clear) - 8px - 24px);grid-template:"head head""dealer foot""msg foot""hands foot"/minmax(0,1fr) auto;gap:8px clamp(16px,3vw,32px);scroll-margin-bottom:8px}.bj-head{grid-area:head;padding-right:0}.bj-deck{top:38px}.bj-dealer{grid-area:dealer}.bj-msg{grid-area:msg}.bj-hands{grid-area:hands}.bj-cards{flex-wrap:wrap}.bj-foot{grid-area:foot;align-self:end;gap:8px}.bj-foot-top{flex-direction:column}.bj-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.bj-chips{grid-column:span 3}.bj-actions{display:contents}.bj-act{padding:11px 4px}.bj-end{--bj-end-title:clamp(22px,6.5vh,30px);--bj-end-body:14.5px;padding:12px}.bj-dialog{gap:10px;max-width:560px}}@media (max-height:359.98px) and (orientation:landscape){.bj-deck{display:none}}.bj-tap{display:none}@media (hover:none){.bj-key,.bj-keys{display:none}.bj-tap{display:inline}}@media (hover:hover){.bj-back:hover{color:var(--accent,#004b97)!important}@supports (color:lab(0% 0 0)){.bj-back:hover{color:var(--accent,lab(31.2475% 7.9328 -54.7005))!important}}.bj-endbtn:hover{background:#f3f1ea1f!important}.bj-mail:hover{color:#17171a!important;background:#fff!important}}.bj-back{position:relative}.bj-back:focus-visible{outline:none;color:var(--accent,#004b97)!important}@supports (color:lab(0% 0 0)){.bj-back:focus-visible{color:var(--accent,lab(31.2475% 7.9328 -54.7005))!important}}.bj-back:focus-visible:after{content:"";pointer-events:none;border:2px solid var(--accent);border-radius:8px;position:absolute;inset:8px -6px}.bj-root{scroll-margin-top:var(--bj-clear)}.bj-root[data-tabbed]:focus{outline-offset:8px;border-radius:4px;outline:2px solid var(--accent,#004b97)!important}@supports (color:lab(0% 0 0)){.bj-root[data-tabbed]:focus{outline:2px solid var(--accent,lab(31.2475% 7.9328 -54.7005))!important}}
