.connectionPanel{padding:16px;margin:14px 0;border:1px solid #83a5ad55;border-radius:14px;background:#153b47;color:#f7f3df;text-align:left;max-width:720px}.connectionPanel p{font-size:14px;line-height:1.45;margin:7px 0 12px;color:#d2e0df}.connectionPanel small{display:block;font-size:12px;line-height:1.5;color:#d2e0df}.connectionPanel button{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;background:#315969;border:1px solid #8fb7bf77;border-radius:9px;color:#fff9e6;cursor:pointer;font:inherit;font-size:13px}.connectionPanel button:disabled{opacity:.5;cursor:default}.connectionRow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;border-top:1px solid #83a5ad33}.connectionRow>span{flex:1;min-width:130px}.onlineInvitationCode{letter-spacing:.15em;font-size:22px}.connectionStatus{position:relative;z-index:6}.pc-app>.connectionStatus{position:absolute;top:82px;right:20px;max-width:350px;max-height:40vh;overflow:auto;z-index:30}.voyageApp>.connectionStatus{margin:14px auto}.app>.connectionStatus{position:absolute;top:72px;right:16px;width:min(330px,calc(100% - 32px));max-height:42vh;overflow:auto;z-index:30}.pc-captain-name{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;margin:15px 0 0}.pc-captain-name input{border:1px solid #8fb7bf77;border-radius:8px;padding:9px;width:65%;color:#fff9e6;background:#153b47;font:inherit}@media(max-width:600px){.pc-app>.connectionStatus{top:67px;right:8px;max-width:280px;font-size:12px}}