.collab-card { background:#fff; padding:8px; display:flex; flex-direction:column; align-items:center; gap:5px; color:#171717; border:2px solid #ffe000; }
.collab-card img { display:block; width:100%; height:100%; min-height:0; object-fit:contain; object-position:center; transform:none; filter:none; animation:none; opacity:1; }
.collab-card small { flex-shrink:0; font:11px system-ui,sans-serif; }
#collab-banner { display:flex; align-items:center; gap:10px; padding:7px 12px; width:100%; border:2px solid #ffe000; border-radius:10px; background:#171717; color:#ffe000; cursor:pointer; text-align:left; }
#collab-banner .collab-card { width:64px; height:48px; padding:2px; gap:1px; flex-shrink:0; }
#collab-banner .collab-card small { font-size:9px; white-space:nowrap; }
#collab-banner .collab-card img { height:27px; flex-shrink:0; }
#menu.collab-home #stagecol { gap:5px; }
#collab-banner b, #collab-banner span { display:block; }
#collab-banner span { font-size:11px; margin-top:3px; color:#fff; }
#collab-lobby { background:#151515; flex-direction:row; gap:24px; padding:18px; overflow:auto; }
#collab-lobby .collab-card { width:min(30%,220px); height:75%; max-height:280px; flex-shrink:0; }
#collab-lobby .collab-info { max-width:440px; display:flex; flex-direction:column; gap:10px; }
#collab-lobby h2 { font-size:clamp(18px,3vw,28px); color:#ffe000; }
#collab-lobby p { font-size:12px; line-height:1.6; }
#collab-lobby button { padding:10px 18px; border:0; border-radius:8px; font-weight:800; cursor:pointer; }
#sun-power { position:absolute; top:48px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:6px; color:#fff4a1; background:#172008e6; border-radius:8px; padding:5px 9px; font:bold 10px system-ui,sans-serif; pointer-events:none; }
#sun-power progress { width:90px; height:8px; accent-color:#ffe238; }
#sun-power b { min-width:28px; }
#app [hidden] { display:none !important; }