#onlinePanel{z-index:40;justify-content:flex-start;padding:36px 20px;overflow:auto;background:radial-gradient(ellipse at 85% 20%,#315d7a4d,transparent 48%),linear-gradient(125deg,#07131b,#152a3b 58%,#07131b)}
#onlinePanel.h{display:none}.online-shell{width:min(850px,94vw);text-align:left;margin:auto}.online-shell h1{font-size:32px;letter-spacing:-1px}.online-shell p{color:#becbd7;line-height:1.5}.online-tag{color:#e5bc66;font-size:12px;font-weight:800;letter-spacing:2px}.online-fields{display:grid;gap:14px;margin:22px 0}.online-fields label{display:grid;gap:6px;font-size:13px;color:#c6d5e1}.online-fields input{box-sizing:border-box;width:100%;padding:13px;background:#101f2d;color:#f0f6fa;border:1px solid #9bb5cb55;border-radius:8px}.online-actions{display:flex;gap:10px;flex-wrap:wrap}.online-actions button{flex:1;padding:13px 18px;font-size:13px;min-height:44px;background:#203448;color:#f1f7f3;border:1px solid #e5bc6655}.online-actions .online-primary{background:#e5bc66;color:#17212d}.online-players{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.online-player{padding:18px;background:#152a3bd9;border:1px solid #9bb5cb55;border-radius:16px}.online-player h2{font-size:19px;margin:12px 0 4px}.online-player .kit-preview{width:120px;height:135px}.online-player select{width:100%;box-sizing:border-box;font-size:13px;margin:5px 0}.online-player button{width:100%;font-size:13px;padding:10px;background:#203448;color:#f1f7f3;border:1px solid #e5bc6655}.online-status{font-size:13px;color:#bdd3e3;min-height:24px;line-height:1.5}.online-status.error{color:#ffc9ad}.online-code{font:700 28px monospace;letter-spacing:5px;color:#e5bc66;background:transparent;border:0;width:180px;padding:8px 0}.online-room-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.online-room-head button{font-size:12px;padding:10px 14px}.online-settings{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:18px}.online-settings label{font-size:13px;display:grid;gap:4px}.online-note{font-size:12px;color:#adbfce;margin-top:20px}.online-leave{background:transparent!important;color:#bdcbd8!important;border-color:#ffffff22!important}
#onlineConnection{position:fixed;left:18px;top:78px;z-index:18;background:#102335e8;border:1px solid #9bb5cb55;border-radius:7px;padding:7px 10px;color:#d2dfeb;font:11px system-ui;display:none;max-width:45vw;text-align:left;pointer-events:none}#onlineConnection.warn{color:#ffd59c}#onlineWaiting{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;background:#06111cdd;padding:24px}#onlineWaiting>div{max-width:490px;padding:30px;background:#142b3d;border:1px solid #e5bc6655;border-radius:18px}#onlineWaiting p{color:#c3d3df;line-height:1.6}#onlineWaiting button{font-size:13px;padding:12px 20px}body.online-match #bx{display:none!important}body.online-match #onlineConnection{display:block}.online-meter{height:5px;background:#e5bc66;border-radius:3px}.online-pause-note{color:#e5bc66;font-size:13px;line-height:1.5}
body.m-intro #onlineConnection{top:auto;bottom:8vh;left:4vw}
@media(max-width:650px){.online-players{grid-template-columns:1fr}.online-shell h1{font-size:26px}}