.online-mode:not(.is-menu) #lobby{display:none!important}
.online-panel{top:49%;width:400px;transform:translateY(-45%)}
.online-panel h1{font-size:65px;margin-bottom:12px}.online-panel h1>span{margin-left:26px}
.online-panel>.primary-button{margin-top:18px}
.room-divider{display:flex;align-items:center;gap:12px;color:#b7c6bc;font-size:10px;letter-spacing:1px;margin:22px 0 16px;white-space:nowrap}.room-divider:before,.room-divider:after{content:"";height:1px;background:#c7b98940;flex:1}
.join-form label{display:block;font-size:10px;color:#cdd5c4;letter-spacing:2px;margin-bottom:9px}.join-form>div{display:flex;gap:9px}.join-form input{width:100%;min-width:0;border:1px solid #d0c19077;border-radius:3px;background:#0d2936a8;color:#f2e3bc;font:18px Georgia,serif;letter-spacing:4px;text-transform:uppercase;padding:10px 12px;outline:none}.join-form input:focus{border-color:#e2cc9e}.join-form input::placeholder{font:12px system-ui,sans-serif;letter-spacing:1px;color:#9ab1ad}.join-form .secondary-button{flex:none;padding:0 16px}
.room-info{margin-top:18px;padding:17px;border:1px solid #cdb98568;border-radius:5px;background:#193d45c9}.room-info small{display:block;color:#a9c9bb;font-size:10px;letter-spacing:1px}.room-info strong{display:block;color:#f4e1b7;font:32px Georgia,serif;letter-spacing:8px;margin:12px 0}.room-info .secondary-button{width:100%}.room-info p{margin:12px 0 0;font-size:10px;line-height:1.7;color:#b9c6b7}.lobby-status{min-height:20px;font-size:10px;color:#e3c998;line-height:1.6;letter-spacing:.6px;margin:16px 0 8px}.online-back{font-size:10px;color:#a9c5b9;letter-spacing:1px}.online-back:hover{color:#f4e1b7}.online-leave{border:1px solid #cbb58b6e;background:#17323c77;border-radius:3px;padding:8px 12px;font-size:10px;color:#d6d4bd}.online-leave:hover{background:#294d50}.online-mode .result-home{display:inline-block;margin-top:18px}.online-mode .roster-item.local .portrait{border-color:#f6db9c;box-shadow:0 0 10px #efd38a55}
@media(max-width:999px),(max-height:569px){.online-panel{left:50%;transform:translate(-50%,-44%);width:390px}.online-panel h1{font-size:57px}.online-panel h1>span{display:inline;margin:0}}
@media(max-width:600px){.online-panel{width:calc(100vw - 52px);max-width:390px;top:48%;transform:translate(-50%,-43%)}.online-panel h1{font-size:51px;letter-spacing:6px}.online-panel .menu-description{line-height:1.7}.room-divider{margin:16px 0 12px}.room-info{padding:12px;margin-top:12px}.room-info strong{font-size:25px;margin:8px 0}.room-info p{margin-top:8px}.lobby-status{margin:10px 0 7px}.online-leave{font-size:9px;padding:6px 8px}}
@media(max-height:650px){.online-panel{top:48%;transform:translate(-50%,-42%)}.online-panel .eyebrow{display:none}.online-panel h1{font-size:43px;margin:3px 0}.online-panel .menu-description{font-size:10px;line-height:1.5;margin:0 0 7px}.online-panel>.primary-button{min-height:40px;margin-top:7px}.room-divider{margin:9px 0}.join-form label{margin-bottom:4px}.join-form input{padding:7px 9px}.room-info{padding:8px;margin-top:7px}.room-info strong{font-size:20px;margin:3px 0}.room-info p{display:none}.lobby-status{margin:5px 0}.online-back{font-size:9px}}