.setup-cols[data-v-c36d0cdb]{display:flex;gap:16px;align-items:stretch}.setup-col[data-v-c36d0cdb]{flex:1 1 0;min-width:0;background:#ffffff08;border:1px solid var(--line);border-radius:14px;padding:14px 16px 18px}.col-title[data-v-c36d0cdb]{font-size:13px;font-weight:600;color:var(--text-dim);margin-bottom:12px}.btn-add-seat[data-v-c36d0cdb]{width:100%;margin-top:12px}.setup-col .ext-panel[data-v-c36d0cdb]{margin-top:0;border-top:none;padding-top:0}.diy-panel[data-v-c36d0cdb]{margin-top:12px;border:1px solid #ddd;border-radius:8px;overflow:hidden}.diy-toggle[data-v-c36d0cdb]{display:flex;align-items:center;width:100%;padding:10px 12px;background:#f6f7f9;border:none;cursor:pointer;text-align:left;font:inherit;color:#2c3e50}.diy-caret[data-v-c36d0cdb]{display:inline-block;transition:transform .15s;color:#8a94a6;margin-right:6px}.diy-caret.open[data-v-c36d0cdb]{transform:rotate(90deg)}.diy-title[data-v-c36d0cdb]{font-weight:600}.diy-hint[data-v-c36d0cdb]{margin-left:10px;color:#8a94a6;font-size:12px}.diy-body[data-v-c36d0cdb]{padding:12px;border-top:1px solid #e5e7eb;background:#fff}.diy-group[data-v-c36d0cdb]{margin-bottom:14px}.diy-group[data-v-c36d0cdb]:last-child{margin-bottom:0}.diy-group-title[data-v-c36d0cdb]{font-size:13px;font-weight:600;color:#6b7a8f;margin-bottom:8px}.diy-row[data-v-c36d0cdb]{display:flex;align-items:center;justify-content:space-between;padding:5px 0}.diy-label[data-v-c36d0cdb]{color:#34495e;font-size:14px}.stepper[data-v-c36d0cdb]{display:flex;align-items:center;gap:2px}.stepper-btn[data-v-c36d0cdb]{width:26px;height:26px;border:1px solid #d0d5dd;border-radius:6px;background:#fff;cursor:pointer;font-size:15px;line-height:1;color:#34495e}.stepper-btn[data-v-c36d0cdb]:disabled{opacity:.4;cursor:default}.stepper-val[data-v-c36d0cdb]{width:46px;height:26px;border:1px solid #d0d5dd;border-radius:6px;text-align:center;font:inherit;font-size:14px;color:#2c3e50;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.stepper-val[data-v-c36d0cdb]::-webkit-outer-spin-button,.stepper-val[data-v-c36d0cdb]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media(max-width:760px){.setup-cols[data-v-c36d0cdb]{flex-direction:column}.setup-col[data-v-c36d0cdb]{flex:none;width:100%}.setup-card[data-v-c36d0cdb]{width:100%;padding:20px 16px}}.lobby-card[data-v-eb676f89]{max-width:560px}.conn-msg[data-v-eb676f89]{color:var(--text-dim);text-align:center;padding:24px 0}.tabs[data-v-eb676f89]{display:flex;gap:8px;margin-bottom:18px}.lobby-form[data-v-eb676f89]{display:flex;flex-direction:column;gap:16px}.field[data-v-eb676f89]{display:flex;flex-direction:column;gap:6px}.field-label[data-v-eb676f89]{font-size:13px;color:var(--text-dim);font-weight:600}.player-count-row[data-v-eb676f89]{display:flex;align-items:center;gap:10px}.count-num[data-v-eb676f89]{font-size:20px;min-width:24px;text-align:center}.seat-type-row[data-v-eb676f89]{display:flex;flex-wrap:wrap;gap:6px}.seat-type[data-v-eb676f89]{min-width:44px}.ext-small .ext-item[data-v-eb676f89]{padding:5px 8px}.form-actions[data-v-eb676f89]{display:flex;justify-content:center;margin-top:6px}.room-code[data-v-eb676f89]{text-align:center;font-size:16px;margin-bottom:18px}.code[data-v-eb676f89]{font-size:30px;letter-spacing:6px;color:var(--accent, #3568d4);margin-left:6px}.room-seats[data-v-eb676f89]{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.room-seat[data-v-eb676f89]{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line, #ddd);border-radius:10px;background:#ffffff08}.room-seat.own[data-v-eb676f89]{border-color:#3568d4}.room-seat .seat-name[data-v-eb676f89]{flex:1}.badge-online[data-v-eb676f89]{color:#2f9e44;font-size:12px}.badge-owner[data-v-eb676f89]{color:#e8590c;font-size:12px;font-weight:700}.room-actions[data-v-eb676f89]{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.room-hint[data-v-eb676f89]{text-align:center;color:var(--text-dim);font-size:12px;margin-top:14px}.lobby-footer[data-v-eb676f89]{margin-top:18px;text-align:center}.notice[data-v-eb676f89]{color:#2f9e44;text-align:center;margin:8px 0}.code-input[data-v-eb676f89]{text-transform:uppercase}.err-banner[data-v-eb9325a5]{color:#e03131;margin:8px 0;font-size:13px}:root{--bg0: #0c0a12;--bg1: #161120;--bg2: #1f1830;--gold: #d4af37;--gold-dim: #9a7d2f;--green-felt: #0f3d2e;--red: #e23b4a;--window-btn: #3a2f55;--text: #efe8d8;--text-dim: #a99f8f;--line: #2c233f;--red-suit: #e23b4a;--yellow-suit: #e8c24a;--blue-suit: #4a86e8;--green-suit: #4ac28a}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:radial-gradient(ellipse at 50% -20%,#221a33 0%,var(--bg0) 60%);color:var(--text)}.app{height:100vh;display:flex;flex-direction:column}.btn{font-size:15px;padding:10px 22px;border-radius:10px;border:1px solid transparent;cursor:pointer;font-weight:600;transition:transform .06s,box-shadow .12s,opacity .12s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(165deg,#e6c866,var(--gold) 55%,#b8912d);color:#241a06;box-shadow:0 6px 18px #d4af3759}.btn-primary:hover{box-shadow:0 6px 24px #d4af378c}.btn-ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn-ghost:hover{border-color:var(--gold-dim);color:var(--gold)}.btn-lg{padding:13px 28px;font-size:16px}.board{display:flex;flex-direction:column;height:100vh;gap:10px;padding:14px 20px;background:radial-gradient(circle at 50% 30%,#123624,#0b2418 60%,#081811)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:22px;font-weight:800;letter-spacing:1px;color:#fff;display:flex;align-items:baseline;gap:8px}.brand>span{background:linear-gradient(90deg,var(--gold),#f3de9a,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.subtag{color:var(--text-dim);font-size:13px;letter-spacing:3px}.top-tools{display:flex;gap:8px}.btn-sm{padding:7px 14px;font-size:13px}.table{flex:1;min-height:0;border-radius:22px;border:1px solid rgba(212,175,55,.18);background:radial-gradient(circle at center,rgba(212,175,55,.06),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.02),transparent);padding:14px 20px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.opponents{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}.seat{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:12px;background:#00000047;border:1px solid transparent}.seat.active{border-color:var(--gold);box-shadow:0 0 16px #d4af3740}.seat.winner .seat-name{color:var(--gold);font-weight:700}.seat-dot{width:10px;height:10px;border-radius:50%;background:#555}.seat.active .seat-dot{background:var(--gold);box-shadow:0 0 8px var(--gold)}.seat-name{font-size:15px;font-weight:600}.badge-ai{font-size:11px;background:var(--window-btn);padding:1px 6px;border-radius:5px;color:var(--text-dim)}.badge-win{font-size:11px;background:var(--gold);color:#241a06;padding:1px 6px;border-radius:5px;font-weight:700}.backpile{position:relative;display:flex;align-items:center;gap:-6px}.backpile-count{position:absolute;top:-4px;right:-4px;background:var(--gold);color:#241a06;font-size:11px;font-weight:800;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;z-index:2;padding:0 4px}.center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:0}.trick{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:18px}.trick-slot{text-align:center;min-width:92px}.trick-name{font-size:13px;color:var(--text);margin-bottom:6px;opacity:.9}.trick-slot.me .trick-name{color:var(--gold);font-weight:700}.trick-type{color:var(--gold-dim);font-size:12px;margin:4px 0 6px;letter-spacing:1px}.trick-cards{display:flex;justify-content:center;gap:4px}.trick-pass{color:var(--text-dim);font-size:20px;padding-top:10px}.new-round{color:var(--text-dim);font-size:16px;letter-spacing:1px}.my-turn-hint{color:var(--gold);font-size:15px;letter-spacing:1px}.waiting{color:var(--text-dim);font-size:16px;letter-spacing:2px}.err{color:#ff7a7a;font-size:14px}.clear-sel{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:36px;height:36px;z-index:10;border-radius:50%;border:1px solid var(--gold-dim);background:#0009;color:var(--gold);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s}.clear-sel:hover{background:#d4af3740;border-color:var(--gold)}.win-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50}.win-modal{background:linear-gradient(180deg,var(--bg2),var(--bg1));border:1px solid var(--gold);border-radius:20px;padding:40px 56px;text-align:center;box-shadow:0 30px 60px #0009}.win-title{font-size:22px;color:var(--gold);letter-spacing:2px;margin-bottom:12px}.win-name{font-size:34px;font-weight:800;color:#fff;margin-bottom:24px}.actionbar{display:flex;gap:14px}.card{width:58px;height:84px;border-radius:9px;background:linear-gradient(160deg,#fdfaf1,#f3ecd8 55%,#e4dcc6);background-color:#fdfaf1;position:relative;isolation:isolate;border:1px solid #cfc4a8;box-shadow:0 4px 10px #00000059;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .1s,box-shadow .1s,border-color .1s}.card:hover:not(.disabled):not(.selected){transform:translateY(-4px)}.card.disabled{cursor:default;opacity:.95}.card.disabled:hover{transform:none}.card.ghost{opacity:.5}.card.ghost:hover{opacity:.75}.card.selected{transform:translateY(-14px);border-color:var(--gold);box-shadow:0 8px 20px #d4af3766}.card.small{width:40px;height:58px}.card.face-down{background:linear-gradient(160deg,#2b2440,#1c1730);background-color:#221c36;border-color:var(--window-btn);cursor:default}.card-corner{position:absolute;line-height:1;text-align:center}.card-rank{top:5px;left:6px;font-size:30px;font-weight:800;font-family:Arial,Microsoft YaHei,sans-serif;font-variant-numeric:tabular-nums}.card.wide-rank .card-rank{font-size:17px;left:5px;top:7px}.card.modifier{background:linear-gradient(160deg,#2b2440,#1c1730);background-color:#221c36;border-color:#5a4d80}.card-mod-rank{position:absolute;top:5px;left:6px;display:flex;flex-direction:column;line-height:1.1;align-items:center}.card-mod-rank i{font-style:normal;font-size:16px;font-weight:800;line-height:1.1}.card.modifier .card-mod-rank i{color:#c9b8ff}.card.modifier .card-num-mod{font-size:20px;top:5px;left:5px;color:#fff}.card-suit{right:6px;bottom:6px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.suit-glyph{width:22px;height:22px}.suit-red .card-rank,.suit-red .suit-glyph{color:var(--red-suit)}.suit-yellow .card-rank,.suit-yellow .suit-glyph{color:#b98a18}.suit-blue .card-rank,.suit-blue .suit-glyph{color:var(--blue-suit)}.suit-green .card-rank,.suit-green .suit-glyph{color:var(--green-suit)}.suit-purple .card-rank,.suit-purple .suit-glyph{color:#a55ee0}.suit-black .card-rank{color:#1a1a1a}.hand-zone{position:relative;padding-top:2px}.hand-label{display:flex;align-items:center;justify-content:space-between;color:var(--text-dim);font-size:13px;margin:0 6px 8px}.hand-label .hint{color:var(--gold-dim);font-size:12px}.hand-row{display:flex;align-items:flex-start;min-height:108px;padding:24px 4px 6px;margin-bottom:6px;overflow-x:auto}.hand-row .card{margin-right:-36px;flex:0 0 auto}.hand-row .card:last-child{margin-right:0}.pin-area{display:flex;flex-wrap:wrap;gap:10px 16px;margin-bottom:8px;padding:6px 6px 2px}.pin-group{display:flex;align-items:center;gap:6px;padding:4px 6px;border:1px dashed var(--gold-dim);border-radius:10px;background:#d4af370f}.pin-row{display:flex}.pin-row .card{margin-right:-20px}.pin-row .card:last-child{margin-right:0}.pin-del{width:22px;height:22px;border-radius:50%;border:1px solid var(--window-btn);background:#00000080;color:var(--text-dim);font-size:12px;cursor:pointer;flex:0 0 auto;line-height:1;display:flex;align-items:center;justify-content:center}.pin-del:hover{color:#ff7a7a;border-color:#ff7a7a}.pin-btn{position:absolute;right:54px;top:50%;transform:translateY(-50%);padding:7px 16px;border-radius:18px;border:1px solid var(--gold);background:#d4af3726;color:var(--gold);font-size:14px;font-weight:600;cursor:pointer;z-index:10}.pin-btn:hover{background:#d4af374d}.setup{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 0;background:radial-gradient(ellipse at 50% -20%,#241a33 0%,var(--bg0) 70%)}.setup-card{width:920px;max-width:94vw;background:linear-gradient(180deg,var(--bg2),var(--bg1));border:1px solid var(--line);border-radius:20px;padding:28px 26px;box-shadow:0 30px 60px #00000080}.logo{font-size:30px;font-weight:800;text-align:center;background:linear-gradient(90deg,var(--gold),#f3de9a,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.logo-sub{text-align:center;color:var(--text-dim);letter-spacing:3px;font-size:13px;margin:4px 0 20px}.setup-hint{color:var(--text-dim);font-size:13px;margin-bottom:14px}.seat-list{display:flex;flex-direction:column;gap:12px}.seat-edit{display:flex;align-items:center;gap:10px}.name-input{flex:1;background:#0000004d;border:1px solid var(--line);border-radius:8px;padding:9px 12px;color:var(--text);font-size:14px}.name-input:focus{outline:none;border-color:var(--gold-dim)}.type-tabs{display:flex;gap:6px}.type-btn{background:transparent;border:1px solid var(--line);color:var(--text-dim);padding:7px 12px;border-radius:8px;cursor:pointer;font-size:13px}.type-btn.on{border-color:var(--gold);color:var(--gold);background:#d4af3714}.del{background:transparent;border:none;color:#ff7a7a;cursor:pointer;font-size:15px;padding:6px}.del:disabled{color:#544;cursor:not-allowed}.setup-actions{display:flex;align-items:center;justify-content:space-between;margin-top:22px;gap:10px}.rule-hint{margin-top:18px;font-size:12px;color:var(--text-dim);line-height:1.6;border-top:1px dashed var(--line);padding-top:14px}@media(max-width:600px){.board{padding:8px 10px;gap:6px}.brand{font-size:17px}.brand .subtag{display:none}.top-tools .btn{padding:5px 9px;font-size:12px}.table{padding:8px 10px}.opponents{gap:8px}.seat{padding:5px 8px;gap:6px}.seat-name{font-size:12px}.card{width:40px;height:60px}.card.small{width:32px;height:46px}.card-rank{font-size:22px}.card.wide-rank .card-rank{font-size:14px}.suit-glyph{width:16px;height:16px}.card-suit{width:16px;height:16px;right:4px;bottom:4px}.hand-row .card{margin-right:-24px}.pin-row .card{margin-right:-16px}.trick{gap:12px}.trick-slot{min-width:60px}.btn{padding:8px 16px;font-size:14px}.my-turn-hint,.waiting{font-size:13px}.actionbar{flex-wrap:wrap;justify-content:center}.clear-sel{right:6px;width:32px;height:32px}.pin-btn{right:44px;padding:6px 12px;font-size:12px}.hand-row{padding-top:20px;min-height:88px}.win-modal{padding:28px 24px}.win-name{font-size:26px}}.ext-panel{margin-top:18px;border-top:1px dashed var(--line);padding-top:14px}.ext-title{color:var(--text-dim);font-size:13px;margin-bottom:10px}.ext-list{display:flex;flex-direction:column;gap:8px}.ext-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;cursor:pointer;background:#0003;transition:border-color .12s,background .12s}.ext-item.on{border-color:var(--gold);background:#d4af3714}.ext-item input{accent-color:var(--gold)}.ext-name{font-size:14px;font-weight:600;color:var(--text);min-width:78px}.ext-desc{font-size:12px;color:var(--text-dim);flex:1}.status-bar{padding:6px 14px;border-radius:8px;font-size:14px;border:1px solid var(--line);background:#0000004d}.status-bar b{font-weight:700}.status-bar.ok{border-color:var(--gold);color:var(--gold)}.status-bar.bad{border-color:#ff7a7a;color:#ffb3b3}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50}.help-modal{background:linear-gradient(180deg,var(--bg2),var(--bg1));border:1px solid var(--gold);border-radius:16px;padding:28px 32px;max-width:520px;width:92vw;max-height:80vh;overflow:auto;box-shadow:0 30px 60px #0009}.help-body{margin:12px 0}.help-line{font-size:14px;line-height:1.8;color:var(--text)}.help-ext{border-top:1px dashed var(--line);padding-top:12px}.help-ext-title{font-size:13px;color:var(--gold);margin-bottom:6px;letter-spacing:1px}.im-modal{max-width:640px}.im-body{margin:12px 0}.im-section-title{font-size:13px;color:var(--gold);margin:10px 0 6px;letter-spacing:1px}.im-cards{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.im-cards .card{cursor:pointer}.im-options{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.im-actions{display:flex;gap:10px;justify-content:center;margin-top:12px}.im-error{color:#ffb3b3;font-size:12px;margin-top:8px;text-align:center}.im-ackbar{position:fixed;left:50%;transform:translate(-50%);bottom:200px;z-index:40;display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,var(--bg2),var(--bg1));border:1px solid var(--gold);border-radius:12px;padding:10px 16px;box-shadow:0 20px 40px #00000080}.im-ack-text{font-size:13px;color:var(--text)}.board-body{display:flex;flex:1;min-height:0;gap:12px}.board-main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.ext-bar{width:260px;flex:0 0 260px;overflow-y:auto;background:#0000002e;border:1px solid rgba(212,175,55,.18);border-radius:16px;padding:10px}.ext-bar-title{font-size:14px;font-weight:700;color:var(--gold);margin-bottom:8px}.ext-bar-list{display:flex;flex-direction:column;gap:10px}.ext-card{border:1px solid var(--line);border-radius:10px;background:#00000040;padding:8px 10px}.ext-card-head{display:flex;align-items:baseline;gap:6px;margin-bottom:6px}.ext-card-name{font-size:13px;font-weight:700;color:var(--text)}.ext-card-desc{font-size:11px;color:var(--text-dim)}.ext-card-samples{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.ext-card-rules{display:flex;flex-direction:column;gap:4px}.ext-card-rule{font-size:12px;color:var(--text);line-height:1.5}.ext-card-rule b{color:var(--gold);font-weight:700}.settings-modal{max-width:420px}.settings-line{margin-bottom:14px}.switch-row{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text)}.switch-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--gold);cursor:pointer}.switch-hint{font-size:12px;color:var(--text-dim);margin-top:4px}.hand-row.hand-stacked{align-items:flex-end;gap:2px;min-height:110px}.stack-col{position:relative;display:flex;flex-direction:column;align-items:center;flex:0 0 auto}.stack-count{position:absolute;top:-2px;right:-2px;z-index:5;background:var(--gold);color:#1c1c1c;font-size:11px;font-weight:700;border-radius:8px;padding:0 5px;line-height:1.4}.stack-card{position:relative}.stack-card+.stack-card{margin-top:-62px}.stack-card .card.selected{transform:translateY(-14px);z-index:6}.stack-top{display:flex;align-items:flex-start;min-height:62px}.stack-stack{display:flex;flex-direction:column;align-items:center}.stack-stack .stack-card+.stack-card{margin-top:-62px}.stack-top .stack-card+.stack-card{margin-top:0;margin-left:2px}.online-switch{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;margin:0 auto;max-width:720px}.os-label{color:var(--text-dim, #7a8794);font-size:13px;font-weight:600}.os-pill{padding:4px 14px;border-radius:999px;border:1px solid var(--line, #ddd);background:#ffffff0a;color:var(--text-dim, #7a8794);font-size:13px}.os-pill-on{color:#3568d4;border-color:#3568d4}.app-context{--accent: #3568d4}.lobby-card .ext-small .ext-item input[type=checkbox]{margin-right:6px}