:root{background:#12352f;font-family:Arial,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}#root{min-height:100svh}.phone-login{color:#29463f;background-position:50%;background-size:cover;place-items:center;min-height:100svh;padding:20px;display:grid;position:relative;overflow:hidden}.phone-login:before{content:"";background:#eef8f27a;position:absolute;inset:0}.phone-login-panel{z-index:1;background:#fffffff5;border:1px solid #37735b47;border-radius:8px;width:min(410px,100%);padding:26px 28px 22px;position:relative;box-shadow:0 18px 46px #173d3138}.phone-login-close{color:#60766f;cursor:pointer;background:0 0;border:0;width:34px;height:34px;font-size:28px;line-height:1;position:absolute;top:10px;right:10px}.phone-login-brand{color:#2f7364;justify-content:center;align-items:center;gap:10px;display:flex}.phone-login-brand span{color:#a76a21;background:#f9f4df;border:2px solid #d9a947;border-radius:50%;place-items:center;width:42px;height:42px;font-size:24px;font-weight:700;display:grid}.phone-login-brand strong{font-size:20px}.phone-login h1{text-align:center;letter-spacing:0;margin:18px 0 22px;font-size:24px}.phone-login form,.phone-login label{display:grid}.phone-login form{gap:15px}.phone-login label{gap:7px;font-size:14px;font-weight:700}.phone-login input{color:#1f3731;width:100%;min-width:0;height:44px;font:inherit;background:#fff;border:1px solid #b8cbc4;border-radius:5px;outline:none;padding:0 12px;font-weight:400}.phone-login input:focus{border-color:#2f846d;box-shadow:0 0 0 3px #2f846d24}.phone-login-code-row{grid-template-columns:minmax(0,1fr) 116px;gap:8px;display:grid}.phone-login-code-row button,.phone-login-submit{cursor:pointer;border:0;border-radius:5px;font-weight:700}.phone-login-code-row button{color:#2f7364;background:#eef6f1;border:1px solid #9fc3b5}.phone-login-submit{color:#fff;background:#d89732;height:46px;font-size:16px}.phone-login button:disabled,.phone-login input:disabled{opacity:.58;cursor:not-allowed}.phone-login-error{color:#b23d32;min-height:20px;margin:-3px 0;font-size:13px}.phone-login-note{color:#6a7e77;text-align:center;margin:14px 0 0;font-size:12px}@media (height<=520px) and (orientation:landscape){.phone-login{place-items:start center;padding-block:12px;overflow-y:auto}.phone-login-panel{padding-block:18px 14px}.phone-login h1{margin:8px 0 12px;font-size:20px}.phone-login form{gap:9px}.phone-login input{height:38px}.phone-login-submit{height:40px}}.ganyu-room-options{background:#ffffffb8;border:1px solid #54725e59;border-radius:6px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;margin:0;padding:7px;display:grid}.ganyu-room-options legend{color:#355343;background:#effff6f0;border-radius:4px;padding:2px 6px;font-size:12px;line-height:1.2}.ganyu-room-options label{background:0 0;gap:3px;min-width:0;padding:0;display:grid}.lobby-room-panel .ganyu-room-options label{grid-template-columns:minmax(0,1fr);display:grid}.ganyu-room-options label>span{font-size:12px;line-height:1.2}.ganyu-room-options select{width:100%;min-width:0;height:30px}.ganyu-room-options .ganyu-room-toggle{grid-template-columns:18px minmax(0,1fr);align-self:end;align-items:center;min-height:30px}.lobby-room-panel .ganyu-room-options label.ganyu-room-toggle{grid-template-columns:18px minmax(0,1fr)}.ganyu-room-toggle input{width:16px;height:16px;margin:0}@media (width<=760px){.ganyu-room-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:5px}}.jiangsu-lobby{color:#24352f;background-position:50%;background-size:cover;min-height:100svh;position:relative;overflow:hidden}.lobby-topbar{background:linear-gradient(#fffffff5,#ffffffb3 72%,#0000);align-items:center;gap:18px;height:86px;padding:8px 24px;display:flex;position:absolute;inset:0 0 auto}.lobby-player,.lobby-balance,.lobby-tools{align-items:center;display:flex}.lobby-player{min-width:205px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:10px;padding:0}.lobby-avatar{place-items:center;width:58px;height:58px;display:grid;position:relative}.lobby-avatar img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.lobby-avatar b{color:#2f7364;font-size:24px;position:relative}.lobby-player-copy{gap:3px;display:grid}.lobby-player-copy strong{font-size:20px}.lobby-player-copy small,.lobby-status{color:#557069;font-size:12px}.lobby-balance{background:#ffffffb3;border:1px solid #3b735a38;border-radius:5px;gap:6px;min-width:120px;padding:4px 10px}.lobby-balance>img{object-fit:contain;width:26px;height:26px}.lobby-balance span{min-width:48px;font-weight:700}.lobby-balance button,.lobby-tools button,.lobby-bottom button,.lobby-club,.lobby-image-action{cursor:pointer;background:0 0;border:0;padding:0}.lobby-balance button img{width:22px;height:22px}.lobby-status{text-align:center;flex:1}.lobby-tools{gap:12px}.lobby-tools img{object-fit:contain;width:42px;height:42px}.lobby-room-panel{justify-items:center;gap:18px;width:min(560px,64vw);display:grid;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.lobby-room-panel label{background:#effff6e6;border:1px solid #1d624842;border-radius:5px;align-items:center;gap:9px;padding:7px 10px;font-size:13px;display:flex;box-shadow:0 4px 14px #1942332e}.lobby-room-panel select,.lobby-join-action input{color:#244b3d;height:34px;font:inherit;background:#fff;border:1px solid #8bb8a3;border-radius:4px;padding:0 10px}.lobby-room-actions{align-items:flex-end;gap:28px;display:flex}.lobby-image-action{width:184px;height:132px}.lobby-image-action img{object-fit:contain;width:100%;height:100%}.lobby-image-action:disabled{cursor:default;filter:grayscale();opacity:.58}.lobby-join-action{justify-items:center;gap:7px;display:grid}.lobby-join-action input{text-align:center;letter-spacing:0;width:132px}.lobby-club{width:clamp(122px,17vw,225px);position:absolute;top:45%;right:clamp(22px,6vw,92px);transform:translateY(-50%)}.lobby-club img{width:100%;display:block}.lobby-bottom{background:#ffffffdb;border-top:2px solid #48735b57;justify-content:center;align-items:center;gap:clamp(26px,7vw,88px);height:68px;padding:4px 24px 2px;display:flex;position:absolute;inset:auto 0 0}.lobby-bottom button{width:58px;height:58px}.lobby-bottom img{object-fit:contain;width:100%;height:100%}@media (width>=761px) and (width<=900px) and (orientation:portrait){.lobby-club{width:128px;top:auto;bottom:96px;right:24px;transform:none}}@media (width<=760px){.lobby-topbar{gap:8px;height:70px;padding:6px 10px}.lobby-player{min-width:148px}.lobby-avatar{width:46px;height:46px}.lobby-player-copy strong{font-size:16px}.lobby-player-copy small,.lobby-status{display:none}.lobby-balance{min-width:94px}.lobby-tools img{width:34px;height:34px}.lobby-room-panel{gap:8px;width:clamp(204px,61vw,240px);left:8px;transform:translateY(-50%)}.lobby-room-panel label{padding:4px 7px}.lobby-room-actions{gap:6px}.lobby-image-action{width:clamp(98px,27vw,108px);height:clamp(70px,19vw,77px)}.lobby-join-action input{width:clamp(98px,27vw,108px)}.lobby-club{width:clamp(82px,24vw,104px);top:48%;right:8px}.lobby-bottom{height:54px}.lobby-bottom button{width:46px;height:46px}}@media (width<=760px) and (height<=640px){.lobby-room-panel{overscroll-behavior:contain;scrollbar-width:thin;align-content:start;padding:4px 0 10px;top:70px;bottom:54px;overflow-y:auto;transform:none}}.records-screen{color:#253831;background:#edf4ef;grid-template-rows:62px minmax(0,1fr);min-height:100svh;display:grid;overflow:hidden}.records-header{color:#fff;background:#127763;border-bottom:3px solid #e5bd64;grid-template-columns:minmax(100px,1fr) auto auto 42px;align-items:center;gap:20px;padding:0 18px 0 26px;display:grid}.records-header strong{font-size:24px}.records-header span,.records-header small{font-size:13px}.records-header small{color:#d8eee7}.records-close{color:#fff;cursor:pointer;background:0 0;border:0;width:38px;height:38px;font-size:32px;line-height:1}.records-state,.replay-state{color:#6e8079;align-content:center;place-items:center;gap:16px;display:grid}.records-state button{color:#11604f;cursor:pointer;background:#fff;border:1px solid #16745f;border-radius:4px;height:38px;padding:0 18px}.records-empty img{object-fit:contain;width:149px;height:34px}.records-error,.replay-error{color:#9c382f}.records-content{grid-template-columns:minmax(380px,44%) minmax(0,1fr);min-height:0;display:grid}.records-list,.replay-events{min-height:0;margin:0;padding:14px;list-style:none;overflow:auto}.records-list{background:#f7fbf8;border-right:1px solid #b8cfc5}.records-list li{background:#fff;border:1px solid #c6d7cf;border-left:4px solid #d2a64c;grid-template-columns:34px minmax(0,1fr) 62px;align-items:stretch;min-height:82px;margin-bottom:8px;display:grid}.records-list li.selected{background:#effaf5;border-color:#1a806a}.record-index{color:#72521e;background:#f3e0b3;place-items:center;font-weight:700;display:grid}.record-main,.record-replay{cursor:pointer;border:0}.record-main{text-align:left;min-width:0;color:inherit;background:0 0;grid-template-columns:minmax(110px,1fr) auto;gap:5px 12px;padding:10px 12px;display:grid}.record-main strong,.record-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.record-main time,.record-main small{color:#70827b;font-size:12px}.record-replay{color:#fff;background:#147863;border-radius:4px;margin:12px 8px;font-weight:700}.replay-panel{background:#fffdf6;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.replay-panel>header{color:#654f2e;border-bottom:1px solid #e1d8c2;justify-content:space-between;align-items:center;height:54px;padding:0 20px;display:flex}.replay-events li{border-bottom:1px solid #e5e3db;grid-template-columns:86px minmax(140px,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:0 12px;display:grid}.replay-events span,.replay-events small,.replay-more{color:#75817c;font-size:12px}.replay-more{text-align:center;margin:0;padding:8px 14px}@media (width<=760px){.records-header{grid-template-columns:minmax(70px,1fr) auto 36px;gap:8px;padding-inline:12px}.records-header small{display:none}.records-content{grid-template-columns:48% minmax(0,1fr)}.records-list,.replay-events{padding:8px}.records-list li{grid-template-columns:26px minmax(0,1fr)}.record-main{grid-template-columns:1fr;gap:3px;padding:7px 8px}.record-replay{display:none}.replay-events li{grid-template-columns:64px minmax(0,1fr)}.replay-events small{display:none}}.club-screen{color:#28423a;background-color:#dcece6;background-position:50%;background-size:cover;min-height:100svh;position:relative;overflow:hidden}.club-screen:before{content:"";background:#f5fcf89e;position:absolute;inset:0}.club-header,.club-layout{position:relative}.club-header{color:#fff;background:#10765ef5;border-bottom:3px solid #e2bc68;grid-template-columns:58px 1fr 46px;align-items:center;gap:12px;height:78px;padding:0 22px;display:grid}.club-header>div{gap:2px;display:grid}.club-header strong{font-size:25px}.club-header small{color:#d9efe8;font-size:12px}.club-mark{place-items:center;width:50px;height:58px;display:grid}.club-mark img,.club-list-icon img{object-fit:contain;width:100%;height:100%}.club-close{color:#fff;cursor:pointer;background:0 0;border:0;width:42px;height:42px;font-size:36px;line-height:1}.club-layout{grid-template-columns:minmax(340px,1.3fr) minmax(320px,.7fr);gap:22px;height:calc(100svh - 81px);padding:22px;display:grid}.club-directory,.club-actions{min-height:0}.club-directory{background:#ffffffe6;border:1px solid #356c5840;grid-template-rows:48px minmax(0,1fr);display:grid;box-shadow:0 7px 22px #1d48392e}.club-directory h2{border-bottom:1px solid #bdd7cd;margin:0;padding:11px 18px;font-size:18px}.club-state{color:#637b72;text-align:center;align-content:center;place-items:center;gap:10px;padding:24px;display:grid}.club-state button,.club-actions button{color:#fff;height:38px;font:inherit;cursor:pointer;background:#147761;border:1px solid #1d7a63;padding:0 20px;font-weight:700}.club-list{min-height:0;margin:0;padding:10px;list-style:none;overflow:auto}.club-list li{border-bottom:1px solid #c8ddd5}.club-list-item{width:100%;min-height:84px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.club-list-item[aria-pressed=true]{background:#e1f0e9;box-shadow:inset 4px 0 #147761}.club-list-icon{width:52px;height:62px}.club-list-item>div{gap:4px;min-width:0;display:grid}.club-list-item strong{font-size:18px}.club-list-item span,.club-list-item small{color:#678078;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.club-list-item code{color:#9b6824;font:700 14px/1.4 system-ui,sans-serif}.club-actions{align-content:start;gap:14px;display:grid}.club-actions form{background:#ffffffeb;border-left:4px solid #d8a94f;grid-template-columns:minmax(125px,1fr) minmax(180px,1.2fr) auto;align-items:end;gap:14px;padding:17px;display:grid;box-shadow:0 5px 16px #1d483924}.club-actions form>div,.club-actions label{gap:6px;display:grid}.club-actions form span,.club-actions label{color:#6a8078;font-size:12px}.club-actions input{color:#294d41;width:100%;height:38px;font:inherit;letter-spacing:0;background:#fff;border:1px solid #8db7a8;border-radius:3px;padding:0 10px}.club-actions button:disabled{cursor:default;opacity:.5}.club-progress{color:#526e64;text-align:center;margin:0}.club-workspace-slot{grid-column:1/-1;min-width:0;min-height:300px}.club-workspace{background:#ffffffeb;border:1px solid #356c5840;grid-template-rows:auto auto minmax(0,1fr);min-height:300px;display:grid;box-shadow:0 5px 16px #1d483924}.club-workspace-header,.club-workspace-command,.club-room-list li,.club-member-list li{align-items:center;display:flex}.club-workspace-header{border-bottom:1px solid #bdd7cd;justify-content:space-between;gap:12px;padding:11px 14px 0}.club-workspace-header>div{min-width:0}.club-workspace-header strong{padding-bottom:8px;font-size:16px;display:block}.club-tabs{gap:4px;display:flex}.club-tabs button{color:#647a72;min-width:60px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000}.club-tabs button[aria-selected=true]{color:#147761;border-bottom-color:#147761;font-weight:700}.club-icon-button{color:#147761;cursor:pointer;background:#fff;border:1px solid #8db7a8;border-radius:4px;width:36px;height:36px;font-size:22px;line-height:1}.club-workspace-command{border-bottom:1px solid #d4e3dc;justify-content:space-between;gap:12px;padding:10px 14px}.club-workspace-command label{color:#6a8078;align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.club-workspace-command select{color:#294d41;min-width:180px;max-width:100%;height:34px;font:inherit;background:#fff;border:1px solid #8db7a8;border-radius:3px;padding:0 8px}.club-workspace-command button,.club-room-list button,.club-workspace-state button{color:#fff;min-height:34px;font:inherit;cursor:pointer;background:#147761;border:1px solid #1d7a63;border-radius:3px;padding:0 14px;font-weight:700}.club-workspace button:disabled{cursor:default;opacity:.5}.club-workspace-state{color:#637b72;text-align:center;align-content:center;place-items:center;gap:10px;min-height:150px;padding:24px;display:grid}.club-room-list,.club-member-list{min-height:0;margin:0;padding:0;list-style:none;overflow:auto}.club-room-list li,.club-member-list li{border-bottom:1px solid #d4e3dc;justify-content:space-between;gap:14px;min-height:68px;padding:10px 14px}.club-room-list li>div{gap:3px;min-width:0;display:grid}.club-room-list span,.club-room-list small,.club-member-list time{color:#6a8078;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.club-member-list li{justify-content:flex-start}.club-member-list strong{min-width:90px}.club-member-list span{color:#9b6824;min-width:46px}.club-member-list time{margin-left:auto;font-size:13px}@media (width<=860px){.club-screen{overflow-y:auto}.club-header{grid-template-columns:44px 1fr 40px;height:64px;padding:0 12px}.club-header strong{font-size:20px}.club-mark{width:40px;height:48px}.club-layout{grid-template-columns:minmax(0,1fr);gap:10px;height:auto;min-height:calc(100svh - 67px);padding:10px}.club-directory{min-height:280px}.club-actions form{grid-template-columns:1fr auto;gap:9px;padding:11px}.club-actions form>div{grid-column:1/-1}.club-workspace-slot,.club-workspace{min-height:260px}.club-workspace-command{flex-direction:column;align-items:stretch}.club-workspace-command label,.club-workspace-command select,.club-workspace-command button{width:100%}.club-member-list li{flex-wrap:wrap}.club-member-list time{width:100%;margin-left:0}}.settlement-screen{color:#f8f3df;background:#123d36;grid-template-rows:auto 1fr auto;gap:24px;min-height:100vh;padding:clamp(20px,4vh,48px) clamp(20px,6vw,72px);display:grid}.settlement-screen>header{border-bottom:1px solid #7fa89b;justify-content:space-between;align-items:flex-end;padding-bottom:18px;display:flex}.settlement-screen h1{letter-spacing:0;margin:4px 0 0;font-size:clamp(30px,5vh,52px);line-height:1.1}.settlement-screen header small,.settlement-screen header span{color:#d2dfd9;font-size:14px}.settlement-result{width:min(680px,100%);margin:auto}.settlement-result>strong{color:#f4c95d;text-align:center;margin-bottom:24px;font-size:clamp(24px,4vh,38px);display:block}.settlement-details{background:#174940;border:1px solid #7fa89b;margin:0 0 20px;padding:12px 16px;list-style:none}.settlement-details li{color:#dce8e3;border:0;min-height:0;padding:4px 0;font-size:15px;line-height:1.45;display:block}.settlement-result ol{border-top:1px solid #7fa89b;margin:0;padding:0;list-style:none}.settlement-result ol>li{border-bottom:1px solid #7fa89b;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;min-height:68px;display:grid}.settlement-result li>span{color:#123d36;background:#e7eee9;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.settlement-result li b{font-size:20px}.settlement-result li em{color:#e7eee9;font-size:26px;font-style:normal;font-weight:700}.settlement-result li.winner em{color:#f4c95d}.settlement-screen footer{text-align:center}.settlement-screen footer button{color:#183a33;cursor:pointer;background:#f4c95d;border:0;border-radius:6px;min-width:180px;min-height:48px;font-size:17px;font-weight:700}@media (width<=520px){.settlement-screen{padding:18px 16px}.settlement-result{align-self:start}.settlement-screen>header{align-items:flex-start}.settlement-result ol>li{grid-template-columns:40px 1fr auto;min-height:60px}.settlement-result li b{font-size:17px}.settlement-result li em{font-size:22px}.settlement-details{padding:10px 12px}.settlement-details li{font-size:13px}}.help-screen{color:#24352f;background-position:50%;background-size:cover;min-height:100svh;padding-bottom:32px;position:relative;overflow:auto}.help-screen:before{content:"";background:#eef6f1eb;position:fixed;inset:0}.help-header,.help-rules{position:relative}.help-header{background:#ffffffb8;border-bottom:1px solid #82a99b;justify-content:space-between;align-items:center;min-height:92px;padding:18px clamp(20px,6vw,80px);display:flex}.help-header small{color:#74633f;font-size:13px}.help-header h1{letter-spacing:0;color:#156f5c;margin:2px 0 0;font-size:30px}.help-header button{color:#315c52;cursor:pointer;background:0 0;border:0;width:42px;height:42px;font-size:38px;line-height:1}.help-rules{width:min(980px,100% - 40px);margin:0 auto}.help-rules article{border-bottom:1px solid #9eb9af;grid-template-columns:minmax(150px,220px) 1fr;gap:clamp(24px,6vw,72px);padding:34px 0;display:grid}.help-rule-title span{color:#fff;background:#e6a84d;border-radius:4px;padding:4px 9px;font-size:13px;font-weight:700;display:inline-block}.help-rule-title h2{color:#224c42;margin:10px 0 0;font-size:25px}.help-rules ol{color:#3e514b;gap:15px;margin:0;padding-left:24px;line-height:1.7;display:grid}.help-empty{text-align:center;color:#5d716a;padding:48px 0}@media (width<=620px){.help-header{min-height:76px;padding:12px 18px}.help-header h1{font-size:24px}.help-rules{width:calc(100% - 32px)}.help-rules article{grid-template-columns:1fr;gap:14px;padding:26px 0}.help-rule-title h2{font-size:21px}.help-rules ol{font-size:15px}}.trustee-control{color:#23423a;background:#eef1e9;justify-content:center;align-items:center;gap:8px;min-width:96px;display:inline-flex}.trustee-control>span{background:#9ca7a1;border-radius:50%;width:10px;height:10px}.trustee-control.enabled{color:#18352e;background:#f5ca5c}.trustee-control.enabled>span{background:#167054}.trustee-control:disabled{cursor:wait;opacity:.62}.table{color:#fff;background-position:50%;background-size:cover;min-height:100svh;position:relative;overflow:hidden}.topbar{box-sizing:border-box;background:#102b2ad9;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex}.brand{font-size:18px;font-weight:700}.brand span{color:#f7d469;margin-left:8px;font-size:13px}.round{color:#d7e3db;font-size:14px}.tools{gap:10px;display:flex}.tools button{color:#fff;background:#fff2;border:0;border-radius:50%;width:30px;height:30px;font-size:16px}.seat{color:#fff;align-items:center;gap:8px;display:flex;position:absolute}.top{top:106px;left:50%;transform:translate(-50%)}.left{flex-direction:column;top:42%;left:20px}.right{flex-direction:column;top:42%;right:20px}.avatar{align-items:center;gap:7px;display:flex}.avatar>div{color:#562f18;background:#e7a865;border:2px solid #fff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.avatar p{text-shadow:0 1px 2px #000;margin:0;font-size:13px}.avatar em{color:#f7d469;font-size:11px;font-style:normal;display:block}.back-cards,.back-stack{color:#ead09c;letter-spacing:-8px;text-shadow:1px 1px #532;font-size:22px}.back-stack{line-height:13px}.center-stage{text-align:center;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.trick{justify-content:center;align-items:center;gap:9px;font-size:13px;display:flex}.trick strong{color:#182b28;background:#f7f2e6;border-radius:4px;padding:8px 11px;font-size:19px}.turn{white-space:nowrap;background:#142e29c9;border-radius:16px;margin-top:14px;padding:7px 12px;font-size:13px}.turn i{background:#f5ca5c;border-radius:50%;width:7px;height:7px;margin-left:6px;display:inline-block}.me{background:linear-gradient(#0000,#0b211ddd 38%);padding:50px 12px 14px;position:absolute;inset:auto 0 0}.me-info{justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.hand{justify-content:center;align-items:flex-end;height:118px;padding:0 8px;display:flex;overflow:hidden}.card{color:#1d2625;cursor:pointer;background:#fff;border:1px solid #c9c1af;border-radius:5px;width:45px;height:78px;margin-left:-16px;transition:transform .14s;position:relative;box-shadow:0 2px 4px #0007}.card:first-child{margin-left:0}.hand.qutang-hand .card{margin-left:-25px}.hand.qutang-hand .card:first-child{margin-left:0}.card b{font-size:15px;position:absolute;top:5px;left:5px}.card small{color:#c33434;font-size:18px;position:absolute;bottom:5px;right:5px}.card.joker small{color:#2f4faa}.card.selected{border-color:#f5ca5c;transform:translateY(-20px);box-shadow:0 0 0 2px #f5ca5c}.actions{justify-content:center;gap:10px;display:flex}.actions button{border:0;border-radius:5px;min-width:74px;height:40px;font-size:15px;font-weight:700}.round-button{color:#23423a;background:#eef1e9}.primary{color:#fff;background:#f0a633;min-width:110px!important}.primary:disabled{color:#dae0db;background:#8d9a92}.voice-button{color:#25453c;background:#fff;min-width:106px!important}.voice-button:disabled{color:#dae0db;background:#8d9a92}@media (width<=640px){.topbar{padding:0 12px}.top{top:100px}.left{left:10px}.right{right:10px}.avatar p{display:none}.hand{height:108px}.card{width:40px;height:72px;margin-left:-18px}.hand.qutang-hand .card{margin-left:-28px}.hand.qutang-hand .card:first-child{margin-left:0}.me{padding-inline:6px}.center-stage{top:40%}}@media (height<=500px) and (orientation:landscape){.center-stage{top:43%;left:66%}}@media (width<=640px){.actions{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:100%;display:grid}.actions>button{grid-column:span 2;width:100%;min-width:0!important}.actions>button:nth-child(n+4){grid-column:span 3}.actions.qutang-actions:has(>button:nth-child(6))>button:nth-child(n+4){grid-column:span 2!important}.topbar{align-items:flex-start;height:64px;padding:8px 12px}.brand{min-width:0;font-size:17px;line-height:1.2}.brand span{margin:3px 0 0;line-height:1.25;display:block}.round{display:none}.tools{flex:none;margin-top:5px}}.waiting-table:before{content:"";background:#04221e5c;position:absolute;inset:56px 0 0}.waiting-connection{background:#73d5a1;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #73d5a133}.waiting-room{text-align:center;box-sizing:border-box;background:#092f29eb;border:1px solid #ffffff38;border-radius:8px;width:min(420px,100% - 32px);padding:30px 24px;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%);box-shadow:0 14px 36px #00000047}.waiting-eyebrow{color:#f7d469;margin:0 0 6px;font-size:13px}.waiting-room h1{letter-spacing:0;margin:0 0 18px;font-size:26px}.waiting-room-code{color:#fff;font-size:22px;display:block}.waiting-status{color:#e6f0eb;margin:14px 0 0;font-size:15px}.waiting-hint{color:#afc7bd;margin:8px 0 22px;font-size:13px}.waiting-voice{border:0;border-radius:5px;height:40px;padding:0 18px;font-weight:700}.waiting-voice:disabled{cursor:not-allowed}@media (height<=500px) and (orientation:landscape){.waiting-room{padding:18px 22px;top:57%}.waiting-room h1{margin-bottom:10px;font-size:22px}.waiting-hint{margin-bottom:12px}}.waiting-actions{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;align-items:center;gap:10px;display:grid}.waiting-exit,.waiting-invite{color:#fff;background:0 0;border:1px solid #ffffff73;border-radius:5px;height:40px;padding:0 12px;font-weight:700}.waiting-invite-status{color:#f7d469;min-height:18px;margin:-10px 0 10px;font-size:13px}.waiting-exit:disabled,.waiting-invite:disabled{opacity:.55;cursor:not-allowed}.tools button:disabled{opacity:.5;cursor:not-allowed}@media (width<=900px) and (orientation:portrait){.actions.donghai-actions{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:40px;gap:6px;width:100%;display:grid}.actions.donghai-actions>*{box-sizing:border-box;width:100%;height:40px;grid-column:span 1!important;min-width:0!important}}.card.mahjong-tile{background:#fffdf5;border-color:#d2c7ad;height:70px}.card.mahjong-tile b{font-size:20px;left:50%;transform:translate(-50%)}.card.mahjong-tile small{color:#257052;font-size:15px;font-weight:700}.actions:has(.mahjong-tile){gap:6px}.action-status{color:#f7d469;white-space:nowrap;align-self:center;font-size:13px;font-weight:700}@media (width<=640px){.actions>.action-status{grid-column:span 2;place-items:center;display:grid}}