#connectionStatus{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);max-width:85%;padding:7px 12px;margin:0;border:1px solid #83bdb8;border-radius:4px;background:#163d45ed;color:#e2f5e8;font:700 12px system-ui;z-index:15;pointer-events:none;text-align:center}
.online-mode-button{display:flex;align-items:center;gap:9px;margin-top:13px;border:2px solid #86aeb0;border-radius:5px;padding:9px 13px;background:#123f50;color:#d7e6e7;font:900 11px system-ui;box-shadow:0 4px 0 #072b38;cursor:pointer}.online-mode-button i{width:10px;height:10px;border-radius:50%;background:#708a90;box-shadow:0 0 0 3px #ffffff18}.online-mode-button b{color:#91a8ab}.online-mode-button[aria-pressed="true"]{border-color:#77e6a2;background:#145a4f}.online-mode-button[aria-pressed="true"] i{background:#62f49b;box-shadow:0 0 12px #62f49b}.online-mode-button[aria-pressed="true"] b{color:#8affb3}
.online-identity{width:min(520px,100%);margin-top:14px;text-align:center}.online-identity label{display:block;margin-bottom:6px;color:#9de8df;font:950 11px system-ui}.online-identity input{width:230px;max-width:80%;padding:9px 12px;border:2px solid #edbc63;background:#f4faf4;color:#16434a;border-radius:5px;font:700 15px system-ui}.online-identity button{padding:9px 12px;border:1px solid #d1e7de;border-radius:4px;background:#154955;color:#ebf8ee;margin-left:8px;font:800 11px system-ui;cursor:pointer}
body.online-enabled .servers-button{display:block}body.online-enabled .difficulty-picker{display:none}body.online-enabled .online-identity{display:block}
.role-screen>span i{font-style:normal}
.role-screen .role-buttons{margin-top:12px}
@media(max-width:700px){.role-screen h1{font-size:27px;margin:8px}.role-screen .role-choice{min-height:135px}.online-identity{margin-top:7px}.online-identity input{padding:6px 9px}.online-identity button{display:block;margin:7px auto 0}#connectionStatus{font-size:10px;bottom:5px}.online-mode-button{margin-top:9px}}