#friendForm label{display:block;margin:16px 0;color:#d8cead;font-size:13px}
dialog input{display:block;width:100%;margin-top:8px;padding:12px 14px;color:#fff5d8;background:#082b25;border:1px solid #a9aa7970;border-radius:8px;font:inherit;outline-offset:3px}
#friendError{color:#f5c98e;min-height:20px;font-size:12px}.friend-note{font-size:11px!important;color:#94aa96!important}
.friend-ready{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0 18px}
.friend-ready span{padding:6px 10px;background:#072c2580;border:1px solid #9bb28c55;border-radius:20px;font-size:11px;color:#c2cbae}
.friend-ready span.ready{color:#ffe2a0;border-color:#e7c88780}.friend-lobby .actions{flex-wrap:wrap;gap:8px}
.friend-lobby h2{font-size:28px;letter-spacing:2px}.friend-lobby p{margin-bottom:10px;font:12px/1.6 sans-serif;letter-spacing:1px}
.room-connection{color:#e7c887}.opponent.offline{opacity:.65}
@media(max-width:1000px) and (orientation:landscape){nav{gap:13px}#friendsBtn{font-size:10px}.friend-lobby{top:41%;left:20%;right:20%}.friend-lobby h2{font-size:20px;margin-bottom:2px}.friend-lobby p{font-size:9px;line-height:1.3}.friend-ready{gap:4px;margin:5px 0 8px}.friend-ready span{padding:3px 6px;font-size:9px}.friend-lobby .gold,.friend-lobby .secondary{min-height:30px;padding:5px 15px;font-size:11px}.friend-lobby+.played{pointer-events:none}#friendForm label{margin:10px 0}dialog input{padding:8px 12px}}