/* หน้าเลือกเกม + โต๊ะของป๊อกเด้ง/เก้าเก/ผสมสิบ/อีแก่ */
.gtiles{display:flex;flex-direction:column;gap:10px;width:100%;max-width:460px}
.gtile{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:2px solid #c9964f;background:rgba(40,22,12,.85);color:var(--cream);text-align:left;cursor:pointer;box-shadow:0 5px 0 #0005;font-family:Sarabun,sans-serif}
.gtile:active{transform:translateY(2px)}
.gtile.on{border-color:#ffd75e;box-shadow:0 0 0 3px #ffd75e66,0 5px 0 #0005}
.gt-ic{font-size:36px;line-height:1;flex:none;width:44px;text-align:center}
.gt-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.gt-tx b{font:700 19px/1.15 Mali,Sarabun,sans-serif;color:#ffe9c4}
.gt-tx small{font-size:12px;color:#f1d9b5;line-height:1.35}
.gt-tx i{font-style:normal;font-size:11px;color:#ffd75e}
.gt-go{font-size:28px;color:#ffd75e;flex:none}
.gcur{display:flex;align-items:center;gap:8px;width:100%;max-width:420px;padding:8px 12px;border-radius:14px;border:2px solid #ffd75e;background:#5a371866;color:var(--cream);font-family:Sarabun,sans-serif;cursor:pointer}
.gcur span{font-size:24px}.gcur b{font:700 17px Mali,Sarabun,sans-serif;flex:1;text-align:left}.gcur small{font-size:11px;color:#ffd75e;text-decoration:underline}
.howto{margin:8px 0;font-size:13px;color:#f1d9b5}.howto summary{cursor:pointer;color:var(--ui-gold,#ffd75e);font-weight:700}.howto ol{margin:6px 0 0;padding-left:20px;line-height:1.5}.howto li{margin:4px 0}
.rule-body{overflow:auto;padding:4px 8px 10px;font-size:13px;color:#f1d9b5;line-height:1.5}.rule-body ol,.rule-body ul{margin:4px 0;padding-left:20px}.rule-body li{margin:5px 0}.rule-body h4{margin:12px 0 4px;color:#ffd75e}
.pill.rl{cursor:pointer;color:inherit;font-family:inherit}
/* โต๊ะ */
.gx{grid-area:1/1/-1/-1;display:flex;flex-direction:column;gap:8px;overflow:auto;padding:4px 2px;min-height:0;min-width:0;color:#fff}
.gslots{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.gs{border:2px solid #ffffff30;border-radius:12px;background:#0004;padding:5px 7px;display:flex;flex-direction:column;gap:3px;min-width:0}
.gs b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gs small{font-size:10.5px;color:#dfeee3;line-height:1.3}
.gs.on{border-color:var(--gold);box-shadow:0 0 10px #f2b84b88}.gs.me{background:#f2b84b22}.gs.fold{opacity:.55}.gs.src{border-style:dashed;border-color:#7cc4ff}
.gcards{display:flex;align-items:center;min-height:44px;flex-wrap:nowrap;overflow:visible}
.gx .gcards .c{width:30px;height:42px;font-size:13px;padding:2px 3px;cursor:default;transform:none;box-shadow:0 1px 3px #0007}
.gx .gcards .c+.c,.gcards .cb+.cb{margin-left:-14px}.gx .gcards .cb+.cb{margin-left:-20px}
.cb{display:inline-block;flex:none;width:30px;height:42px;border-radius:5px;border:2px solid #fff;box-shadow:0 1px 3px #0007;background:var(--back-img,repeating-linear-gradient(45deg,var(--b1),var(--b1) 4px,var(--b2) 4px,var(--b2) 8px));background-size:cover;padding:0}
.cb.big{width:46px;height:64px;border-width:3px}
.gnote{margin:0;text-align:center;font-size:11px;color:#dfeee3}
.gpot{text-align:center;font-size:13px;padding:6px 8px;border-radius:12px;background:#000a;border:2px solid var(--gold);color:var(--gold)}.gpot b{font-size:17px;color:#fff}
.gempty{font-size:11px;color:#ffffff90}
.hand .c.dim{opacity:.5}
.gtop{display:flex;justify-content:space-around;align-items:center;gap:8px}
.gstock,.gind{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:#dfeee3;text-align:center}.gstock[onclick]{cursor:pointer}
.gind .c{width:40px;height:56px;font-size:15px}
.gpiles{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.gpile{border:2px solid #ffffff30;border-radius:12px;background:#0004;padding:5px 7px;display:flex;flex-direction:column;gap:2px;min-width:0}.gpile small{font-size:10.5px;color:#dfeee3}
.gpile.on{border-color:var(--gold)}.gpile.mine{background:#f2b84b22}.gpile.can{cursor:pointer;border-color:#7cff9a;box-shadow:0 0 10px #7cff9a88}
.gpick{text-align:center}.gpick p{margin:0 0 6px;font-size:13px;color:var(--gold)}
.gpk{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.gx .cb.pk{width:34px;height:48px;cursor:pointer;margin:0!important;transition:transform .12s}.gx .cb.pk:active{transform:translateY(-6px)}
.gpairs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:6px 0}.gpair{display:flex;gap:2px;padding:3px;background:#0003;border-radius:8px}
.ov .gcards .c{width:28px;height:38px;font-size:12px;cursor:default}.ov .gcards{min-height:0;margin-top:4px;gap:2px;flex-wrap:wrap}
.c.jk{color:#6b2fb3;font-size:20px}
.acts button.pulse{animation:gxpulse .9s ease-in-out infinite}@keyframes gxpulse{50%{transform:scale(1.05);box-shadow:0 0 14px #7cff9a}}