*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%}
body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#f6f1e3;background:#120c08;
  background-image:radial-gradient(ellipse at 50% 30%,#3b2a1c 0%,#1a120c 55%,#070504 100%);max-width:640px;margin:auto;padding:8px 8px 90px;overscroll-behavior:none}
h1{font-family:Georgia,serif;text-align:center;font-size:34px;margin:22px 0 6px;letter-spacing:1px;text-shadow:0 2px 0 #000,0 0 18px rgba(255,200,90,.35)}
input,button,select{font:inherit;font-size:16px;padding:10px 12px;border-radius:10px;border:0;margin:3px 0}
input,select{background:#f7f1e1;color:#222}
button{background:linear-gradient(#ffe48a,#e8b73c);color:#2a1c05;font-weight:700;box-shadow:0 3px 0 #9c7317,0 4px 10px rgba(0,0,0,.5);cursor:pointer;touch-action:manipulation}
button:active{transform:translateY(2px);box-shadow:0 1px 0 #9c7317}
button.alt{background:linear-gradient(#e9e3d3,#bdb39b);box-shadow:0 3px 0 #6f6650,0 4px 10px rgba(0,0,0,.5)}
button.red{background:linear-gradient(#ff7b6b,#c9372a);color:#fff;box-shadow:0 3px 0 #7c1b12,0 4px 10px rgba(0,0,0,.5)}
button.big{font-size:20px;padding:14px 22px}
button:disabled{opacity:.4}
.row{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:center}
.box{background:rgba(0,0,0,.35);border:1px solid rgba(255,230,170,.12);border-radius:14px;padding:10px;margin:8px 0}
.small{font-size:12px;opacity:.85}
.top{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:13px}
.top b{font-family:Georgia,serif;font-size:16px;color:#ffd977}
.iconbtn{background:rgba(0,0,0,.4);color:#fff;box-shadow:none;padding:6px 10px;font-size:18px}
#toast{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);background:#7d1a12;padding:10px 16px;border-radius:12px;display:none;z-index:50;box-shadow:0 6px 20px #000;max-width:90%}
.banner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:30;background:rgba(10,6,2,.82);border:2px solid #e8c062;border-radius:14px;padding:10px 14px;text-align:center;font-weight:700;min-width:60%;box-shadow:0 8px 30px #000}
.banner.pop{animation:pop .45s cubic-bezier(.2,1.4,.4,1) both}
@keyframes pop{from{transform:translate(-50%,-50%) scale(.6);opacity:0}}
/* lobby */
.games{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.gpick{display:flex;flex-direction:column;align-items:center;padding:12px 6px;border-radius:12px;background:linear-gradient(#1f7a45,#0f4d29);border:2px solid #6b4423;box-shadow:inset 0 0 18px rgba(0,0,0,.6);color:#fff;font-weight:700}
.gpick span{font-size:30px}.gpick.on{border-color:#ffd54a;box-shadow:0 0 14px #ffd54a,inset 0 0 18px rgba(0,0,0,.6)}
/* table */
.rail{position:relative;margin:4px 0;padding:16px;border-radius:50%/44%;height:min(62vh,540px);min-height:430px;
  background:repeating-linear-gradient(100deg,rgba(255,255,255,.04) 0 3px,transparent 3px 9px),radial-gradient(ellipse at 50% 20%,#8a5230,#5a2f17 60%,#3a1c0c);
  box-shadow:0 18px 40px rgba(0,0,0,.8),inset 0 2px 2px rgba(255,220,180,.35),inset 0 -4px 8px rgba(0,0,0,.6)}
.felt{position:absolute;inset:16px;border-radius:50%/44%;overflow:visible;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .22 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),
  radial-gradient(ellipse at 50% 38%,#3aa765 0%,#1f7f45 42%,#125a30 78%,#0b3e20 100%);
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),inset 0 0 40px 10px rgba(0,0,0,.55)}
.felt::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 50% 25%,rgba(255,250,220,.18),transparent 55%)}
.felt .logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:italic 700 22px Georgia,serif;color:rgba(255,255,255,.07);white-space:nowrap;pointer-events:none}
.seat{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;width:86px;z-index:5;gap:2px}
.av{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:16px;color:#fff;border:2px solid #f2cf7a;box-shadow:0 3px 8px rgba(0,0,0,.7);text-shadow:0 1px 2px #000;transition:box-shadow .3s}
.nm{font-size:11px;font-weight:700;background:rgba(0,0,0,.6);padding:1px 7px;border-radius:9px;max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.info{font-size:10px;opacity:.9;background:rgba(0,0,0,.35);padding:0 6px;border-radius:8px;white-space:nowrap}
.seat.turn .av{box-shadow:0 0 0 3px #ffd54a,0 0 22px 8px rgba(255,213,74,.75);animation:glow 1.3s ease-in-out infinite}
.seat.picked .av{box-shadow:0 0 0 3px #ff5fa2,0 0 26px 10px rgba(255,95,162,.85);animation:glow 1s ease-in-out infinite}
.seat.ask .av{box-shadow:0 0 0 3px #6fd3ff,0 0 18px 6px rgba(111,211,255,.8);cursor:pointer}
.seat.off{opacity:.45}.seat .tag{font-size:9px;background:#ffd54a;color:#000;border-radius:6px;padding:0 4px;font-weight:800}
@keyframes glow{50%{filter:brightness(1.25)}}
.dealer{position:absolute;right:4px;top:0;width:18px;height:18px;border-radius:50%;background:#fff;color:#000;font:800 10px/18px sans-serif;text-align:center;box-shadow:0 1px 3px #000}
.mini{display:flex;justify-content:center;height:30px}.mini .card{margin:0 -7px}
.center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:3}
.pile{position:relative}
.label{font-size:11px;background:rgba(0,0,0,.45);padding:1px 8px;border-radius:8px;white-space:nowrap}
/* cards */
.card{--w:46px;width:var(--w);height:calc(var(--w)*1.4);position:relative;display:inline-block;perspective:700px;flex:none}
.card.sm{--w:22px}.card.md{--w:40px}.card.lg{--w:66px}
.card .in{position:absolute;inset:0;transform-style:preserve-3d}
.card.down .in{transform:rotateY(180deg)}
.front,.bk{position:absolute;inset:0;border-radius:calc(var(--w)*.1);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.front{background:linear-gradient(160deg,#fffef9,#efeadb);color:#151515;box-shadow:0 1px 2px rgba(0,0,0,.5),0 3px 8px rgba(0,0,0,.25),inset 0 0 0 1px rgba(0,0,0,.12)}
.bk{transform:rotateY(180deg);background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.6)}
.bk::before{content:"";position:absolute;inset:calc(var(--w)*.07);border-radius:calc(var(--w)*.06);
  background:repeating-linear-gradient(45deg,rgba(255,255,255,.22) 0 1px,transparent 1px 5px),repeating-linear-gradient(-45deg,rgba(255,255,255,.22) 0 1px,transparent 1px 5px),radial-gradient(circle,#c8323a,#8e1620)}
.red .front{color:#c4161c}
.cn{position:absolute;font:700 calc(var(--w)*.24)/0.95 Georgia,serif;text-align:center;letter-spacing:-1px}
.cn i{display:block;font-style:normal;font-size:calc(var(--w)*.2)}
.tl{top:5%;left:7%}.br{bottom:5%;right:7%;transform:rotate(180deg)}
.pip{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(var(--w)*.56)}
.ace{font-size:calc(var(--w)*.8)}
.face{position:absolute;inset:20% 17%;border:1px solid currentColor;border-radius:4px;display:grid;place-items:center;font:700 calc(var(--w)*.48) Georgia,serif;background:linear-gradient(135deg,#fff3c4,#f0d27a 50%,#fff3c4)}
.card.sm .cn,.card.sm .br{display:none}.card.sm .pip{font-size:calc(var(--w)*.5)}
.card.sm .front::before{content:attr(data-r);position:absolute;top:2px;left:3px;font:700 9px Georgia}
/* uno */
.uno .front{background:#fff;padding:calc(var(--w)*.07)}
.uno .uf{position:absolute;inset:calc(var(--w)*.07);border-radius:calc(var(--w)*.08);display:grid;place-items:center;overflow:hidden;color:#fff}
.uno .uf::before{content:"";position:absolute;width:85%;height:62%;background:#fff;border-radius:50%;transform:rotate(-30deg)}
.uno .uv{position:relative;font:900 calc(var(--w)*.45) "Arial Black",Arial,sans-serif;-webkit-text-stroke:1px #111;text-shadow:2px 2px 0 #111}
.uno .uc{position:absolute;font:900 calc(var(--w)*.18) Arial;top:4%;left:8%;text-shadow:1px 1px 0 #111}
.uno.red .uf{background:#d72a2a}.uno.red .uv{color:#d72a2a}.uno.green .uf{background:#1d9a3e}.uno.green .uv{color:#1d9a3e}
.uno.blue .uf{background:#1f5fcf}.uno.blue .uv{color:#1f5fcf}.uno.yellow .uf{background:#f2c014}.uno.yellow .uv{color:#f2c014}
.uno.wild .uf{background:#111}.uno.wild .uf::before{background:conic-gradient(#d72a2a 0 25%,#1f5fcf 0 50%,#f2c014 0 75%,#1d9a3e 0)}.uno.wild .uv{color:#fff}
.uno .bk{background:#111}.uno .bk::before{background:#111;inset:6%}
.uno .bk::after{content:"UNO";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-30deg);background:#d72a2a;color:#f2c014;font:900 calc(var(--w)*.24) Arial;padding:18% 10%;border-radius:50%;text-shadow:1px 1px 0 #000}
.colring{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 14px 4px currentColor}
.dir{font-size:26px;opacity:.6;animation:spinA 4s linear infinite}.dir.ccw{animation-direction:reverse}
@keyframes spinA{to{transform:rotate(360deg)}}
/* hand */
.hand{position:relative;height:150px;margin:-34px 0 0;z-index:10;touch-action:none}
.hand .card,.hand .dom{position:absolute;bottom:8px;left:50%;transform-origin:50% 140%;cursor:grab;transition:filter .2s}
.hand .card.lift,.hand .dom.lift{filter:drop-shadow(0 0 8px #ffd54a)}
.hand .card.dim,.hand .dom.dim{filter:brightness(.6)}
.hand .card.play,.hand .dom.play{filter:drop-shadow(0 0 5px rgba(255,240,150,.9))}
.handlabel{text-align:center;font-size:12px;opacity:.85;margin-top:-6px}
.controls{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;align-items:center;margin:6px 0}
.log{font-size:11px;opacity:.7;max-height:70px;overflow:auto;text-align:center}
/* chips */
.stack{position:relative;width:24px;height:24px;display:inline-block}
.chip{position:absolute;left:0;width:24px;height:24px;border-radius:50%;
  background:radial-gradient(circle,var(--c) 0 38%,#fff 39% 43%,var(--c) 44% 60%,transparent 61%),repeating-conic-gradient(var(--c) 0 22.5deg,#f4f0e6 22.5deg 45deg);
  box-shadow:0 1px 0 rgba(0,0,0,.6),0 2px 3px rgba(0,0,0,.4);border:1px solid rgba(0,0,0,.35)}
.betspot{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:4;font-size:10px;font-weight:700}
.pot{display:flex;gap:2px;align-items:flex-end;min-height:30px}
/* dominoes */
.dom{--u:14px;position:absolute;width:calc(var(--u)*2);height:var(--u);display:flex;border-radius:calc(var(--u)*.18);
  background:linear-gradient(170deg,#fffdf3,#efe6cc 60%,#d9cfb0);box-shadow:0 1px 0 #a99d7c,0 2px 4px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.6)}
.dom.v{flex-direction:column;width:var(--u);height:calc(var(--u)*2)}
.dom .h{flex:1;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);padding:12%;position:relative}
.dom:not(.v) .h+.h{border-left:1px solid #a3977a}.dom.v .h+.h{border-top:1px solid #a3977a}
.dom .h b{width:64%;height:64%;margin:auto;border-radius:50%;background:radial-gradient(circle at 35% 35%,#555,#000 70%);visibility:hidden}
.dom .h b.o{visibility:visible}
.dom::after{content:"";position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px;border-radius:50%;background:#b8913a}
.dom.back{background:linear-gradient(170deg,#3a3a3a,#111);box-shadow:0 1px 3px #000}.dom.back .h{visibility:hidden}.dom.back::after{background:#777}
.hand .dom{--u:30px;width:var(--u);height:calc(var(--u)*2);flex-direction:column}
.hand .dom .h+.h{border-left:0;border-top:1px solid #a3977a}
.board{position:relative}
.minidoms{display:flex;gap:2px}.minidoms .dom{position:relative;--u:7px;width:7px;height:14px}
/* bottle */
#bottle{width:56px;height:170px;cursor:pointer;filter:drop-shadow(0 8px 6px rgba(0,0,0,.55));will-change:transform;touch-action:none}
/* pirinola */
.pir{position:relative;width:150px;height:150px;cursor:pointer;will-change:transform;touch-action:none}
.pir .stem{position:absolute;left:50%;top:0;width:16px;height:46px;margin-left:-8px;border-radius:7px 7px 3px 3px;background:linear-gradient(90deg,#6b3d17,#d99a5b 40%,#8a5428)}
.pir .cap{position:absolute;left:50%;top:38px;width:120px;height:24px;margin-left:-60px;clip-path:polygon(18% 0,82% 0,100% 50%,82% 100%,18% 100%,0 50%);background:linear-gradient(#f0c48a,#c78a4c)}
.pir .body{position:absolute;left:50%;top:50px;width:120px;height:52px;margin-left:-60px;overflow:hidden;border-radius:4px;background:#c98d50}
.pir .strip{position:absolute;top:0;left:0;height:100%;display:flex;will-change:transform}
.pir .face6{width:60px;height:100%;flex:none;display:grid;place-items:center;text-align:center;font:800 12px/1.05 Georgia,serif;color:#3a1d08;border-right:1px solid rgba(60,30,10,.5);
  background:repeating-linear-gradient(90deg,rgba(90,50,20,.12) 0 2px,transparent 2px 7px),linear-gradient(#e7b57a,#c88a4d)}
.pir .face6:nth-child(even){background:repeating-linear-gradient(90deg,rgba(90,50,20,.12) 0 2px,transparent 2px 7px),linear-gradient(#d9a066,#b77a40)}
.pir .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,0) 30%,rgba(255,240,200,.22) 50%,rgba(0,0,0,0) 70%,rgba(0,0,0,.55))}
.pir .tip{position:absolute;left:50%;top:102px;width:120px;height:44px;margin-left:-60px;clip-path:polygon(0 0,100% 0,52% 100%,48% 100%);background:linear-gradient(90deg,#5a3212,#d39553 45%,#7a4520)}
.pirlabel{font:800 18px Georgia,serif;color:#ffe08a;text-shadow:0 2px 0 #000;min-height:24px}
/* roulette */
.wheelwrap{position:relative;width:min(62vw,250px);height:min(62vw,250px)}
.wheelwrap svg{position:absolute;inset:0;width:100%;height:100%}
#wheel{will-change:transform;filter:drop-shadow(0 6px 10px rgba(0,0,0,.7))}
#ballarm{position:absolute;inset:0;will-change:transform;pointer-events:none}
#ball{position:absolute;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#ccc 60%,#888);box-shadow:0 1px 2px #000}
.layout{display:grid;grid-template-columns:28px repeat(12,1fr);gap:2px;font-size:11px;font-weight:800;user-select:none}
.layout div{position:relative;display:grid;place-items:center;min-height:30px;border:1px solid rgba(255,255,255,.5);border-radius:3px;background:#0f5d2f;cursor:pointer}
.layout .r{background:#b3201c}.layout .k{background:#1a1a1a}.layout .z{background:#0d8a3c;grid-row:span 3}
.layout .wide{grid-column:span 4}.layout .half{grid-column:span 2}
.layout .hit{box-shadow:0 0 0 2px #ffd54a,0 0 10px #ffd54a}
.layout .bc{position:absolute;right:-4px;top:-6px;transform:scale(.7);z-index:2}
.layout .bc .chip{display:grid;place-items:center;font-size:8px;color:#fff;text-shadow:0 0 2px #000}
.chipsel{display:flex;gap:8px;justify-content:center}
.chipsel .chip{position:relative;width:36px;height:36px;display:grid;place-items:center;font:800 11px sans-serif;color:#fff;text-shadow:0 0 3px #000;cursor:pointer}
.chipsel .chip.on{outline:3px solid #ffd54a;outline-offset:2px}
.hist{display:flex;gap:3px;justify-content:center;flex-wrap:wrap}.hist span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800}
/* loteria */
.lcard{--w:64px}.lcard .front{background:#f4e9cf;padding:0}.lcard .front img{width:100%;height:100%;display:block}.lcard{height:calc(var(--w)*1.5)}
.lcard .art{font-size:calc(var(--w)*.5);line-height:1.2;flex:1;display:grid;place-items:center;background:radial-gradient(circle,#fff6d6,#f6d58e);width:100%;border:1px solid #222}
.lcard .ln{font:700 calc(var(--w)*.13) Georgia,serif;color:#111;text-align:center;white-space:nowrap}
.lcard .num{position:absolute;top:3px;left:5px;font:700 calc(var(--w)*.13) Georgia;color:#111}
.lcard .bk::before{background:repeating-linear-gradient(45deg,#e33b6d 0 6px,#f5b82e 6px 12px,#2a9d8f 12px 18px)}
.tablas{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding:4px 4%;scrollbar-width:none}
.tablas::-webkit-scrollbar{display:none}
.tabla{flex:0 0 92%;scroll-snap-align:center;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;border-radius:12px;background:linear-gradient(#e9dcc0,#cdb68a);box-shadow:0 6px 16px rgba(0,0,0,.6),inset 0 0 0 3px #7a4a22}
.cell{position:relative;aspect-ratio:2/3;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;cursor:pointer;overflow:hidden}
.cell .art{font-size:min(8vw,34px);flex:1;display:grid;place-items:center}.cell .ln{font:700 8.5px Georgia,serif;color:#111;text-align:center;line-height:1;padding:1px}
.cell.called{box-shadow:inset 0 0 0 2px #ffd54a}
.bean{position:absolute;left:50%;top:44%;width:26px;height:18px;margin:-9px -13px;border-radius:50%;background:radial-gradient(ellipse at 35% 30%,#b47a4a,#6b3b17 60%,#3d1e08);box-shadow:0 2px 3px rgba(0,0,0,.6);transform:rotate(-20deg)}
.bean.nb{animation:bean .35s cubic-bezier(.3,1.6,.5,1) both}
@keyframes bean{from{transform:translateY(-30px) scale(1.6) rotate(40deg);opacity:0}}
.dots{display:flex;gap:6px;justify-content:center;margin:4px}.dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.35)}.dots i.on{background:#ffd54a}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:grid;place-items:center;z-index:60}
.modal .box{background:#2a1d12;padding:18px;text-align:center}
.cpick{display:grid;grid-template-columns:repeat(2,70px);gap:10px;margin-top:10px}.cpick button{height:70px;border-radius:14px}
.shuffle{animation:shuf .55s ease-in-out 2}
@keyframes shuf{25%{transform:translateX(-14px) rotate(-8deg)}50%{transform:translateX(12px) rotate(6deg)}75%{transform:translateX(-6px) rotate(-3deg)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.cell img{width:100%;height:100%;display:block;pointer-events:none}.cell.called img{filter:saturate(1.15)}.cell.called{box-shadow:0 0 0 2px #ffd54a}
.lring{position:relative;display:grid;place-items:center;min-width:92px;min-height:138px}
.lring .ring{position:absolute;width:150px;height:150px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg);pointer-events:none}
.ring circle{fill:none;stroke-width:5}.ring .rbg{stroke:rgba(0,0,0,.35)}.ring .rfg{stroke:#ffd54a;stroke-dasharray:283;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(255,213,74,.8))}
.ringt{position:absolute;right:-30px;top:-6px;min-width:28px;height:28px;border-radius:50%;background:#1a120c;border:2px solid #ffd54a;display:grid;place-items:center;font:800 13px sans-serif;color:#ffd54a}
#adbar{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:336px;height:58px;z-index:40;background:rgba(20,13,8,.96);border:1px solid rgba(232,192,98,.4);border-bottom:0;border-radius:10px 10px 0 0;display:grid;place-items:center;transition:transform .3s ease;box-shadow:0 -4px 16px rgba(0,0,0,.6)}
#adbar.collapsed{transform:translate(-50%,58px)}
#adbar .adbox{width:320px;height:50px;overflow:hidden;display:grid;place-items:center}
#adbar .adph{width:320px;height:50px;display:grid;place-items:center;border:1px dashed rgba(255,224,138,.45);border-radius:6px;color:rgba(255,236,190,.7);font:600 12px Georgia,serif;letter-spacing:.5px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 8px,transparent 8px 16px)}
#adbar .adtab{position:absolute;top:-22px;right:8px;padding:2px 10px;font-size:11px;border-radius:8px 8px 0 0;background:rgba(20,13,8,.96);color:#ffe08a;box-shadow:none;border:1px solid rgba(232,192,98,.4);border-bottom:0;margin:0}
body.adpad{padding-bottom:96px}#toast{bottom:76px}

/* continental */
.card.joker .front{background:linear-gradient(135deg,#fff,#fde9a8)}.card.joker .jk{font-size:calc(var(--w)*.55)}.card.joker .cn{color:#7b2fa8}
.hand .card.grp.g0{filter:drop-shadow(0 0 6px #4fc3f7)}.hand .card.grp.g1{filter:drop-shadow(0 0 6px #81c784)}.hand .card.grp.g2{filter:drop-shadow(0 0 6px #f48fb1)}
.ctmelds{display:flex;flex-wrap:wrap;gap:6px;max-height:190px;overflow:auto}
.meld{background:rgba(255,255,255,.05);border:1px solid rgba(255,230,170,.15);border-radius:8px;padding:3px 5px}.meld.tap{cursor:pointer;border-color:rgba(255,213,74,.5)}.meld.on{border-color:#ffd54a;box-shadow:0 0 8px #ffd54a}
.meld .card{margin-right:-6px}
.ctscore{margin:6px auto;border-collapse:collapse;font-size:12px}.ctscore td,.ctscore th{padding:2px 6px;border-bottom:1px solid rgba(255,255,255,.12)}.ctscore .tot td{color:#ffd54a}


.seonav{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:18px 0 8px;font-size:13px}.seonav a{color:#ffd977;opacity:.8;text-decoration:none}