.online-room{padding:28px;background:#1c241c;border:1px solid #53613b;margin:28px 0}.online-room h2{font-size:clamp(24px,4vw,38px);margin:12px 0}.online-room p{color:#bec6b2;line-height:1.6}.online-entry,.online-actions,.online-invite{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.online-entry label{display:flex;gap:8px;align-items:center}.online-entry input{width:130px;background:#10120f;color:#f4f3ec;border:1px solid #697752;padding:12px;text-transform:uppercase;font:inherit}.online-room button{padding:12px 18px;cursor:pointer}.online-room [hidden]{display:none!important}.online-invite strong{color:#c4e95b;font-size:24px;letter-spacing:3px}.online-player{display:flex;align-items:center;gap:12px;border-top:1px solid #435038;padding:10px 0}.online-player img{width:40px;height:48px;object-fit:cover}.online-player strong{flex:1}.online-player span{color:#bbc4ad;font-size:13px}.online-you strong{color:#c4e95b}.online-actions{margin-top:18px}.career-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.career-reset-confirm{padding:18px;background:#1c241c;border:1px solid #53613b;margin:12px 0}@media(max-width:600px){.online-room{padding:20px}.online-player{flex-wrap:wrap}.online-player span{width:100%;padding-left:52px}}
.online-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.online-split[hidden]{display:none}.split-pane{min-width:0;background:#17251c;border:1px solid #596741}.split-title{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:50px;padding:10px;color:#c4e95b;font-size:12px;font-weight:bold;letter-spacing:1px}.split-title select{max-width:145px;background:#10120f;color:#f4f3ec;border:1px solid #697752;padding:6px;font:inherit}.split-pane canvas{display:block;width:100%;height:auto}.split-connection{font-size:11px;color:#b9c3a8;margin:0;padding:8px}.online-split .screen{border:0;margin:0}.online-split .screen h2{font-size:clamp(20px,3vw,32px)}@media(max-width:700px){.online-split{grid-template-columns:1fr}.split-title{min-height:38px;padding:8px}.split-title select{max-width:180px}}