/* フレンド対戦 (dist/ui/friends.js) */
.online-layout .online-friends-link,.online-friends-link{margin-bottom:12px;border-color:#6b3d8f;background:linear-gradient(90deg,#1d1036,#0d1528)}
.online-friends-link .icon{color:#ff8be3}
.friends-entry{display:grid;gap:8px;margin-bottom:16px}
.friends-entry h2{margin:0 0 4px}
.friends-entry label{font-size:12px;color:#c8d2ec;margin-top:4px}
.friends-entry input{width:100%;min-height:46px;padding:8px 12px;border:1px solid #3f4f7a;border-radius:4px;background:#060c1c;color:#fff;font-size:16px}
.friends-entry input:focus{border-color:#ff5cc0;outline:none}
.friends-entry .btn.full,.friends-room .btn,.online-layout>div>.btn.full{min-height:48px}
.friends-entry .btn.full{width:100%;margin-top:8px}
.friends-code-input{letter-spacing:6px;text-transform:uppercase;font-weight:700;text-align:center}
.friends-me{display:flex;align-items:center;gap:12px}.friends-me>div{flex:1;display:grid;gap:4px}.friends-me small{font-size:11px;color:#94a3c6}
.friends-room{text-align:center;margin-bottom:16px}
.friends-label{display:block;font-size:12px;letter-spacing:2px;color:#c8d2ec}
.friends-code{display:block;margin:6px 0 12px;font:800 clamp(34px,9vw,48px)/1.1 ui-monospace,Menlo,monospace;letter-spacing:8px;color:#ffd96e;text-shadow:0 0 18px #ff4fd855}
.friends-share{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.friends-link{overflow-wrap:anywhere;font-size:11px}
.online-card h2 small{font-size:12px;color:#94a3c6;font-weight:400;margin-left:6px}
.friends-members{list-style:none;margin:8px 0 14px;padding:0}
.friends-members li{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid #26314f}
.friends-members li.mine{background:#22153a}
.friends-members li span{flex:1;font-weight:600}
.friends-members em{font-style:normal;font-size:11px;padding:1px 8px;border-radius:999px;background:#3b2a12;color:#ffd96e}
.friends-members em.you{background:#173452;color:#9fd8ff}
.friends-members small{font-size:11px;color:#ff8be3}
.friends-status{margin:6px 0 10px;font-weight:600}
.online-card+.btn.full{margin-top:4px}
.online-layout>div>.btn.full{width:100%;margin-bottom:16px}
.friends-members .avatar{flex:none;width:40px;height:40px;border-radius:50%}