/* Stadium social panel. Existing request and challenge actions retain their handlers. */
#lobby-panel[data-panel="friends"] .fr-btn.ok[data-act="accept"]{border-color:#39ed8a;background:linear-gradient(#08754f,#034c3e);box-shadow:inset 0 0 6px #21c67844}
#lobby-panel[data-panel="friends"]{padding:24px;background:linear-gradient(#00162c80,#00132199),url('store-stadium-v1.png') center/cover}
#lobby-panel[data-panel="friends"] .lobby-panel-card{position:relative;width:min(1400px,100%);max-height:calc(100dvh - 48px);border:2px solid #08b9ff;border-radius:26px;background:linear-gradient(115deg,#002945ef,#00172af5 65%,#002840f5);box-shadow:inset 0 0 22px #009cff44,0 20px 60px #0009}
#lobby-panel[data-panel="friends"] .lobby-panel-head{position:absolute;right:24px;top:23px;border:0;padding:0;z-index:2}#lobby-panel[data-panel="friends"] #lobby-panel-title{display:none}#lobby-panel[data-panel="friends"] .lobby-panel-close{width:55px;height:55px;border-radius:50%;font:40px Arial;color:#d7efff;border:2px solid #ccecff;border-bottom-color:#00c7ff;background:#032b49;box-shadow:0 0 15px #05aeff44}
#lobby-panel[data-panel="friends"] .lobby-panel-body{padding:0 14px 16px;overflow-y:auto;overflow-x:hidden}#lobby-panel[data-panel="friends"] .lobby-pane{gap:14px}
.friends-hero{display:flex;align-items:center;gap:20px;padding:20px 90px 10px 24px;min-height:95px}.friends-hero>span{font-size:39px;color:#ffdb6c}.friends-hero h2{font:52px/1 'Bebas Neue',Impact,sans-serif;letter-spacing:3px;color:#ffda65;margin:0;text-shadow:0 2px #81632e}.friends-hero p{font-size:11px;color:#8fb5d3;letter-spacing:3px;margin:4px 0}.friends-hero small{margin-left:auto;color:#87adcd;font-size:11px;line-height:1.7;letter-spacing:2px}
.friends-toolbar{display:flex;gap:24px;align-items:center;border:1px solid #075681;border-bottom:0;border-radius:25px 25px 0 0;padding:18px 16px 0}.friends-tabs{display:flex;gap:12px;flex:1}.friends-tabs button{min-height:52px;flex:1;white-space:nowrap;border:1px solid #09628f;border-radius:9px;background:#00223c;color:#b6d4ee;font-weight:700;padding:8px 16px}.friends-tabs button[aria-pressed="true"]{border:2px solid #64ddff;background:linear-gradient(#095484,#002a60);box-shadow:inset 0 0 12px #00b5ff99,0 0 12px #00aaff55;color:white}.friends-tabs b,#friend-req-count{background:linear-gradient(#ef4960,#b81531);border:1px solid #ff6a76;border-radius:20px;color:white;padding:2px 7px;font:700 13px Arial}.friends-tabs i{display:inline-block;width:11px;height:11px;background:#3cee88;border-radius:50%;box-shadow:0 0 8px #32fa8290;margin-right:7px}
#lobby-panel .friends-search{display:flex;gap:12px;margin:0;flex:0 1 440px;min-width:0}#lobby-panel #friend-search{min-width:0;flex:1;width:100%;border:1px solid #299dc6;background:#001b2e;border-radius:22px;padding:13px 18px;color:#d0e8fc;font-size:14px}#lobby-panel #friend-search-btn{background:linear-gradient(#ffe47e,#b78625);border:1px solid #ffe57f;border-radius:9px;color:#111b22;padding:12px 27px;font-weight:800}
.friends-columns{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:12px}.friends-primary,.friends-secondary{min-width:0;display:flex;flex-direction:column;gap:12px}#lobby-panel .friends-section{border:1px solid #075b86;border-radius:17px;background:#001b2cc4;padding:12px;min-width:0;margin:0}.friends-section h3{display:flex;align-items:center;gap:12px;font:25px 'Bebas Neue',Impact,sans-serif;letter-spacing:1px;color:#ffcf64;margin:0 0 12px}.friends-section h3>button,.friends-section h3>select{margin-left:auto;font:13px Arial;color:#aed4ef;background:#00223a;border:1px solid #12618c;border-radius:8px;padding:9px;min-width:0}.friends-section h3>span{font:16px Arial;border:1px solid #009eea;border-radius:20px;padding:2px 9px;color:#c4eaff}.friends-section h3:before{content:"";width:4px;height:20px;background:linear-gradient(#ffef9c,#c49b3b);border-radius:2px;flex-shrink:0}
#lobby-panel[data-panel="friends"] .friend-list{max-height:none;overflow:visible;display:flex;flex-direction:column;gap:8px}#lobby-panel[data-panel="friends"] .friend-row{display:flex;align-items:center;gap:16px;padding:10px 14px;border:1px solid #114d6c;border-radius:12px;background:linear-gradient(110deg,#03283e,#001b2d);min-width:0;margin:0;min-height:78px}#lobby-panel[data-panel="friends"] .lb-av{width:54px;height:54px;border:2px solid #159eff;background:linear-gradient(145deg,#126591,#032554);color:#d9eeff;font:700 28px Arial;flex-shrink:0}#lobby-panel[data-panel="friends"] .friend-row:nth-child(3n+2) .lb-av{border-color:#aa69ff;background:linear-gradient(140deg,#5832a8,#201c51)}#lobby-panel[data-panel="friends"] .friend-row:nth-child(3n) .lb-av{border-color:#1cdbbc;background:linear-gradient(140deg,#096d62,#052c33)}
#lobby-panel[data-panel="friends"] .friend-meta{flex:1;min-width:0;cursor:pointer}#lobby-panel[data-panel="friends"] .friend-meta strong{font-size:17px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e0f1ff}#lobby-panel[data-panel="friends"] .friend-meta small{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#9ebed9;font-size:12px;margin-top:7px}.friend-level{color:#ffda62;border:1px solid #e3b247;border-radius:5px;padding:1px 7px;font:700 11px Arial;white-space:nowrap}
#lobby-panel[data-panel="friends"] .friend-actions{display:flex;gap:10px;flex-shrink:0}#lobby-panel[data-panel="friends"] .fr-btn{min-height:40px;background:#02263e;border:1px solid #668caa;border-radius:8px;color:#edf6ff;padding:9px 16px;font:700 13px Arial;white-space:nowrap}#lobby-panel[data-panel="friends"] .fr-btn.ok{border-color:#00aaff;background:linear-gradient(#0865ae,#003875);box-shadow:inset 0 0 6px #009aff66}#lobby-panel[data-panel="friends"] [data-act="accept"]{border-color:#39ed8a;background:linear-gradient(#08754f,#034c3e)}#lobby-panel[data-panel="friends"] [data-act="decline"]{border-color:#ff4766;background:linear-gradient(#853348,#492033)}
.friends-banner{border:1px solid #22bfff;border-radius:15px;min-height:137px;padding:17px 26px;background:linear-gradient(110deg,#01213bea,#001e3880),url('stadium-clean.png') center/cover}.friends-banner strong{font:italic 36px/.95 'Bebas Neue',Impact,sans-serif;color:#ffdd76;letter-spacing:2px}.friends-banner p{font-size:10px;letter-spacing:2px;color:#a4c7e4;margin:12px 0 0}.friends-secondary .friend-actions{margin-left:auto}.friends-secondary .friend-row{gap:10px!important}.friends-secondary .friend-meta strong{font-size:14px!important}.friends-secondary .lb-av{width:45px!important;height:45px!important}.friends-secondary h3{font-size:23px}
[data-filter="requests"] #friends-list-section,[data-filter="online"] #friends-requests-section,[data-filter="suggested"] .friends-primary,[data-filter="requests"] .friends-secondary,[data-filter="online"] .friends-secondary{display:none!important}[data-filter="suggested"] .friends-columns,[data-filter="requests"] .friends-columns,[data-filter="online"] .friends-columns{grid-template-columns:1fr}#lobby-panel[data-panel="friends"] button:focus-visible{outline:2px solid #ffe67e;outline-offset:3px}
@media(max-width:1150px){.friends-toolbar{flex-wrap:wrap;gap:12px}.friends-tabs{flex-basis:100%}#lobby-panel .friends-search{flex-basis:100%}.friends-columns{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}#lobby-panel[data-panel="friends"] .friend-row{gap:10px;padding:10px}.friends-primary .friend-actions{flex-wrap:wrap}.friends-section h3{font-size:21px}.friends-hero small{display:none}}
@media(max-width:850px){.friends-columns{grid-template-columns:1fr}.friends-secondary .friend-row{min-height:75px}.friends-hero h2{font-size:42px}.friends-hero{padding-left:10px}.friends-banner{min-height:120px}}
@media(max-width:520px){#lobby-panel[data-panel="friends"]{padding:8px}#lobby-panel[data-panel="friends"] .lobby-panel-card{max-height:calc(100dvh - 16px);border-radius:18px}#lobby-panel[data-panel="friends"] .lobby-panel-body{padding:0 9px 12px}.friends-hero{padding:17px 45px 8px 3px;gap:9px;min-height:83px}.friends-hero>span{font-size:25px}.friends-hero h2{font-size:34px}.friends-hero p{font-size:7px;letter-spacing:1px}#lobby-panel[data-panel="friends"] .lobby-panel-head{right:12px;top:19px}#lobby-panel[data-panel="friends"] .lobby-panel-close{width:38px;height:38px;font-size:28px}.friends-toolbar{padding:10px 0 0;border:0}.friends-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.friends-tabs button{padding:10px 7px;min-height:44px;font-size:12px}#lobby-panel #friend-search{padding:11px;font-size:13px}#lobby-panel #friend-search-btn{padding:10px 16px}.friends-section h3{gap:6px;font-size:19px;flex-wrap:wrap}.friends-section h3>select{font-size:11px;max-width:128px}#lobby-panel[data-panel="friends"] .friend-row{flex-wrap:wrap}#lobby-panel[data-panel="friends"] .friend-meta{flex-basis:calc(100% - 65px)}#lobby-panel[data-panel="friends"] .friend-actions{margin-left:auto}#lobby-panel[data-panel="friends"] .friend-meta strong{font-size:16px}.friends-banner{padding:18px}.friends-section h3>button{font-size:11px}.friends-secondary .friend-actions{width:100%;justify-content:flex-end}}
/* Compact mobile and short landscape layout; one scroll container keeps every section reachable. */
@media(max-width:650px),(max-height:550px){
 #lobby-panel[data-panel="friends"]{padding:10px}
 #lobby-panel[data-panel="friends"] .lobby-panel-card{max-height:calc(100dvh - 20px);border-radius:20px}
 #lobby-panel[data-panel="friends"] .lobby-panel-body{padding:0 10px 10px;overscroll-behavior:contain}
 .friends-hero{min-height:70px;padding:13px 52px 9px 8px;gap:12px}
 .friends-hero h2{font-size:32px}.friends-hero p{font-size:8px;letter-spacing:1.6px}.friends-hero>span{font-size:25px}
 #lobby-panel[data-panel="friends"] .lobby-panel-head{top:14px;right:15px}
 #lobby-panel[data-panel="friends"] .lobby-panel-close{width:38px;height:38px;font-size:28px}
 .friends-toolbar{padding:10px 9px 0;gap:9px;flex-wrap:wrap;border:1px solid #075681;border-bottom:0;border-radius:18px 18px 0 0}
 .friends-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;flex-basis:100%;min-width:0}
 .friends-tabs button{font-size:11px;min-height:39px;padding:6px 3px;white-space:nowrap;min-width:0;border-radius:8px}
 .friends-tabs b{font-size:10px;padding:1px 4px}.friends-tabs i{width:8px;height:8px;margin-right:3px}
 #lobby-panel .friends-search{flex-basis:100%;gap:8px}
 #lobby-panel #friend-search{padding:9px 12px;font-size:13px;height:36px}
 #lobby-panel #friend-search-btn{padding:7px 17px;font-size:12px;min-height:36px}
 #lobby-panel[data-panel="friends"] .lobby-pane{gap:10px}
 #lobby-panel .friends-section{padding:10px;border-radius:14px}
 .friends-section h3{font-size:20px;margin-bottom:8px}.friends-section h3>button,.friends-section h3>select{padding:7px;font-size:11px}
 #lobby-panel[data-panel="friends"] .friend-row{min-height:63px;padding:8px;gap:8px}
 #lobby-panel[data-panel="friends"] .lb-av{width:37px;height:37px;font-size:21px}
 #lobby-panel[data-panel="friends"] .friend-meta strong{font-size:13px}
 #lobby-panel[data-panel="friends"] .friend-meta small{font-size:10px;gap:6px;margin-top:4px}
 #lobby-panel[data-panel="friends"] .fr-btn{min-height:32px;padding:7px 10px;font-size:11px}
 .friends-banner{min-height:100px;padding:14px 20px}.friends-banner strong{font-size:29px}
}
@media(max-width:380px){.friends-tabs{gap:4px}.friends-tabs button{font-size:9px}.friends-tabs b{font-size:9px;padding:1px 3px}.friends-hero h2{font-size:29px}.friends-hero p{font-size:6px}.friends-section h3{font-size:17px}.friends-tabs i{width:6px;height:6px;margin-right:1px}}