.friend-fields{display:grid;gap:10px;margin:12px 0}.friend-fields label{display:grid;gap:5px;font-size:13px}.friend-fields input,.friend-invite{width:100%;min-width:0;padding:10px;border-radius:8px;border:1px solid #7185aa;background:#15253e;color:#fff;font:16px 'DM Sans',sans-serif}.friend-buttons{display:flex;flex-wrap:wrap;gap:8px}.friend-buttons>button{flex:1;min-width:100px;min-height:38px;padding:9px;font-size:13px}.friends-lobby:after{pointer-events:none}.friend-panel{position:relative;z-index:2;width:min(580px,100%);height:calc(100dvh - var(--top-height));margin:auto;padding:16px;display:flex;flex-direction:column;justify-content:center;gap:12px}.friend-panel h1{font-size:34px}.friend-panel p{margin:0;font-size:13px}.friend-seats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.friend-seat{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;min-width:0;padding:14px 5px;background:#11243eea;border:1px solid #657698;border-radius:12px}.friend-seat strong{font-size:14px;overflow-wrap:anywhere}.friend-seat small{font-size:12px;color:#ffdc88}.friend-seat-icon{font-size:34px;color:#ffd56a}.friend-result .friend-buttons{margin-top:8px}.friend-result .primary{min-height:36px;padding:8px}.friend-offline{color:#ffd56a}.friend-panel .text-button{min-height:32px}.friend-room-pill{color:#ffdd8b}.opponent-info .player-name{overflow-wrap:anywhere}
@media(min-width:600px) and (max-height:500px){.friend-panel{padding:8px;gap:6px}.friend-panel h1{font-size:24px;margin:0}.friend-seat{padding:5px;gap:3px}.friend-seat-icon{font-size:22px}.friend-panel .eyebrow{display:none}.friend-panel>.fine{font-size:10px}.friend-fields{grid-template-columns:1fr 1fr}}