#online-panel[hidden],#online-badge[hidden]{display:none!important}
#online-panel{position:fixed;inset:0;z-index:150;background:#071326dc;display:grid;place-items:center;overflow:auto;padding:18px;color:#edf6ff;font-family:var(--font-ui)}
.online-card{width:min(570px,94vw);box-sizing:border-box;background:#18354e;border:1px solid #718ea7;border-radius:16px;padding:24px;box-shadow:0 12px 80px #0008}
.online-card h1{font:38px var(--font-display);margin:10px 0}.online-card p{line-height:1.45;color:#cfdeec}.online-card label{display:block;margin:14px 0;font-weight:800}.online-card input,.online-card select{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:11px;border:1px solid #8298ad;border-radius:7px;background:#0c2237;color:white;font:inherit}
.online-actions{display:flex;gap:8px;flex-wrap:wrap}.online-actions button,#online-badge{border:0;border-radius:7px;background:#f1cb69;color:#172633;padding:12px;font:800 13px var(--font-ui);cursor:pointer}.online-actions button:disabled{opacity:.45}.online-actions button[hidden]{display:none}
#online-badge{position:fixed;left:50%;top:6px;transform:translateX(-50%);z-index:55;padding:8px 12px;max-width:70vw;background:#102b43e8;color:#dbefff;font-size:11px}

.so-battle-select{width:100%;padding:10px;border:1px solid #6d88a6;background:#172b42;color:#eff6ff;border-radius:6px;font:inherit;margin-bottom:12px}

#online-chat[hidden]{display:none!important}#online-chat{position:fixed;right:20px;bottom:20px;z-index:160;width:min(340px,85vw);padding:14px;border:1px solid #7999b3;border-radius:12px;background:#0a1c2ded;color:#eef8ff;font:14px var(--font-ui);box-shadow:0 8px 30px #0006}#online-chat header{display:flex;justify-content:space-between;align-items:center;letter-spacing:.08em}#online-chat ol{list-style:none;padding:0;margin:10px 0;max-height:190px;overflow:auto;overflow-wrap:anywhere}#online-chat li{margin:9px 0;line-height:1.4}#online-chat li b{color:#8fcaff}#online-chat form{display:flex;gap:8px}#online-chat input{min-width:0;flex:1;border:1px solid #57728e;background:#102c45;color:white;padding:10px;border-radius:5px;font:inherit}#online-chat button,.online-card li button{cursor:pointer;border:0;border-radius:4px;background:#345774;color:#f0f7ff;font:800 11px var(--font-ui);padding:8px}#online-chat small{display:block;color:#abc3d7;margin-top:8px;font-size:11px}.online-card li{margin:8px 0}.online-card li button{margin-left:12px}@media(max-width:1100px){#online-panel:not([hidden])~#online-chat{right:14px;bottom:12px;width:260px}#online-panel:not([hidden])~#online-chat ol{max-height:90px}}