.home[data-v-686602ab]{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 20px 20px;min-height:100vh;background:linear-gradient(135deg,#0f0c29,#1a1040,#2d1b69)}.logo-area[data-v-686602ab]{text-align:center;margin-bottom:32px}.hp-logo[data-v-686602ab]{width:80px;height:80px;margin:0 auto 12px;border-radius:20px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);display:flex;align-items:center;justify-content:center;font-size:40px;box-shadow:0 0 30px #6c5ce766}h1[data-v-686602ab]{font-size:36px;color:#a29bfe;text-shadow:0 2px 12px rgba(162,155,254,.3);letter-spacing:2px}.subtitle[data-v-686602ab]{font-size:14px;color:#fff6;margin-top:6px}.form-card[data-v-686602ab]{width:100%;max-width:320px;background:#0000004d;border-radius:20px;padding:24px 20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.06)}.field[data-v-686602ab]{margin-bottom:14px}.field label[data-v-686602ab]{display:block;font-size:13px;color:#ffffff80;margin-bottom:6px}.field input[data-v-686602ab]{width:100%;padding:14px 16px;font-size:16px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;outline:none}.field input[data-v-686602ab]:focus{border-color:#6c5ce780}.field input[data-v-686602ab]::placeholder{color:#fff3}.primary-btn[data-v-686602ab]{width:100%;padding:14px;font-size:17px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:600}.primary-btn[data-v-686602ab]:disabled{opacity:.4;cursor:not-allowed}.primary-btn[data-v-686602ab]:active:not(:disabled){transform:scale(.98)}.divider[data-v-686602ab]{display:flex;align-items:center;margin:20px 0;color:#ffffff40;font-size:13px}.divider[data-v-686602ab]:before,.divider[data-v-686602ab]:after{content:"";flex:1;border-top:1px solid rgba(255,255,255,.08)}.divider span[data-v-686602ab]{padding:0 12px}.join-row[data-v-686602ab]{display:flex;gap:10px;align-items:center}.code-input[data-v-686602ab]{width:140px;flex-shrink:0;text-align:center;font-size:20px!important;letter-spacing:4px;padding:14px 4px!important;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;outline:none}.code-input[data-v-686602ab]:focus{border-color:#6c5ce780}.code-input[data-v-686602ab]::placeholder{color:#fff3;letter-spacing:2px}.join-btn[data-v-686602ab]{flex:1;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff;padding:14px 12px;border-radius:12px;cursor:pointer;font-size:16px}.join-btn[data-v-686602ab]:disabled{opacity:.4;cursor:not-allowed}.join-btn[data-v-686602ab]:active:not(:disabled){background:#ffffff26}.btn[data-v-686602ab]{font-family:inherit}.err[data-v-686602ab]{margin-top:14px;padding:10px 14px;background:#f4433626;border:1px solid rgba(244,67,54,.25);border-radius:10px;color:#f66;font-size:13px;text-align:center}.recent[data-v-686602ab]{margin-top:14px;text-align:center;font-size:12px;color:#a29bfe80;cursor:pointer}.disclaimer[data-v-686602ab]{margin-top:auto;font-size:11px;color:#ffffff1f;padding-top:24px}.room[data-v-13e5a6eb]{flex:1;display:flex;flex-direction:column;padding:12px 16px;min-height:100vh;background:linear-gradient(135deg,#0f0c29,#1a1040,#2d1b69)}.top-row[data-v-13e5a6eb]{display:flex;align-items:center;justify-content:space-between;padding:4px 0 12px;flex-shrink:0}.nav-btn[data-v-13e5a6eb]{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#ccc;padding:8px 14px;border-radius:10px;font-size:14px;cursor:pointer;font-family:inherit}.code-box[data-v-13e5a6eb]{display:flex;gap:4px}.code-num[data-v-13e5a6eb]{display:inline-flex;align-items:center;justify-content:center;width:34px;height:44px;font-size:22px;font-weight:700;background:#0006;border:1px solid rgba(108,92,231,.3);border-radius:8px;color:#a29bfe}.phase-banner[data-v-13e5a6eb]{text-align:center;padding:8px;border-radius:10px;font-size:13px;margin-bottom:8px;flex-shrink:0}.phase-banner.playing[data-v-13e5a6eb]{background:#2ecc711f;color:#2ecc71;animation:pulse-13e5a6eb 1.5s ease-in-out infinite}.phase-banner.result[data-v-13e5a6eb]{background:#a29bfe1f;color:#a29bfe}@keyframes pulse-13e5a6eb{0%,to{opacity:1}50%{opacity:.5}}.player-grid[data-v-13e5a6eb]{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start;overflow-y:auto;padding:4px 0}.player-tile[data-v-13e5a6eb]{background:#0000004d;border-radius:14px;padding:14px 10px;text-align:center;border:1px solid rgba(255,255,255,.04)}.player-tile.me[data-v-13e5a6eb]{border-color:#6c5ce766;box-shadow:0 0 16px #6c5ce71a}.player-tile.out[data-v-13e5a6eb]{opacity:.3}.player-tile.empty[data-v-13e5a6eb]{opacity:.15;border-style:dashed}.p-avatar[data-v-13e5a6eb]{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;box-shadow:0 3px 10px #0000004d;position:relative}.crown[data-v-13e5a6eb]{font-size:9px;position:absolute;top:-6px;right:-8px;animation:cr-13e5a6eb 2s ease-in-out infinite}@keyframes cr-13e5a6eb{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.empty-slot[data-v-13e5a6eb]{background:#ffffff0a;border:2px dashed rgba(255,255,255,.1);color:#ffffff26;font-size:20px;width:44px;height:44px}.p-name[data-v-13e5a6eb]{font-size:13px;font-weight:500;margin-top:6px}.tag[data-v-13e5a6eb]{font-size:9px;padding:1px 5px;border-radius:4px;margin-left:3px}.tag.host[data-v-13e5a6eb]{background:#a29bfe33;color:#a29bfe}.tag.me[data-v-13e5a6eb]{background:#3498db33;color:#5dade2}.p-cards[data-v-13e5a6eb]{font-size:12px;color:#fff6;margin-top:4px}.p-flag.out[data-v-13e5a6eb]{font-size:10px;padding:2px 8px;border-radius:6px;background:#2ecc7126;color:#2ecc71;margin-top:4px;display:inline-block}.p-offline[data-v-13e5a6eb]{font-size:10px;color:#e74c3c;margin-top:4px}.section-label[data-v-13e5a6eb]{font-size:12px;color:#ffffff4d;margin:10px 0 6px;flex-shrink:0}.standing-list[data-v-13e5a6eb]{display:flex;flex-wrap:wrap;gap:5px;padding-bottom:6px;flex-shrink:0}.stander-row[data-v-13e5a6eb]{display:flex;align-items:center;gap:5px;background:#0003;padding:3px 8px;border-radius:8px;font-size:12px}.s-name[data-v-13e5a6eb]{color:#fff6}.sit-inline[data-v-13e5a6eb]{background:#27ae60;border:none;color:#fff;padding:2px 8px;border-radius:6px;font-size:10px;cursor:pointer;font-family:inherit}.finish-card[data-v-13e5a6eb]{background:#0000004d;border-radius:14px;padding:14px;margin-top:8px;border:1px solid rgba(108,92,231,.2);flex-shrink:0}.finish-title[data-v-13e5a6eb]{font-size:14px;font-weight:600;color:#a29bfe;margin-bottom:10px;text-align:center}.finish-row[data-v-13e5a6eb]{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:12px}.finish-row[data-v-13e5a6eb]:last-child{border-bottom:none}.finish-row.first[data-v-13e5a6eb]{color:#f1c40f}.f-rank[data-v-13e5a6eb]{font-size:18px;font-weight:700;color:#fff3;min-width:24px;text-align:center}.finish-row.first .f-rank[data-v-13e5a6eb]{color:#f1c40f}.f-name[data-v-13e5a6eb]{flex:1;color:#fff}.finish-row.first .f-name[data-v-13e5a6eb]{font-weight:600}.f-cards[data-v-13e5a6eb]{color:#ffffff4d;font-size:11px}.bottom-actions[data-v-13e5a6eb]{padding:10px 0 4px;flex-shrink:0}.sit-area[data-v-13e5a6eb]{text-align:center;padding:8px 0}.sit-btn[data-v-13e5a6eb]{padding:12px 40px;background:#27ae60;color:#fff;font-size:16px;border:none;border-radius:12px;cursor:pointer}.stand-btn[data-v-13e5a6eb]{padding:12px 40px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#999;font-size:16px;border-radius:12px;cursor:pointer}.start-btn[data-v-13e5a6eb]{width:100%;padding:16px;font-size:18px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-family:inherit}.start-btn[data-v-13e5a6eb]:disabled{background:#ffffff14;color:#ffffff4d;cursor:not-allowed}.btn[data-v-13e5a6eb]{font-family:inherit}.err[data-v-13e5a6eb]{padding:10px 14px;background:#f443361f;border-radius:10px;color:#f66;font-size:13px;text-align:center;margin-bottom:8px}.game[data-v-fefea453]{flex:1;display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#0f0c29,#1a1040,#2d1b69);padding:8px 12px;overflow:hidden}.top-bar[data-v-fefea453]{display:flex;justify-content:space-between;align-items:center;padding:4px 0;flex-shrink:0}.room-tag[data-v-fefea453]{font-size:10px;color:#fff3}.phase-text[data-v-fefea453]{font-size:13px;color:#a29bfe;font-weight:600}.log-strip[data-v-fefea453]{text-align:center;flex-shrink:0;min-height:18px;padding:2px 0}.log-line[data-v-fefea453]{font-size:10px;color:#ffffff4d;margin:0 4px}.table-zone[data-v-fefea453]{text-align:center;padding:8px 0;flex-shrink:0;position:relative}.table-pile[data-v-fefea453]{margin-bottom:8px}.pile-label[data-v-fefea453]{font-size:11px;color:#ffffff40;margin-bottom:4px}.pile-visual[data-v-fefea453]{display:flex;justify-content:center;align-items:flex-end;min-height:50px;position:relative}.pile-card[data-v-fefea453]{font-size:28px;position:absolute;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.pile-count[data-v-fefea453]{font-size:13px;color:#fff6;margin-top:4px}.last-claim[data-v-fefea453]{padding:6px 12px;background:#0003;border-radius:8px;display:inline-block}.claim-author[data-v-fefea453]{font-size:12px;color:#fff6;margin-right:6px}.claim-value[data-v-fefea453]{font-size:14px;font-weight:700;color:#f1c40f}.new-round[data-v-fefea453]{color:#fff3;font-size:12px}.opponents[data-v-fefea453]{flex-shrink:0;margin:6px 0;max-height:140px;overflow-y:auto}.opp-row[data-v-fefea453]{display:flex;align-items:center;gap:6px;padding:5px 8px;background:#00000026;border-radius:8px;margin-bottom:3px}.opp-row.turn[data-v-fefea453]{border:1px solid rgba(108,92,231,.4);box-shadow:0 0 12px #6c5ce726}.opp-row.out[data-v-fefea453]{opacity:.3}.opp-avatar[data-v-fefea453]{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.op-name[data-v-fefea453]{font-size:12px;color:#fff;flex:1}.op-cards[data-v-fefea453]{font-size:11px;color:#ffffff4d}.op-tag[data-v-fefea453]{font-size:9px;padding:1px 5px;border-radius:4px}.op-tag.out[data-v-fefea453]{background:#2ecc7126;color:#2ecc71}.op-tag.active[data-v-fefea453]{background:#6c5ce733;color:#a29bfe}.op-tag.warn[data-v-fefea453]{background:#f1c40f26;color:#f1c40f}.my-area[data-v-fefea453]{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:4px 0}.my-header[data-v-fefea453]{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.my-name[data-v-fefea453]{font-size:14px;font-weight:600;color:#fff}.my-count[data-v-fefea453]{font-size:13px;color:#a29bfe}.my-cards[data-v-fefea453]{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:6px 0}.my-cards.selectable .hand-card[data-v-fefea453]{cursor:pointer}.hand-card[data-v-fefea453]{width:50px;height:72px;border-radius:6px;background:linear-gradient(135deg,#fff,#f0f0f0);border:2px solid rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;transition:all .2s;position:relative}.hand-card.selected[data-v-fefea453]{border-color:#a29bfe;box-shadow:0 0 16px #6c5ce780;transform:translateY(-6px)}.hand-card.joker[data-v-fefea453]{background:linear-gradient(135deg,#fef9e7,#fdebd0);border-color:#f1c40f66}.hc-rank[data-v-fefea453]{font-size:18px;font-weight:700;color:#1a1a1a;line-height:1}.hc-suit[data-v-fefea453]{font-size:12px;color:#555;line-height:1}.no-cards[data-v-fefea453]{color:#fff3;font-size:14px;padding:20px 0;text-align:center}.play-config[data-v-fefea453]{margin-top:8px;padding:10px;background:#0003;border-radius:10px;border:1px solid rgba(108,92,231,.2)}.cfg-row[data-v-fefea453]{display:flex;align-items:center;gap:6px;margin-bottom:6px}.cfg-label[data-v-fefea453]{font-size:11px;color:#fff6;min-width:50px;text-align:right}.rank-selector[data-v-fefea453],.count-selector[data-v-fefea453]{display:flex;gap:3px;flex-wrap:wrap;flex:1}.rank-btn[data-v-fefea453],.count-btn[data-v-fefea453]{padding:4px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffff80;font-size:12px;cursor:pointer;font-family:inherit}.rank-btn.active[data-v-fefea453],.count-btn.active[data-v-fefea453]{background:#6c5ce74d;border-color:#a29bfe;color:#fff}.actions[data-v-fefea453]{display:flex;gap:10px;justify-content:center;padding:10px 0;flex-shrink:0}.act-btn[data-v-fefea453]{padding:14px 28px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;font-family:inherit;color:#fff;transition:all .15s}.act-btn[data-v-fefea453]:active:not(:disabled){transform:scale(.96)}.act-btn[data-v-fefea453]:disabled{opacity:.4;cursor:not-allowed}.act-btn.play[data-v-fefea453]{background:linear-gradient(135deg,#6c5ce7,#a29bfe)}.act-btn.challenge[data-v-fefea453]{background:linear-gradient(135deg,#e74c3c,#c0392b)}.wait-text[data-v-fefea453]{text-align:center;color:#fff3;font-size:14px;padding:16px 0;flex-shrink:0}.out-banner[data-v-fefea453]{text-align:center;color:#2ecc71;font-size:18px;font-weight:600;padding:20px 0;flex-shrink:0}.result-bar[data-v-fefea453]{text-align:center;padding:12px 0;flex-shrink:0}.result-icon[data-v-fefea453]{font-size:40px}.result-text[data-v-fefea453]{font-size:16px;color:#fff9;margin-top:4px}.toast[data-v-fefea453]{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#f44336e6;color:#fff;padding:10px 20px;border-radius:20px;font-size:14px;z-index:100;animation:ti-fefea453 3s forwards}@keyframes ti-fefea453{0%{opacity:0;transform:translate(-50%) translateY(10px)}10%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1}to{opacity:0}}