.ddz-wrap{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:640px;display:flex}.tab-group{background:#ffffffbf;border:1px solid #00000012;border-radius:99px;gap:4px;padding:4px;display:inline-flex}.tab{color:#6b7670;cursor:pointer;background:0 0;border:none;border-radius:99px;padding:6px 20px;font-family:inherit;font-size:.82rem;font-weight:600}.tab.active{color:#fff;background:#8c6a3f}.ddz-lobby{background:#ffffffb8;border:1px solid #00000012;border-radius:16px;flex-direction:column;gap:12px;width:100%;padding:16px;display:flex}.lobby-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lobby-label{color:#78857a;font-size:.78rem}.seat-group{flex-wrap:wrap;gap:6px;display:flex}.seat-btn{color:#37423b;cursor:pointer;background:#fff;border:1px solid #00000017;border-radius:9px;padding:7px 14px;font-family:inherit;font-size:.8rem;font-weight:700}.seat-btn.active{color:#fff;background:#8c6a3f;border-color:#0000}.room-inputs{flex-wrap:wrap;gap:7px;display:flex}.room-inputs input{border:1px solid #0000001a;border-radius:9px;outline:none;flex:130px;min-width:0;padding:7px 11px;font-family:inherit;font-size:.84rem}.room-status{color:#78857a;font-size:.76rem;line-height:1.6}.roster{flex-direction:column;gap:6px;display:flex}.roster-row{color:#37423b;background:#fffc;border:1px solid #0000000f;border-radius:10px;align-items:center;gap:9px;padding:7px 11px;font-size:.82rem;display:flex}.roster-row.me{border-color:#8c6a3f}.roster-row .rr-tag{color:#9aa69e;margin-left:auto;font-size:.7rem}.lobby-actions{justify-content:flex-end;gap:8px;display:flex}.btn{color:#fff;cursor:pointer;background:#8c6a3f;border:none;border-radius:99px;padding:7px 17px;font-family:inherit;font-size:.8rem;font-weight:600;transition:filter .18s}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.btn.sub{color:#4a5560;background:#ffffffe6;border:1px solid #0000001a}.btn.small{padding:6px 13px;font-size:.76rem}.hidden{display:none!important}.ddz-board{flex-direction:column;gap:11px;width:100%;display:flex}.board-top{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.badge{color:#78857a;background:#ffffffbf;border:1px solid #00000012;border-radius:99px;padding:4px 11px;font-size:.72rem}.bottom-row{justify-content:center;align-items:center;gap:9px;display:flex}.bottom-label{color:#9aa69e;font-size:.72rem}.bottom-cards{gap:5px;display:flex}.card{color:#2c3430;cursor:pointer;user-select:none;background:#fff;border:1px solid #00000024;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;width:42px;height:60px;font-size:.92rem;font-weight:700;transition:transform .13s;display:flex;position:relative;box-shadow:0 2px 6px #0000001a}.card.red{color:#c93a32}.card.small{width:34px;height:48px;font-size:.8rem}.card.back{cursor:default;background:repeating-linear-gradient(45deg,#8c6a3f,#8c6a3f 4px,#a07b4c 4px 8px);border-color:#0000}.card.picked{border-color:#8c6a3f;transform:translateY(-13px);box-shadow:0 6px 14px #8c6a3f66}.card.dim{opacity:.45}.players{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.p-card{color:#37423b;background:#ffffffc7;border:1px solid #0000000f;border-radius:10px;flex-direction:column;flex:150px;gap:3px;padding:8px 11px;font-size:.78rem;display:flex}.p-card.turn{background:#8c6a3f14;border-color:#8c6a3f}.p-card .pc-name{font-weight:700}.p-card .pc-meta{color:#78857a;font-size:.7rem}.p-card .pc-role{color:#c08a3e;font-size:.68rem;font-weight:800}.last-play{text-align:center;color:#6b7670;min-height:22px;font-size:.78rem}.hand-area{flex-direction:column;align-items:center;gap:6px;display:flex}.hand-label{color:#9aa69e;font-size:.72rem}.hand{flex-wrap:wrap;justify-content:center;gap:4px;min-height:62px;padding-top:14px;display:flex}.actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.bid-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.bid-label{color:#78857a;font-size:.75rem}.ddz-log{color:#8b968f;background:#fff9;border:1px solid #0000000d;border-radius:10px;max-height:96px;padding:9px 12px;font-size:.72rem;line-height:1.75;overflow-y:auto}.ddz-overlay{z-index:3000;backdrop-filter:blur(3px);background:#181c1a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.overlay-card{text-align:center;background:#fbfbf9;border-radius:18px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:340px;padding:26px 24px;display:flex;box-shadow:0 22px 60px #00000038}.ov-icon{font-size:2.4rem}.ov-title{color:#333b36;margin:0;font-size:1.24rem;font-weight:700}.ov-lines{color:#7d8a82;white-space:pre-line;font-size:.84rem;line-height:1.75}