.g24dian-table{--felt:#2f7a4d;--felt-dark:#245f3b;--ink:#2b2420;background:radial-gradient(ellipse at 50% 45%, #ffffff12, #0000 60%), repeating-linear-gradient(45deg, #ffffff09 0 1px, transparent 1px 4px), repeating-linear-gradient(-45deg, #0000000d 0 1px, transparent 1px 5px), var(--felt);border:3px solid var(--ink);width:min(100%,560px);box-shadow:inset 0 0 0 5px #8a5a3c,  inset 0 0 0 7px var(--ink), inset 0 0 28px 8px #00000047,  0 4px 0 #2b242040;border-radius:16px;margin:0 auto;padding:18px 12px 16px}.g24dian-cards{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;min-height:118px;padding-top:6px;display:flex}.g24dian-card{--cw:74px;--ch:104px;--cf:16px;width:var(--cw);height:var(--ch);border:2px solid var(--ink,#2b2420);background:var(--ck-face,#fffdf9);color:var(--ink,#2b2420);font:700 clamp(22px, 7vw, 32px)/1 var(--font);font-variant-numeric:tabular-nums;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:9px;padding:0;transition:transform .1s,box-shadow .1s;position:relative;overflow:hidden;box-shadow:0 4px #14281c8c,0 6px 10px #00000040}.g24dian-card:hover{transform:translateY(-2px)}.g24dian-card.is-selected{transform:translateY(-8px);box-shadow:0 0 0 3px #ffc94a,0 10px #14281c73,0 14px 16px #0000004d}.g24dian-card.is-win{box-shadow:0 0 0 3px #7ee08a,0 4px #14281c8c,0 0 18px 4px #7ee08a8c}.g24dian-card.is-dead{filter:grayscale(.7);opacity:.8}.g24dian-card.is-new{animation:.24s ease-out g24dian-pop}@keyframes g24dian-pop{0%{transform:scale(.6)rotate(-6deg)}70%{transform:scale(1.08)rotate(1deg)}to{transform:scale(1)}}.g24dian-card:focus-visible{outline-offset:4px;outline:2px dashed #ffffffd9}.g24dian-pk-card{font:700 var(--cf) / 1 var(--font);pointer-events:none;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.g24dian-pk-card.is-red{color:var(--ck-red,#c62828)}.g24dian-pk-card.is-black{color:var(--ck-black,#2a2521)}.g24dian-pk-card-r,.g24dian-pk-card-s{width:calc(var(--cf) * 1.05);text-align:center;line-height:1;position:absolute;left:5px}.g24dian-pk-card-r{letter-spacing:-2px;font-size:calc(var(--cf) * .92);top:5px}.g24dian-pk-card-s{top:calc(5px + var(--cf) * 1.02);font-weight:400;font-size:calc(var(--cf) * .92)}.g24dian-pk-card-c{font-weight:400;font-size:calc(var(--cf) * 2.6);place-items:center;line-height:1;display:grid;position:absolute;top:11%;bottom:11%;left:27%;right:27%}.g24dian-pk-card-c.is-ace{font-size:calc(var(--cf) * 3.2)}.g24dian-pk-card .hc-pip{font-size:21cqw}.g24dian-pk-card-c.is-face{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;left:20%;right:8%}.g24dian-pk-card-c.is-face b{font-size:calc(var(--cf) * 2)}.g24dian-pk-card-c.is-face i{font-style:normal;font-size:calc(var(--cf) * 1.1)}.g24dian-res{pointer-events:none;background:repeating-linear-gradient(135deg,#e0562b0f 0 6px,#0000 6px 12px),#fbf3e6;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.g24dian-res:before{content:"";border:1.5px solid #e0562b8c;border-radius:5px;position:absolute;top:5px;bottom:5px;left:5px;right:5px}.g24dian-res-v{color:#b8431f;font-size:calc(var(--cf) * 2.1);line-height:1;position:relative}.g24dian-res-v.is-long{font-size:calc(var(--cf) * 1.5)}.g24dian-res-v.is-frac{font-size:calc(var(--cf) * 1.45);flex-direction:column;align-items:center;display:flex}.g24dian-res-v.is-frac b{font-weight:700}.g24dian-res-v.is-frac i{background:currentColor;border-radius:1px;width:110%;height:2px;margin:3px 0;display:block}.g24dian-res-tl,.g24dian-res-br{font-size:calc(var(--cf) * .8);color:#b8431fbf;line-height:1;position:absolute}.g24dian-res-tl{top:8px;left:8px}.g24dian-res-br{bottom:8px;right:8px;transform:rotate(180deg)}.g24dian-empty{color:#ffffffd9;text-align:center;margin:0;padding:34px 6px;font-size:14px}.g24dian-ops{justify-content:center;gap:16px;width:min(100%,320px);margin:18px auto 4px;display:flex}.g24dian-op{border:2.5px solid var(--ink,#2b2420);width:56px;height:56px;color:var(--ink,#2b2420);font:800 26px/1 var(--font);cursor:pointer;box-shadow:0 5px 0 #b9a88f, 0 5px 0 2.5px var(--ink,#2b2420), 0 9px 10px #0000004d;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:radial-gradient(circle at 34% 28%,#fffffff2 0 9%,#fff0 10%),#f6efe2;border-radius:50%;flex:none;padding:0;transition:transform 80ms,box-shadow 80ms}.g24dian-op:hover:not(:disabled){background-color:#fffaf0}.g24dian-op:active:not(:disabled){box-shadow:0 1px 0 #b9a88f, 0 1px 0 2.5px var(--ink,#2b2420), 0 3px 5px #0000004d;transform:translateY(4px)}.g24dian-op.is-on{color:#fff;box-shadow:0 2px 0 #9c3a1c, 0 2px 0 2.5px var(--ink,#2b2420), 0 4px 6px #0000004d;background:radial-gradient(circle at 34% 28%,#ffffffb3 0 9%,#fff0 10%),#e0562b;transform:translateY(3px)}.g24dian-op:disabled{opacity:.45;cursor:default}.g24dian-op:focus-visible{outline-offset:4px;outline:2px dashed #ffffffd9}.g24dian-tools{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.g24dian-steps{min-height:1.4em;color:var(--text-2);font-variant-numeric:tabular-nums;text-align:center;margin:12px 0 0;font-size:14px}.g24dian-solution{color:var(--brand-dark);min-height:1.4em;margin:4px 0 0;font-size:14px}@media (max-width:720px){.g24dian-table{border-radius:14px;padding:14px 8px 12px}.g24dian-cards{gap:8px;min-height:102px}.g24dian-card{--cw:68px;--ch:96px;--cf:15px}.g24dian-ops{gap:12px;width:min(100%,290px)}.g24dian-op{width:54px;height:54px;font-size:24px}.g24dian-steps{font-size:13px}}@media (max-width:400px){.g24dian-card{--cw:62px;--ch:88px;--cf:14px}.g24dian-cards{gap:7px}.g24dian-op{width:50px;height:50px;font-size:22px}}@media (prefers-reduced-motion:reduce){.g24dian-card,.g24dian-op{transition:none}.g24dian-card.is-new{animation:none}}@media (max-width:420px){.g24dian .g-bar.g-bar-1{gap:4px}.g24dian .g-bar-1>select.g-select{max-width:5.6em;padding-left:6px;padding-right:0}.g24dian .g-bar-1 .g-btn-primary{padding-left:10px;padding-right:10px}}.g24dian.is-gz .g24dian-table{zoom:var(--gz,1);max-width:var(--gz-w0,none)}