:root{--felt: #0f5132;--felt-2: #0b4327;--felt-3: #07301c;--line: rgba(255, 255, 255, .14);--ink: #f3eee2;--muted: #9cb4a7;--gold: #e8c46a;--card-red: #b5121b;--card-black: #17181a;--card-face: #fffdf3;--card-face-2: #f1e9d3;--card-edge: #c9bc99;--back-a: #eebcbc;--back-b: #dd9f9f;--vh100: 100vh;--tw: min(calc((100vw - 46px) / 9), calc((var(--vh100) - 205px) / 20));--th: calc(var(--tw) * 1.21);--tsw: calc(var(--tw) * 1.6);--sw: var(--tw);--sh: var(--th)}@supports (height: 100dvh){:root{--vh100: 100dvh}}*{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}body{margin:0;background:radial-gradient(ellipse at 50% 0%,var(--felt-2),var(--felt) 45%,var(--felt-3) 100%);color:var(--ink);font-family:system-ui,-apple-system,PingFang SC,Hiragino Sans GB,Segoe UI,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}.app{position:relative;min-height:100%;--face-font: "KaiTi", "STKaiti", "楷体", "Kaiti SC", "Songti SC", "SimSun", serif;--face-weight: 400;--face-scale: 1;-webkit-touch-callout:none;max-width:680px;margin:0 auto;padding:calc(4px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left));display:flex;flex-direction:column;gap:6px}.app--measure{min-height:0!important}.topbar{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding-right:30px}.tag{font-size:11px;color:var(--ink);background:#00000038;border:1px solid var(--line);border-radius:999px;padding:1px 9px}.tag--pool{color:#2a1c00;background:var(--gold);border-color:var(--gold);font-weight:700}.muted{color:var(--muted);font-size:11px}.dbg{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--muted)}.tools{position:absolute;top:6px;right:8px;z-index:30}.tools>summary{list-style:none;cursor:pointer;width:22px;height:22px;line-height:20px;text-align:center;border:1px solid var(--line);border-radius:999px;background:#00000047;color:var(--ink);font-size:13px}.tools>summary::-webkit-details-marker{display:none}.tools[open]>summary{border-color:var(--gold);color:var(--gold)}.tools__body{position:absolute;right:0;top:26px;width:min(330px,86vw);display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:10px;text-align:left;background:#10361f;border:1px solid var(--line);box-shadow:0 14px 30px #0000008c}.tools__row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.tools__note{margin:0;font-size:11px;color:var(--muted);line-height:1.7}.tools select,.tools__row button{font:inherit;font-size:12px;padding:3px 9px;border-radius:6px;background:#00000040;color:var(--ink);border:1px solid var(--line);cursor:pointer}.cd{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--tw);height:var(--th);background:linear-gradient(160deg,var(--card-face) 0%,var(--card-face-2) 100%);border:1px solid var(--card-edge);border-radius:4px;box-shadow:inset 0 1px #ffffffe6,0 1px 3px #00000061;font-family:var(--face-font);font-weight:var(--face-weight);line-height:1;font-size:calc(var(--tw) * .78 * var(--face-scale));padding:0;user-select:none;-webkit-user-select:none;flex:0 0 auto;overflow:hidden}.cd--sm{width:var(--sw);height:var(--sh);font-size:calc(var(--sw) * .86 * var(--face-scale));border-radius:3px}.cd__ch{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.cd--big{font-size:calc(var(--tw) * .68 * var(--face-scale))}.cd--sm.cd--big{font-size:calc(var(--sw) * .72 * var(--face-scale))}.app[data-face=kai]{--face-font: "KaiTi", "STKaiti", "楷体", "Kaiti SC", "Songti SC", "SimSun", serif;--face-weight: 400}.app[data-face=song]{--face-font: "Songti SC", "Songti TC", "STSong", "宋体", "SimSun", "Noto Serif SC", serif;--face-weight: 400}.app[data-face=hei]{--face-font: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--face-weight: 700}.app[data-size=sm]{--face-scale: .92}.app[data-size=lg]{--face-scale: 1.08}.cd--red{color:var(--card-red)}.cd--black{color:var(--card-black)}.cd--dim{opacity:.6}button.cd{cursor:pointer}.cd--back{background-color:var(--back-a);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.9) 0 1.2px,transparent 1.2px 6px),repeating-linear-gradient(-45deg,rgba(255,255,255,.9) 0 1.2px,transparent 1.2px 6px),linear-gradient(160deg,var(--back-a),var(--back-b));border-color:#d09a9a;box-shadow:inset 0 1px #fff9,0 1px 3px #00000059}.cd--table{width:var(--tsw);height:calc(var(--th) * 3.4);flex-direction:column;justify-content:space-between;padding:calc(var(--th) * .06) 0;box-shadow:inset 0 1px #ffffffe6,0 0 0 2px #e8c46acc,0 0 20px #e8c46a73}.cd--table .cd__ch{height:auto}.cd__n{flex:0 0 auto;font-size:calc(var(--tsw) * .42);opacity:.95}.cd--table .cd__n--bottom{transform:rotate(180deg)}.cd__badge{flex:0 0 auto;width:calc(var(--tsw) * .78);height:calc(var(--tsw) * .78);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(var(--tsw) * .36);font-weight:700;font-family:KaiTi,楷体,serif;color:var(--card-red);border:2px solid rgba(181,18,27,.85);background:#fffdf3;pointer-events:none}.cd__badge--wide{font-size:calc(var(--tsw) * .27);letter-spacing:-1px}.col{display:flex;flex-direction:column;align-items:center;gap:2px}.col__stack{display:flex;flex-direction:column;align-items:center}.col__fan{font-size:10px;color:var(--muted);white-space:nowrap;padding:0 4px;border-radius:3px;background:#0000004d}.col__fan--on{color:#2a1c00;background:var(--gold);font-weight:700}.col__stack>*+*{margin-top:calc(var(--sh) * -.14)}.me__hand .col__stack>*+*{margin-top:calc(var(--th) * -.23)}.col--hand{font:inherit;color:inherit;background:transparent;border:0;padding:0;cursor:pointer;touch-action:none;position:relative}.col--hand:hover .col__stack{filter:brightness(1.07)}.col--idle{cursor:default;opacity:.85}.me__hand--dragging .col--hand:hover .col__stack{filter:none}.col--dragging .col__stack{transform:translateY(-6px);filter:brightness(1.12)}.col--drop .col__stack{outline:2px solid var(--gold);outline-offset:2px;border-radius:5px;filter:brightness(1.15)}.col__caret{position:absolute;top:0;bottom:0;left:-4px;width:3px;border-radius:2px;background:var(--gold);box-shadow:0 0 6px #00000080}.col__caret--after{left:auto;right:-4px}.dragchip{position:fixed;z-index:60;pointer-events:none;transform:translate(-50%,-60%);filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.strip{display:inline-flex;gap:3px}.avatar{display:flex;align-items:center;gap:4px}.avatar__box{width:clamp(22px,calc(var(--tw) * 1.45),50px);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px;border-radius:8px;background:#0000003d;border:1px solid var(--line);font-size:10px;text-align:center}.avatar--turn .avatar__box{border-color:var(--gold);background:#e8c46a1f}.avatar__face{width:52%;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff17;border:1px solid var(--line);font-size:clamp(9px,calc(var(--tw) * .42),14px);font-weight:700;color:var(--gold)}.avatar__name{font-weight:700;font-size:11px;white-space:nowrap}.avatar--l .avatar__box,.avatar--r .avatar__box{width:clamp(26px,calc(var(--tw) * 1.75),34px)}.handbox--r .avatar{flex-direction:row-reverse}.avatar__face--role{width:100%;aspect-ratio:auto;height:clamp(11px,calc(var(--tw) * .62),16px);border-radius:6px;padding:0;font-size:clamp(9px,calc(var(--tw) * .48),12px);letter-spacing:-.5px;white-space:nowrap}.avatar__meta{display:flex;flex-direction:column;align-items:center;gap:3px}.avatar--me .avatar__name{display:none}.tray{display:flex;align-items:center;gap:6px;padding:5px 7px;border:1px solid var(--line);border-radius:10px;background:#00000038}.tray__label{flex:0 0 auto;writing-mode:vertical-rl;letter-spacing:2px;font-size:12px;font-weight:700;color:var(--gold)}.tray__grid{flex:1 1 auto;display:grid;gap:3px;align-content:start}.tray--top{border:0;border-radius:0;background:none;padding:0 6px;gap:5px}.tray--top .tray__pile>*+*{margin-top:calc(var(--sh) * -.78)}.tray--top .tray__count b{font-size:12px}.tray--top .cut{min-height:42px}.tray--top .cut__text{left:calc(50% + 24px);font-size:11px}.tray--top .cut__pile{width:calc(var(--sw) * .8)}.tray__pile{flex:0 0 auto;display:flex;flex-direction:column;align-items:center}.tray__pile>*+*{margin-top:calc(var(--sh) * -.72)}.tray__grid>.hint{grid-column:1 / -1;align-self:center}.tray__count{flex:0 0 auto;text-align:center;font-size:10px;color:var(--muted)}.tray__count b{display:block;font-size:16px;color:var(--gold);line-height:1.1}.tray__count em{font-style:normal}.cut{position:relative;width:100%;min-height:46px;animation:cutFade 1.7s ease forwards}.cut__pile{position:absolute;left:50%;width:calc(var(--sw) * .86);border-radius:4px;border:1px solid rgba(232,196,106,.45);background:repeating-linear-gradient(180deg,rgba(255,255,255,.07) 0 1px,transparent 1px 5px),linear-gradient(180deg,#244d36,#16301e);box-shadow:0 2px 5px #00000073}.cut__pile--upper{bottom:var(--cut-hl);height:var(--cut-hu);transform:translate(-50%);border-color:#e8c46ad9;background:repeating-linear-gradient(180deg,rgba(255,255,255,.07) 0 1px,transparent 1px 5px),linear-gradient(180deg,#6a5a2a,#4a3d16);animation:cutUpper 1.15s ease-in-out forwards}.cut__pile--lower{bottom:0;height:var(--cut-hl);transform:translate(-50%);animation:cutLower 1.15s ease-in-out forwards}.cut__text{position:absolute;left:calc(50% + 30px);top:50%;transform:translateY(-50%);font-size:12px;color:var(--muted);white-space:nowrap}@keyframes cutUpper{0%{transform:translate(-50%)}25%{transform:translate(-50%,-20px)}70%{transform:translate(-50%,var(--cut-down))}to{transform:translate(-50%,var(--cut-down))}}@keyframes cutLower{0%{transform:translate(-50%)}25%{transform:translate(-50%)}70%{transform:translate(-50%,var(--cut-up))}to{transform:translate(-50%,var(--cut-up))}}@keyframes cutFade{0%,76%{opacity:1}to{opacity:0}}.cut-in>*{animation:dealIn .34s ease both}.cut-in>*:nth-child(2){animation-delay:.04s}.cut-in>*:nth-child(3){animation-delay:.08s}.cut-in>*:nth-child(4){animation-delay:.12s}.cut-in>*:nth-child(5){animation-delay:.16s}.cut-in>*:nth-child(6){animation-delay:.2s}.cut-in>*:nth-child(7){animation-delay:.24s}.cut-in>*:nth-child(8){animation-delay:.28s}.cut-in>*:nth-child(n+9){animation-delay:.32s}@keyframes dealIn{0%{opacity:0;transform:translateY(-14px) scale(.92)}to{opacity:1;transform:none}}.panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.handbox{display:flex;flex-direction:column;gap:4px;min-width:0;min-height:calc(var(--sh) * 2.4);padding:5px 6px;border:1px solid var(--line);border-radius:8px;background:#0000002e}.handbox--turn{border-color:var(--gold);background:#e8c46a1a}.handbox__head{position:relative;display:flex;align-items:center}.handbox--r .handbox__head{justify-content:flex-end}.handbox__score{position:absolute;left:50%;transform:translate(-50%);white-space:nowrap}.handbox__score,.me__score{font-size:11px;color:var(--gold)}.bottomrow{display:grid;grid-template-columns:1fr 2fr 1fr;min-height:46px;border:1px solid var(--line);border-radius:10px;background:#00000038;overflow:hidden}.bottomrow__cell{display:flex;align-items:center;justify-content:center;min-width:0;padding:3px 8px}.bottomrow__cell:not(:last-child){border-right:1px solid var(--line)}.bottomrow__round{font-size:11px;color:var(--gold);white-space:nowrap}.bottomrow__cell>.tray--top{padding:0}.bottomrow__cell>.banner{border:0;background:none;padding:0}.handrow{display:flex;gap:6px;align-items:flex-end;flex-wrap:wrap;justify-content:center;min-height:calc(var(--sh) * 2.1)}.handrow--mask{flex-wrap:nowrap;gap:0}.handrow--mask>.col{flex:1 1 0;min-width:0}.mid{flex:1 1 auto;min-height:calc(var(--th) * 2.4);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px;align-items:center;position:relative}.mid__side{min-width:0}.mid__center{display:flex;justify-content:center}.meldbox{display:flex;flex-direction:column;gap:4px;padding:5px 6px;border:1px solid var(--line);border-radius:8px;background:#00000029}.meldbox--turn{border-color:var(--gold);background:#e8c46a1a}.meldrow{display:flex;gap:6px;align-items:flex-end;flex-wrap:wrap;min-height:calc(var(--sh) * 1.25)}.discardbox{display:flex;align-items:flex-start;gap:5px;min-height:calc(var(--sh) * 1.2)}.more{font-size:10px;color:var(--muted)}.pill{font-style:normal;font-size:10px;padding:0 6px;border-radius:999px;border:1px solid var(--line);color:var(--ink);background:#00000040}.pill--gold{color:#2a1c00;background:var(--gold);border-color:var(--gold);font-weight:700}.pill--bao{color:#2b1200;background:#ff8c42;border-color:#ff8c42;font-weight:700}.spot{display:flex;flex-direction:column;align-items:center;gap:8px}.spot__tile{display:flex;flex-direction:column;align-items:center;gap:4px}.spot__line{font-size:11px;color:var(--muted)}.spot__empty{font-size:12px;color:var(--muted)}.spot__hint{font-size:12px;color:var(--gold)}.me{display:flex;flex-direction:column;gap:6px;padding:6px 8px;border:1px solid var(--line);border-radius:10px;background:#0000003d;margin-top:auto}.me__head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}.me__score{margin-left:auto;font-size:11px;color:var(--gold)}.lanes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lane__body{display:flex;gap:6px;align-items:flex-end;flex-wrap:wrap}.discardrow{display:flex;gap:3px;flex-wrap:wrap;align-items:center}.me__hand{display:flex;gap:3px;align-items:flex-end;justify-content:center;padding:2px 0}.me__actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.btn{font:inherit;font-size:13px;padding:6px 14px;border-radius:8px;background:#ffffff1a;color:var(--ink);border:1px solid var(--line);cursor:pointer}.btn:hover{background:#ffffff2e}.btn--primary{background:var(--gold);color:#2a1c00;border-color:var(--gold);font-weight:700}.btn--win{background:#d94a3d;color:#fff;border-color:#d94a3d;font-weight:700}.btn--ghost{background:transparent;color:var(--muted);font-size:12px;padding:4px 10px}.hint{font-size:12px;color:var(--muted)}.notice{margin:0;padding:8px 12px;border-radius:8px;font-size:13px;background:#e8c46a1f;border:1px solid var(--line);border-left:3px solid var(--gold)}.banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 10px;text-align:center;padding:6px 10px;border-radius:10px;font-size:12px;background:#00000052;border:1px solid var(--gold)}.banner__head{color:var(--gold);font-size:13px;white-space:nowrap}.banner__honors{color:var(--gold);white-space:nowrap}.banner__fan{color:var(--ink);white-space:nowrap}.banner__scores{display:flex;flex-wrap:wrap;gap:2px 10px;white-space:nowrap}.banner__scores b{font-weight:400}.banner__scores .is-win{color:var(--gold);font-weight:700}.banner .btn{padding:4px 10px;font-size:12px}.bottomrow__cell>.banner{gap:3px 8px;padding:0;font-size:11px}.bottomrow__next{margin-left:10px;padding:2px 10px;font-size:11px}.bottomrow__cell>.banner .banner__head{font-size:11px}.bottomrow__cell>.banner .btn{padding:2px 9px;font-size:11px}@media(max-width:560px){.avatar{font-size:9px}.avatar__name{font-size:10px}.tag{font-size:10px;padding:0 7px}.me__score{margin-left:0}.handbox__score,.me__score{font-size:10px}.handbox__head{flex-direction:column;align-items:flex-start;gap:2px}.handbox--r .handbox__head{align-items:flex-end}.handbox__score{position:static;transform:none;width:100%;text-align:center}.btn{padding:8px 14px}}