#onlineHud{position:absolute;right:20px;top:100px;z-index:2;border-radius:12px;background:#f7f9e5ec;font-size:10px;padding:9px 13px;color:#2f7059;box-shadow:0 3px 12px #244b3420}#onlinePanel{position:absolute;right:20px;top:141px;z-index:6;background:#fffbeff5;border:1px solid white;border-radius:20px;padding:17px;width:min(300px,calc(100vw - 24px));max-height:60svh;overflow:auto;box-shadow:0 15px 40px #18392c40;backdrop-filter:blur(16px)}.online-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.online-heading b{font-size:14px}.online-heading button{padding:5px;background:none;font-size:12px;box-shadow:none}#onlinePanel p{font-size:11px;line-height:1.6;color:#77896b}#onlinePanel small{display:block;font-size:9px;line-height:1.5;margin-top:12px;color:#7d8e74}.online-buttons{display:flex;gap:6px}.online-buttons button{font-size:10px;padding:9px 13px;background:#e8efdb}.online-buttons #onlineWave{background:#327d60;color:#fffbea}.online-person{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #e1e6d5;padding:9px 0;font-size:11px}.online-person button{font-size:9px;padding:7px;background:#e8efdb}#onlinePanel button:disabled{opacity:.5;cursor:default}@media(max-width:600px){#onlineHud{top:89px;right:12px;font-size:9px}#onlinePanel{right:12px;top:130px}}