.friend-inline{display:flex;align-items:center;gap:14px;text-align:left;padding:18px;margin:20px 0;border:1px solid #655438;border-radius:14px;background:linear-gradient(120deg,#2a271e,#17212c)}.friend-inline-icon{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border:1px solid #8b7448;border-radius:50%;color:#e5c884;font-size:23px}.friend-inline>div{flex:1;min-width:0}.friend-inline b{color:#f1dfb4;font-size:15px}.friend-inline p{font-size:12px;line-height:1.6;color:#bdc4cf;margin:5px 0 0}.friend-inline .btn{flex-shrink:0;white-space:normal;text-align:center}.bw-play-options{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 12px}.bw-play-options .btn{flex:1;white-space:normal;text-align:center}.bw-mode-note{display:block;margin-top:12px;color:#aab6c5;font-size:11px;line-height:1.7}@media(max-width:600px){.friend-inline{flex-wrap:wrap;padding:16px;gap:12px}.friend-inline .btn{width:100%}.friend-inline-icon{display:none}.bw-play-options{flex-direction:column}}