#play-friends{position:absolute;right:30px;bottom:22px;padding:13px 20px;border:1px solid #92dcdf;border-radius:7px;background:#163c49;color:#e5fcff;font-weight:900;letter-spacing:.06em;cursor:pointer;box-shadow:0 0 25px #4cb6cd22}
#online-room{box-sizing:border-box;width:min(900px,96vw);max-height:94dvh;padding:24px;border:1px solid #81b6c9;border-radius:14px;background:#0e2232;color:#dcebf0;overflow:auto;box-shadow:0 20px 100px #000b;font-family:system-ui}
#online-room::backdrop{background:#04101de8}#online-room header{position:static;display:flex;justify-content:space-between;padding:0;border:0;background:none}#online-room h1{margin:5px 0 14px;font-size:30px}#online-room h2{font-size:14px;margin:18px 0 10px}#online-room small{color:#83cad2;letter-spacing:.13em}#online-close{font-size:25px}
#online-room button{cursor:pointer;border:1px solid #638c9d;border-radius:6px;padding:10px 14px;color:#e2f2f5;background:#1c3b4d;font-weight:800}#online-room button:disabled{opacity:.4;cursor:default}#online-room button[aria-pressed=true]{outline:2px solid #f4d392;outline-offset:2px}
#online-room input{box-sizing:border-box;border:1px solid #527388;border-radius:5px;padding:11px;background:#091725;color:#f1f7fb;font-size:14px}#online-entry label{display:grid;gap:7px;margin:16px 0;max-width:420px}#online-entry>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#online-code{width:120px;text-transform:uppercase}#online-status{padding:10px 12px;background:#173440;border-left:3px solid #8ec9dc;font-size:13px}
.online-invite{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.online-invite strong{color:#f7db9d;letter-spacing:.1em}#online-invite-url{width:100%;font-size:12px!important}#online-champions{display:flex;gap:12px;flex-wrap:wrap}#online-champions button{display:grid;gap:5px;text-align:center;padding:5px;width:95px;font-size:10px}#online-champions img{width:56px;height:56px;object-fit:cover;margin:auto;border-radius:4px}
.online-teams{display:grid;grid-template-columns:1fr 1fr;gap:16px}.online-teams section{padding:13px;border-radius:9px;border:1px solid #75baf0;background:#133448}.online-teams .online-red{border-color:#ee858c;background:#3c2332}.online-teams section>button{width:100%;margin-bottom:10px}.online-slot{min-height:49px;display:flex;align-items:center;gap:9px;padding:6px;border-top:1px solid #85a8b533;font-size:12px;color:#ccdce2}.online-slot img{width:38px;height:38px;border-radius:4px}.online-slot b{margin-left:auto;font-size:8px}.online-slot span{overflow-wrap:anywhere}#online-room footer{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}#online-ready{background:#266154!important}#online-start{background:#d9b777!important;color:#172938!important}.online-note{font-size:11px;line-height:1.5;color:#9bbac7}
#online-badge{position:fixed;z-index:5;top:68px;right:18px;border:1px solid #81d9cb;border-radius:5px;background:#0b2834db;color:#b3f5e5;padding:6px 10px;font-size:10px;cursor:pointer}
@media(max-width:600px){#online-room{padding:16px}.online-teams{gap:8px}.online-slot{flex-wrap:wrap}#play-friends{position:static;margin-top:12px;width:100%}#online-champions button{width:72px}#online-room h1{font-size:23px}}