@keyframes tavla-checker-move{0%{opacity:.7;filter:brightness(1.15)}to{opacity:1;filter:none}}@keyframes tavla-dice-pop{0%{opacity:0;transform:scale(.4)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes tavla-dice-roll{0%{transform:rotate(0)scale(1)}25%{transform:rotate(-18deg)scale(1.08)}50%{transform:rotate(12deg)scale(.92)}75%{transform:rotate(-10deg)scale(1.06)}to{transform:rotate(0)scale(1)}}@keyframes tavla-roll-shake{0%,to{transform:rotate(0)scale(1)}20%{transform:rotate(-10deg)scale(1.05)}40%{transform:rotate(10deg)scale(1.08)}60%{transform:rotate(-6deg)scale(1.04)}80%{transform:rotate(4deg)scale(1.02)}}@keyframes tavla-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes tavla-highlight-pulse{0%,to{opacity:.35}50%{opacity:.55}}.tavla-triangle{transition:fill .22s,stroke .22s,stroke-width .22s}.tavla-triangle--highlight{animation:1.4s ease-in-out infinite tavla-highlight-pulse}.tavla-dice-pop{animation:.4s cubic-bezier(.34,1.4,.64,1) backwards tavla-dice-pop}.tavla-dice-pop:nth-child(2){animation-delay:80ms}.tavla-dice-pop:nth-child(3){animation-delay:.16s}.tavla-dice-pop:nth-child(4){animation-delay:.24s}.tavla-roll-btn:active{animation:.45s tavla-roll-shake}.tavla-dice-rolling{animation:.3s ease-in-out infinite tavla-dice-roll}.tavla-controls-panel{animation:.35s ease-out tavla-fade-in}.tavla-controls-section{animation:.3s ease-out backwards tavla-fade-in}.tavla-play-viewport{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.tavla-play-stage{flex:1 1 0;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.tavla-play-row{justify-content:center;align-items:center;gap:.5rem;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:flex}@media (min-width:640px){.tavla-play-row{gap:1rem}}@media (max-width:639.98px){.tavla-play-row{flex-direction:column!important;height:auto!important;max-height:100%!important}.tavla-board-slot{flex:0 auto!important;width:100%!important;height:62vh!important;display:flex!important}.tavla-board-wrap{height:62vh!important}}.tavla-board-slot{flex:1 1 0;justify-content:center;align-items:center;min-width:0;height:100%;min-height:0;display:flex}.tavla-board-wrap{justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;max-height:100%;display:flex;container-type:size}.tavla-board{border-radius:.75rem;width:min(100cqw,161.816cqh);height:min(100cqh,61.7985cqw);position:relative;overflow:hidden;box-shadow:0 8px 32px #00000073}.tavla-board-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.tavla-board-overlay{pointer-events:none;z-index:2;position:absolute;inset:0}.tavla-board-action{pointer-events:auto;animation:.35s ease-out tavla-fade-in;position:absolute;transform:translate(-50%,-50%)}
.batak-play-viewport,.batak-stage{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.batak-table{isolation:isolate;background-color:#17603e;background-image:linear-gradient(#05140d14,#05140d2e),url(/images/okey/table-felt.svg);background-position:50%;background-size:cover;border:1px solid #f5c54247;border-radius:1.15rem;flex:1;min-height:0;padding-bottom:5.75rem;position:relative;overflow:hidden;box-shadow:inset 0 0 85px #0000007a,0 12px 34px #00000052}.batak-hand-bar{z-index:40;height:5.5rem;padding:0 0 max(.15rem, env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(#07060b00 0%,#07060bd1 28%,#07060bf5 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.batak-hand-bar__meta{color:#f6f1df;font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.05em;text-transform:uppercase;pointer-events:none;justify-content:center;gap:.45rem;padding:0 .5rem .15rem;font-size:.58rem;font-weight:700;display:flex}.batak-hand-bar__meta span:last-child{color:#f5c542eb}.batak-hand-bar--active .batak-hand-bar__meta span:first-child{color:var(--cyan)}.batak-hand-bar__cards{pointer-events:auto;justify-content:center;align-items:flex-start;height:3.85rem;padding:0 .25rem;display:flex;overflow:hidden}.batak-hand-bar__row{display:contents}.batak-hand-bar__slot{flex:none;margin-left:-1.25rem;position:relative}.batak-hand-bar__slot:first-child{margin-left:0}.batak-hand-bar__slot--selected{transform:translateY(-.45rem);z-index:50!important}.batak-hand-bar__empty{color:var(--muted);align-self:center;font-size:.75rem}.batak-hand-bar .batak-card--md{width:2.65rem;height:3.75rem}.batak-hand-bar .batak-card--clickable:hover:not(:disabled){transform:none}.batak-hand-bar .batak-card--selected{box-shadow:0 0 0 2px var(--cyan), 0 6px 14px #3de0ff4d;transform:none}.batak-orientation-guard{display:none}.batak-orientation-guard__phone{border:3px solid var(--gold);border-radius:.65rem;width:3.2rem;height:5.6rem;animation:1.8s ease-in-out infinite batak-phone-rotate;position:relative;box-shadow:0 0 24px #f5c5424d}.batak-orientation-guard__phone:before{background:var(--gold);content:"";border-radius:999px;width:1rem;height:.18rem;position:absolute;top:.28rem;left:50%;transform:translate(-50%)}.batak-orientation-guard__phone span{background:#3de0ff73;border-radius:.2rem;height:.38rem;position:absolute;bottom:.3rem;left:.3rem;right:.3rem}.batak-table:before{z-index:-1;content:"";pointer-events:none;border:1px solid #f5c54221;border-radius:48%;position:absolute;inset:1rem}.batak-table__glow{z-index:-1;pointer-events:none;background:radial-gradient(circle,#f5c54214,#0000 68%);border-radius:50%;position:absolute;inset:18% 24%}.batak-seat{z-index:4;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:flex;position:absolute}.batak-seat--top{width:min(42vw,19rem);top:.3rem;left:50%;transform:translate(-50%)}.batak-seat--left{width:8rem;top:50%;left:.1rem;transform:translateY(-50%)}.batak-seat--right{width:8rem;top:50%;right:.1rem;transform:translateY(-50%)}.batak-seat__badge{z-index:3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#050d09c7;border:1px solid #ffffff1f;border-radius:999px;flex-direction:column;align-items:center;min-width:5.5rem;max-width:12rem;padding:.2rem .6rem;display:flex;box-shadow:0 4px 14px #0000004d}.batak-seat__name{color:#f6f1df;max-width:100%;font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.63rem;font-weight:700;overflow:hidden}.batak-seat--active .batak-seat__badge{border-color:#3de0ffad;box-shadow:0 0 0 1px #3de0ff24,0 0 18px #3de0ff40}.batak-seat--active .batak-seat__name{color:var(--cyan);text-shadow:0 0 12px #3de0ff66}.batak-seat__meta{color:#f5c542eb;white-space:nowrap;min-height:.65rem;font-size:.58rem;line-height:1.1}.batak-fan{pointer-events:none;width:18rem;height:4rem;position:relative}.batak-fan__card{z-index:var(--fan-z);transform:translateX(calc(-50% + var(--fan-x))) translateY(var(--fan-drop)) rotate(var(--fan-angle));transform-origin:50% 100%;pointer-events:auto;position:absolute;bottom:0;left:50%}.batak-fan--top{width:10rem;height:1.9rem;overflow:hidden;transform:rotate(180deg)}.batak-fan--left,.batak-fan--right{width:10rem;height:1.9rem;position:absolute;overflow:hidden}.batak-fan--left{top:50%;left:-1.2rem;transform:translateY(-50%)rotate(90deg)}.batak-fan--right{top:50%;right:-1.2rem;transform:translateY(-50%)rotate(-90deg)}.batak-seat--open-partner .batak-fan{height:3.35rem;overflow:visible}.batak-seat--left .batak-seat__badge,.batak-seat--right .batak-seat__badge{position:absolute;top:50%}.batak-seat--left .batak-seat__badge{left:0;transform:translateY(4.2rem)}.batak-seat--right .batak-seat__badge{right:0;transform:translateY(4.2rem)}.batak-center{z-index:3;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;min-width:9rem;min-height:8rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.batak-center__status{min-height:1.6rem;color:var(--gold);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05120bb8;border:1px solid #f5c54233;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:.45rem;padding:.3rem .65rem;font-size:.65rem;display:flex}.batak-trick{background:#03120a29;border-radius:.75rem;width:8rem;height:7rem;transition:background .18s,box-shadow .18s,transform .18s;position:relative}.batak-trick--drop-ready{background:#2ee59d29;transform:scale(1.08);box-shadow:0 0 0 2px #2ee59dbf,0 0 28px #2ee59d59}.batak-trick__play{z-index:var(--trick-z);animation-duration:.3s;animation-timing-function:cubic-bezier(.2,.85,.3,1.15);animation-fill-mode:both;position:absolute;top:50%;left:50%}.batak-trick__play--top{animation-name:batak-play-from-top;transform:translate(-50%,calc(-50% - .3rem))rotate(180deg)}.batak-trick__play--bottom{animation-name:batak-play-from-bottom;transform:translate(-50%,calc(.3rem - 50%))}.batak-trick__play--left{animation-name:batak-play-from-left;transform:translate(calc(-50% - .3rem),-50%)rotate(90deg)}.batak-trick__play--right{animation-name:batak-play-from-right;transform:translate(calc(.3rem - 50%),-50%)rotate(-90deg)}.batak-trick__play--collect-to-top{animation:.6s cubic-bezier(.55,0,.75,.2) forwards batak-collect-top}.batak-trick__play--collect-to-bottom{animation:.6s cubic-bezier(.55,0,.75,.2) forwards batak-collect-bottom}.batak-trick__play--collect-to-left{animation:.6s cubic-bezier(.55,0,.75,.2) forwards batak-collect-left}.batak-trick__play--collect-to-right{animation:.6s cubic-bezier(.55,0,.75,.2) forwards batak-collect-right}.batak-hud{border-bottom:1px solid var(--border);background:#07060bd9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.batak-hud__scores{flex-wrap:wrap;gap:.5rem;display:flex}.batak-hud__chip{border:1px solid var(--border-strong);color:var(--foreground);background:#ffffff0a;border-radius:999px;padding:.2rem .55rem;font-size:.7rem}.batak-hud__chip--self{color:var(--cyan);border-color:#3de0ff73}.batak-actions{flex-wrap:wrap;justify-content:center;gap:.4rem;padding:.5rem;display:flex}.batak-bid-grid{flex-wrap:wrap;justify-content:center;gap:.55rem;display:flex}.batak-auction-overlay{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.18s ease-out batak-overlay-in;display:flex;position:absolute;inset:0}.batak-auction-dialog{text-align:center;background:radial-gradient(circle at 50% 0,#ff3b4a26,#0000 48%),#0a080ef5;border:1px solid #f5c54261;border-radius:1.1rem;flex-direction:column;align-items:center;gap:.7rem;width:min(92vw,32rem);padding:1.4rem;display:flex;box-shadow:0 0 0 1px #00000080,0 20px 70px #000000b8,0 0 34px #f5c54214}.batak-auction-dialog__eyebrow{color:var(--cyan);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.2em;text-transform:uppercase;font-size:.62rem;font-weight:700}.batak-auction-dialog__title{color:var(--foreground);font-family:var(--font-display), sans-serif;letter-spacing:.04em;text-transform:uppercase;font-size:clamp(1.15rem,3vw,1.65rem);font-weight:800}.batak-auction-dialog__status{color:var(--gold);font-size:.82rem}.batak-bid-btn,.batak-pass-btn{min-width:3.25rem;font-family:var(--font-display), sans-serif;border-radius:.65rem;padding:.72rem .85rem;font-size:1rem;font-weight:800;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}.batak-bid-btn{color:var(--gold);background:linear-gradient(#ffffff14,#ffffff06);border:1px solid #f5c5425c}.batak-bid-btn:hover{border-color:var(--gold);background:#f5c54224;transform:translateY(-2px);box-shadow:0 0 18px #f5c5422e}.batak-pass-btn{color:#fff;background:linear-gradient(135deg,#ff4d3d,#b91c1c);border:1px solid #ff3b4a8c;box-shadow:0 0 18px #ff3b4a40}.batak-pass-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.batak-auction-dialog__waiting{align-items:center;gap:.4rem;height:2rem;display:flex}.batak-auction-dialog__waiting span{background:var(--gold);border-radius:50%;width:.45rem;height:.45rem;animation:1.1s ease-in-out infinite batak-waiting}.batak-auction-dialog__waiting span:nth-child(2){animation-delay:.14s}.batak-auction-dialog__waiting span:nth-child(3){animation-delay:.28s}@keyframes batak-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes batak-waiting{0%,70%,to{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-.3rem)}}.batak-suit-pick{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.batak-suit-btn{border:1px solid var(--border-strong);background:#ffffff0d;border-radius:.5rem;min-width:4.5rem;padding:.55rem .75rem;font-weight:700;transition:all .15s}.batak-suit-btn--red{color:#e11d2e}.batak-suit-btn--black{color:var(--foreground)}.batak-suit-btn:hover{border-color:var(--gold);background:#f5c5421a}.batak-result{text-align:center;padding:.75rem}.batak-card{-webkit-user-select:none;user-select:none;background:#faf8f3;border:0;border-radius:.45rem;justify-content:center;align-items:center;padding:0;transition:transform .12s,box-shadow .12s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffffa6,0 2px 6px #00000059}.batak-card--sm{width:2.15rem;height:3.05rem}.batak-card--md{width:2.85rem;height:4rem}.batak-card--lg{width:3.4rem;height:4.8rem}.batak-card--clickable{cursor:pointer}.batak-card--clickable:hover:not(:disabled){z-index:2;transform:translateY(-4px)}.batak-card--selected{box-shadow:0 0 0 2px var(--cyan), 0 8px 18px #3de0ff59;z-index:3;transform:translateY(-10px)}.batak-card--playable{animation:1.5s ease-in-out infinite batak-playable-pulse;box-shadow:0 0 0 1px #2ee59db3,0 2px 8px #00000059}.batak-card--red{color:#c41e3a}.batak-card--black{color:#1a1520}.batak-card--back{background:linear-gradient(145deg,#3a1520 0%,#1a0c14 55%,#2a1018 100%);border:1px solid #f5c54273}.batak-card__back-inner{border-radius:inherit;border:1px solid #f5c54240;justify-content:center;align-items:center;width:100%;height:100%;margin:3px;display:flex}.batak-card__mark{object-fit:contain;filter:drop-shadow(0 0 4px #f5c54273);opacity:.95;pointer-events:none;width:55%;height:auto}.batak-card__corner{flex-direction:column;align-items:center;font-weight:800;line-height:1;display:flex;position:absolute}.batak-card__corner--tl{top:.2rem;left:.22rem}.batak-card__corner--br{bottom:.2rem;right:.22rem;transform:rotate(180deg)}.batak-card__rank{font-size:.7rem;font-family:var(--font-display), sans-serif}.batak-card--sm .batak-card__rank{font-size:.55rem}.batak-card__suit{font-size:.65rem}.batak-card__center{font-size:1.35rem;line-height:1}.batak-card--sm .batak-card__center{font-size:.95rem}.batak-card--lg .batak-card__center{font-size:1.6rem}.batak-hand-bar__slot--draggable{cursor:grab;touch-action:none}.batak-hand-bar__slot--draggable:active{cursor:grabbing}.batak-drag-ghost{z-index:100;pointer-events:none;filter:drop-shadow(0 18px 18px #0000008c);opacity:.94;transition:filter .12s,transform .12s;position:fixed;transform:translate(-50%,-72%)rotate(-3deg)scale(1.04)}.batak-drag-ghost--ready{filter:drop-shadow(0 0 10px #2ee59db3)drop-shadow(0 18px 18px #00000080);transform:translate(-50%,-72%)rotate(0)scale(1.12)}@keyframes batak-playable-pulse{0%,to{box-shadow:0 0 0 1px #2ee59d8c,0 2px 8px #00000059}50%{box-shadow:0 0 0 2px #2ee59de6,0 0 16px #2ee59d4d}}@keyframes batak-phone-rotate{0%,28%{transform:rotate(-90deg)scale(.88)}58%,to{transform:rotate(0)scale(1)}}@keyframes batak-play-from-top{0%{opacity:0;transform:translate(-50%,-220%)rotate(180deg)scale(.7)}to{opacity:1;transform:translate(-50%,calc(-50% - .3rem))rotate(180deg)}}@keyframes batak-play-from-bottom{0%{opacity:0;transform:translate(-50%,150%)scale(.7)}to{opacity:1;transform:translate(-50%,calc(.3rem - 50%))}}@keyframes batak-play-from-left{0%{opacity:0;transform:translate(-220%,-50%)rotate(90deg)scale(.7)}to{opacity:1;transform:translate(calc(-50% - .3rem),-50%)rotate(90deg)}}@keyframes batak-play-from-right{0%{opacity:0;transform:translate(120%,-50%)rotate(-90deg)scale(.7)}to{opacity:1;transform:translate(calc(.3rem - 50%),-50%)rotate(-90deg)}}@keyframes batak-collect-top{0%{opacity:1}75%{opacity:.9;transform:translate(-50%,calc(-50% - 34vh))rotate(180deg)scale(.55)}to{opacity:0;transform:translate(-50%,calc(-50% - 45vh))rotate(180deg)scale(.35)}}@keyframes batak-collect-bottom{0%{opacity:1}75%{opacity:.9;transform:translate(-50%,calc(34vh - 50%))scale(.55)}to{opacity:0;transform:translate(-50%,calc(45vh - 50%))scale(.35)}}@keyframes batak-collect-left{0%{opacity:1}75%{opacity:.9;transform:translate(calc(-50% - 34vw),-50%)rotate(90deg)scale(.55)}to{opacity:0;transform:translate(calc(-50% - 45vw),-50%)rotate(90deg)scale(.35)}}@keyframes batak-collect-right{0%{opacity:1}75%{opacity:.9;transform:translate(calc(34vw - 50%),-50%)rotate(-90deg)scale(.55)}to{opacity:0;transform:translate(calc(45vw - 50%),-50%)rotate(-90deg)scale(.35)}}@media (min-width:900px) and (min-height:600px){.batak-table{border-radius:1.4rem;min-height:32rem;padding-bottom:7rem}.batak-hand-bar{height:6.75rem}.batak-hand-bar__cards{height:5rem}.batak-hand-bar__slot{margin-left:-1.05rem}.batak-hand-bar .batak-card--md{width:3.4rem;height:4.8rem}.batak-table:before{inset:1.4rem}.batak-card--sm{width:2.6rem;height:3.7rem}.batak-card--md{width:3.55rem;height:5rem}.batak-card--md .batak-card__rank{font-size:.86rem}.batak-card--md .batak-card__suit{font-size:.78rem}.batak-card--md .batak-card__center{font-size:1.7rem}.batak-seat--left,.batak-seat--right{width:10rem}.batak-center{transform:translate(-50%,-50%)scale(1.08)}.batak-trick{width:9rem;height:8rem}.batak-seat__badge{padding:.27rem .75rem}.batak-seat__name{font-size:.7rem}.batak-seat__meta{font-size:.62rem}}@media (max-width:900px),(max-height:560px){.batak-table{border-left:0;border-right:0;border-radius:.75rem;min-height:0;padding-bottom:5.5rem}.batak-table:before{inset:.45rem}.batak-seat--top{top:.15rem}.batak-seat--left{left:-1.5rem}.batak-seat--right{right:-1.5rem}.batak-seat--left .batak-seat__badge{left:1.25rem}.batak-seat--right .batak-seat__badge{right:1.25rem}.batak-seat__badge{min-width:4.7rem;max-width:7rem;padding:.16rem .42rem}.batak-seat__name{font-size:.54rem}.batak-seat__meta{font-size:.5rem}.batak-center{min-width:7.5rem;transform:translate(-50%,-52%)}.batak-center__status{max-width:13rem;padding:.35rem .7rem;font-size:.68rem}.batak-trick{background:#03120a1a;width:5.4rem;height:5.8rem}.batak-trick .batak-card--sm{width:2.8rem;height:4rem}.batak-trick .batak-card--sm .batak-card__rank{font-size:.68rem}.batak-trick__play--top{transform:translate(-50%,calc(-50% - .22rem))rotate(180deg)}.batak-trick__play--bottom{transform:translate(-50%,calc(.22rem - 50%))}.batak-trick__play--left{transform:translate(calc(-50% - .22rem),-50%)rotate(90deg)}.batak-trick__play--right{transform:translate(calc(.22rem - 50%),-50%)rotate(-90deg)}.batak-hand-bar{background:linear-gradient(#07060b00 0%,#07060bdb 22%,#07060bfa 100%);height:7.3rem}.batak-hand-bar__cards{touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;height:5.55rem;padding:0 .75rem .25rem;scroll-padding-inline:.75rem;overflow:hidden}.batak-hand-bar__cards::-webkit-scrollbar{display:none}.batak-hand-bar__slot{margin-left:-2.05rem}.batak-hand-bar .batak-card--md{width:3.7rem;height:5.3rem}.batak-hand-bar .batak-card__rank{font-size:.82rem}.batak-hand-bar .batak-card__suit{font-size:.78rem}.batak-hand-bar .batak-card__center{font-size:1.65rem}.batak-hand-bar__meta{align-items:center;min-height:1.25rem;font-size:.65rem}}@media (max-width:640px){.batak-hand-bar__slot{margin-left:-2.15rem}}@media (orientation:portrait) and (max-width:900px){.batak-auction-dialog{width:min(84vw,18rem);padding:1rem}.batak-bid-grid{grid-template-columns:repeat(3,3.8rem);gap:.55rem;display:grid}.batak-bid-btn{min-width:0;padding:.8rem .35rem;font-size:1.05rem}.batak-pass-btn{grid-column:1/-1;width:100%}.batak-suit-pick{grid-template-columns:repeat(2,minmax(6rem,1fr));display:grid}.batak-table{border-radius:0;padding-bottom:14.5rem}.batak-table:before{border-radius:44%;inset:.55rem}.batak-hand-bar{background:linear-gradient(#36140800 0%,#491c0adb 20%,#230c07fa 100%);height:14.25rem}.batak-hand-bar__meta{min-height:1.45rem;font-size:.68rem}.batak-hand-bar__cards{flex-direction:column;justify-content:flex-end;gap:0;height:12.7rem;padding:0 .35rem .2rem;display:flex;overflow:visible}.batak-hand-bar__row{justify-content:center;align-items:flex-start;width:100%;height:6.55rem;display:flex;position:relative}.batak-hand-bar__row--back{z-index:1}.batak-hand-bar__row--front{z-index:2;margin-top:-1.2rem}.batak-hand-bar__slot,.batak-hand-bar__slot:first-child{margin-left:-1.75rem}.batak-hand-bar__row .batak-hand-bar__slot:first-child{margin-left:0}.batak-hand-bar .batak-card--md{border-radius:.65rem;width:clamp(4.1rem,18vw,4.7rem);height:clamp(5.8rem,25.5vw,6.7rem)}.batak-hand-bar .batak-card__rank{font-size:1.15rem}.batak-hand-bar .batak-card__suit{font-size:1.05rem}.batak-hand-bar .batak-card__center{font-size:2.4rem}.batak-center{top:40%;transform:translate(-50%,-50%)}.batak-center__status{max-width:15rem;font-size:.7rem}.batak-trick{width:5.8rem;height:6.4rem}.batak-seat__badge{background:linear-gradient(#7c3012f5,#36140afa);border:2px solid #f5c542ad;box-shadow:inset 0 1px #ffffff26,0 5px 16px #00000061}.batak-seat--left .batak-seat__badge{transform:translateY(4.2rem)rotate(-90deg)}.batak-seat--right .batak-seat__badge{transform:translateY(4.2rem)rotate(90deg)}}@media (orientation:landscape) and (max-height:560px){.batak-hud{padding:.25rem .5rem}.batak-actions{padding:.25rem}.batak-seat--top{top:-.2rem}.batak-table{padding-bottom:6.9rem}.batak-hand-bar{height:6.75rem}.batak-hand-bar__cards{justify-content:center;height:5.15rem;padding-inline:1rem}.batak-hand-bar .batak-card--md{width:3.8rem;height:5.4rem}.batak-hand-bar__slot{margin-left:-1.25rem}.batak-center{transform:translate(-50%,-48%)scale(.95)}}@media (orientation:landscape) and (max-height:600px),(orientation:landscape) and (hover:none) and (pointer:coarse){.batak-orientation-guard{z-index:200;color:var(--foreground);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 50% 35%,#ff3b4a21,#0000 42%),#07060bfa;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex;position:absolute;inset:0}.batak-orientation-guard h2{font-family:var(--font-display), sans-serif;letter-spacing:.06em;text-transform:uppercase;font-size:1.35rem;font-weight:800}.batak-orientation-guard p{color:var(--muted);font-size:.85rem}}