.oc__app{flex-direction:column;min-height:100dvh;display:flex}.oc__top{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;width:100%;max-width:1160px;margin:0 auto;padding:.9rem 16px 0;display:flex}.oc__top h1{flex:12rem;font-size:1.4rem}@media (width<=480px){.oc__btn-label{display:none}}.oc__main{flex:1;align-content:start;gap:1rem;width:100%;max-width:1160px;margin:0 auto;padding:1rem 16px 1.5rem;display:grid}.pc{--w:clamp(46px, 6.05vw, 68px);width:var(--w);height:calc(var(--w) * 1.4);border-radius:calc(var(--w) * .12);background:#fdfdfd;grid-template-rows:auto 1fr;padding:3px 5px;font-weight:800;line-height:1;display:grid;box-shadow:0 3px 8px #00000059}.pc b{font-size:calc(var(--w) * .34)}.pc i{font-style:normal;font-size:calc(var(--w) * .5);place-self:center}.pc--empty{box-shadow:none;background:#0003;border:1px dashed #ffffff2e}.pc--pending{color:#1a1a1a;border:2px dashed var(--gold);background:#fdfdfd}.pc--pending i{color:#9aa3ae}.suit-s{color:#1a1a1a}.suit-h{color:#d32f2f}.suit-d{color:#1e63d6}.suit-c{color:#188035}.slots{flex-wrap:wrap;gap:.4rem;display:flex}.slots__group{gap:.4rem;margin-right:.6rem;display:flex}.slots__group:has(.slots__cards){flex-direction:column;align-items:center;gap:.25rem}.slots__cards{gap:.4rem;display:flex}.slots__name{text-transform:uppercase;letter-spacing:.06em;color:#b9c6bf;font-size:.72rem;font-weight:700}.slot{cursor:pointer;outline-offset:2px;background:0 0;border:none;border-radius:9px;outline:3px solid #0000;padding:0;transition:outline-color .15s}.slot--active{outline-color:var(--gold)}.oc__board{background:radial-gradient(ellipse at center, var(--felt), var(--felt-dark));border:8px solid var(--rail);border-radius:18px;justify-items:center;gap:.6rem;padding:1rem;display:grid}.oc__label{gap:.6rem;font-weight:700;display:flex}.hands{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.hand{background:var(--panel);border:1px solid var(--border);border-radius:16px;align-content:start;gap:.6rem;padding:.85rem;transition:border-color .2s;display:grid}.hand--lead{border-color:var(--green);box-shadow:0 0 0 1px var(--green) inset}.hand__head{justify-content:space-between;align-items:center;font-size:.9rem;font-weight:700;display:flex}.hand__clear{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:.75rem}.hand__result{gap:.35rem;min-height:3.2rem;display:grid}.equity{font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:900;line-height:1}.hand--lead .equity{color:#7ff0b0}.bar{background:var(--panel-2);border-radius:999px;height:6px;overflow:hidden}.bar span{background:var(--brand);height:100%;transition:width .3s;display:block}.small{font-size:.8rem}.made{flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.9rem;font-weight:600;display:flex}.chip{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.1rem .5rem;font-size:.7rem;font-weight:800}.chip--ahead,.chip--win{color:#7ff0b0;background:#3ccf7e2e}.chip--behind,.chip--lose{color:#ffb0a8;background:#e5534b2e}.chip--tie{color:var(--gold);background:#f2c14e2e}.outs{border-top:1px solid var(--border);gap:.35rem;padding-top:.35rem;display:grid}.outs__count strong{color:var(--gold);font-size:1.3rem}.outs__none{font-size:.8rem}.outs__cards{flex-wrap:wrap;gap:3px;display:flex}.outs__cards--split{opacity:.6}.mini{background:#fdfdfd;border-radius:3px;padding:0 4px;font-size:.8rem;font-weight:800}.picker{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);padding:.6rem 16px calc(.7rem + env(safe-area-inset-bottom));background:#0d1117f0;justify-items:center;gap:.45rem;display:grid;position:sticky;bottom:0}.picker__hint{color:var(--muted);font-size:.8rem}.picker__ranks{flex-wrap:wrap;justify-content:center;gap:.3rem;display:flex}.picker__suits{z-index:30;background:var(--panel);border:1px solid var(--border);border-radius:14px;gap:.4rem;padding:.55rem;animation:.12s ease-out suit-box-in;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 12px));box-shadow:0 10px 30px #0000008c}.picker__suits[hidden]{display:none}.picker__suits:after{content:"";left:calc(50% + var(--arrow,0px));background:var(--panel);border-right:1px solid var(--border);border-bottom:1px solid var(--border);width:12px;height:12px;position:absolute;bottom:-7px;transform:translate(-50%)rotate(45deg)}@keyframes suit-box-in{0%{opacity:0;transform:translate(-50%,calc(-100% - 4px))}}@media (prefers-reduced-motion:reduce){.picker__suits{animation:none}}.key{font:inherit;border:1px solid var(--border);background:var(--panel-2);min-width:2.6rem;height:2.6rem;color:var(--text);cursor:pointer;border-radius:9px;font-size:1.05rem;font-weight:900}.key:disabled{opacity:.25;cursor:default}.key--on{background:var(--brand);color:#1b1206;border-color:#0000}.key--suit{background:#fdfdfd;border-color:#fdfdfd;justify-content:center;align-items:center;gap:1px;min-width:3.6rem;height:3.2rem;font-size:1.3rem;line-height:1;display:inline-flex}.key--suit span{font-size:1.5em}.picker__suits .key--suit{height:3.2rem}.key--suit.suit-s{color:#1a1a1a}.key--suit.suit-h{color:#d32f2f}.key--suit.suit-d{color:#1e63d6}.key--suit.suit-c{color:#188035}.key--suit:disabled{opacity:.35}.key--suit:not(:disabled):hover{outline:3px solid var(--gold);outline-offset:1px}.picker__actions{gap:.5rem;display:flex}@media (width<=900px){.hands{grid-template-columns:repeat(2,1fr)}}@media (width<=420px){.key{min-width:2.2rem;height:2.4rem}.key--suit{min-width:3rem}.equity{font-size:1.5rem}.hand{padding:.65rem}}.hand--add{font:inherit;color:var(--muted);cursor:pointer;border-style:dashed;place-content:center;min-height:150px;font-weight:700}.hand--add:hover{color:var(--text);border-color:var(--gold)}.hand__actions{align-items:center;gap:.6rem;display:flex}.tool-about{z-index:100;overscroll-behavior:contain;background:var(--panel);border-left:1px solid var(--border);visibility:hidden;width:min(440px,100%);padding:1.25rem 20px 2rem;line-height:1.65;transition:transform .25s,visibility 0s linear .25s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-12px 0 32px #00000073}.tool-about.is-open{visibility:visible;transition:transform .25s;transform:none}@media (prefers-reduced-motion:reduce){.tool-about,.tool-about.is-open{transition:none}}.tool-about__close{float:right;border:1px solid var(--border);background:var(--panel-2);width:2.25rem;height:2.25rem;color:var(--text);font:inherit;cursor:pointer;border-radius:50%;margin:-.25rem -.25rem 0 .75rem}.tool-about__close:hover{border-color:var(--gold)}.tool-about h2{margin:1.75rem 0 .75rem;font-size:1.3rem}.tool-about h2#about-title{margin-top:.15rem}.tool-about>p{margin:0 0 .75rem}.tool-about ol{gap:.4rem;padding-left:1.25rem;display:grid}.tool-about a{color:var(--gold)}.tool-about__more{color:var(--muted);margin-top:1.5rem}.drawer-backdrop{z-index:99;background:#00000080;position:fixed;inset:0}@media (width>=1100px){.drawer-backdrop{display:none}.oc__app{transition:margin-right .25s}body.about-open .oc__app{margin-right:min(440px,100%)}}body.oc{overflow:hidden}body.oc>footer{display:none}.oc__app{height:100dvh;min-height:0;overflow:hidden}.oc__top{padding-top:clamp(.4rem,1.4vh,.9rem)}.oc__main{flex:auto;grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:clamp(.4rem,1.4vh,1rem);min-height:0;padding-top:clamp(.4rem,1.4vh,1rem);padding-bottom:clamp(.4rem,1.4vh,1rem)}.oc__board{gap:clamp(.3rem,1vh,.6rem);padding:clamp(.4rem,1.4vh,1rem) 1rem}.hands{grid-auto-rows:minmax(0,1fr);min-height:0}.hand{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(.3rem,1vh,.6rem) .6rem;min-height:0;padding:clamp(.5rem,1.4vh,.85rem);overflow:hidden}.hand>.hand__head,.hand>.hand__result{grid-column:1/-1}.hand>.btn--sm{white-space:nowrap;place-self:center start}.hand__result{align-self:start;min-height:0}.equity{font-size:clamp(1.3rem,3.6vh,1.9rem)}.outs__cards{flex-wrap:nowrap;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.picker{padding-top:clamp(.35rem,1vh,.6rem);padding-bottom:calc(clamp(.35rem, 1vh, .7rem) + env(safe-area-inset-bottom));flex:none;gap:clamp(.25rem,.8vh,.45rem);position:relative}@media (width>=900px){.picker{justify-content:center}}.key{height:clamp(2.1rem,5vh,2.6rem)}@media (width<=900px){.hands{grid-template-rows:repeat(2,minmax(0,1fr))}}@media (width<=600px){.oc__top h1{font-size:1.1rem}.oc__top .btn--sm{padding:.35rem .6rem}.oc__app .pc{--w:clamp(28px, min(10vw, 6.2vh), 52px)}.hand .pc{--w:clamp(26px, min(8.5vw, 5.4vh), 44px)}.hand{column-gap:.4rem}.hand>.btn--sm{padding:.3rem .5rem;font-size:.75rem}.hand__head{font-size:.8rem}.hand__result .small,.hand__result .muted{font-size:.7rem}.made{font-size:.78rem}.outs__count strong{font-size:1rem}.picker__hint{font-size:.72rem}.picker__ranks{flex-wrap:nowrap;gap:2px}.key{border-radius:7px;width:calc(7.69231vw - 4.30769px);min-width:0;height:clamp(2rem,5vh,2.4rem);font-size:.85rem}.key--suit{width:auto;min-width:3.2rem;height:3rem;font-size:1.15rem}.slots__name{font-size:.62rem}.allin-btn{min-width:0;padding:.5rem 1.2rem;font-size:1rem}}@media (height<=560px){body.oc{overflow:auto}.oc__app{height:auto;min-height:100dvh;overflow:visible}}@media (width<=600px){.oc__btn-label{display:none}.oc__top{flex-wrap:nowrap;gap:.4rem}.oc__top h1{flex:auto;min-width:0;font-size:1rem;line-height:1.15}.oc__top .btn--sm{flex-shrink:0}.oc__label{font-size:.85rem}.hand__head{white-space:nowrap;gap:.3rem}.hand__actions{gap:.35rem}.hand__clear{font-size:.68rem}.hand>.btn--sm{padding:.25rem .45rem;font-size:.9rem}.hand__result{gap:.2rem}.hand__result>.muted.small{display:none}.outs{grid-template-columns:auto minmax(0,1fr);grid-auto-flow:column;align-items:center;gap:.4rem;padding-top:.25rem}.outs__count{white-space:nowrap;font-size:.75rem}.outs__count .muted{display:none}.outs__none{white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.outs__cards--split{display:none}.mini{padding:0 3px;font-size:.7rem}}@media (width<=600px) and (height<=720px){.picker__hint{display:none}}.oc__app .pc{--w:clamp(28px, min(6.05vw, 6.4vh), 68px)}.hand .pc{--w:clamp(26px, min(5.2vw, 5.5vh), 60px)}@media (width<=600px){.oc__app .pc{--w:clamp(26px, min(9.5vw, 5.4vh), 50px)}.hand .pc{--w:clamp(24px, min(8vw, 4.8vh), 42px)}.oc__top h1{white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;overflow:hidden}.oc__board{border-width:6px}.equity{font-size:clamp(1.1rem,3.2vh,1.5rem)}.result{gap:.15rem;padding:.4rem .8rem .5rem}.result__title{font-size:1.15rem}.result__sub{font-size:.78rem;line-height:1.35}.result .btn{margin-top:.15rem;padding:.35rem .9rem;font-size:.85rem}.hands{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(0,1fr);gap:.4rem}.hand{border-radius:12px;grid-template:"slots rnd head""slots rnd result"minmax(0,1fr)/auto auto minmax(0,1fr);align-items:center;gap:.1rem .5rem;padding:.35rem .6rem}.hand>.hand__head{grid-area:head/auto;font-size:.72rem}.hand>.slots{grid-area:slots}.hand>.btn--sm{grid-area:rnd}.hand>.hand__result{grid-area:result/auto;grid-template-columns:auto minmax(0,1fr);align-self:center;align-items:center;gap:.1rem .5rem}.hand__result>.bar{display:none}.hand__result>.equity{grid-column:1}.hand__result>.made{white-space:nowrap;flex-wrap:nowrap;grid-column:2;min-width:0;overflow:hidden}.hand__result>.outs,.hand__result>.muted:not(.small){grid-column:1/-1}.hand__result>.outs{border-top:0;padding-top:0}.hand--add{grid-template-areas:none;padding:.4rem}.made__name{text-overflow:ellipsis;min-width:0;overflow:hidden}.made .chip{flex-shrink:0}.hands{grid-auto-rows:minmax(0,max-content);align-content:start}.hand--add{min-height:3rem}}@media (height<=760px){.result{gap:.15rem;padding:.35rem 1rem .45rem}.result__title{font-size:clamp(1.1rem,3.4vh,1.5rem)}.result__sub{font-size:.85rem}.result .btn{margin-top:.1rem;padding:.3rem .9rem}.hand__result>.muted.small{display:none}}.hands{grid-auto-rows:minmax(0,max-content);align-content:start}.hand--add{min-height:6rem}@media (width<=600px){.hand--add{min-height:3rem}}.slot--locked{opacity:.4;cursor:not-allowed}.slot--fixed{cursor:default}.equity--updating{opacity:.45;transition:opacity .15s}.streets{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.15rem .35rem;font-size:.75rem;display:flex}.streets b{color:var(--text)}.streets i{opacity:.6;font-style:normal}.badbeat{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#e5534b;border-radius:999px;align-self:center;padding:0 .55rem;font-size:.8rem;font-weight:900;line-height:1.3;animation:.4s ease-out badbeat;box-shadow:0 0 14px #e5534b99}@keyframes badbeat{0%{opacity:0;transform:scale(1.6)rotate(-6deg)}}@media (prefers-reduced-motion:reduce){.badbeat{animation:none}}