:root{
 --ink:#0b0907;--ink2:#15100c;--leather:#4a2a17;--cognac:#8a4b25;--brass:#c9a24d;--brass-hi:#f3dc92;--brass-lo:#7a5d22;
 --felt:#13606a;--felt2:#0b3d45;--ivory:#f4ecdc;--ox:#9a2f26;--teal:#1f8088;--txt:#efe6d3;--mut:#a89a82;
 --f-d:'Barlow Condensed',system-ui,sans-serif;--f-b:'Barlow',system-ui,sans-serif;--f-s:'Cormorant Garamond',Georgia,serif;
 --safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;height:100%;background:var(--ink);color:var(--txt);font-family:var(--f-b);overflow:hidden;overscroll-behavior:none;user-select:none;-webkit-user-select:none}
#app{position:fixed;inset:0}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}
.scr{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden}
.room{position:absolute;inset:0;background:#0b0907 url(/img/scene_d.webp) 50% 30%/cover no-repeat;filter:saturate(1.05) brightness(1.25)}
.room::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,0),rgba(0,0,0,.55) 90%),linear-gradient(#0006,#0000 25%,#0006)}
.room.dim::before{content:"";position:absolute;inset:0;background:rgba(8,5,3,.55);z-index:1}
/* header */
.hdr{position:relative;z-index:5;display:flex;align-items:center;gap:10px;padding:calc(10px + var(--safe-t)) 12px 8px}
.hdr h1{margin:0;font:700 22px/1 var(--f-d);letter-spacing:.08em;text-transform:uppercase;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hdr small{display:block;font:500 13px var(--f-d);color:var(--mut);letter-spacing:.1em;margin-top:3px}
.rbtn{width:42px;height:42px;border-radius:50%;flex:none;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#5a3a22,#24160d 70%);box-shadow:0 0 0 2px var(--brass-lo),0 0 0 3px #000a,inset 0 1px 1px #fff3,0 4px 8px #000a;transition:transform .12s}
.rbtn:active{transform:scale(.92)}
.rbtn svg{width:20px;height:20px;stroke:var(--brass-hi);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.chipbal{display:flex;align-items:center;gap:7px;padding:5px 12px 5px 6px;border-radius:30px;background:linear-gradient(#1c130c,#0d0805);box-shadow:inset 0 0 0 1px #c9a24d55,0 3px 8px #000a;font:700 18px var(--f-d);letter-spacing:.04em;color:var(--brass-hi)}
.chipbal img{width:24px;height:24px}
/* home */
.pad{position:relative;z-index:3;flex:1;overflow-y:auto;overflow-x:hidden;padding:6px 14px calc(24px + var(--safe-b));-webkit-overflow-scrolling:touch}
.brand{display:flex;flex-direction:column;align-items:center;padding:6px 0 14px}
.brand img{height:96px;filter:drop-shadow(0 8px 14px #000c)}
.leather{position:relative;border-radius:16px;background:
 linear-gradient(#ffffff0d,#0000 40%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(160deg,#4d2d19,#2b190d);
 box-shadow:0 10px 24px #000b,inset 0 0 0 1px #0008,inset 0 1px 0 #fff2}
.leather::after{content:"";position:absolute;inset:5px;border-radius:12px;border:1.5px dashed #d8b36a66;pointer-events:none}
.me{display:flex;align-items:center;gap:14px;padding:14px 16px;margin-bottom:14px}
.avr{position:relative;border-radius:50%;flex:none;background:#000 center/cover;box-shadow:0 0 0 2px #1a1109,0 0 0 4px var(--brass),0 0 0 5px #000a,0 5px 10px #000b}
.me .avr{width:62px;height:62px}
.me .nm{font:700 24px/1 var(--f-d);letter-spacing:.05em;text-transform:uppercase}
.me .st{font:500 14px var(--f-d);color:var(--mut);letter-spacing:.08em;margin-top:5px}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:12px;font:700 18px var(--f-d);letter-spacing:.1em;text-transform:uppercase;color:#2a1b06;background:linear-gradient(#f3dc92,#c9a24d 55%,#9c7a30);box-shadow:0 0 0 1px #5a431a,0 4px 0 #6d5220,0 8px 14px #000a,inset 0 1px 0 #fff9;transition:transform .1s,box-shadow .1s}
.btn:active{transform:translateY(3px);box-shadow:0 0 0 1px #5a431a,0 1px 0 #6d5220,0 3px 6px #000a,inset 0 1px 0 #fff9}
.btn.dark{color:var(--brass-hi);background:linear-gradient(#3a2415,#1f130b);box-shadow:0 0 0 1px #000,0 0 0 2px #7a5d2288,0 4px 0 #0008,0 8px 14px #000a,inset 0 1px 0 #fff2}
.btn[disabled]{opacity:.45;pointer-events:none}
.sec{font:700 15px var(--f-d);letter-spacing:.2em;color:var(--brass);text-transform:uppercase;margin:18px 4px 9px;display:flex;align-items:center;gap:10px}
.sec::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#c9a24d88,#0000)}
.clubs{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.club{display:flex;align-items:center;gap:13px;padding:13px 14px;text-align:left;width:100%;transition:transform .12s}
.club:active{transform:scale(.98)}
.crest{width:58px;height:66px;flex:none;position:relative;display:grid;place-items:center;font:800 26px var(--f-d);color:#fff;text-shadow:0 2px 3px #0009;clip-path:polygon(0 0,100% 0,100% 62%,50% 100%,0 62%);background:var(--c1)}
.crest::before{content:"";position:absolute;inset:3px;clip-path:inherit;background:linear-gradient(155deg,var(--c2),var(--c1) 70%);}
.crest b{position:relative}
.club .t1{font:700 22px/1.05 var(--f-d);letter-spacing:.04em;text-transform:uppercase}
.club .t2{font:500 14px var(--f-d);color:var(--mut);letter-spacing:.07em;margin-top:5px}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#58c27d;margin-right:5px;box-shadow:0 0 6px #58c27d}
.row2{display:flex;gap:10px;flex-wrap:wrap}.row2>*{flex:1}
input.in,.in{width:100%;height:48px;border-radius:12px;border:0;padding:0 14px;background:#120c07;color:var(--txt);font:600 18px var(--f-b);box-shadow:inset 0 2px 6px #000c,inset 0 0 0 1px #c9a24d44;outline:none;user-select:text;-webkit-user-select:text}
input.in:focus{box-shadow:inset 0 2px 6px #000c,inset 0 0 0 1.5px var(--brass)}
/* modal / sheet */
.mask{position:fixed;inset:0;z-index:50;background:#000a;display:flex;align-items:flex-end;justify-content:center;animation:fade .2s}
.sheet{position:relative;width:min(560px,100%);max-height:86%;overflow:auto;border-radius:20px 20px 0 0;padding:20px 18px calc(22px + var(--safe-b));animation:up .28s cubic-bezier(.2,.9,.3,1)}
@media(min-height:700px) and (min-width:700px){.mask{align-items:center}.sheet{border-radius:20px}}
.sheet h2{margin:0 0 14px;font:700 24px var(--f-d);letter-spacing:.1em;text-transform:uppercase;color:var(--brass-hi);padding-right:46px}
.xbtn{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;background:#0006;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #c9a24d66;z-index:3}
.xbtn svg{width:16px;height:16px;stroke:var(--brass-hi);stroke-width:2.6;stroke-linecap:round}
@keyframes fade{from{opacity:0}}@keyframes up{from{transform:translateY(40px);opacity:0}}
.avgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.avgrid .avr{width:100%;aspect-ratio:1;box-shadow:0 0 0 2px #1a1109,0 0 0 3px #7a5d22}
.avgrid .avr.sel{box-shadow:0 0 0 2px #1a1109,0 0 0 4px var(--brass-hi),0 0 14px #f3dc9288}
/* tabs */
.tabs{position:relative;z-index:4;display:flex;gap:6px;padding:0 12px 10px}
.tab{flex:1;height:42px;border-radius:11px;font:700 17px var(--f-d);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);background:#150e09cc;box-shadow:inset 0 0 0 1px #c9a24d33}
.tab.on{color:#2a1b06;background:linear-gradient(#f3dc92,#c9a24d);box-shadow:0 3px 8px #000a}
.ann{margin:0 0 12px;padding:11px 14px;border-radius:12px;background:#1a110ccc;font:600 16px var(--f-b);color:var(--brass-hi);box-shadow:inset 3px 0 0 var(--brass)}
.tbl{display:flex;align-items:center;gap:14px;padding:13px 14px;margin-bottom:12px}
.mini{position:relative;width:104px;height:66px;flex:none}
.mini .ov{position:absolute;inset:11px 9px;border-radius:50%;background:radial-gradient(#15686f,#0b3d45);box-shadow:0 0 0 4px #5a3219,0 0 0 5px #c9a24d99,0 4px 8px #000a}
.mini .sd{position:absolute;width:20px;height:20px;margin:-10px;border-radius:50%;background:#0006 center/cover;box-shadow:inset 0 0 0 1.5px #ffffff33}
.mini .sd.f{box-shadow:0 0 0 1.5px var(--brass)}
.tbl .t1{font:700 22px/1 var(--f-d);letter-spacing:.05em;text-transform:uppercase}
.tbl .t2{font:500 15px var(--f-d);color:var(--mut);letter-spacing:.08em;margin-top:5px}
.tbl .btn{min-height:42px;padding:0 18px;margin-left:auto}
.mem{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:12px;background:#150e09b8;margin-bottom:8px}
.mem .avr{width:44px;height:44px}.mem .n{font:700 19px var(--f-d);letter-spacing:.05em}.mem .r{font:500 13px var(--f-d);color:var(--brass);letter-spacing:.1em;text-transform:uppercase}
.mem .net{margin-left:auto;font:700 19px var(--f-d)}.pos{color:#7fd19a}.neg{color:#e0877c}
.chatbox{display:flex;flex-direction:column;gap:7px;padding-bottom:8px}
.msg{display:flex;gap:9px;align-items:flex-start}.msg .avr{width:32px;height:32px;box-shadow:0 0 0 1.5px var(--brass-lo)}
.msg .b{background:#1a110cdd;border-radius:4px 14px 14px 14px;padding:7px 12px;font:500 16px var(--f-b);max-width:80%}
.msg .b i{display:block;font:700 13px var(--f-d);letter-spacing:.1em;color:var(--brass);font-style:normal;text-transform:uppercase}
.msg.mine{flex-direction:row-reverse}.msg.mine .b{border-radius:14px 4px 14px 14px;background:#3a2615dd}
.chatin{position:relative;z-index:4;display:flex;gap:8px;padding:8px 12px calc(10px + var(--safe-b))}
/* ===== TABLE ===== */
.table-scr{--av:64px;--cw:44px}
.stage{position:relative;flex:1;z-index:2;margin:0;touch-action:manipulation}
.art{position:absolute;pointer-events:none}
.art .rail{position:absolute;inset:0;border-radius:50%;background:
 radial-gradient(ellipse at 50% 8%,#ffffff30,#0000 38%),
 linear-gradient(#a2582c,#5c2f17 45%,#2e170a);
 box-shadow:0 30px 40px -6px #000d,0 0 0 2px #000a,inset 0 3px 3px #ffffff40,inset 0 -8px 14px #0009}
.art .rail::after{content:"";position:absolute;inset:7%;border-radius:50%;border:2px dashed #e9c78a77;opacity:.8;mask:linear-gradient(#000,#0000 60%,#000)}
.art .brass{position:absolute;inset:11.5%;border-radius:50%;background:linear-gradient(#f3dc92,#8a6a28 50%,#d9b65c);box-shadow:0 2px 3px #000b,inset 0 1px 1px #fff8}
.art .felt{position:absolute;inset:12.6%;border-radius:50%;overflow:hidden;background:
 radial-gradient(ellipse at 50% 42%,#1b7a82 0%,#12606a 38%,#0a3f48 78%,#072e35 100%);
 box-shadow:inset 0 10px 22px #000c,inset 0 0 40px #0008}
.art .felt::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay;opacity:.55}
.art .felt::after{content:"";position:absolute;inset:11%;border-radius:50%;border:1.5px solid #d9b65c55}
.art .wm{position:absolute;left:50%;top:63%;width:17%;transform:translate(-50%,-50%);opacity:.2;mix-blend-mode:screen;filter:grayscale(.3)}
.art .lamp{position:absolute;left:12%;right:12%;top:2%;height:30%;border-radius:50%;background:radial-gradient(ellipse,#ffd89a38,#0000 70%);filter:blur(10px)}
.floor{position:absolute;pointer-events:none;border-radius:50%;background:radial-gradient(#000d,#0000 68%);filter:blur(6px)}
.pot{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:none;z-index:4}
.pot .amt{display:flex;align-items:center;gap:6px;padding:3px 13px 3px 5px;border-radius:20px;background:#0a0705cc;box-shadow:inset 0 0 0 1px #c9a24d66;font:700 calc(var(--av)*.3) var(--f-d);letter-spacing:.05em;color:var(--brass-hi);transition:opacity .2s}
.pot .amt img{width:calc(var(--av)*.32);height:calc(var(--av)*.32)}
.pot .amt small{font:600 .6em var(--f-d);color:var(--mut);letter-spacing:.14em}
.pot .stack{position:relative;height:calc(var(--av)*.5);width:calc(var(--av)*.9)}
.board{position:absolute;transform:translate(-50%,-50%);display:flex;gap:calc(var(--cw)*.1);z-index:3}
.slot{width:var(--cw);height:calc(var(--cw)*1.42);border-radius:calc(var(--cw)*.1);background:#0003;box-shadow:inset 0 0 0 1.5px #d9b65c33,inset 0 2px 6px #0007;perspective:600px}
.card{position:relative;width:var(--cw);height:calc(var(--cw)*1.42);border-radius:calc(var(--cw)*.1);transform-style:preserve-3d}
.card .fc,.card .bk{position:absolute;inset:0;border-radius:inherit;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.card .fc{background:radial-gradient(ellipse at 30% 15%,#fffdf6,#f1e8d3 70%,#e1d5b8);box-shadow:0 0 0 1px #00000040,0 calc(var(--cw)*.07) calc(var(--cw)*.14) #000a;color:var(--sc);transform:rotateY(0)}
.card .fc .ix{position:absolute;left:7%;top:3%;display:flex;flex-direction:column;align-items:center;width:34%;line-height:1}
.card .fc .ix b{font:800 calc(var(--cw)*.46)/1 var(--f-d);letter-spacing:-.02em}
.card .fc .ix.t b{font-size:calc(var(--cw)*.4);letter-spacing:-.09em;margin-right:.09em}
.card .fc .ix svg{width:calc(var(--cw)*.24);height:calc(var(--cw)*.24);fill:currentColor;margin-top:calc(var(--cw)*.02)}
.card .fc .ix.b{display:none}
.card .fc .pip{position:absolute;left:34%;top:44%;width:56%;height:46%;fill:currentColor}
.card .bk{transform:rotateY(180deg);background:
 url(/img/mark.webp) center/46% no-repeat,
 repeating-linear-gradient(45deg,#0000 0 5px,#d9b65c10 5px 6px),
 radial-gradient(circle at 30% 20%,#175760,#0b3239);
 box-shadow:0 0 0 1px #000a,inset 0 0 0 calc(var(--cw)*.05) #0b2f35,inset 0 0 0 calc(var(--cw)*.065) #d9b65c88,0 calc(var(--cw)*.07) calc(var(--cw)*.14) #000a}
.card.down .fc{display:none}.card.down .bk{transform:none}.card:not(.down) .bk{display:none}
.card.flip{transition:transform .5s cubic-bezier(.3,.8,.3,1)}
.card.win{box-shadow:0 0 calc(var(--cw)*.4) calc(var(--cw)*.06) #f3dc92;z-index:2;animation:lift .6s ease both}
.card.lose{filter:brightness(.55)}
@keyframes lift{50%{transform:translateY(calc(var(--cw)*-.16)) scale(1.06)}}
@keyframes boardIn{from{opacity:0;transform:translate(0,calc(var(--cw)*-1.4)) rotateY(180deg) scale(.7)}60%{opacity:1}to{transform:none}}
.board .card.enter{animation:boardIn .55s cubic-bezier(.2,.8,.3,1) both}
.seat{position:absolute;width:var(--av);height:var(--av);transform:translate(-50%,-50%);z-index:6}
.seat.me{z-index:8}
.seat .face{position:absolute;inset:0;border-radius:50%;background:#000 center/cover;z-index:2;box-shadow:0 0 0 calc(var(--av)*.035) #130b06,0 0 0 calc(var(--av)*.075) var(--brass),0 0 0 calc(var(--av)*.095) #000b,0 calc(var(--av)*.1) calc(var(--av)*.2) #000c;transition:filter .3s,opacity .3s,box-shadow .3s}
.seat.fold .face{filter:grayscale(.85) brightness(.5)}
.seat.out .face{filter:grayscale(1) brightness(.4)}
.seat.turn .face{box-shadow:0 0 0 calc(var(--av)*.035) #130b06,0 0 0 calc(var(--av)*.075) var(--brass-hi),0 0 calc(var(--av)*.35) calc(var(--av)*.06) #f3dc92aa,0 calc(var(--av)*.1) calc(var(--av)*.2) #000c}
.seat.winner .face{box-shadow:0 0 0 calc(var(--av)*.035) #130b06,0 0 0 calc(var(--av)*.08) #fff2b8,0 0 calc(var(--av)*.5) calc(var(--av)*.1) #ffd666;animation:pulse 1s ease-in-out 3}
@keyframes pulse{50%{transform:scale(1.07)}}
.seat .ring{position:absolute;inset:calc(var(--av)*-.13);z-index:1;border-radius:50%;--p:0;background:conic-gradient(var(--rc,#f3dc92) calc(var(--p)*1%),#0000 0);-webkit-mask:radial-gradient(circle,#0000 calc(50% - var(--av)*.085),#000 calc(50% - var(--av)*.08) calc(50% - 1px),#0000 50%);mask:radial-gradient(circle,#0000 calc(50% - var(--av)*.085),#000 calc(50% - var(--av)*.08) calc(50% - 1px),#0000 50%);opacity:0}
.seat.turn .ring{opacity:1}
.seat .plate{position:absolute;left:50%;top:calc(100% - var(--av)*.2);transform:translateX(-50%);z-index:3;min-width:calc(var(--av)*1.34);padding:calc(var(--av)*.05) calc(var(--av)*.12) calc(var(--av)*.07);border-radius:calc(var(--av)*.14);text-align:center;background:linear-gradient(#2b1a0f,#120a05);box-shadow:0 0 0 1px #000,0 0 0 calc(var(--av)*.025) #c9a24d99,0 calc(var(--av)*.06) calc(var(--av)*.14) #000b;white-space:nowrap}
.seat .plate .n{font:700 calc(var(--av)*.19)/1.05 var(--f-d);letter-spacing:.07em;text-transform:uppercase;color:#e8dcc2;max-width:calc(var(--av)*1.4);overflow:hidden;text-overflow:ellipsis}
.seat .plate .s{font:800 calc(var(--av)*.24)/1.05 var(--f-d);letter-spacing:.04em;color:var(--brass-hi)}
.seat .act{position:absolute;left:50%;bottom:calc(100% - var(--av)*.02);transform:translateX(-50%) scale(.6);opacity:0;z-index:7;padding:calc(var(--av)*.04) calc(var(--av)*.14);border-radius:calc(var(--av)*.16);font:800 calc(var(--av)*.22) var(--f-d);letter-spacing:.1em;text-transform:uppercase;color:#1c1306;background:linear-gradient(#f3dc92,#c9a24d);box-shadow:0 3px 8px #000a;white-space:nowrap;transition:all .25s cubic-bezier(.2,1.4,.4,1);pointer-events:none}
.seat .act.show{opacity:1;transform:translateX(-50%) scale(1)}
.seat .act.fold{background:linear-gradient(#6e6359,#3d352e);color:#d9cfc2}.seat .act.raise,.seat .act.allin{background:linear-gradient(#e5604e,#9a2f26);color:#fff}
.seat .act.call,.seat .act.check{background:linear-gradient(#58b8c0,#1f8088);color:#06272b}
.seat .hc{position:absolute;left:50%;top:calc(var(--av)*.12);width:0;height:0;z-index:1;pointer-events:none}
.seat .hc .card{position:absolute;--cw:calc(var(--av)*.5);transform-origin:50% 100%}
.seat.me .hc{top:calc(var(--av)*-.25)}
.seat .hc .card.o0{left:calc(var(--av)*.1);top:calc(var(--av)*-.34);transform:rotate(-8deg)}
.seat .hc .card.o1{left:calc(var(--av)*.36);top:calc(var(--av)*-.34);transform:rotate(9deg)}
.seat.me .hc .card{--cw:calc(var(--av)*.95)}
.seat.me .hc .card.o0{left:calc(var(--av)*-.9);top:calc(var(--av)*-.52);transform:rotate(-8deg)}
.seat.me .hc .card.o1{left:calc(var(--av)*-.12);top:calc(var(--av)*-.5);transform:rotate(7deg)}
.seat .hc .card.sh{--cw:calc(var(--av)*.62)}
.seat .hc .card.sh.o0{transform:rotate(-6deg);left:calc(var(--av)*-.62);top:calc(var(--av)*-.62)}.seat .hc .card.sh.o1{transform:rotate(6deg);left:calc(var(--av)*-.04);top:calc(var(--av)*-.62)}
.seat .hc .card.hidden{opacity:0}
.seat .hc .card.pop{animation:dealIn .45s cubic-bezier(.2,.9,.3,1.1) both}
@keyframes dealIn{from{opacity:0;margin-top:calc(var(--av)*-.9);margin-left:var(--dx,0px);filter:blur(1px)}to{opacity:1}}
.dealer{position:absolute;z-index:8;width:calc(var(--av)*.36);height:calc(var(--av)*.36);transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;font:800 calc(var(--av)*.24) var(--f-d);color:#2a1b06;background:radial-gradient(circle at 35% 30%,#fff4c8,#d9b65c 55%,#8a6a28);box-shadow:0 0 0 1.5px #5a431a,0 3px 6px #000b;transition:left .6s cubic-bezier(.3,.8,.3,1),top .6s cubic-bezier(.3,.8,.3,1)}
.bet{position:absolute;z-index:5;transform:translate(-50%,-50%);display:flex;align-items:center;gap:4px;pointer-events:none;transition:left .25s,top .25s}
.bet .cs{position:relative;width:calc(var(--av)*.34);height:calc(var(--av)*.34)}
.bet .cs img{position:absolute;left:0;width:100%;}
.bet .v{padding:2px 9px;border-radius:12px;background:#080503d9;font:700 calc(var(--av)*.23) var(--f-d);letter-spacing:.04em;color:var(--brass-hi);box-shadow:inset 0 0 0 1px #c9a24d55}
.fx{position:absolute;inset:0;z-index:20;pointer-events:none;overflow:hidden}
.fx .fly{position:absolute;left:0;top:0;will-change:transform}
.fx img.fchip{width:calc(var(--av)*.34)}
.float{position:absolute;z-index:22;font:800 calc(var(--av)*.36) var(--f-d);color:#fff2b8;text-shadow:0 2px 8px #000,0 0 14px #ffc94a;transform:translate(-50%,-50%);animation:floatUp 2.4s ease-out both;white-space:nowrap}
@keyframes floatUp{from{opacity:0;margin-top:20px}12%{opacity:1}to{opacity:0;margin-top:calc(var(--av)*-.9)}}
.hand-name{position:absolute;z-index:23;transform:translate(-50%,-50%);padding:5px 18px;border-radius:6px;font:800 calc(var(--av)*.3) var(--f-d);letter-spacing:.16em;text-transform:uppercase;color:#2a1b06;background:linear-gradient(#f3dc92,#c9a24d);box-shadow:0 0 0 1px #5a431a,0 0 24px #ffd66688,0 6px 14px #000a;animation:banner 2.6s ease both;white-space:nowrap}
@keyframes banner{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}20%{transform:translate(-50%,-50%) scale(1)}85%{opacity:1}100%{opacity:0}}
.bubble{position:absolute;z-index:24;transform:translate(-50%,-100%);padding:5px 12px;border-radius:14px;background:#f4ecdc;color:#20170d;font:600 15px var(--f-b);max-width:200px;animation:bub 3.4s ease both;box-shadow:0 4px 10px #000a}
.bubble.em{font-size:calc(var(--av)*.6);background:none;box-shadow:none;padding:0;text-shadow:0 3px 8px #000}
@keyframes bub{0%{opacity:0;transform:translate(-50%,-80%) scale(.7)}10%{opacity:1;transform:translate(-50%,-100%) scale(1)}85%{opacity:1}100%{opacity:0}}
.sit{position:absolute;transform:translate(-50%,-50%);width:var(--av);height:var(--av);border-radius:50%;z-index:6;display:grid;place-items:center;background:radial-gradient(circle at 40% 30%,#ffffff1c,#0000 60%),#0a0705aa;box-shadow:inset 0 0 0 calc(var(--av)*.04) #c9a24d99,inset 0 4px 10px #000,0 0 0 calc(var(--av)*.04) #000a;font:800 calc(var(--av)*.2) var(--f-d);letter-spacing:.16em;color:var(--brass-hi);text-transform:uppercase;transition:transform .15s,box-shadow .15s}
.sit::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1.5px solid #f3dc9255;animation:ping 2.2s ease-out infinite}
@keyframes ping{from{transform:scale(.85);opacity:.9}to{transform:scale(1.25);opacity:0}}
.sit:active{transform:translate(-50%,-50%) scale(.94)}
.thead{position:relative;z-index:5}
.infostrip{position:absolute;z-index:5;left:50%;top:calc(var(--safe-t) + 58px);transform:translateX(-50%);display:flex;gap:10px;font:600 14px var(--f-d);letter-spacing:.14em;color:var(--mut);text-transform:uppercase;white-space:nowrap;pointer-events:none}
.infostrip b{color:var(--brass-hi);font-weight:700}
/* controls */
.ctrl{position:absolute;z-index:12;right:max(10px,env(safe-area-inset-right,0px));bottom:calc(10px + var(--safe-b));display:flex;align-items:flex-end;gap:calc(var(--av)*.16);pointer-events:none}
.ctrl>*{pointer-events:auto}
.cb{position:relative;width:calc(var(--av)*1.22);height:calc(var(--av)*1.22);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font:800 calc(var(--av)*.27)/1 var(--f-d);letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 2px 3px #000a;background:radial-gradient(circle at 36% 26%,var(--b1),var(--b2) 72%);box-shadow:0 0 0 calc(var(--av)*.045) #120b06,0 0 0 calc(var(--av)*.09) var(--brass),0 0 0 calc(var(--av)*.11) #000a,0 calc(var(--av)*.14) calc(var(--av)*.2) #000c,inset 0 calc(var(--av)*.03) 2px #fff5,inset 0 calc(var(--av)*-.12) calc(var(--av)*.16) #0006;transition:transform .12s,filter .12s;animation:cbIn .35s cubic-bezier(.2,1.3,.4,1) both}
.cb:active{transform:scale(.9) translateY(2px);filter:brightness(.85)}
.cb small{font:700 calc(var(--av)*.2) var(--f-d);letter-spacing:.04em;margin-top:3px;color:#fff3d0}
.cb svg{width:calc(var(--av)*.36);height:calc(var(--av)*.36);stroke:#fff;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;margin-bottom:2px;filter:drop-shadow(0 2px 2px #0008)}
.cb.fold{--b1:#d25a47;--b2:#7a241d;animation-delay:.02s}.cb.call{--b1:#3fa7ae;--b2:#12545b;animation-delay:.07s}.cb.raise{--b1:#e6c15f;--b2:#92702a;color:#2a1b06;text-shadow:0 1px 0 #fff6;animation-delay:.12s}.cb.raise svg{stroke:#2a1b06;filter:none}.cb.raise small{color:#3b2a0c}
@keyframes cbIn{from{opacity:0;transform:translateY(24px) scale(.7)}}
.rpanel{position:absolute;z-index:13;right:max(10px,env(safe-area-inset-right,0px));bottom:calc(var(--av)*1.7 + 18px + var(--safe-b));width:calc(var(--av)*3.4);padding:calc(var(--av)*.2);border-radius:calc(var(--av)*.28);animation:up .22s both}
.rpanel .big{text-align:center;font:800 calc(var(--av)*.5) var(--f-d);color:var(--brass-hi);letter-spacing:.04em;margin-bottom:6px}
.presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}
.presets button{height:calc(var(--av)*.5);border-radius:10px;font:700 calc(var(--av)*.2) var(--f-d);letter-spacing:.06em;background:linear-gradient(#3a2415,#1f130b);color:var(--brass-hi);box-shadow:inset 0 0 0 1px #c9a24d66}
.presets button:active{background:#c9a24d;color:#2a1b06}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:calc(var(--av)*.5);background:none;margin:0}
input[type=range]::-webkit-slider-runnable-track{height:calc(var(--av)*.16);border-radius:10px;background:linear-gradient(90deg,var(--brass) var(--fill,0%),#0b0705 var(--fill,0%));box-shadow:inset 0 1px 3px #000,0 0 0 1px #c9a24d55}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:calc(var(--av)*.5);height:calc(var(--av)*.5);margin-top:calc(var(--av)*-.17);border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff4c8,#d9b65c 60%,#8a6a28);box-shadow:0 0 0 2px #5a431a,0 4px 8px #000a}
input[type=range]::-moz-range-track{height:calc(var(--av)*.16);border-radius:10px;background:#0b0705}
input[type=range]::-moz-range-thumb{width:calc(var(--av)*.5);height:calc(var(--av)*.5);border:0;border-radius:50%;background:#d9b65c}
.timebar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#0000}
.mybar{position:absolute;z-index:11;left:max(10px,env(safe-area-inset-left,0px));bottom:calc(10px + var(--safe-b));display:flex;gap:calc(var(--av)*.14)}
.mybar .rbtn{width:calc(var(--av)*.74);height:calc(var(--av)*.74)}
.badge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;border-radius:9px;background:var(--ox);font:700 12px/18px var(--f-d);text-align:center;box-shadow:0 0 0 2px #1a0f08}
.banner-ex{position:absolute;z-index:9;left:50%;top:calc(var(--safe-t) + 84px);transform:translateX(-50%);padding:6px 16px;border-radius:10px;background:#0a0705cc;font:600 15px var(--f-d);letter-spacing:.14em;text-transform:uppercase;color:var(--brass-hi);box-shadow:inset 0 0 0 1px #c9a24d55;pointer-events:none;white-space:nowrap}
.hist .h{padding:12px;border-radius:12px;background:#150e09c0;margin-bottom:9px}
.hist .h .top{display:flex;justify-content:space-between;font:700 16px var(--f-d);letter-spacing:.08em;color:var(--brass)}
.hist .mc{display:flex;gap:4px;margin:8px 0;--cw:30px}
.hist .pl{display:flex;align-items:center;gap:8px;font:600 16px var(--f-d);letter-spacing:.04em;margin-top:5px}
.hist .pl .mc{margin:0;--cw:22px}
.hist .pl .nt{margin-left:auto}
#toast{position:fixed;left:50%;top:calc(var(--safe-t) + 14px);transform:translateX(-50%);z-index:100;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}
#toast div{padding:10px 18px;border-radius:12px;background:#120c07;color:var(--brass-hi);font:700 17px var(--f-d);letter-spacing:.06em;box-shadow:0 0 0 1px #c9a24d99,0 8px 20px #000c;animation:toast 3s ease both}
#toast div.err{color:#ffb4a8;box-shadow:0 0 0 1px #d25a47aa,0 8px 20px #000c}
@keyframes toast{0%{opacity:0;transform:translateY(-14px)}8%,85%{opacity:1;transform:none}100%{opacity:0}}
.splash{position:absolute;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#0b0907}
.splash img{width:min(60vw,260px);animation:sp 1.6s ease-in-out infinite alternate}
@keyframes sp{from{filter:drop-shadow(0 0 4px #c9a24d55)}to{filter:drop-shadow(0 0 22px #c9a24daa)}}
.welcome{padding:22px 20px;margin-top:6px}
.welcome p{margin:0 0 14px;font:500 17px/1.35 var(--f-b);color:var(--txt)}
.rotate-hint{display:none}
@media(orientation:landscape) and (max-height:520px){.hdr{padding-top:calc(6px + var(--safe-t));padding-bottom:4px}.infostrip{top:calc(var(--safe-t) + 14px)}.banner-ex{top:calc(var(--safe-t) + 46px)}}

.seat.sdw .act{bottom:auto;top:calc(100% + var(--av)*.52)}

.seat.me .hc{z-index:4}
.seat.me .hc .card.o0{left:calc(var(--av)*-1.62);top:calc(var(--av)*-.3);transform:rotate(-7deg)}
.seat.me .hc .card.o1{left:calc(var(--av)*-.82);top:calc(var(--av)*-.34);transform:rotate(6deg)}
.fx img.fchip.big{width:calc(var(--av)*.42);filter:drop-shadow(0 3px 5px #000a)}
.netb{position:fixed;z-index:200;left:50%;top:calc(env(safe-area-inset-top,0px) + 10px);transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:9px 18px;border-radius:22px;background:#1a0f08f0;box-shadow:0 0 0 1px #c9a24d88,0 8px 24px #000b;color:#f3dc92;font:700 14px var(--f-d);letter-spacing:.08em;text-transform:uppercase}
.netb i{width:14px;height:14px;border-radius:50%;border:2px solid #f3dc9255;border-top-color:#f3dc92;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.sp-t{font:700 15px var(--f-d);letter-spacing:.24em;text-transform:uppercase;color:#c9a24d;margin-top:-6px}
.sp-t b{animation:dots 1.2s infinite both}.sp-t b:nth-child(2){animation-delay:.2s}.sp-t b:nth-child(3){animation-delay:.4s}
@keyframes dots{0%,80%,100%{opacity:.2}40%{opacity:1}}
*{scrollbar-width:thin;scrollbar-color:#8a6a28 #120b07}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#120b07}::-webkit-scrollbar-thumb{background:#8a6a28;border-radius:6px}
.seat.turn .plate{box-shadow:0 0 0 2px #f3dc92,0 0 18px #f3dc9288}

.seat.me .hc .card{--cw:calc(var(--av)*.8)}
.seat.me .hc .card.o0{left:calc(var(--av)*-.78);top:calc(var(--av)*-1.12);transform:rotate(-7deg)}
.seat.me .hc .card.o1{left:calc(var(--av)*-.04);top:calc(var(--av)*-1.15);transform:rotate(6deg)}
@media(min-aspect-ratio:11/10){
.seat.me .hc .card.o0{left:calc(var(--av)*-1.55);top:calc(var(--av)*-.12);transform:rotate(-7deg)}
.seat.me .hc .card.o1{left:calc(var(--av)*-.8);top:calc(var(--av)*-.16);transform:rotate(6deg)}
}

@media(min-aspect-ratio:11/10){
.seat.me .hc .card.o0{left:calc(var(--av)*-1.8)}
.seat.me .hc .card.o1{left:calc(var(--av)*-1.02)}
}
@media(max-aspect-ratio:11/10){.mybar{flex-direction:column;gap:8px;left:max(8px,env(safe-area-inset-left,0px))}.mybar .rbtn{width:48px;height:48px}}
.seat .hc .card.sh{z-index:5}
.seat:not(.me) .hc .card.sh.o0{left:calc(var(--av)*-.08);top:calc(var(--av)*-.88)}
.seat:not(.me) .hc .card.sh.o1{left:calc(var(--av)*.42);top:calc(var(--av)*-.9)}
.board .slot,.board .empty{border-color:#f3dc9255!important;background:#0a2a2a66!important}
.card .fc .ix.t{width:44%;left:5%}
.card .fc .ix.t b{font-size:calc(var(--cw)*.33);letter-spacing:.01em;margin-right:0}
@media (min-width:700px) and (orientation:landscape){
.seat.me .hc .card.o0{left:calc(var(--av)*-2.3);top:calc(var(--av)*-.2)}
.seat.me .hc .card.o1{left:calc(var(--av)*-1.5);top:calc(var(--av)*-.24)}
}
/* round 2 */
.pre{display:flex;gap:8px;align-items:center}
.pre button{min-height:44px;padding:0 16px;border-radius:24px;border:1.5px solid #c9a24d88;background:#120c08d9;color:#e9d9ae;font:700 calc(var(--av)*.22)/1 var(--f-d);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .18s}
.pre button.on{background:linear-gradient(#f3dc92,#c9a24d);color:#2a1a08;border-color:#fff3c4;box-shadow:0 0 14px #f3dc9288}
.seat .ring::after{content:attr(data-s);position:absolute;right:-6%;top:-6%;min-width:calc(var(--av)*.36);height:calc(var(--av)*.36);border-radius:50%;background:#e5604e;color:#fff;font:800 calc(var(--av)*.26)/calc(var(--av)*.36) var(--f-d);text-align:center;display:none;box-shadow:0 0 0 2px #fff3c4}
.seat .ring[data-s]:not([data-s=""])::after{display:block;animation:tk .5s ease-in-out infinite alternate}
@keyframes tk{to{transform:scale(1.15)}}
.seat .ring{-webkit-mask:radial-gradient(circle,#0000 calc(50% - var(--av)*.12),#000 calc(50% - var(--av)*.115) calc(50% - 1px),#0000 50%);mask:radial-gradient(circle,#0000 calc(50% - var(--av)*.12),#000 calc(50% - var(--av)*.115) calc(50% - 1px),#0000 50%)}
@media(max-aspect-ratio:11/10){
.seat:not(.me) .hc .card.sh{--cw:calc(var(--av)*.5)}
.seat:not(.me) .hc .card.sh.o0{left:calc(var(--av)*-.02);top:calc(var(--av)*-.82)}
.seat:not(.me) .hc .card.sh.o1{left:calc(var(--av)*.36);top:calc(var(--av)*-.84)}
}
#lang{position:fixed;z-index:30;top:max(10px,env(safe-area-inset-top,0px));right:max(70px,env(safe-area-inset-right,0px));width:40px;height:34px;border-radius:17px;border:1.5px solid #c9a24d88;background:#120c08d9;color:#f3dc92;font:700 14px var(--f-d);cursor:pointer;display:none}
body.lobby.onhome #lang{display:block}
html[dir=rtl] .stage,html[dir=rtl] .table,html[dir=rtl] #ctrl,html[dir=rtl] .mybar,html[dir=rtl] .seat{direction:ltr}
html[dir=rtl] .hdr h1,html[dir=rtl] .hdr small{text-align:right}
body.he{font-family:'Rubik','Heebo',system-ui,sans-serif}
/* ===== table v2: padded leather rail, woven felt, embroidery ===== */
.art .wood{position:absolute;inset:-2.2%;border-radius:50%;background:
 repeating-linear-gradient(92deg,#0000 0 3px,#00000022 3px 4px,#0000 4px 9px),
 linear-gradient(#4a2c18,#2a160a 55%,#1a0d05);box-shadow:0 34px 46px -8px #000e,0 0 0 1.5px #000,inset 0 2px 2px #ffffff35,inset 0 -6px 10px #000a}
.art .rail{inset:0;background:
 radial-gradient(ellipse at 50% 6%,#ffffff3d,#0000 34%),
 radial-gradient(ellipse at 50% 100%,#00000066,#0000 40%),
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55 .9' numOctaves='2' seed='11'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .38 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)'/%3E%3C/svg%3E"),
 linear-gradient(#8a4524,#5a2a14 42%,#2b1409);
 background-blend-mode:normal,normal,overlay,normal;
 box-shadow:0 0 0 1.5px #000b,inset 0 4px 4px #ffffff4d,inset 0 -10px 18px #000a,inset 0 0 0 3px #00000040}
.art .rail::after{display:none}
.art .rail .stitch{position:absolute;inset:4.6%;border-radius:50%;border:2.2px dashed #f0dcaa;opacity:.8;filter:drop-shadow(0 1.5px 0 #000c);}
.art .rail .stitch::after{content:"";position:absolute;inset:-1.6%;border-radius:50%;box-shadow:inset 0 0 0 1px #00000030}
.art .brass{inset:11.2%;background:linear-gradient(#fff0b8,#c9a24d 30%,#7a5a1e 62%,#e2c372);box-shadow:0 3px 5px #000c,inset 0 1px 1px #fff}
.art .felt{inset:12.4%;background:
 radial-gradient(ellipse at 50% 38%,#1c8a6a 0%,#136b52 40%,#0a4435 78%,#052a21 100%);
 box-shadow:inset 0 12px 26px #000d,inset 0 0 50px #000a,inset 0 -2px 6px #ffffff18}
.art .felt::before{opacity:.5;mix-blend-mode:soft-light}
.art .felt::after{display:none}
.art .weave{position:absolute;inset:0;background:repeating-linear-gradient(45deg,#ffffff0a 0 1px,#0000 1px 3px),repeating-linear-gradient(-45deg,#0000000f 0 1px,#0000 1px 3px);mix-blend-mode:overlay}
.art .vig{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 50% 42%,#ffe9b022 0,#0000 46%,#00000066 100%)}
.art .emb{position:absolute;inset:7%;border-radius:50%;border:2px dotted #e9cf86;opacity:.55}
.art .emb2{position:absolute;inset:10.5%;border-radius:50%;border:1.5px solid #e9cf8688;box-shadow:0 0 0 4px #0000,0 0 0 5px #e9cf8630}
.art .emb::before,.art .emb::after{content:"";position:absolute;left:50%;width:9px;height:9px;background:#e9cf86;transform:translateX(-50%) rotate(45deg);opacity:.9}
.art .emb::before{top:-5px}.art .emb::after{bottom:-5px}
.art .emblem{position:absolute;left:50%;top:63%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:calc(var(--av)*.04);pointer-events:none}
.art .emblem .wm{position:static;transform:none;width:calc(var(--av)*1.0);opacity:.5;mix-blend-mode:normal;filter:sepia(.4) saturate(1.3) brightness(1.15) drop-shadow(0 1px 0 #0008)}
.art .emblem b{font:800 calc(var(--av)*.2)/1 var(--f-d);letter-spacing:.34em;margin-right:-.34em;color:#e9cf86;opacity:.62;text-shadow:0 1px 0 #000a,0 0 6px #e9cf8644}
.art .emblem i{font:600 calc(var(--av)*.11)/1 var(--f-d);letter-spacing:.4em;margin-right:-.4em;font-style:normal;color:#e9cf86;opacity:.4}
.art .tray{position:absolute;top:50%;width:6%;height:15%;transform:translateY(-50%);border-radius:40%;background:linear-gradient(#0c0604,#241208);box-shadow:inset 0 3px 6px #000,0 1px 0 #ffffff30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;opacity:0}
.art .sheen{position:absolute;inset:0;border-radius:50%;background:linear-gradient(115deg,#0000 30%,#ffffff12 42%,#0000 52%);mix-blend-mode:screen}
.floor{background:radial-gradient(#000f,#0000 70%)}
/* round 3 */
.seat .ring{inset:calc(var(--av)*-.2);background:conic-gradient(var(--rc,#f3dc92) calc(var(--p)*1%),#0009 0);filter:drop-shadow(0 0 7px var(--rc,#f3dc92));-webkit-mask:radial-gradient(circle closest-side,#0000 calc(100% - var(--av)*.12),#000 calc(100% - var(--av)*.115) calc(100% - 1px),#0000 100%);mask:radial-gradient(circle closest-side,#0000 calc(100% - var(--av)*.12),#000 calc(100% - var(--av)*.115) calc(100% - 1px),#0000 100%)}
.seat.turn .face{box-shadow:0 0 0 2px var(--rc,#f3dc92),0 0 22px var(--rc,#f3dc92)}
.seat .ring::after{right:-12%;top:-14%;min-width:calc(var(--av)*.42);height:calc(var(--av)*.42);font:800 calc(var(--av)*.3)/calc(var(--av)*.42) var(--f-d);background:#2a1a08;color:#f3dc92;box-shadow:0 0 0 2px #f3dc92,0 2px 6px #000a;z-index:6}
.seat .ring[data-lo="1"]::after{background:#d8392b;color:#fff;box-shadow:0 0 0 2px #fff3c4,0 0 14px #ff5a48}
.pre button.on{padding:0 18px;box-shadow:0 0 0 2px #fff3c4,0 0 16px #f3dc92aa}
html[dir=rtl] .st,html[dir=rtl] .t1,html[dir=rtl] .t2,html[dir=rtl] .r,html[dir=rtl] .n,html[dir=rtl] .hdr h1,html[dir=rtl] .hdr small,html[dir=rtl] .btn{unicode-bidi:plaintext}
#lang{top:max(10px,env(safe-area-inset-top,0px));bottom:auto;left:auto;right:150px;width:44px;height:36px;box-shadow:0 4px 12px #000a}html[dir=rtl] #lang{right:auto;left:150px}
body.lobby .pad{padding-bottom:calc(62px + var(--safe-b))}
.art .emblem{top:65%}
.art .emblem .wm{width:calc(var(--av)*.9);opacity:.85}
.art .emblem b{opacity:.9}
.art .emblem i{opacity:.65}
.art .vig{background:radial-gradient(ellipse at 50% 34%,#fff2c43c 0,#ffe9b01a 26%,#0000 52%,#000000770 100%)}
.art .felt{background:radial-gradient(ellipse at 50% 36%,#25a07a 0%,#17795c 38%,#0b4d3b 78%,#052a21 100%)}
.card .fc .ix b.q{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:calc(var(--cw)*.42)}
/* round 3b */
.seat .ring::after{display:none!important}
.seat .tb{position:absolute;right:calc(var(--av)*-.16);top:calc(var(--av)*-.2);min-width:calc(var(--av)*.46);height:calc(var(--av)*.46);padding:0 4px;box-sizing:border-box;border-radius:calc(var(--av)*.23);background:#2a1a08;color:#f3dc92;font:800 calc(var(--av)*.32)/calc(var(--av)*.46) var(--f-d);text-align:center;box-shadow:0 0 0 2.5px #f3dc92,0 3px 8px #000b;z-index:9;opacity:0;transform:scale(.6);transition:opacity .15s,transform .15s;pointer-events:none}
.seat .tb.on{opacity:1;transform:scale(1)}
.seat .tb.on.lo{background:#d8392b;color:#fff;box-shadow:0 0 0 2.5px #fff3c4,0 0 18px #ff5a48,0 3px 8px #000b;animation:tk .45s ease-in-out infinite alternate}
.bank{position:absolute;z-index:14;left:50%;transform:translateX(-50%) translateY(10px);bottom:calc(var(--av)*1.75 + var(--safe-b));padding:0 18px;min-height:40px;border-radius:22px;border:2px solid #fff3c4;background:linear-gradient(#f3dc92,#c9a24d);color:#2a1a08;font:800 calc(var(--av)*.22)/1 var(--f-d);letter-spacing:.08em;opacity:0;pointer-events:none;transition:all .2s;cursor:pointer;box-shadow:0 6px 16px #000a}
.bank.on{opacity:1;pointer-events:auto;transform:translateX(-50%)}
.art .emblem{top:64%}
.art .emblem .wm{width:calc(var(--av)*1.25);opacity:1;filter:sepia(.6) saturate(2.2) brightness(1.5) drop-shadow(0 2px 0 #000a)}
.art .emblem b{font-size:calc(var(--av)*.27);color:#f6dc8a;opacity:1;text-shadow:0 1px 0 #000c,0 0 10px #f3dc9288}
.art .emblem i{opacity:.85;color:#f0d68a;font-size:calc(var(--av)*.13)}
.pot{z-index:22}
@media(max-aspect-ratio:11/10){.art .emblem{top:31%}.art .emblem .wm{width:calc(var(--av)*.95)}.art .emblem b{font-size:calc(var(--av)*.22)}}
@media(max-aspect-ratio:11/10){.art .emblem{top:23%}.art .emblem .wm{width:calc(var(--av)*.75)}.art .emblem b{font-size:calc(var(--av)*.17)}.art .emblem i{font-size:calc(var(--av)*.09)}
.seat.topseat:not(.me) .hc .card.sh{--cw:calc(var(--av)*.46)}
.seat.topseat:not(.me) .hc .card.sh.o0{left:calc(var(--av)*.62);top:calc(var(--av)*-.05)}
.seat.topseat:not(.me) .hc .card.sh.o1{left:calc(var(--av)*.98);top:calc(var(--av)*-.08)}}
.seat.topseat:not(.me) .hc .card.sh.o0{left:calc(var(--av)*.7);top:calc(var(--av)*-.1)}
.seat.topseat:not(.me) .hc .card.sh.o1{left:calc(var(--av)*1.18);top:calc(var(--av)*-.12)}
@media(min-aspect-ratio:11/10){.art .emblem{top:71%;gap:2px}.art .emblem .wm{width:calc(var(--av)*.55)}.art .emblem b{font-size:calc(var(--av)*.2)}.art .emblem i{display:none}}
/* round 3c */
.bank{left:auto;right:max(10px,env(safe-area-inset-right,0px));transform:translateY(10px);bottom:calc(var(--av)*1.22 + 26px + var(--safe-b));min-height:34px;padding:0 14px;font-size:calc(var(--av)*.2)}
.bank.on{transform:none}
@media(min-aspect-ratio:11/10){
.art .emblem{top:75%;flex-direction:row;gap:calc(var(--av)*.18);align-items:center;white-space:nowrap}
.art .emblem .wm{width:calc(var(--av)*.62);order:0}
.art .emblem b{font-size:calc(var(--av)*.26);margin:0}
.art .emblem i{display:block;position:absolute;left:calc(var(--av)*.8);top:calc(100% - 2px);font-size:calc(var(--av)*.115);opacity:.9;margin:0}
}
@media(min-aspect-ratio:11/10){.art .emblem{left:57%;top:74%}.art .emblem .wm{width:calc(var(--av)*.8)}.art .emblem b{font-size:calc(var(--av)*.3)}.art .emblem i{left:calc(var(--av)*1.05);font-size:calc(var(--av)*.13)}}
@media(min-aspect-ratio:11/10){.art .emblem{top:78%}.art .emblem .wm{width:calc(var(--av)*.62)}.art .emblem b{font-size:calc(var(--av)*.28)}}

/* ===== painted scene (round 4) ===== */
.table-scr .room,.table-scr .art,.table-scr .floor{display:none}
.scene{position:absolute;inset:0;background:#0d1a17;overflow:hidden;z-index:0}
.scene img{position:absolute;max-width:none;-webkit-mask:linear-gradient(#0000,#000 9%,#000 94%,#0000);mask:linear-gradient(#0000,#000 9%,#000 94%,#0000)}
.table-scr .scene::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,#0000 55%,#0008 100%)}
/* round 4: quieter chrome, scene does the talking */
.seat .plate{background:linear-gradient(#1a1410d9,#0c0907e6);box-shadow:0 calc(var(--av)*.05) calc(var(--av)*.12) #0009;border-radius:calc(var(--av)*.12);min-width:calc(var(--av)*1.2);padding:calc(var(--av)*.04) calc(var(--av)*.1) calc(var(--av)*.06)}
.seat .plate .n{color:#d9cdb4;font-size:calc(var(--av)*.17)}
.seat .plate .s{color:#f1d98c}
.seat .face{box-shadow:0 0 0 calc(var(--av)*.03) #f0e2bd,0 0 0 calc(var(--av)*.06) #1a1109,0 calc(var(--av)*.08) calc(var(--av)*.14) #000a}
.seat.turn .face{box-shadow:0 0 0 calc(var(--av)*.03) #f0e2bd,0 0 0 calc(var(--av)*.07) #f3dc92,0 0 calc(var(--av)*.35) calc(var(--av)*.06) #f3dc92aa}
.table-scr .cb{width:calc(var(--av)*1.02);height:calc(var(--av)*1.02);font-size:calc(var(--av)*.23);box-shadow:0 calc(var(--av)*.06) calc(var(--av)*.14) #000b,inset 0 0 0 calc(var(--av)*.03) #ffffff55,inset 0 calc(var(--av)*.06) calc(var(--av)*.1) #ffffff40}
.table-scr .infostrip{left:14px;transform:none;top:calc(var(--safe-t) + 64px)}
.board .slot,.board .empty{border:1px dashed #f3dc9226!important;background:none!important;box-shadow:none!important}

.pool{position:absolute;pointer-events:none;border-radius:50%;z-index:1;background:radial-gradient(ellipse at 50% 38%,#ffe2a05c 0,#ffd68a26 38%,#0000 68%);mix-blend-mode:screen}
.seat.me .hc .card{--cw:calc(var(--av)*.74)}
.seat.me .hc .card.o0{left:calc(var(--av)*-1.28)!important;top:calc(var(--av)*-.1)!important}
.seat.me .hc .card.o1{left:calc(var(--av)*-.52)!important;top:calc(var(--av)*-.12)!important}
.card{box-shadow:0 2px 3px #0009,0 6px 10px #0006}
.bet .cs img{width:calc(var(--av)*.42)!important;height:calc(var(--av)*.42)!important}
.bet .v{font-size:calc(var(--av)*.2)}
@media(max-width:480px){.thead h1{font-size:19px;letter-spacing:.03em}}
.seat.me .hc .card{--cw:calc(var(--av)*.62)}
.seat.me .hc .card.o0{left:calc(var(--av)*-1.2)!important;top:calc(var(--av)*-.05)!important}
.seat.me .hc .card.o1{left:calc(var(--av)*-.76)!important;top:calc(var(--av)*-.08)!important}

html[dir=rtl] .table-scr .infostrip{left:auto;right:14px;direction:rtl;white-space:nowrap;font-size:12px}
.table-scr .infostrip{white-space:nowrap}
.seat .act{bottom:auto;top:calc(var(--av)*-.28)}
.seat.me .act{top:calc(var(--av)*-.52)}
body,.table-scr .infostrip{font-family:'Barlow',system-ui,sans-serif}
.pool{display:none}
.table-scr .scene::after{background:radial-gradient(ellipse at 50% 55%,#0000 62%,#0006 100%)}
.scene img{-webkit-mask:none;mask:none}

.bet .cs{display:flex;align-items:flex-end;gap:calc(var(--av)*.03);position:relative;height:auto!important;width:auto!important}
.bet .cs .col{position:relative;width:calc(var(--av)*.34)}
.bet .cs .col img{position:absolute;left:0;width:calc(var(--av)*.34)!important;height:calc(var(--av)*.34)!important;filter:drop-shadow(0 1px 1px #000a)}
.bet .cs .col::after{content:"";position:absolute;left:8%;right:-6%;bottom:-3%;height:18%;border-radius:50%;background:#0007;filter:blur(2px);z-index:-1}
.seat.me .hc .card{--cw:calc(var(--av)*.6)}
.seat.me .hc .card.o0{left:calc(var(--av)*-1.32)!important;top:calc(var(--av)*.18)!important}
.seat.me .hc .card.o1{left:calc(var(--av)*-.88)!important;top:calc(var(--av)*.15)!important}
.table-scr .infostrip{background:#0a0807b3;padding:3px 10px;border-radius:12px;color:#e6dcc4}
html[dir=rtl] .thead h1{font-size:16px;max-width:42vw}
.seat.me .hc .card.o0{left:calc(var(--av)*-1.55)!important}.seat.me .hc .card.o1{left:calc(var(--av)*-1.08)!important}

.seat.me .hc .card.o0{top:calc(var(--av)*.3)!important;left:calc(var(--av)*-1.6)!important}.seat.me .hc .card.o1{top:calc(var(--av)*.27)!important;left:calc(var(--av)*-1.12)!important}
.table-scr.portrait .seat .plate{min-width:calc(var(--av)*1.0)}
.table-scr.portrait .bank{top:calc(var(--safe-t) + 66px);bottom:auto;right:12px;left:auto}
@media(max-width:480px){.thead h1{font-size:14px;letter-spacing:0}html[dir=rtl] .thead h1{font-size:14px}.chipbal{padding:4px 10px 4px 5px;font-size:15px}}

.table-scr:not(.portrait) .seat.me .act{left:50%;top:calc(var(--av)*1.5);bottom:auto}
.table-scr .bank{top:calc(var(--safe-t) + 66px);bottom:auto;right:12px;left:auto}
/* PLO: four hole cards, fanned around the two base anchors */
.vchip{display:inline-block;margin-left:8px;padding:3px 8px;border-radius:6px;font:700 11px/1 var(--f-d);letter-spacing:.12em;text-transform:uppercase;vertical-align:middle;background:#c9a24d;color:#2a1b06}
.vchip.short{background:#7fb5a0;color:#10261f}
.seat .hc[data-n="4"] .card[style*="--k"]{margin-left:calc(var(--av)*.13*var(--k));--cw:calc(var(--av)*.4)}
.seat:not(.me) .hc[data-n="4"] .card.sh[style*="--k"]{margin-left:calc(var(--av)*.2*var(--k));--cw:calc(var(--av)*.4)}
.seat.me .hc[data-n="4"] .card[style*="--k"]{--cw:calc(var(--av)*.6);margin:0!important;left:calc(var(--av)*.44*var(--k) - var(--cw)/2)!important;top:calc(var(--av)*-.82)!important;transform:rotate(calc(var(--k)*5deg))!important}

.board .card.flipin{animation:flipIn .32s ease-out both}
@keyframes flipIn{from{transform:rotateY(90deg) scale(.96)}to{transform:none}}
#sndb[aria-pressed=false]{opacity:.7}
@media(min-aspect-ratio:11/10){.seat.me .hc[data-n="4"] .card[style*="--k"]{left:calc(var(--av)*(-2.45 + .38*var(--k)) - var(--cw)/2)!important;top:calc(var(--av)*-.02)!important}}
.bet.ai .v{background:#7a1f16;color:#ffe9c4;box-shadow:inset 0 0 0 1px #ffb15a88,0 2px 6px #000a;white-space:nowrap}
@media(max-aspect-ratio:11/10){.seat.me .hc[data-n="2"] .card[style*="--k"]{--cw:calc(var(--av)*.74);margin:0!important;left:calc(var(--av)*.5*var(--k) - var(--cw)/2)!important;top:calc(var(--av)*-.98)!important;transform:rotate(calc(var(--k)*9deg))!important}}
@media(max-aspect-ratio:11/10){.seat.me .act{left:50%;top:calc(var(--av)*1.42);bottom:auto}}
@media(max-aspect-ratio:11/10){
.seat:not(.me):not(.topseat)[data-side="l"] .hc[data-n="2"] .card.o0,.seat:not(.me):not(.topseat)[data-side="r"] .hc[data-n="2"] .card.o0,.seat:not(.me):not(.topseat)[data-side="l"] .hc[data-n="2"] .card.o0.sh,.seat:not(.me):not(.topseat)[data-side="r"] .hc[data-n="2"] .card.o0.sh{left:calc(var(--av)*-.5)!important;top:calc(var(--av)*-.78)!important;transform:rotate(-7deg)!important}
.seat:not(.me):not(.topseat)[data-side="l"] .hc[data-n="2"] .card.o1,.seat:not(.me):not(.topseat)[data-side="r"] .hc[data-n="2"] .card.o1,.seat:not(.me):not(.topseat)[data-side="l"] .hc[data-n="2"] .card.o1.sh,.seat:not(.me):not(.topseat)[data-side="r"] .hc[data-n="2"] .card.o1.sh{left:calc(var(--av)*-.02)!important;top:calc(var(--av)*-.8)!important;transform:rotate(6deg)!important}
}
@media(max-aspect-ratio:11/10){.seat:not(.me):not(.topseat)[data-side="l"] .act,.seat:not(.me):not(.topseat)[data-side="r"] .act{left:50%;top:calc(var(--av)*1.34);bottom:auto}}
@media(max-height:460px){.sheet{max-height:94vh;overflow-y:auto}.sheet h2{margin:0 0 6px;font-size:20px}}
@media(max-width:400px){.thead h1{font-size:12px!important}}
.acct{font:600 .72em var(--f-b);color:var(--mut);letter-spacing:.02em;margin-inline-start:4px}
.leather.guest{display:flex;align-items:center;gap:10px;width:100%;margin:10px 0 0;padding:12px 14px;border:0;color:inherit;text-align:start}
.leather.guest .t1{font:700 15px var(--f-d);color:var(--brass-hi)}
.leather.guest .t2{font:500 12.5px var(--f-b);color:var(--mut);margin-top:2px;line-height:1.3}
.leather.guest .go{font-size:26px;color:var(--brass-hi)}
.fine{font:500 12px var(--f-b);color:var(--mut);text-align:center;margin-top:12px;line-height:1.35}
.lbal{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}.lbal img{width:28px;height:28px}.lbal b{font:800 32px var(--f-d);color:var(--brass-hi)}
.lscroll{max-height:46vh;overflow:auto}
.lrow{display:flex;justify-content:space-between;align-items:center;padding:9px 2px;border-bottom:1px solid #ffffff12;font:600 15px var(--f-d)}
.lrow small{display:block;font:500 11.5px var(--f-b);color:var(--mut);margin-top:1px}
.lrow .pos{color:#7fd08a}.lrow .neg{color:#e58a7c}
.acct{text-transform:none}
.sheet,.lscroll{scrollbar-width:none}.sheet::-webkit-scrollbar,.lscroll::-webkit-scrollbar{display:none}
body.lobby .pad{padding-bottom:72px}
@media(max-height:460px){.avgrid{grid-template-columns:repeat(8,1fr);gap:6px}.lscroll{max-height:36vh}.lbal{margin-bottom:4px}.lbal b{font-size:26px}.sheet .btn{min-height:42px}.fine{margin-top:8px}}
@media(max-aspect-ratio:11/10){.mybar{flex-direction:row;gap:4px;left:max(6px,env(safe-area-inset-left,0px));bottom:calc(8px + var(--safe-b))}.mybar .rbtn{width:34px;height:34px}.mybar .rbtn svg{width:18px;height:18px}}
@media(max-width:400px){.leather.me .st{font-size:12px;white-space:nowrap}.leather.me .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

.rebuybtn{min-height:48px;padding:0 26px;font-size:16px;white-space:nowrap}
@media(max-aspect-ratio:11/10){.ctrl{max-width:calc(100% - 132px)}.pre{gap:6px}.pre button{padding:0 10px;font-size:11.5px;letter-spacing:.03em;white-space:nowrap;min-height:42px}.pre button.on{padding:0 10px}}
.fbadge{position:absolute;top:-6px;inset-inline-end:-4px;min-width:22px;height:22px;border-radius:11px;background:#d8392b;color:#fff;font:800 13px/22px var(--f-d);text-align:center;box-shadow:0 0 0 2px #1a1109}

.bet{z-index:30}
@media(max-aspect-ratio:11/10){
.nine .seat.me .hc[data-n="2"] .card[style*="--k"]{--cw:calc(var(--av)*.56);top:calc(var(--av)*-.78)!important}
.nine .pot .amt{font-size:calc(var(--av)*.24);padding:2px 10px 2px 4px}
.nine .pot .amt img{width:calc(var(--av)*.26);height:calc(var(--av)*.26)}
.nine .pre button{min-height:36px;font-size:11px}
}
.hdr{flex-wrap:nowrap}.ontbl{position:absolute;top:calc(max(10px,env(safe-area-inset-top,0px)) + 40px);inset-inline-end:12px;font:600 12px var(--f-d);color:var(--mut);letter-spacing:.06em;white-space:nowrap}
.ontbl{background:none;border:0;padding:4px 6px;inset-inline-end:18px!important;color:var(--brass-hi)!important;cursor:pointer;text-decoration:underline;text-underline-offset:3px}html[dir=rtl] .ontbl{direction:rtl}
.rolecard{display:flex;align-items:center;gap:8px;padding:12px 14px;margin-bottom:10px;flex-wrap:wrap}.rolecard .t1{font:700 18px var(--f-d);color:var(--brass-hi);letter-spacing:.06em;text-transform:uppercase}.rolecard .t2{font:500 13px var(--f-b);color:var(--mut)}.rolecard .btn{min-height:40px;padding:0 14px;font-size:14px}

/* ---- OFC */
.ofc{--ocw:52px}
.ofc .obody{position:relative;z-index:2;flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:5px;padding:0 10px calc(8px + var(--safe-b))}
.ofc .ozone{flex:none;border-radius:16px;padding:6px 8px 6px;background:radial-gradient(ellipse at 50% 30%,#17727d,var(--felt) 55%,var(--felt2));box-shadow:inset 0 0 0 1px #0007,inset 0 0 0 3px #c9a24d33,0 6px 14px #0008}
.ofc .ozone.opp{padding:6px 8px}
.ofc .oplayer{display:flex;align-items:center;gap:8px;min-height:30px;margin-bottom:2px}
.ofc .oav{width:30px;height:30px;border-radius:50%;background:#0006 center/cover;box-shadow:0 0 0 2px var(--brass-lo),0 2px 4px #0008;flex:none}
.ofc .oav.empty{background:#0004;box-shadow:0 0 0 2px #fff2}
.ofc .onm{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.1}
.ofc .onm b{font:700 15px var(--f-d);letter-spacing:.06em;color:var(--ivory);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ofc .onm span{font:600 13px var(--f-b);color:var(--brass-hi)}
.ofc em{font:700 11px var(--f-d);font-style:normal;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:10px;flex:none}
.ofc em.flb{background:var(--brass);color:#2a1b06}.ofc em.okb{background:#0005;color:var(--ivory)}
.ofc .oleave{width:34px;height:34px;flex:none;transform:scaleX(1)}
.ofc .obd{display:flex;flex-direction:column;gap:3px;align-items:center}
.ofc .orow{width:100%;display:flex;flex-direction:column;align-items:center;border-radius:10px;padding:2px 0}
.ofc .orow.tgt{background:#f3dc9226;box-shadow:inset 0 0 0 2px #f3dc9288}
.ofc .orc{width:calc(var(--ocw)*5 + 16px);max-width:100%;display:flex;align-items:baseline;gap:8px;font:700 11px var(--f-d);letter-spacing:.12em;text-transform:uppercase;color:#ffffffaa;margin-bottom:1px}
.ofc .orc i{flex:1;font:600 12px var(--f-b);font-style:normal;letter-spacing:0;text-transform:none;color:var(--brass-hi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ofc .orc b{color:#ffe9a8;font:700 13px var(--f-d)}
.ofc .ocards{display:flex;gap:4px;justify-content:center}
.ofc .os{width:var(--ocw);height:calc(var(--ocw)*1.42);flex:none;--cw:var(--ocw)}
.ofc .os .card{--cw:var(--ocw)}
.ofc .os.empty{border-radius:calc(var(--ocw)*.1);background:#00000030;box-shadow:inset 0 0 0 1.5px #ffffff30}
.ofc .os.pend .card{box-shadow:0 0 0 2px var(--brass-hi),0 4px 10px #000a;border-radius:calc(var(--ocw)*.1)}
.ofc .ozone.opp{--mcw:calc(var(--ocw)*.5)}
.ofc .opp .os{width:var(--mcw);height:calc(var(--mcw)*1.42);--cw:var(--mcw)}
.ofc .opp .os .card{--cw:var(--mcw)}
.ofc .opp .orc{display:none}
.ofc .opp .ocards{gap:2px}
.ofc .ostrip{display:flex;flex-direction:column;gap:4px;padding:0 6px;min-height:26px;justify-content:center}
.ofc .ostrip span{font:700 14px var(--f-d);letter-spacing:.06em;text-transform:uppercase;color:var(--brass-hi);text-align:center;text-shadow:0 1px 2px #000}
.ofc .otm{height:4px;border-radius:2px;background:#0006;overflow:hidden}.ofc .otm i{display:block;height:100%;width:0;background:var(--brass);border-radius:2px}.ofc .otm i.low{background:#d9694e}
.ofc .otray{display:flex;gap:4px;justify-content:center;flex-wrap:nowrap;margin-top:6px;min-height:calc(var(--ocw)*1.42)}
.ofc .ot{width:var(--ocw);height:calc(var(--ocw)*1.42);--cw:var(--ocw);transition:transform .12s}
.ofc .ot .card{--cw:var(--ocw)}
.ofc .ot.sel{transform:translateY(-10px)}.ofc .ot.sel .card{box-shadow:0 0 0 3px var(--brass-hi),0 8px 14px #000a;border-radius:calc(var(--ocw)*.1)}
.ofc .oacts{display:flex;gap:10px;margin-top:6px}.ofc .oacts .btn{flex:1;min-height:42px}
.ofc .ores{position:absolute;left:14px;right:14px;top:auto;bottom:calc(10px + var(--safe-b));z-index:6;padding:12px 14px;border-radius:16px;text-align:center;background:linear-gradient(#2a1b10f2,#150d07f2);box-shadow:0 0 0 1px #000,0 0 0 2px var(--brass-lo),0 12px 30px #000c}
.ofc .ores .rt{font:700 14px var(--f-d);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.ofc .ores .rp{font:800 34px/1.1 var(--f-d);color:var(--ivory)}.ofc .ores.win .rp{color:#8fdc9c}.ofc .ores.lose .rp{color:#e9a487}
.ofc .ores .ra{font:600 15px var(--f-b);color:var(--brass-hi);margin-bottom:6px}
.ofc .ores .rr{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.ofc .ores .rr span{font:700 12px var(--f-d);letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:9px;background:#fff1;color:var(--mut)}
.ofc .ores .rr span.w{background:#2f7a4a;color:#e8ffe9}.ofc .ores .rr span.l{background:#7a3328;color:#ffe6df}
.ofc .ores .rn{margin-top:6px;font:500 13px var(--f-b);color:var(--mut)}
.ofc.land .obody{flex-direction:row;align-items:stretch}
.ofc.land .ozone.opp{width:34%;flex:none}.ofc.land .ostrip{position:absolute;left:0;right:0;bottom:2px}
.ofc.land .ozone.mine{flex:1;overflow:auto}
.ofc.land .ores{top:28%;left:30%}
.ofc .ozone{display:block}
.ofc .ozone .obd{width:100%;height:auto;position:static}
.ofc .opp .orow{padding:1px 0}
.ofc.land .ozone.opp{width:28%}
.ofc.land .ozone.mine{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;column-gap:12px;overflow:hidden}
.ofc.land .ozone.mine>.oplayer{grid-column:1/3}
.ofc.land .ozone.mine>.obd{grid-column:1;grid-row:2;width:auto}
.ofc.land .ozone.mine>.otray{grid-column:2;grid-row:2;flex-wrap:wrap;align-content:center;align-self:center;margin:0;min-height:0}
.ofc.land .ozone.mine>.otray .ot{margin:2px}
.ofc.land .ozone.mine>.oacts{grid-column:1/3;grid-row:3}
.ofc.land .ostrip{bottom:2px}
.ofc.land .ostrip{right:auto;width:28%;bottom:8px;left:10px}
.ofc.land .ozone.mine{padding-bottom:4px}
.ofc.land .ozone.mine>.obd{grid-row:2/4}
.ofc.land .ozone.mine>.oacts{grid-column:2;grid-row:3;align-self:end}
.ofc.land .ores{top:auto;bottom:10px;left:30%}
.ofc .ores{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 10px;padding:8px 12px 8px}
.ofc .ores .rt{font-size:13px}.ofc .ores .rp{font-size:24px;line-height:1.1}.ofc .ores .ra{margin:0;font-size:14px}
.ofc .ores .rr{width:100%;gap:4px;margin-top:2px}.ofc .ores .rr span{font-size:11px;padding:2px 7px}
.ofc .ores .rn{width:100%;margin-top:2px;font-size:12px;line-height:1.25}
.ofc.land .ostrip{left:auto;right:auto;inset-inline-start:10px}
.ofc.land .ores{left:auto;inset-inline-start:30%}
.ofc .otray{flex-wrap:wrap}
#osb{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}

.mem .chev{font:700 28px var(--f-d);color:var(--brass);margin-inline-start:10px;line-height:1}[dir=rtl] .mem .chev{transform:scaleX(-1)}
.scr:not(.ofc) .room.dim::before{background:linear-gradient(rgba(8,5,3,.45),rgba(8,5,3,.62) 38%,#0b0907 78%)}
.hist .h{cursor:pointer}.hist .alog{margin-top:8px;padding-top:8px;border-top:1px solid #c9a24d33}.hist .st{font:700 12px var(--f-d);letter-spacing:.14em;color:var(--brass);text-transform:uppercase;margin:6px 0 2px}.hist .ac{display:flex;justify-content:space-between;font:500 14px var(--f-b);color:#d8cbb0;padding:2px 0}.hist .more{text-align:center;font:600 12px var(--f-d);letter-spacing:.1em;color:var(--brass);margin-top:8px}
.rpanel .big{display:none}.rpanel{padding:calc(var(--av)*.14) calc(var(--av)*.18);width:calc(var(--av)*3.7)}.rpanel .presets{margin-bottom:2px}.rpanel .presets button{font-size:calc(var(--av)*.17);padding:0 2px}
input[type=range]{direction:ltr}
.table-scr .infostrip{padding:3px 10px;border-radius:12px;background:rgba(8,5,3,.6);gap:8px;letter-spacing:.08em}
html[dir=rtl] .table-scr .infostrip{font-size:12px;letter-spacing:.03em}
.vchip{margin-left:0;margin-inline-start:8px}.vchip.nlhe{background:#2c4a3c;color:#cfe8d9}
@media(max-aspect-ratio:11/10){.seat.me .act{top:calc(var(--av)*.36)!important}}
.netb{top:calc(env(safe-area-inset-top,0px) + 62px)!important;transform:none!important;padding:6px 12px!important;font-size:13px!important}
html:not([dir=rtl]) .netb{left:auto!important;right:12px}html[dir=rtl] .netb{left:12px!important;right:auto}
.ofc .ozone{border-radius:20px;padding:8px 10px;margin:0 4px;background:radial-gradient(ellipse at 50% 28%,#2b8a62,#1a5e44 55%,#0f3a2b);box-shadow:inset 0 2px 10px #0009,0 0 0 4px #6a3f1e,0 0 0 5px #c9a24d,0 8px 16px #000b}
.ofc .os.empty{background:#06231a66;box-shadow:inset 0 0 0 1.5px #f3dc9255,inset 0 2px 5px #0008;border-radius:calc(var(--ocw)*.12)}
.ofc .orc{color:#f3dc92cc}
.ofc .obody{gap:12px;padding-top:6px}
.ofc .ostrip span{font-size:15px}
.scr .pad{padding-bottom:calc(44px + var(--safe-b));-webkit-mask-image:linear-gradient(#000 calc(100% - 30px),transparent);mask-image:linear-gradient(#000 calc(100% - 30px),transparent)}
.row2 .btn{white-space:nowrap;font-size:16px;letter-spacing:.06em;padding-inline:8px}
@media(orientation:landscape) and (max-height:520px){
.tfw{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:6px;-webkit-overflow-scrolling:touch}
.tfw .presets{display:flex!important;flex:none;gap:6px;margin:0!important}
.tfw .presets button{flex:none;min-width:64px;padding:0 12px!important;height:34px!important;white-space:nowrap}
}
@media(max-aspect-ratio:11/10){.seat.me .tb{right:auto;left:calc(var(--av)*-.26);top:calc(var(--av)*.3)}}
.seat:not(.me)[data-side="r"] .hc{transform:translateX(calc(var(--av)*-.42))}
.seat:not(.me)[data-side="l"] .hc{transform:translateX(calc(var(--av)*.1))}
@keyframes oflash{0%{transform:scale(1.25);filter:brightness(1.6)}100%{transform:none;filter:none}}.ofc .os.flash .card{animation:oflash .4s ease-out}
.rpanel .presets{direction:ltr}

.mem .chev{font:700 13px var(--f-d);letter-spacing:.06em;text-transform:uppercase;padding:12px 4px 12px 10px;margin-inline-start:6px;white-space:nowrap}.mem .chev span{font-size:13px}
.mem .net{margin-left:0;margin-inline-start:auto}

.leather.me .nm{white-space:normal;overflow:visible}.leather.me .nm .nmt{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leather.me .nm .acct{display:block;unicode-bidi:isolate;text-align:start;font-size:12px;letter-spacing:.04em;text-transform:none;margin-top:3px;opacity:.75}

.seat .act{pointer-events:none}@media(max-aspect-ratio:11/10){.seat:not(.me):not(.topseat)[data-side="r"] .act{top:calc(var(--av)*-.3);left:50%}}

.thead h1,#otl{display:flex;align-items:center;min-width:0;max-width:none!important}.thead h1 .tn,#otl .tn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto}.thead h1 .vchip,#otl .vchip{flex:none}
@media(max-aspect-ratio:11/10){.seat.me .act{top:calc(var(--av)*-.2)!important}}
#toast{top:calc(var(--safe-t) + 74px)}

.mem .chev{font-size:15px;padding:14px 6px}

.pad,.scr,.obody,body,html{scrollbar-width:none}.pad::-webkit-scrollbar,.scr::-webkit-scrollbar,.obody::-webkit-scrollbar,body::-webkit-scrollbar,html::-webkit-scrollbar{display:none;width:0;height:0}
.ofc .oacts{position:sticky;bottom:0;z-index:6}
@media(max-height:700px) and (max-aspect-ratio:11/10){.ofc .obody{gap:8px}}

@media(max-aspect-ratio:11/10) and (max-width:420px){.pot .amt small{display:none}.pot .amt{padding:3px 11px 3px 5px}.board{transform:translate(-50%,-50%) scale(.9)}.seat:not(.me):not(.topseat)[data-side="r"] .hc.sdw,.seat:not(.me):not(.topseat)[data-side="r"] .hc{z-index:2}}

[dir=rtl] .mem .chev{transform:none}.mem .chev i{font-style:normal;display:inline-block}[dir=rtl] .mem .chev i{transform:scaleX(-1)}
@media(max-aspect-ratio:11/10){.seat:not(.me):not(.topseat)[data-side="r"] .hc{transform:none!important}.seat:not(.me):not(.topseat)[data-side="r"] .hc[data-n="2"] .card.o0,.seat:not(.me):not(.topseat)[data-side="r"] .hc[data-n="2"] .card.o0.sh{left:calc(var(--av)*-.12)!important;top:calc(var(--av)*-.66)!important}.seat:not(.me):not(.topseat)[data-side="r"] .hc[data-n="2"] .card.o1,.seat:not(.me):not(.topseat)[data-side="r"] .hc[data-n="2"] .card.o1.sh{left:calc(var(--av)*.36)!important;top:calc(var(--av)*-.68)!important}}
@media(max-aspect-ratio:11/10){.seat:not(.me):not(.topseat)[data-side="l"] .hc[data-n="4"]{transform:translate(calc(var(--av)*-.3),calc(var(--av)*-.5)) scale(.85)!important;transform-origin:left center}.seat:not(.me):not(.topseat)[data-side="r"] .hc[data-n="4"]{transform:translate(calc(var(--av)*.1),calc(var(--av)*-.5)) scale(.85)!important;transform-origin:right center}}
@media(max-aspect-ratio:11/10){.seat:not(.me):not(.topseat)[data-side="l"] .act{top:calc(var(--av)*-.3);left:50%}}
@media(max-aspect-ratio:11/10){.seat.topseat:not(.me) .act{top:calc(var(--av)*.28)!important;bottom:auto!important;left:50%}}
/* ---- lobby redesign: flat data rows, distinct control weights */
.hm .hhd{position:relative;z-index:5;display:flex;align-items:center;gap:10px;padding:calc(10px + var(--safe-t)) 14px 8px}
.hm .hhd .avr{width:42px;height:42px;box-shadow:0 0 0 2px var(--brass-lo)}
.hm .who{flex:1;min-width:0}.hm .who b{display:block;font:700 16px/1.15 var(--f-b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--txt)}
.hm .who small{display:block;font:500 12.5px var(--f-b);color:#c4b79f;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm .chipbal{font:700 16px var(--f-b);padding:5px 12px 5px 6px}
.hm .ontbl2{position:absolute;inset-inline-end:14px;top:calc(58px + var(--safe-t));font:600 11.5px var(--f-b);color:#c4b79f;white-space:nowrap}
.hm .hpad{padding-top:6px;padding-bottom:12px}
.srch{display:flex;align-items:center;gap:9px;height:42px;padding:0 12px;border-radius:10px;background:#120c08e6;box-shadow:inset 0 0 0 1px #c9a24d40}
.srch svg{width:18px;height:18px;stroke:#c4b79f;fill:none;stroke-width:2.2;stroke-linecap:round;flex:none}
.srch input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--txt);font:500 15px var(--f-b);user-select:text;-webkit-user-select:text}
.srch input::placeholder{color:#a79a84}
.gstrip{display:flex;align-items:center;width:100%;margin-top:10px;padding:0 12px;height:38px;border-radius:10px;background:#c9a24d1f;color:var(--brass-hi);font:600 13.5px var(--f-b);box-shadow:inset 0 0 0 1px #c9a24d55;text-align:start}
.gstrip span{flex:1}.gstrip i{font-style:normal;font-size:22px}
.hm .sec{font:700 12px var(--f-b);letter-spacing:.14em;color:#c4b79f;margin:16px 2px 8px}.hm .sec::after{background:#c9a24d33}
.clist{display:flex;flex-direction:column;gap:8px}
.crow{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border-radius:12px;background:#1b130de6;box-shadow:inset 0 0 0 1px #c9a24d2e;text-align:start;color:inherit}
.crow:active{background:#2a1c12}
.crow .cm{flex:1;min-width:0}.crow .t1{font:700 17px/1.15 var(--f-b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crow .t2{font:500 12.5px var(--f-b);color:#c4b79f;margin-top:4px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.crow .chv{font-style:normal;font-size:24px;color:var(--brass);flex:none}
[dir=rtl] .crow .chv{transform:scaleX(-1)}
.hm .jc{margin-top:12px}.hm .jc .btn{min-height:44px;font-size:15px}
.emp2{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 16px;margin:6px 0;border-radius:12px;background:#120c08cc;box-shadow:inset 0 0 0 1px #c9a24d2e;text-align:center}
.emp2 b{font:700 16px var(--f-b);color:var(--txt)}.emp2 span{font:500 13px var(--f-b);color:#c4b79f}.emp2 .btn{margin-top:8px;min-height:40px;padding:0 20px}
.bnav{position:relative;z-index:6;display:flex;flex:none;background:#0d0805;border-top:1px solid #c9a24d44;padding-bottom:var(--safe-b)}
.bnav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:56px;color:#a79a84;font:600 11.5px var(--f-b)}
.bnav button svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.bnav button.on{color:var(--brass-hi)}.bnav button.dis{opacity:.55}
.bnav .fbadge{position:absolute;top:6px;inset-inline-start:calc(50% + 6px)}
/* club lobby */
.tfw{margin-bottom:6px}
.gseg{display:flex;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 1px #c9a24d40;background:#120c08e6}
.gseg button{flex:1;height:36px;padding:0 2px;font:600 13px var(--f-b);color:#c4b79f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gseg button.on{background:#c9a24d;color:#2a1b06}
.fchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}
.fchips button{height:30px;padding:0 11px;border-radius:15px;font:600 12.5px var(--f-b);color:#c4b79f;white-space:nowrap;box-shadow:inset 0 0 0 1px #c9a24d44}
.fchips button.on{background:#c9a24d2e;color:var(--brass-hi);box-shadow:inset 0 0 0 1.5px var(--brass)}
.fsep{width:1px;height:18px;background:#c9a24d44;margin:0 2px}
.thd,.trow{display:grid;grid-template-columns:minmax(0,1fr) 64px 44px 62px;align-items:center;column-gap:8px}
.thd{padding:12px 12px 4px;font:700 10.5px var(--f-b);letter-spacing:.1em;color:#a79a84;text-transform:uppercase}
.thd span:nth-child(2),.thd span:nth-child(3){text-align:center}
.trow{min-height:56px;padding:6px 12px;border-bottom:1px solid #c9a24d26;background:#150e0acc}
.trow:first-of-type{border-top-left-radius:10px}
.trow:active{background:#241810}
.trow .t1{font:700 15.5px/1.15 var(--f-b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trow .t2{margin-top:3px}
.vt{display:inline-block;font:700 10.5px/1 var(--f-b);letter-spacing:.06em;text-transform:uppercase;padding:3px 6px;border-radius:5px;background:#2c4a3c;color:#cfe8d9}
.vt.plo{background:#4b3560;color:#e4d4f2}.vt.short{background:#7fb5a0;color:#10261f}.vt.ofc{background:#5a3a22;color:#f1d9b0}
.trow .ts{text-align:center;font:700 14px var(--f-b);color:var(--brass-hi);white-space:nowrap}
.trow .to{text-align:center;font:500 13px var(--f-b);color:#c4b79f}.trow .to b{font-weight:700;color:var(--txt)}
.trow .to.hot b{color:#8fd19e}.trow .to.full b{color:#e08a7d}
.btn.sm{min-height:36px;height:36px;padding:0 10px;font:700 14px var(--f-b);border-radius:9px;letter-spacing:0;text-transform:none}
.trow .btn.sm{background:#c9a24d;color:#2a1b06;box-shadow:none;border:0}
.trow .btn.sm::before,.trow .btn.sm::after{display:none}
.tabs .tab{font:700 15px var(--f-b);letter-spacing:.02em;text-transform:none;height:40px;background:#120c08e6}
.tabs .tab.on{background:#c9a24d;box-shadow:none}
.hdr h1{font-family:var(--f-b);letter-spacing:.04em}
.hdr h1{font-size:19px;letter-spacing:.01em}
.tfw{display:block;overflow:visible;padding-bottom:0}
.thd{padding-top:10px}
.rpt-sum{display:flex;gap:8px;margin-bottom:12px}.rpt-sum div{flex:1;text-align:center;padding:10px 4px;border-radius:10px;background:#120c08e6;box-shadow:inset 0 0 0 1px #c9a24d33}
.rpt-sum b{display:block;font:700 18px var(--f-b)}.rpt-sum span{font:500 11.5px var(--f-b);color:#c4b79f}
.rpt{display:flex;align-items:center;gap:10px;padding:9px 6px;border-bottom:1px solid #c9a24d26}.rpt .avr{width:34px;height:34px;box-shadow:0 0 0 2px var(--brass-lo)}
.rpt .rm{flex:1;min-width:0}.rpt .n{font:700 14.5px var(--f-b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rpt .n small{font-weight:500;color:#c4b79f}
.rpt .r{font:500 12px var(--f-b);color:#c4b79f;margin-top:2px}.rpt .net{font:700 13px var(--f-b)}
.rolecard{flex-wrap:wrap}
/* lobby 1b: one typeface, solid data surface, single-line filters, landscape rail */
.hm,.hm *,.clb,.clb *{font-family:var(--f-b)!important}
.hm .btn,.clb .btn{text-transform:none;letter-spacing:0;font-weight:700}
.hm,.clb{background:#100b08}
.hm .room,.clb .room{display:none}
.clb .hdr,.hm .hhd{background:#100b08;padding-bottom:8px}
.clb .tabs{background:#100b08;padding-bottom:8px}
.clb .tfw,.clb .pad{background:#100b08}
.clb .pad{padding-top:0}
.clb .tabs .tab{height:36px;font-size:14.5px}
.clb .gseg{background:#1a120c;box-shadow:inset 0 0 0 1px #c9a24d33}.clb .gseg button{height:34px}
.fchips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-top:6px;padding-bottom:2px;-webkit-overflow-scrolling:touch}
.fchips::-webkit-scrollbar{display:none}.fchips button{flex:none;height:28px}
.fsep{flex:none}
.thd{padding:8px 12px 3px}
.trow{min-height:52px;padding:4px 12px;background:#17100b}
.crow,.srch,.emp2{background:#1a120c}
.gstrip{background:#2a2012}
@media (orientation:landscape) and (max-height:480px){
 .hm{display:grid;grid-template-columns:minmax(0,1fr) 76px;grid-template-rows:auto minmax(0,1fr)}
 .hm .hhd{grid-column:1;grid-row:1;padding-top:calc(6px + var(--safe-t));padding-bottom:6px}
 .hm .hpad{grid-column:1;grid-row:2;display:grid;grid-template-columns:270px minmax(0,1fr);column-gap:16px;grid-template-rows:auto auto auto 1fr;align-content:start;padding-top:4px}
 .hm .srch{grid-column:1;grid-row:1}.hm .gstrip{grid-column:1;grid-row:2}.hm .jc{grid-column:1;grid-row:3;margin-top:12px;align-self:start}
 .hm .sec{grid-column:2;grid-row:1;margin:0 2px 6px;align-self:center}.hm .clist{grid-column:2;grid-row:2/5;align-self:start}
 .hm .bnav{grid-column:2;grid-row:1/3;flex-direction:column;border-top:0;border-inline-start:1px solid #c9a24d44;padding-bottom:0}
 .hm .bnav button{flex:1;height:auto}
}
.clb .hdr small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm .btn,.clb .btn,.emp2 .btn{background:#c9a24d;color:#2a1b06;box-shadow:none;border:0;border-radius:10px}
.hm .btn.dark,.clb .btn.dark,.emp2 .btn.dark{background:#241810;color:var(--brass-hi);box-shadow:inset 0 0 0 1px #c9a24d55}
.hm .btn::before,.hm .btn::after,.clb .btn::before,.clb .btn::after,.emp2 .btn::before,.emp2 .btn::after{display:none}
.hm .bnav .fbadge{inset-inline-start:calc(50% + 6px)}
.clb .hdr small{font-size:12px;letter-spacing:0}
#lang{font-family:var(--f-b)!important;letter-spacing:0}
@media (orientation:landscape) and (max-height:480px){
 body.lobby.onhome #lang{right:16px;left:auto;top:6px;width:44px;height:30px}
 html[dir=rtl] body.lobby.onhome #lang{left:16px;right:auto}
 .hm .bnav{padding-top:42px}
}
@media (max-aspect-ratio:11/10){.hm .who{padding-inline-end:44px}}
.splash .sp-n{font:700 30px var(--f-d);letter-spacing:.2em;color:#d9b45a;margin-top:-4px;text-shadow:0 2px 0 #0008}
.splash img{width:min(28vw,110px)}

.gto{display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px;scrollbar-width:none}.gto::-webkit-scrollbar{display:none}
.gchip{flex:none;display:flex;align-items:center;gap:7px;min-height:44px;padding:0 14px;border-radius:22px;border:1.5px solid #6a5226;background:#1a110c;color:#f4ecdc;font:600 15px var(--f-b)}
.gchip .avr{width:28px;height:28px}.gchip.on{background:#c9a24d;color:#20170d;border-color:#c9a24d}
.ggrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.gitem{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px 7px;border-radius:14px;border:1.5px solid #4a3a1f;background:#1a110c;color:#f4ecdc;min-height:92px}
.gitem .gsvg{width:42px;height:42px}.gitem b{font:600 13px var(--f-b)}.gitem i{font:700 13px var(--f-d);color:#d9b45a;font-style:normal;letter-spacing:.04em}
.gitem:disabled{opacity:.38}.gitem:active:not(:disabled){transform:scale(.96)}
.gfly{position:absolute;left:0;top:0;z-index:25;pointer-events:none;filter:drop-shadow(0 4px 6px #000a);transition:opacity .6s}
.gfly .gsvg{width:100%;height:100%}.gfly.gset{z-index:23}
.float.gl{font-size:14px}

.gpill{position:absolute;z-index:23;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;max-width:80%;padding:3px 10px 3px 4px;border-radius:99px;background:#130b06ee;border:1px solid var(--brass);color:#f6ecd2;font:600 12px var(--f-b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 3px 10px #0008;animation:gpIn .25s ease-out both,gpOut .4s ease-in 2.1s both}
.gpill span{width:22px;height:22px;flex:none;display:block}.gpill .gsvg{width:100%;height:100%}
@keyframes gpIn{from{opacity:0;transform:translate(-50%,-30%)}}@keyframes gpOut{to{opacity:0}}
.seat .fr{position:absolute;inset:calc(var(--av)*-.06);border-radius:50%;z-index:3;pointer-events:none;display:none;-webkit-mask:radial-gradient(circle closest-side,#0000 calc(100% - var(--av)*.1),#000 calc(100% - var(--av)*.1 + 1px));mask:radial-gradient(circle closest-side,#0000 calc(100% - var(--av)*.1),#000 calc(100% - var(--av)*.1 + 1px))}
.seat .chm{position:absolute;z-index:6;width:calc(var(--av)*.42);height:calc(var(--av)*.42);inset-inline-start:calc(var(--av)*-.12);top:calc(var(--av)*.62);filter:drop-shadow(0 2px 3px #000a);pointer-events:none}
.seat .chm .gsvg{width:100%;height:100%}
[data-fr]:not([data-fr=""]).fr,.frp[data-fr]{display:block}
.fr[data-fr=gold],.frp[data-fr=gold]{--fb:conic-gradient(#f6e08a,#b8862a,#f6e08a,#8a6218,#f6e08a)}
.fr[data-fr=emerald],.frp[data-fr=emerald]{--fb:conic-gradient(#5fd08e,#14663c,#5fd08e,#0f4a2c,#5fd08e)}
.fr[data-fr=ruby],.frp[data-fr=ruby]{--fb:conic-gradient(#ff7a7a,#a3141f,#ff7a7a,#6e0c14,#ff7a7a)}
.fr[data-fr=sapphire],.frp[data-fr=sapphire]{--fb:conic-gradient(#7fc0ff,#175a9c,#7fc0ff,#0f3d70,#7fc0ff)}
.fr[data-fr=royal],.frp[data-fr=royal]{--fb:conic-gradient(#fff2b8,#d6ad45,#b3202c,#d6ad45,#fff2b8,#d6ad45,#b3202c,#d6ad45,#fff2b8)}
.fr[data-fr=flame],.frp[data-fr=flame]{--fb:conic-gradient(#ffd23f,#ff7a1a,#e5381e,#ff7a1a,#ffd23f,#ff7a1a,#e5381e,#ff7a1a,#ffd23f)}
.seat .fr[data-fr]{background:var(--fb)}
.seat .fr[data-fr=flame]{filter:drop-shadow(0 0 calc(var(--av)*.06) #ff7a1a)}
.frp{width:58px;height:58px;border-radius:50%;padding:4px;margin:2px auto 4px;background:var(--fb)}
.frp .avr{width:100%;height:100%;box-shadow:none}
.gitem.st{cursor:default}.gitem.eqd{border-color:var(--brass-hi);box-shadow:0 0 0 1px var(--brass-hi) inset}
.sbal{margin:0 auto 10px;width:max-content}
#shp .tabs{margin-bottom:12px}

body[data-deck=crimson] .card .bk,.dkp[data-deck=crimson]{background:url(/img/mark.webp) center/46% no-repeat,repeating-linear-gradient(45deg,#0000 0 5px,#f0c8a010 5px 6px),radial-gradient(circle at 30% 20%,#9a1f2b,#4d0c14)}
body[data-deck=onyx] .card .bk,.dkp[data-deck=onyx]{background:url(/img/mark.webp) center/46% no-repeat,repeating-linear-gradient(45deg,#0000 0 5px,#d9b65c14 5px 6px),radial-gradient(circle at 30% 20%,#2b2b2e,#0a0a0b)}
body[data-deck=forest] .card .bk,.dkp[data-deck=forest]{background:url(/img/mark.webp) center/46% no-repeat,repeating-linear-gradient(45deg,#0000 0 5px,#d9b65c10 5px 6px),radial-gradient(circle at 30% 20%,#2d7a4a,#0f3a22)}
body[data-deck=ivory] .card .bk,.dkp[data-deck=ivory]{background:url(/img/mark.webp) center/46% no-repeat,repeating-linear-gradient(45deg,#0000 0 5px,#8a6a2a18 5px 6px),radial-gradient(circle at 30% 20%,#f4ecdc,#cdbf9f)}
body[data-deck=gilded] .card .bk,.dkp[data-deck=gilded]{background:url(/img/mark.webp) center/46% no-repeat,repeating-linear-gradient(45deg,#0000 0 5px,#fff2b822 5px 6px),radial-gradient(circle at 30% 20%,#e6c25a,#8a6218)}
.dkp{width:34px;height:48px;border-radius:5px;margin:0 auto 4px;box-shadow:0 0 0 1px #000a,inset 0 0 0 2px #d9b65c88}
.dkp:not([data-deck]){background:#175760}
#shp .tabs .tab{padding-inline:6px}