.online-lobby{margin-top:36px}.online-lobby h1{font-weight:normal;font-size:28px;margin-bottom:12px}.online-muted{color:var(--ink2);font-size:14px;line-height:1.8}.online-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.online-form{display:flex;flex-direction:column;gap:12px}.online-form label{display:flex;flex-direction:column;gap:7px;font-size:14px}.online-form input,.online-form select{font:inherit;padding:10px;border:1px solid var(--line);background:#fffdf7;border-radius:4px;width:100%;color:var(--ink)}.online-list{display:grid;gap:12px}.online-room-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:5px;background:#fffdf7}.online-room-item strong{display:block;margin-bottom:6px}.online-status{font-size:13px;margin-top:18px;color:var(--seal)}#roomInfo{margin-top:32px}#roomInfo .room-head{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 12px}#roomSummary{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}#roomInfo.collapsed #roomDetails{display:none}#roomInfo.collapsed .room-head{padding:6px 10px}#roomInfo.collapsed #roomSummary{font-size:12px}#roomDetails{padding:0 14px 14px}.room-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.spectator-item{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 0;border-top:1px dashed var(--line)}.spectator-item span{flex:1;overflow-wrap:anywhere}.online-dialog .bd{line-height:1.8}.online-dialog .ft{display:flex;justify-content:center;gap:10px}.online-dialog .ft .btn{margin:0}body.online-mode .bottom #btnReview,body.online-mode #btnHint,body.online-mode #btnPause{display:none!important}body.online-mode .record .it{cursor:default}body.online-mode .toast{max-width:92vw;letter-spacing:0;white-space:normal}body.online-mode .bottom{gap:8px}body.online-mode .bottom .btn{padding:9px 14px}@media(max-width:600px){.online-grid{grid-template-columns:1fr}.wrap{padding:20px 12px}.brand .zh{font-size:38px}.brand .sub{font-size:11px;letter-spacing:0}.online-room-item{flex-wrap:wrap}.online-room-item .btn{width:100%}#roomSummary{font-size:12px}.board-card{padding:8px}main{gap:16px}#roomInfo .room-head{gap:5px}.online-dialog .ft{flex-wrap:wrap}}

.header-tools{display:flex;flex-direction:column;align-items:flex-end;gap:12px;min-width:0}#gameNav,#passportAccount{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.header-tools .back{font-family:inherit;cursor:pointer;white-space:nowrap}.player-identity{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow-wrap:anywhere}.player-avatar{width:30px;height:30px;object-fit:cover;border-radius:50%;flex-shrink:0}.avatar-fallback{display:inline-grid;place-items:center;background:#eee2ca;color:var(--seal);font-size:14px}#roomSummary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;white-space:normal}#passportAccount .player-identity{max-width:220px}#passportAccount .player-identity>span:last-child{overflow-wrap:anywhere}.spectator-item .player-identity>span:last-child{flex:1}@media(max-width:600px){header{flex-wrap:wrap;align-items:center}.header-tools{width:100%;align-items:stretch}#gameNav,#passportAccount{justify-content:flex-end}#roomSummary{gap:6px}.player-avatar{width:26px;height:26px}#roomSummary .player-identity{font-size:12px}}

main>.board-card,main>aside{min-width:0}