:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0b0f14;color:#e6edf3;font:15px/1.6 system-ui,Segoe UI,PingFang TC,Microsoft JhengHei,sans-serif}.wrap{max-width:620px;margin:0 auto;padding:18px 16px 60px}h1{font-size:20px;margin:0}.sub{color:#8b98a5;font-size:13px}.muted{color:#8b98a5}.small{font-size:12px}b.fp{font-family:Cascadia Code,Consolas,monospace;color:#58a6ff}.cred{color:#f0806c}.cblk{color:#cdd9e5}.topbar{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.room{font-size:12px;color:#8b98a5;font-weight:400;margin-left:6px}button.leave{background:transparent;border:none;color:#8b98a5;font-size:20px;padding:0 8px 0 0;cursor:pointer;vertical-align:middle}button.leave:hover{color:#e6edf3;background:transparent}.statusline{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:13px;background:#131a22;border:1px solid #223;border-radius:10px;padding:8px 12px}.badge{display:inline-flex;align-items:center;gap:6px;font-weight:600}.statusline.trust{margin-top:6px;font-size:12px;background:#0f1720}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.turnbar{text-align:center;padding:8px;font-size:14px;color:#8b98a5}.turnbar .yourturn{color:#3fb950;font-weight:700}.turnbar .result{color:#e6edf3;font-weight:600;font-size:15px}button.big.resign{background:#f8514922;border-color:#f85149}button.big.resign:hover{background:#f8514933}button:disabled{opacity:.45;cursor:not-allowed}.controls.replaybar{gap:8px}.controls.replaybar input[type=range]{flex:1;min-width:120px;accent-color:#58a6ff}.foot{display:block;margin-top:8px}.board{display:block;margin:4px auto;touch-action:manipulation}.board-bg{fill:#ecc57a;stroke:#a5793a;stroke-width:2}.grid line{stroke:#7a5322;stroke-width:1.4}.river{fill:#9a6a2c;font-size:20px;letter-spacing:4px;font-weight:600;opacity:.8}.disc{stroke-width:2}.disc.red{fill:#fbe7cf;stroke:#c0392b}.disc.black{fill:#fbe7cf;stroke:#2c3038}.disc.sel{stroke-width:4;filter:drop-shadow(0 0 4px #3fb950);stroke:#2f8f4e}.glyph{font-size:27px;font-weight:800;pointer-events:none;-webkit-user-select:none;user-select:none}.glyph.red{fill:#c0392b}.glyph.black{fill:#21252b}.target-dot{fill:#2f8f4e;opacity:.8}.target-ring{fill:none;stroke:#2f8f4e;stroke-width:3;opacity:.85}.lastmove{fill:none;stroke:#d29922;stroke-width:2;stroke-dasharray:4 3;opacity:.8}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}button{background:#21262d;color:#e6edf3;border:1px solid #30363d;border-radius:8px;padding:6px 12px;font-size:14px;cursor:pointer}button:hover{background:#2d333b}button.big{padding:8px 16px;font-weight:600}button.primary{background:#1f6feb33;border-color:#1f6feb}button.off{background:#f8514933;border-color:#f85149}.lobby{max-width:520px;padding-top:48px}.card{background:#131a22;border:1px solid #223;border-radius:12px;padding:16px;margin:16px 0}.field{display:flex;gap:8px;flex-wrap:wrap}.field input{flex:1;min-width:160px;background:#0d1117;border:1px solid #30363d;color:#e6edf3;border-radius:8px;padding:8px 11px;font-size:14px}.hint{color:#8b98a5;font-size:12px;margin:12px 0 0}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#2d333b;border:1px solid #f85149;color:#ffd7d0;padding:8px 16px;border-radius:20px;font-size:14px;box-shadow:0 6px 20px #0008}.game-title{font-size:15px;font-weight:700;margin-bottom:10px;color:#e6edf3}.gm-bg{fill:#e3b866;stroke:#a5793a;stroke-width:2}.gm-grid line{stroke:#6b4a20;stroke-width:1.2}.gm-star{fill:#4a3316}.gm-stone{stroke-width:1.5}.gm-stone.black{fill:#14181f;stroke:#000}.gm-stone.white{fill:#f6f7f9;stroke:#9aa3ad}.gm-stone.win{filter:drop-shadow(0 0 5px #3fb950);stroke:#2f8f4e;stroke-width:2.5}.gm-last{fill:#e5484d}.wq-bg{fill:#e3b866;stroke:#a5793a;stroke-width:2}.wq-grid line{stroke:#5c3f1c;stroke-width:1}.wq-star{fill:#3a2810}.wq-stone{stroke-width:1}.wq-stone.black{fill:#14181f;stroke:#000}.wq-stone.white{fill:#f6f7f9;stroke:#9aa3ad}.wq-last.on-black{fill:#f6f7f9}.wq-last.on-white{fill:#14181f}.mahjong .mj-opps{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.mj-opp{flex:1;min-width:130px;background:#131a22;border:1px solid #223;border-radius:10px;padding:8px 10px;font-size:12px}.mj-opp.turn{border-color:#d29922;box-shadow:0 0 0 1px #d2992255}.mj-opp .who{font-weight:700;color:#e6edf3}.mj-opp .cnt{color:#8b98a5}.mj-opp .melds{margin-top:4px;display:flex;flex-wrap:wrap;gap:3px}.mj-opp .meld{background:#0d1117;border:1px solid #30363d;border-radius:5px;padding:1px 4px}.mj-river{display:flex;flex-wrap:wrap;gap:3px;min-height:42px;margin:8px 0;padding:8px;background:#0d141b;border-radius:10px}.mj-hand{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.mjtile{font:600 17px/1 system-ui,PingFang TC,Microsoft JhengHei,sans-serif;color:#14181f;background:#f3efe4;border:1px solid #cfc7b0;border-bottom-width:3px;border-radius:7px;padding:9px 8px 7px;min-width:30px;cursor:default}.mjtile.small{font-size:13px;padding:5px 5px 4px;min-width:22px;border-bottom-width:2px}.mjtile.dim{opacity:.82}.mjtile.man{color:#1f6f3d}.mjtile.sou{color:#146b8c}.mjtile.pin{color:#b23}.mjtile.wind,.mjtile.dragon{color:#14181f}.mjtile.bonus{color:#a5793a}.mjtile.active{cursor:pointer}.mjtile.active:hover{transform:translateY(-3px);border-color:#3fb950}.mj-actions{flex-wrap:wrap}.field select{background:#0d1117;border:1px solid #30363d;color:#e6edf3;border-radius:8px;padding:8px 11px;font-size:14px}.pcard{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:42px;height:58px;background:#f7fafc;color:#14181f;border:1px solid #cbd5e1;border-radius:6px;box-shadow:0 1px 3px #0006;font-weight:800;line-height:1;-webkit-user-select:none;user-select:none}.pcard.small{width:30px;height:42px;border-radius:5px}.pcard b{font-size:17px}.pcard.small b{font-size:12px}.pcard i{font-size:15px;font-style:normal}.pcard.small i{font-size:12px}.pcard.red{color:#c0142b}.pcard.back{background:repeating-linear-gradient(45deg,#1f3b73,#1f3b73 5px,#274b91 5px,#274b91 10px);border-color:#16305e;box-shadow:inset 0 0 0 3px #0d1117aa,0 1px 3px #0006}.hole{display:flex;gap:5px}.hole.big{gap:8px}.poker .pk-opps{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.pk-opp{flex:1;min-width:140px;background:#131a22;border:1px solid #223;border-radius:10px;padding:8px 10px;font-size:12px}.pk-opp.turn{border-color:#d29922;box-shadow:0 0 0 1px #d2992255}.pk-opp.win{border-color:#3fb950;box-shadow:0 0 0 1px #3fb95055}.pk-opp .who{font-weight:700;color:#e6edf3;display:flex;justify-content:space-between}.pk-opp .who em{color:#d29922;font-style:normal;font-size:11px}.pk-opp .hole{margin:5px 0}.pk-opp .cnt{color:#8b98a5}.pk-board{margin:12px 0;padding:12px;background:#0d2417;border:1px solid #14432a;border-radius:12px;text-align:center}.pk-board-label{color:#7fd6a3;font-size:12px;margin-bottom:8px;letter-spacing:.5px}.pk-community{display:flex;gap:8px;justify-content:center}.pk-me{margin:12px 0;text-align:center}.pk-me-label{color:#e6edf3;font-size:13px;font-weight:600;margin-bottom:6px}.pk-me .hole{justify-content:center}.pk-actions{flex-wrap:wrap;align-items:center}.pk-actions .allin{border-color:#f85149;color:#ffd7d0}.pk-raise{display:flex;align-items:center;gap:8px}.pk-raise input[type=range]{width:130px;accent-color:#d29922}.rv-board{touch-action:manipulation}.rv-bg{fill:#1a6b3a;stroke:#0d4423;stroke-width:2}.rv-cell{fill:#1f7d44;stroke:#0d4423;stroke-width:1.2}.rv-disc{stroke-width:1.5}.rv-disc.black{fill:#14181f;stroke:#000}.rv-disc.white{fill:#f6f7f9;stroke:#9aa3ad}.rv-disc.last{stroke:#e5484d;stroke-width:3}.rv-hint{fill:#eaf7ee;opacity:.5}.rv-score{display:flex;justify-content:center;gap:22px;margin:8px 0 2px}.rv-tally{display:inline-flex;align-items:center;gap:7px;font-size:15px;color:#e6edf3}.rv-tally b{font-size:18px}.rv-dot{width:15px;height:15px;border-radius:50%;display:inline-block}.rv-dot.black{background:#14181f;border:1px solid #000}.rv-dot.white{background:#f6f7f9;border:1px solid #9aa3ad}.c4-board{touch-action:manipulation}.c4-frame{fill:#1f6feb}.c4-hole{fill:#0d1117}.c4-hole.preview{fill:#223;stroke:#8b98a5;stroke-width:2;stroke-dasharray:4 3}.c4-colhi{fill:#fff;opacity:.06}.c4-disc{stroke-width:1.5}.c4-disc.red{fill:#e5484d;stroke:#a01b20}.c4-disc.yellow{fill:#f2cb1d;stroke:#b48f00}.c4-disc.last{stroke:#fff;stroke-width:3.5}.c4-dot{width:15px;height:15px;border-radius:50%;display:inline-block}.c4-dot.red{background:#e5484d;border:1px solid #a01b20}.c4-dot.yellow{background:#f2cb1d;border:1px solid #b48f00}