.online-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.connection-pill{white-space:nowrap;font-size:9px;border:1px solid #dce8db;background:#f0f6ed;color:#76936c;border-radius:20px;padding:9px 13px;margin-top:10px}.connection-pill.bad{color:#ac8c52;background:#fff7e4;border-color:#efdfbb}.online-grid{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.65fr);gap:24px;align-items:start}.lobby-column,.online-game-column{display:grid;gap:20px}.online-game-column{min-width:0}.name-edit{display:flex;align-items:center;gap:8px}.name-edit input{min-width:0}.name-edit button{flex-shrink:0}.online-profile label{margin-top:15px}.online-balance{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px;margin-top:22px;font-size:10px;color:#93909e}.online-balance b{color:var(--purple);font-size:24px}.online-wallet-actions{display:flex;justify-content:space-between;gap:12px;margin-top:8px}.online-wallet-actions button{font-size:9px}.signout-link{font-size:9px;color:#9f99ad;display:block;margin-top:18px;text-decoration:none}.online-count{background:#eff5e8;color:#7d9664;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:10px}.lobby-card h2{font-size:18px}.lobby-card>.muted{font-size:10px;margin-bottom:16px}.lobby-card label{font-size:9px}.online-players{margin:12px 0 20px}.lobby-person{display:flex;gap:9px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.person-avatar{width:29px;height:29px;border-radius:50%;background:#eeeafa;color:#9281b9;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.lobby-person>div{flex:1;min-width:0}.lobby-person b{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:115px;font-weight:600}.lobby-person small{display:flex;gap:5px;align-items:center;font-size:8px;color:#9a95a3;margin-top:5px}.lobby-person i{width:4px;height:4px;background:#77a577;border-radius:50%}.lobby-person i.busy{background:#d3af60}.challenge-button{font-size:9px;background:#efebff;color:var(--purple);padding:8px;border-radius:6px;white-space:nowrap}.lobby-empty{padding:24px 5px;text-align:center;font-size:12px;color:#aaa0bf;line-height:1.8}.lobby-empty>p{font-size:10px}.lobby-card .secondary{font-size:9px;padding:12px;justify-content:center}.invite{padding:15px 0;border-bottom:1px solid var(--line)}.invite>b{font-size:12px;display:block}.invite>small{font-size:9px;color:#a096af;display:block;margin:7px 0}.invite>div{display:flex;gap:10px;align-items:center}.invite button{background:#f0edf9;color:#8a7b9f;border-radius:5px;padding:8px 11px;font-size:9px}.invite button.accept{color:#fff;background:var(--purple)}.invite>div>span{font-size:9px;color:#aca3ba}.live-label{font-size:8px;color:#87a47e;letter-spacing:1px;display:flex;gap:5px;align-items:center}.live-label b{width:5px;height:5px;border-radius:50%;background:#87a47e}.online-play-card #online-game-status{padding-left:5px;padding-right:5px}.online-play-card .players{gap:9px}.online-play-card .player strong{max-width:145px}.chat-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px}.chat-card h2{font-size:18px}.chat-messages{height:235px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:18px 5px 15px;scrollbar-width:thin}.chat-empty{text-align:center;color:#aaa0b6;font-size:11px;line-height:1.8;margin:auto}.chat-message{align-self:flex-start;max-width:85%;font-size:11px;min-width:50px}.chat-message small{font-size:8px;color:#aaa2b8;display:block;margin-bottom:5px}.chat-message p{background:#f4f3f8;color:#797084;border-radius:0 10px 10px 10px;line-height:1.7;padding:10px 13px;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.chat-message.mine{align-self:flex-end}.chat-message.mine small{text-align:right}.chat-message.mine p{background:#eeebfc;color:var(--purple);border-radius:10px 0 10px 10px}#chat-form{display:flex;gap:9px;margin-top:15px;padding-top:16px;border-top:1px solid var(--line)}#chat-form input{min-width:0}#chat-form .primary{width:auto;white-space:nowrap;padding:10px 14px;font-size:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.login-panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:35px;max-width:600px;margin:30px 0}.login-panel p{font-size:12px;color:#928a9f;line-height:1.9}.login-panel .sign-in{max-width:260px;text-decoration:none;margin:25px 0 20px}.login-panel small{font-size:9px;color:#a396ae}.online-history-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;font-size:8px;line-height:1.6;border-bottom:1px solid var(--line);color:#a297af}.online-history-row b{white-space:nowrap;color:#8c7ba5}#online-error{margin-bottom:22px}@media(max-width:1150px){.online-grid{grid-template-columns:minmax(230px,.9fr) minmax(0,1.5fr);gap:17px}.online-play-card .player strong{max-width:100px}.online-profile .setup-card{padding:18px}}@media(max-width:700px){.online-heading{display:block}.online-heading .connection-pill{display:inline-block;margin:0 0 7px}.online-grid{grid-template-columns:1fr}.online-game-column{grid-row:1}.lobby-column{grid-template-columns:1fr}.online-profile{order:2}.online-grid:has(.online-play-card #online-resign[hidden]) .lobby-column{grid-row:1}.online-grid:has(.online-play-card #online-resign[hidden]) .online-game-column{grid-row:2}.online-play-card .player strong{max-width:125px}.chat-card{padding:20px}.chat-card h2{font-size:17px}.chat-messages{height:210px}.lobby-person b{max-width:180px}.login-panel{padding:25px}.sidebar .nav{font-size:7px;max-width:75px}.online-play-card{padding:22px 16px 15px}.online-play-card .fine-print{font-size:8px}}