.g-gin-rummy{--cw:60px;--ch:84px;--sw:40px;--sh:56px;--pw:60px;--ph:84px;--card-face:#fbfaf6;--card-ink:#1d2320;--card-red:#c0392b;--m0:#2b7de9;--m1:#e08a1e;--m2:#8e44ad;--m3:#12997a;padding:6px;border-radius:8px;background:var(--accent-soft);outline-offset:2px;touch-action:manipulation;color:var(--ink)}.g-gin-rummy .gr-card{position:relative;box-sizing:border-box;border-radius:calc(var(--cw) * .1);border:1px solid #8e9791;font-weight:700;line-height:1;color:var(--card-ink);background:var(--card-face);box-shadow:0 1px 2px rgba(0,0,0,.3);overflow:hidden;user-select:none;-webkit-user-select:none;width:var(--cw);height:var(--ch);font-size:calc(var(--cw) * .27)}.g-gin-rummy .gr-card.red{color:var(--card-red)}.g-gin-rummy .gr-ix{position:absolute;left:.2em;top:.16em;white-space:nowrap;letter-spacing:-.04em;font-size:1.2em}.g-gin-rummy .gr-ix i{font-style:normal;margin-left:.04em}.g-gin-rummy .gr-mid{position:absolute;left:0;right:0;bottom:8%;text-align:center;font-size:2.1em;line-height:1}.g-gin-rummy .gr-back{background:repeating-linear-gradient(45deg,#2c6b8c 0 3px,#245a76 3px 6px);border:2px solid #f3f1ea}.g-gin-rummy .gr-empty{background:0 0;border:2px dashed var(--line);box-shadow:none}.g-gin-rummy .gr-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:4px 8px;border-radius:8px;border:2px solid transparent}.g-gin-rummy .gr-top.is-turn,.g-gin-rummy .gr-you.is-turn{border-color:var(--gold);background:rgba(242,193,78,.22)}.g-gin-rummy .gr-who,.g-gin-rummy .gr-you{display:flex;align-items:baseline;gap:8px;font-size:14px}.g-gin-rummy .gr-tag{font-size:11px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:0 7px;color:var(--ink-2)}.g-gin-rummy .gr-sc{font-weight:600}.g-gin-rummy .gr-fan{display:flex;padding-left:4px}.g-gin-rummy .gr-fan .gr-back{width:24px;height:34px;margin-left:-12px;border-radius:4px;border-width:1px;box-shadow:1px 0 1px rgba(0,0,0,.35)}.g-gin-rummy .gr-fan .gr-back:first-child{margin-left:0}.g-gin-rummy .gr-table{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin:6px auto}.g-gin-rummy .gr-pile{position:relative;display:grid;justify-items:center;gap:2px;padding:4px 6px 2px;border-radius:8px;border:2px solid transparent;background:0 0;font:inherit;color:var(--ink);cursor:default}.g-gin-rummy .gr-pile .gr-pilecard{width:var(--pw);height:var(--ph);font-size:calc(var(--pw) * .27)}.g-gin-rummy .gr-pile.is-live{cursor:pointer;border-color:var(--focus);background:rgba(43,125,233,.12)}.g-gin-rummy .gr-pile.is-hint{border-color:var(--gold);background:rgba(242,193,78,.3)}.g-gin-rummy .gr-pile:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.g-gin-rummy .gr-count{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.6);color:#fff;border-radius:999px;padding:0 7px;font-size:13px;font-weight:700}.g-gin-rummy .gr-pilename{font-size:12px;color:var(--ink-2)}.g-gin-rummy .gr-turnbtns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.g-gin-rummy .btn.is-hint{box-shadow:0 0 0 3px var(--gold)}.g-gin-rummy .btn[disabled]{opacity:.5;cursor:default}.g-gin-rummy .gr-you{justify-content:center;flex-wrap:wrap;margin:4px auto;padding:2px 10px;width:fit-content;max-width:100%;border:2px solid transparent;border-radius:8px}.g-gin-rummy .gr-dwline{color:var(--ink-2);font-size:13px}.g-gin-rummy .gr-hand{display:grid;justify-content:center;gap:6px;padding-top:16px}.g-gin-rummy .gr-row{position:relative;margin:0 auto}.g-gin-rummy .gr-hand .gr-card{position:absolute;top:0;cursor:pointer;transition:transform .08s;touch-action:manipulation}.g-gin-rummy .gr-hand .gr-card:hover{transform:translateY(-4px)}.g-gin-rummy .gr-card[class*=gm]::after{content:'';position:absolute;left:0;right:0;bottom:0;height:6px}.g-gin-rummy .gm0::after{background:var(--m0)}.g-gin-rummy .gm1::after{background:var(--m1)}.g-gin-rummy .gm2::after{background:var(--m2)}.g-gin-rummy .gm3::after{background:var(--m3)}.g-gin-rummy .gr-hand .gr-card.is-sel{transform:translateY(-16px);box-shadow:0 0 0 3px var(--focus),0 3px 6px rgba(0,0,0,.35);z-index:3}.g-gin-rummy .gr-hand .gr-card.is-new{box-shadow:0 0 0 2px var(--gold),0 1px 2px rgba(0,0,0,.3)}.g-gin-rummy .gr-hand .gr-card.is-locked{filter:brightness(.82)}.g-gin-rummy .gr-hand .gr-card.is-hint{box-shadow:0 0 0 3px var(--gold),0 3px 6px rgba(0,0,0,.35);transform:translateY(-8px);z-index:4}.g-gin-rummy .gr-hand .gr-card.is-cursor{outline:3px solid var(--focus);outline-offset:-1px;z-index:5}.g-gin-rummy .is-shake{animation:gr-shake .35s}@keyframes gr-shake{20%{margin-left:-4px}40%{margin-left:4px}60%{margin-left:-3px}80%{margin-left:3px}}.g-gin-rummy .gr-actions{display:flex;justify-content:center;gap:10px;margin:8px 0 2px;min-height:40px;flex-wrap:wrap}.g-gin-rummy .gr-showdown{display:grid;gap:8px;margin:6px auto;max-width:640px}.g-gin-rummy .gr-headline{margin:0;padding:8px 10px;background:var(--surface);border:1px solid var(--line);border-radius:8px;font-size:15px;font-weight:600;color:var(--ink)}.g-gin-rummy .gr-player{background:var(--surface);border:2px solid var(--line);border-radius:8px;padding:6px 8px 8px}.g-gin-rummy .gr-player.is-winner{border-color:var(--gold)}.g-gin-rummy .gr-phead{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:6px;font-size:14px}.g-gin-rummy .gr-dwtag{margin-left:auto;font-weight:600;font-variant-numeric:tabular-nums}.g-gin-rummy .gr-groups{display:flex;flex-wrap:wrap;gap:8px 14px}.g-gin-rummy .gr-grp{display:flex;padding-bottom:7px;position:relative}.g-gin-rummy .gr-grp::after{content:'';position:absolute;left:0;right:0;bottom:0;height:5px;border-radius:3px;background:var(--line)}.g-gin-rummy .gr-grp.gm0::after{background:var(--m0)}.g-gin-rummy .gr-grp.gm1::after{background:var(--m1)}.g-gin-rummy .gr-grp.gm2::after{background:var(--m2)}.g-gin-rummy .gr-grp.gm3::after{background:var(--m3)}.g-gin-rummy .gr-grp.gr-dead::after{background:0 0}.g-gin-rummy .gr-card.gr-sm{width:var(--sw);height:var(--sh);font-size:calc(var(--sw) * .3);border-radius:4px}.g-gin-rummy .gr-card.gr-sm::after{display:none}.g-gin-rummy .gr-grp .gr-sm+.gr-sm{margin-left:calc(var(--sw) * -.42)}.g-gin-rummy .gr-card.gr-sm.is-laid{box-shadow:0 0 0 2px var(--gold),0 1px 2px rgba(0,0,0,.3);z-index:1}.g-gin-rummy .gr-rules{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 12px 10px;margin:0 0 8px;font-size:14px}.g-gin-rummy .gr-rules h3{margin:0 0 4px;font-size:1rem}.g-gin-rummy .gr-rules ul{margin:0 0 8px;padding-left:1.1em}.g-gin-rummy .gr-rules li{margin:0 0 4px;line-height:1.4}.g-gin-rummy .gr-sheet{margin-top:8px}.g-gin-rummy .gr-scroll{max-height:10.5em;overflow:auto;border-radius:6px;background:var(--surface);border:1px solid var(--line)}.g-gin-rummy table{width:100%;border-collapse:collapse;font-size:13px;text-align:center;color:var(--ink);font-variant-numeric:tabular-nums}.g-gin-rummy th,.g-gin-rummy td{padding:2px 4px}.g-gin-rummy thead th{position:sticky;top:0;background:var(--surface-2)}.g-gin-rummy tr.gr-total th{background:var(--surface-2);border-top:1px solid var(--line)}.g-gin-rummy td.gr-res{color:var(--ink-2);text-align:left}.g-gin-rummy .gr-goal{margin:4px 0 0;text-align:center;font-size:12px;color:var(--ink-2)}@media(max-width:420px){.g-gin-rummy{padding:4px}.g-gin-rummy .gr-table{gap:8px}.g-gin-rummy table{font-size:12px}.g-gin-rummy .gr-fan .gr-back{width:20px;height:28px;margin-left:-10px}}@media(prefers-reduced-motion:reduce){.g-gin-rummy .gr-hand .gr-card,.g-gin-rummy .is-shake{transition:none;animation:none}}