:root{color:#f4f8ff;background:#071525;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{-webkit-user-select:none;user-select:none;overflow:hidden}button,input,textarea,select{font:inherit}.table-shell{background:radial-gradient(circle at 50% 30%,#76beff2e,#0000 32%),linear-gradient(#050f1bd1,#030a15f0);width:100%;height:100dvh;position:relative;overflow:hidden}.table-shell__background{filter:saturate(.96)brightness(.78);background-image:radial-gradient(circle,#ffffff0f,#0000 30%),linear-gradient(#04183547,#0512248f),url(/QQ20260504-211343.png);background-position:50%,50%,50%;background-repeat:no-repeat,no-repeat,no-repeat;background-size:cover,cover,calc(100% + 180px) calc(100% + 40px);position:absolute;inset:0;transform:scale(1.02)}.table-shell:before{content:"";pointer-events:none;background:radial-gradient(circle,#0000 0%,#0309123d 55%,#02050bb3 100%),repeating-linear-gradient(90deg,#ffffff04,#ffffff04 1px,#0000 1px 5px);position:absolute;inset:0}.table-layout{z-index:1;grid-template:"header header header""left center right"minmax(0,1fr)"dock dock dock"/196px minmax(0,1fr) 196px;gap:10px 18px;width:100%;height:100%;padding:18px 20px 12px;display:grid;position:relative}.table-header{grid-area:header;grid-template-columns:1fr auto auto;align-items:start;gap:20px;display:grid}.table-brand h1{letter-spacing:.08em;margin:4px 0 0;font-size:34px;line-height:1}.table-brand__eyebrow{color:#f8d969;letter-spacing:.16em;background:#ffd35724;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.table-status{color:#f0f7ffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0712228f;border:1px solid #a6d7ff24;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:12px 18px;display:flex;box-shadow:0 10px 30px #02081242}.table-status span{background:#ffffff0d;border-radius:999px;padding:6px 10px;font-size:13px}.bottom-pile{background:#08112180;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;align-items:flex-end;gap:8px;padding:12px 14px;display:flex;box-shadow:0 18px 34px #0003}.bottom-pile__label{letter-spacing:.12em;color:#e1ecffd1;font-size:12px}.bottom-pile__cards{gap:6px;display:flex}.bottom-pile.is-revealed{box-shadow:0 0 0 1px #ffe67938,0 18px 38px #ffdd572e}.seat-panel{flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;min-width:0;padding-top:122px;display:flex}.seat-panel--left{grid-area:left}.seat-panel--right{grid-area:right}.seat-stage{align-items:flex-start;gap:18px;width:100%;min-height:320px;padding-top:18px;display:flex}.seat-stage--left{justify-content:flex-start}.seat-stage--right{justify-content:flex-end;gap:32px}.seat-table-slot{flex:1 1 0;align-items:center;min-height:220px;display:flex;position:relative}.seat-table-slot--left{justify-content:flex-start}.seat-table-slot--right{justify-content:flex-end}.seat-play-anchor{align-items:center;display:flex;position:relative}.seat-bubble{color:#ffe6a2;letter-spacing:.08em;white-space:nowrap;background:#050c18d1;border:1px solid #ffdf7247;border-radius:999px;padding:11px 18px;font-size:16px;font-weight:700;position:absolute;top:4px;left:50%;transform:translate(-50%);box-shadow:0 10px 20px #0000002e}.seat-bubble--right{left:12%;transform:translate(0)}.table-center{grid-area:center;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.table-emblem{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:10% 12%}.table-emblem__ring{aspect-ratio:1;filter:blur(.5px);background:radial-gradient(circle,#5fa4ff1f,#0000 48%),radial-gradient(circle,#0000 56%,#6cb2ff24 58%,#0000 62%);border-radius:50%;width:min(34vw,500px)}.table-emblem__text{letter-spacing:.28em;color:#cde2ff14;font-size:clamp(28px,3vw,48px);font-weight:800;position:absolute}.table-center__panel{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0714288a;border:1px solid #a0d6ff2e;border-radius:28px;flex-direction:column;align-items:center;gap:12px;width:min(560px,100%);padding:28px 32px;display:flex;position:relative;box-shadow:0 26px 60px #02061247}.table-center__panel--compact{width:min(420px,100%);padding:22px 26px}.table-center__title{letter-spacing:.08em;font-size:24px;font-weight:800}.table-center__subtitle{color:#dce8ffb8;text-align:center;line-height:1.5}.deal-progress{flex-direction:column;align-items:center;gap:10px;width:min(320px,100%);display:flex}.deal-progress__track{background:#ffffff14;border-radius:999px;width:100%;height:10px;overflow:hidden}.deal-progress__fill{border-radius:inherit;background:linear-gradient(90deg,#ffdf6b,#79b6ff);height:100%}.player-dock{flex-direction:column;grid-area:dock;justify-content:flex-end;align-items:center;gap:10px;min-height:256px;padding:8px 0 2px;display:flex;position:relative}.self-badge-corner{z-index:2;position:absolute;bottom:8px;left:12px}.self-badge-corner .player-badge{gap:8px;width:auto;padding:6px 12px}.player-dock__topline{justify-content:center;align-items:center;width:min(860px,100vw - 320px);min-height:138px;display:flex;position:relative}.played-fan{min-height:122px;position:relative}.played-fan--left,.played-fan--right,.played-fan--center{display:block}.played-fan__card{position:absolute;top:0}.hand-empty{color:#e4eeff99;background:#ffffff0f;border-radius:999px;padding:10px 14px;font-size:12px}.self-hand{position:relative}.self-hand__card,.side-hand__card{position:absolute}.side-hand{flex:none;position:relative}.side-hand--left,.side-hand--right{align-self:flex-start}.player-badge{background:#0611228f;border:1px solid #abdfff1f;border-radius:22px;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 14px 28px #0000002e}.player-badge.is-active{border-color:#ffdf7661;transform:translateY(-2px);box-shadow:0 0 0 1px #ffdf7629,0 18px 34px #0003}.player-badge__avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:800;display:flex}.player-badge__avatar.is-landlord,.player-role.is-landlord{background:linear-gradient(135deg,#ff9c62,#ea4f47)}.player-badge__avatar.is-farmer,.player-role.is-farmer{background:linear-gradient(135deg,#71d47b,#2fa85f)}.player-badge__meta{flex-direction:column;gap:6px;min-width:0;display:flex}.player-badge__name{font-size:16px;font-weight:700}.player-badge__tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.player-role,.player-count{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.player-role{color:#fff}.player-count{color:#e0ecffb8;background:#ffffff14}.action-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.action-button,.bid-button,.result-panel__button{cursor:pointer;border:0;transition:transform .16s,opacity .16s,box-shadow .16s,filter .16s}.action-button:disabled,.bid-button:disabled{cursor:not-allowed;opacity:.38;filter:grayscale(.2)}.action-button:hover:not(:disabled),.bid-button:hover:not(:disabled),.result-panel__button:hover{transform:translateY(-1px)}.action-button{letter-spacing:.08em;color:#fff;border-radius:999px;min-width:126px;padding:14px 26px;font-size:17px;font-weight:800}.action-button--primary{background:linear-gradient(#ffcf66,#f28c35);box-shadow:0 12px 24px #f3a14e52}.action-button--secondary{background:linear-gradient(#86c4ff,#4c87eb);box-shadow:0 12px 24px #4c87eb42}.action-button--ghost{background:linear-gradient(#778ba9,#4e5f79);box-shadow:0 12px 24px #32435b47}.bidding-panel{flex-direction:column;align-items:center;gap:14px;display:flex}.bidding-panel--waiting{color:#e6efffc2;background:#ffffff0f;border-radius:999px;flex-direction:row;padding:10px 16px}.bidding-panel__title{font-size:17px;font-weight:700}.bidding-panel__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.status-dot{background:#ffd86b;border-radius:50%;width:9px;height:9px;box-shadow:0 0 14px #ffd86bcc}.bid-button{color:#fff;letter-spacing:.08em;border-radius:999px;min-width:92px;padding:11px 18px;font-size:15px;font-weight:800}.bid-button--pass{background:linear-gradient(#6a7c95,#4d5d73)}.bid-button--score-1{background:linear-gradient(#ffc95d,#ef9a34)}.bid-button--score-2{background:linear-gradient(#ff9f6b,#e36943)}.bid-button--score-3{background:linear-gradient(#ff706a,#d84d57)}.result-overlay{z-index:20;background:#02070ead;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.result-panel{background:linear-gradient(#081529f0,#07101efa);border:1px solid #b3e2ff24;border-radius:28px;flex-direction:column;align-items:center;gap:14px;min-width:320px;padding:30px 34px;display:flex;box-shadow:0 30px 70px #0000004d}.result-panel__title{letter-spacing:.08em;font-size:28px;font-weight:800}.result-panel__title.is-win{color:#ffe06e}.result-panel__title.is-loss{color:#d9e6ff}.result-panel__subtitle,.result-panel__stats{color:#dfebffc7}.result-panel__stats{flex-wrap:wrap;justify-content:center;gap:12px;font-size:14px;display:flex}.result-panel__button{color:#0c1a2d;background:linear-gradient(#ffd36a,#f3a63f);border-radius:999px;padding:12px 24px;font-weight:800}.card-face{position:relative;overflow:hidden;box-shadow:0 8px 16px #0000002e,inset 0 0 0 1px #ffffffa6}.card-face.is-clickable{cursor:pointer}.card-front{background:linear-gradient(#fff 0%,#fdfcff 44%,#f1f6ff 100%);border:solid #9db5d6eb}.card-front.is-selected{box-shadow:0 14px 28px #ffdf5f47,inset 0 0 0 1px #fff3bcd9}.card-back{background:linear-gradient(135deg,#54a4ff2e,#ffffff0a),linear-gradient(#173a72,#0d244a);border:solid #6eadff99}.card-back__frame{border-radius:inherit;background:radial-gradient(circle,#ffffff0d,#0000 48%),repeating-linear-gradient(45deg,#ffffff08,#ffffff08 4px,#0000 4px 8px);border:1px solid #b0d8ff6b;flex:1;justify-content:center;align-items:center;margin:8%;display:flex}.card-back__crest{aspect-ratio:1;background:radial-gradient(circle at 36% 36%,#fff2ae,#ffd96f 56%,#ef9b1c 100%);border-radius:50%;width:44%;box-shadow:0 0 0 2px #fff0b424}.card-corner{z-index:1;flex-direction:column;align-items:flex-start;gap:0;line-height:1;display:flex;position:absolute;left:7px}.card-corner--top{top:6px}.card-corner--bottom{align-items:flex-start;bottom:6px;left:auto;right:7px;transform:rotate(180deg)}.card-rank{font-weight:800}.card-rank-joker{letter-spacing:.08em;font-weight:900}.card-suit{font-weight:700}.card-center{justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute;inset:0}@media (width<=1440px){.table-layout{grid-template-columns:170px minmax(0,1fr) 170px}.table-brand h1{font-size:28px}.table-center__panel{width:min(500px,100%)}.player-dock{min-height:224px}.seat-stage{gap:14px;min-height:286px}}@media (width<=1180px){.table-layout{grid-template-columns:148px minmax(0,1fr) 148px;gap:8px 12px;padding-inline:14px}.table-header{grid-template-columns:1fr;justify-items:center}.seat-bubble{font-size:12px}.player-badge{padding:10px 12px}}.lobby-root{color:#12233b;width:100%;height:100dvh;position:relative;overflow:hidden}.lobby-bg{z-index:0;background:#0a1a3a;position:fixed;inset:0}.lobby-bg:before{content:"";opacity:.35;background:linear-gradient(#ffffff29,#0000 16%,#04101e80 100%);position:absolute;inset:0}.lobby-bg:after{content:"";background:radial-gradient(circle at 50% 62%,#0003,#0000 40%),repeating-linear-gradient(90deg,#ffffff08,#ffffff08 1px,#0000 1px 5px);position:absolute;inset:0}.lobby-header{z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f4f7fceb;border-bottom:1px solid #0e264824;justify-content:space-between;align-items:center;padding:12px 22px;display:flex;position:relative;box-shadow:0 8px 18px #0a1f3a24}.lobby-brand{align-items:center;gap:12px;display:flex}.lobby-brand__icon{color:#f59e0b;font-size:24px;line-height:1}.lobby-brand__title{letter-spacing:.08em;color:#112949;margin:0;font-size:24px;font-weight:800}.lobby-brand__sub{letter-spacing:.16em;color:#11294985;font-size:11px;font-weight:700}.lobby-user{background:#0c284ce6;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 6px;display:flex}.lobby-user__avatar{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;font-weight:800;display:flex}.lobby-user__name{color:#ffffffeb;font-size:14px;font-weight:700}.lobby-user__dot{background:#4ade80;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #4ade8080}.lobby-main{z-index:1;grid-template-columns:minmax(0,1fr) 260px;gap:24px;height:calc(100% - 70px);padding:20px 24px;display:grid;position:relative}.lobby-stage{background:#f0f5fbeb;border:1px solid #f8fcff61;border-radius:18px;flex-direction:column;min-width:0;display:flex;overflow:hidden;box-shadow:0 20px 38px #071b3633}.lobby-stage__head{background:linear-gradient(#fffffffa,#ecf3fceb);border-bottom:1px solid #0f284a29;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.lobby-stage__title{letter-spacing:.12em;color:#122f57;margin:0;font-size:20px;font-weight:800}.lobby-btn{color:#fff;cursor:pointer;border:none;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s}.lobby-btn:hover{transform:translateY(-1px)}.lobby-btn--blue{background:linear-gradient(#60a5fa,#3b82f6);box-shadow:0 6px 16px #3b82f640}.lobby-btn--gold{background:linear-gradient(#ffcb55,#f39a1e);box-shadow:0 8px 14px #eb911a47}.lobby-table-wrap{flex:1;min-height:0;overflow:auto}.lobby-room-table{border-collapse:collapse;width:100%;min-width:640px}.lobby-room-table thead th{text-align:left;color:#395172;background:#e1ebf8b8;border-bottom:1px solid #10305933;padding:12px 14px;font-size:13px;font-weight:800}.lobby-room-table tbody td{color:#133256;border-bottom:1px solid #122f541c;padding:12px 14px;font-size:14px}.lobby-room-table tbody tr:hover td{background:#2d77e114}.lobby-room-table__empty td{text-align:center;color:#17315299;padding:48px 12px}.lobby-room-table__empty-content{flex-direction:column;align-items:center;gap:10px;display:flex}.lobby-room-table__empty-icon{font-size:48px}.lobby-room-table__empty-text{color:#17315280;font-size:18px;font-weight:700}.lobby-room-table__empty-hint{color:#1731524d;font-size:14px}.lobby-header__right{align-items:center;gap:14px;display:flex}.mono{font-family:Consolas,Courier New,monospace;font-weight:700}.room-status{border-radius:999px;justify-content:center;align-items:center;min-width:60px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.room-status.is-open{color:#0f8f56;background:#19bd6d29}.room-status.is-full{color:#8a5e10;background:#f3b13533}.room-status.is-playing{color:#a93c2a;background:#e6614f2e}.room-action{border:none;border-radius:999px;min-width:72px;padding:6px 12px;font-size:13px;font-weight:700}.room-action.is-enabled{color:#fff;cursor:pointer;background:linear-gradient(#ffbd4f,#eb8f1d)}.room-action.is-disabled{color:#112b4999;cursor:not-allowed;background:#a3b2c66b}.lobby-sidebar{background:#f0f5fbf2;border:1px solid #eff6ff66;border-radius:18px;flex-direction:column;width:100%;min-width:0;display:flex;overflow:hidden;box-shadow:0 20px 36px #071b362e}.lobby-sidebar__head{color:#173a66;background:#fffc;border-bottom:1px solid #11355e29;justify-content:space-between;align-items:center;padding:14px 14px 12px;font-size:14px;font-weight:800;display:flex}.lobby-sidebar__count{color:#1b4e91;background:#1b4e911f;border-radius:999px;padding:3px 10px;font-size:12px}.lobby-sidebar__list{flex-direction:column;flex:1;gap:8px;min-height:0;padding:8px 10px;display:flex;overflow-y:auto}.lobby-history-row{background:#e5edf8d1;border:1px solid #2a58911f;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;transition:background .15s;display:flex}.lobby-history-row:hover{background:#d7e5f6f2}.lobby-history-row__main{flex-direction:column;gap:3px;min-width:0;display:flex}.lobby-history-row__mode{color:#16375f;font-size:13px;font-weight:700}.lobby-history-row__time{color:#1733569e;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.lobby-history-row__multi{color:#e07f12;font-size:14px;font-weight:800}.lobby-sidebar__empty{color:#1731528a;flex:1;justify-content:center;align-items:center;font-size:13px;display:flex}.lobby-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lobby-modal{background:linear-gradient(#153661,#0d2444);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:center;gap:14px;width:300px;padding:24px 28px;display:flex;box-shadow:0 20px 60px #00000080}.lobby-modal__title{color:#fff;letter-spacing:.06em;font-size:22px;font-weight:800}.lobby-modal__sub{color:#ffffff80;margin-top:-12px;font-size:13px}.lobby-modal__actions{flex-direction:column;gap:10px;width:100%;display:flex}.lobby-modal__btn{cursor:pointer;text-align:left;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:14px;width:100%;padding:16px 20px;transition:all .15s;display:flex}.lobby-modal__btn:hover{transform:translateY(-1px)}.lobby-modal__btn--ai{background:#3b82f61f;border-color:#60a5fa40}.lobby-modal__btn--ai:hover{background:#3b82f633}.lobby-modal__btn--pvp{background:#f59e0b1a;border-color:#fbbf2440}.lobby-modal__btn--pvp:hover{background:#f59e0b2e}.lobby-modal__btn-icon{font-size:28px}.lobby-modal__btn-label{color:#fff;font-size:16px;font-weight:700}.lobby-modal__btn-desc{color:#ffffff59;margin-top:2px;font-size:12px}.lobby-modal__cancel{color:#ffffff59;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:999px;padding:8px 24px;font-size:13px}.lobby-modal__cancel:hover{color:#fff9}@media (width<=1024px){.lobby-main{grid-template-rows:minmax(0,1fr) 260px;grid-template-columns:1fr}.lobby-stage{min-height:0}.lobby-sidebar{max-height:100%}}.confirm-modal{background:linear-gradient(#153661,#0d2444);border:1px solid #ffffff14;border-radius:20px;flex-direction:column;align-items:center;gap:16px;width:420px;max-width:95vw;padding:28px 32px;display:flex;box-shadow:0 20px 60px #00000080}.confirm-modal__title{color:#fff;letter-spacing:.06em;font-size:24px;font-weight:800}.confirm-modal__sub{color:#ffffff73;margin-top:-10px;font-size:13px}.confirm-modal__seats{justify-content:center;gap:14px;width:100%;display:flex}.confirm-seat{background:#07142880;border:1px solid #a0d6ff14;border-radius:14px;flex-direction:column;align-items:center;gap:8px;min-width:100px;padding:14px 16px;display:flex}.confirm-seat--self{background:#ffb4280f;border-color:#ffc83c40}.confirm-seat--empty{border-style:dashed}.confirm-seat__avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:flex}.confirm-seat__name{color:#fffc;font-size:13px;font-weight:600}.confirm-seat--empty .confirm-seat__name{color:#ffffff4d}.confirm-seat__tag{color:#ffd86b;background:#ffc83c26;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.confirm-modal__info{justify-content:center;gap:20px;width:100%;display:flex}.confirm-modal__info-item{color:#ffffffb3;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:999px;padding:8px 14px;font-size:13px}.confirm-modal__actions{gap:12px;margin-top:4px;display:flex}.confirm-modal__btn{cursor:pointer;border:none;border-radius:999px;padding:10px 32px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s}.confirm-modal__btn:hover{transform:translateY(-1px)}.confirm-modal__btn--enter{color:#1a1a1a;background:linear-gradient(#ffcf66,#f28c35);box-shadow:0 8px 20px #f08c324d}.confirm-modal__btn--back{color:#fff;background:linear-gradient(#6a7c95,#4d5d73)}@media (width<=760px){.lobby-header{padding:10px 14px}.lobby-brand__title{font-size:20px}.lobby-main{gap:10px;padding:10px}.lobby-stage__head{padding:10px 12px}.lobby-stage__title{font-size:17px}}