.online-error,.connection-state{max-width:780px;margin:12px auto;padding:10px 15px;border:1px solid #c9a16e55;border-radius:10px;background:#38241ee8;color:#f3d3b6;font-size:13px;line-height:1.5}.connection-state{background:#342c1ce8;color:#e9d9b3}
.home-copy .home-actions{gap:12px}.home-copy .home-actions>.primary,.home-copy .home-actions>.secondary{min-width:245px}.home-copy .home-actions .text-button{font-size:13px}.home .home-footer{border:0}.home h1{font-size:clamp(70px,9vw,112px)}.hero-cards{pointer-events:none}.home .intro{font-size:14px}.invitation{margin:22px 0 0}.invitation h2{font:23px Georgia,serif;margin-bottom:8px}.invitation p{font-size:13px;margin-bottom:15px;color:var(--muted)}
.lobby{max-width:580px;margin:35px auto 20px}.lobby-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px}.lobby-heading h1{font:38px Georgia,serif;letter-spacing:-1px}.lobby-heading>span{font-size:13px;color:var(--gold)}.lobby-player{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding:13px 0;min-height:70px}.lobby-player>div{display:grid;gap:4px;overflow-wrap:anywhere;min-width:0}.lobby-player strong{font-size:15px}.lobby-avatar{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;background:#3b4231;border:1px solid #bd9e6f80;border-radius:50%;font:24px Georgia,serif;color:#e3c79c;overflow:hidden}.lobby-avatar img{width:100%;height:100%;object-fit:cover}.lobby-presence{font-size:11px;color:var(--muted)}.lobby-player.vacant{font-size:12px;color:#b5b79b7d;min-height:55px}.remove-player{margin-left:auto;font-size:18px}.invite-controls{margin:26px 0 18px;display:grid;gap:10px}.invite-controls label{font-size:12px;color:var(--muted)}.online-input{box-sizing:border-box;width:100%;min-width:0;min-height:44px;border:1px solid #bfa37866;border-radius:8px;background:#181c16;color:#e9d4b1;padding:10px 12px;font:14px Nunito,system-ui,sans-serif}.online-input:focus{outline:2px solid var(--gold);outline-offset:2px}.invite-buttons{display:flex;gap:10px;flex-wrap:wrap}.invite-buttons button{flex:1;min-width:130px;font-size:12px}.invite-controls p{font-size:11px;min-height:15px;color:var(--gold)}.lobby-note{font-size:13px;line-height:1.5;color:var(--muted);margin:18px 0}.lobby-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lobby-actions .primary{min-width:180px}.online-fineprint{font-size:11px!important;line-height:1.6!important;color:var(--muted);margin:15px 0}#profile-form{display:grid;gap:10px}#profile-form label{font-size:12px}#profile-form .primary{margin-top:5px}#profile-error{color:#f0b3a0;font-size:12px}.scores{border-collapse:collapse;width:100%;font-size:13px;table-layout:fixed}.scores th,.scores td{text-align:left;padding:13px 5px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.scores th{color:var(--muted);font-size:10px;font-weight:700}.scores th:first-child{width:15%}.scores th:nth-child(2){width:43%}.scores th:nth-child(n+3),.scores td:nth-child(n+3){text-align:right}.scores tr.self td{color:var(--gold);font-weight:800}.empty-state{font-size:14px!important;margin:20px 0!important}.turn-clock{position:absolute;right:12px;top:182px;font-size:11px;font-weight:800;color:#ead7b1;background:#261d15bd;border:1px solid #cfad6d40;padding:3px 8px;border-radius:15px;z-index:3}.turn-clock.urgent{color:#fac498;border-color:#d8935c99}.network-offline #hand,.network-offline .actions,.request-in-flight #hand,.request-in-flight .actions{pointer-events:none}.seat-avatar.guest-avatar{display:grid!important;place-items:center;background:#3c3326!important;font:28px Georgia,serif;color:#e5c89d}.seat-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;pointer-events:none}#room-options>.secondary{display:block;width:100%;margin:14px 0 5px}dialog p+p{margin-top:12px}.online-match #player-count{opacity:.6}.online-match #new-game{display:none}
@media(max-width:700px){.lobby{margin:28px 8px}.lobby-heading h1{font-size:30px}.lobby-player{padding:11px 0}.invite-buttons{gap:7px}.invite-buttons button{min-width:110px}.lobby-actions{align-items:stretch}.lobby-actions .primary{width:100%}.lobby-actions .text-button{margin:auto}.home h1{font-size:clamp(66px,20vw,84px)}.home .intro{font-size:12px}.home .hero-cards{height:260px}.home .home-footer{margin-top:10px}.seat-avatar.guest-avatar{font-size:22px}.utilities{flex-wrap:wrap;justify-content:flex-end}#leaderboard-open{font-size:17px}#room-menu{font-size:14px}.turn-clock{top:185px;right:4px;font-size:10px;padding:2px 6px}.online-error,.connection-state{font-size:12px;padding:8px 11px}.home-actions{margin-top:26px}.home-copy .home-actions>.primary,.home-copy .home-actions>.secondary{min-width:235px}}

.ui-icon{display:block;width:17px;height:17px}.online-match .seat .seat-name{width:120px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:700px){.online-match .seat .seat-name{width:73px;max-width:73px}}