.uno-wrap{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:620px;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;transition:background .18s,color .18s}.tab.active{color:#fff;background:#d6533c}.uno-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:5px;display:flex}.seat-btn{color:#37423b;cursor:pointer;background:#fff;border:1px solid #00000017;border-radius:9px;width:32px;height:32px;font-family:inherit;font-size:.82rem;font-weight:700}.seat-btn.active{color:#fff;background:#d6533c;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:#d6533c}.roster-row .rr-avatar{font-size:1rem}.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:#d6533c;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.warn{background:#e0a94a}.btn.small{padding:6px 13px;font-size:.76rem}.hidden{display:none!important}.uno-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}.pile-row{justify-content:center;align-items:flex-end;gap:20px;display:flex}.pile{flex-direction:column;align-items:center;gap:5px;display:flex}.pile-label{color:#9aa69e;font-size:.7rem}.pile-sub{color:#6b7670;font-size:.72rem;font-weight:600}.pile-card{color:#fff;border-radius:9px;justify-content:center;align-items:center;width:54px;height:78px;font-size:1.5rem;font-weight:800;display:flex;box-shadow:0 3px 10px #00000024}.pile-card.back{color:#c9d3cc;background:#37423b;font-size:1rem}.uno-card{color:#fff;cursor:pointer;user-select:none;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:48px;height:70px;font-size:1.25rem;font-weight:800;transition:transform .14s;display:flex;box-shadow:0 2px 7px #00000029}.uno-card:hover{transform:translateY(-5px)}.uno-card.playable{border-color:#fff;outline:2px solid #e0a94a}.uno-card.dim{opacity:.5;cursor:default}.uno-card.dim:hover{transform:none}.uno-card.small{width:40px;height:58px;font-size:1rem}.players{flex-direction:column;gap:6px;display:flex}.p-row{color:#37423b;background:#ffffffc7;border:1px solid #0000000f;border-radius:10px;align-items:center;gap:9px;padding:7px 12px;font-size:.82rem;display:flex}.p-row.turn{background:#d6533c12;border-color:#d6533c}.p-row.done{opacity:.55}.p-row .p-avatar{font-size:1.05rem}.p-row .p-name{font-weight:600}.p-row .p-cnt{color:#78857a;margin-left:auto;font-size:.76rem}.p-row .p-rank{color:#c08a3e;font-size:.72rem;font-weight:700}.p-row .p-uno{color:#d6533c;font-size:.68rem;font-weight:800}.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:6px;min-height:72px;display:flex}.actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.color-picker{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.cp-label{color:#78857a;font-size:.75rem}.cp-btn{cursor:pointer;background:#fff;border:1px solid #0000001a;border-radius:9px;padding:6px 12px;font-family:inherit;font-size:.78rem;font-weight:600}.uno-log{color:#8b968f;background:#fff9;border:1px solid #0000000d;border-radius:10px;max-height:108px;padding:9px 12px;font-size:.72rem;line-height:1.75;overflow-y:auto}.uno-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}