.friends-access{white-space:nowrap}.friends-home{margin:24px 0;padding:22px;border:1px solid var(--line,#34383e);border-radius:18px;background:var(--surface,#191b20)}.friends-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.friends-heading h2{margin:0}.friend-room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px;margin-top:14px}.friend-room{padding:16px;border:1px solid #4c5c3d;border-radius:14px;background:linear-gradient(135deg,#293625,#18241e);display:flex;flex-direction:column;gap:10px;min-width:0}.friend-room strong,.friend-person b{overflow-wrap:anywhere}.friend-room small{color:#b9c5b0;line-height:1.5}.friend-room a{margin-top:auto;text-align:center;text-decoration:none}.friend-room .friend-game{color:#d5f65b;font-size:12px}.friend-room .friend-game.bingo{color:#d5bfea}.friends-panel{display:grid;gap:20px}.friends-panel h2,.friends-panel h3,.friends-panel p{margin:0}.friends-panel section{display:grid;gap:10px}.friend-code{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.friend-code code{padding:10px;border:1px solid #465033;border-radius:8px;font-size:19px;letter-spacing:2px;user-select:all}.friend-add{display:flex;gap:8px;flex-wrap:wrap}.friend-add input{flex:1;min-width:130px;text-transform:uppercase;letter-spacing:1px}.friend-add button{flex-shrink:0}.friend-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.friend-person{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:48px;border-bottom:1px solid #ffffff12;padding-bottom:8px}.friend-person>span{flex:1;min-width:90px}.friend-person img{width:36px;height:36px;border-radius:50%;object-fit:cover}.friend-person button{padding:8px 10px;min-height:40px}.friend-person details{margin-inline-start:auto}.friend-person summary{cursor:pointer;padding:9px}.friend-person details button{display:block;margin:4px 0}.friend-select{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #465033;border-radius:9px;cursor:pointer}.friend-select input{width:20px;height:20px;flex-shrink:0}.friends-status{min-height:20px}.friend-push{padding:14px;border-radius:12px;background:#a2c45112}.friends-empty{line-height:1.6;color:var(--muted,#aab)}.friends-panel .helper{line-height:1.55}.friends-panel input{max-width:100%}.friends-panel [hidden],.friends-access[hidden]{display:none!important}
@media(max-width:600px){.friends-home{padding:15px}.friends-panel{gap:17px}.friends-heading h2{font-size:21px}.friend-add{display:grid;grid-template-columns:1fr}.friend-code code{font-size:16px}}