.friends-panel{margin-top:10px;border-top:1px solid #ffe3a244;padding-top:8px;color:#fff5da;font:700 13px sans-serif}.friends-panel summary{cursor:pointer;min-height:36px;display:flex;align-items:center;gap:8px}.friends-panel summary::after{content:'▾';margin-left:auto}.friends-panel p{font-size:12px;line-height:1.4;margin:6px 0;color:#ffedcc}.friends-row{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.friends-row input,.friends-row select,.friends-row button{border:1px solid #ffe3a266;border-radius:8px;min-height:40px;background:#54161ac9;color:#fff4d5;font:700 12px sans-serif;padding:6px 10px}.friends-row input{width:90px;text-transform:uppercase}.friends-row button{cursor:pointer}.friends-row button:disabled{opacity:.5;cursor:wait}.friends-row select{max-width:150px}.friends-status{display:block;min-height:16px;font:12px sans-serif}.online-room-chip{position:absolute;left:50%;top:134px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;z-index:21;border-radius:9px;background:#10292388;color:#fff5d6;padding:4px 8px;font:700 11px sans-serif;pointer-events:auto;max-width:calc(100vw - 20px)}.online-room-chip button{font:700 11px sans-serif;min-width:32px;min-height:30px;color:#fff5d6;border:1px solid #fff5d644;border-radius:6px;background:transparent;cursor:pointer}.online-room-chip[hidden]{display:none}.online-room-chip.online-stale{background:#7b2a20cc}.online-room-chip span{white-space:nowrap}.online-ranking{max-width:440px;width:calc(100vw - 36px);padding:22px;color:#fff3d3;background:#17362e;border:1px solid #ffe3a2;border-radius:16px}.online-ranking h2{margin:0 0 6px;font:800 28px sans-serif}.online-ranking p,.online-ranking small{font:12px sans-serif;line-height:1.4}.online-ranking ol{padding:0;margin:12px 0;list-style:none}.online-ranking li{display:grid;grid-template-columns:28px 1fr 70px;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #fff3d322;font:700 13px sans-serif}.online-ranking li span:last-child{text-align:right}.online-ranking .ranking-empty{display:block;font-weight:400}.online-ranking-close{float:right;min-width:40px;min-height:40px;background:transparent;color:#fff3d3;border:1px solid #fff3d344;border-radius:8px;font-size:22px}.online-ranking::backdrop{background:#071915bb}@media(max-width:720px){.online-room-chip{top:126px;left:10px;transform:none;max-width:calc(100vw - 142px);gap:5px;font-size:10px}.online-room-chip span{white-space:normal;line-height:1.2}.online-room-chip button{min-width:40px;min-height:40px;padding:3px}.friends-panel summary{min-height:40px}.friends-row>*{flex-grow:1}.friends-row input{width:70px}.friends-row select{max-width:none}}