.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}.scoreboardJoinPanel>.groupJoinPanel{grid-column:1 / -1}.groupJoinPanel{min-width:0;width:100%}.groupJoinPanel .connectionPanel{margin:0 0 12px;max-width:none}.groupCodeJoin label,.groupSwitch label{display:block;font-size:12px;margin:10px 0 6px}.groupCodeRow{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:8px 0}.connectionPanel .groupCodeInput{box-sizing:border-box;width:140px;min-width:0;margin:0;padding:10px 14px;border:1px solid #8fb7bf;border-radius:9px;background:#0e2c36;color:#fff9e6;font-family:inherit;font-size:24px;font-weight:700;line-height:1.2;letter-spacing:.2em;text-transform:uppercase}.groupInvitation{margin-top:12px;padding-top:12px;border-top:1px solid #83a5ad55}.groupInvitation>span{font-size:12px}.groupInvitation .onlineInvitationCode{font-size:30px;font-variant-numeric:tabular-nums}.groupSwitch{margin-top:14px;font-size:13px}.groupSwitch summary{cursor:pointer;padding:5px 0}.groupSwitch select{max-width:100%;padding:9px;margin:0 8px 8px 0;background:#0e2c36;color:#fff9e6;border:1px solid #8fb7bf;border-radius:9px;font:inherit}.connectionPanel :focus-visible{outline:3px solid #f8c461;outline-offset:3px}.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}}.groupBadge{position:relative;display:inline-flex;flex:0 0 auto;z-index:40;font-family:inherit;pointer-events:auto}.groupBadgeButton{display:inline-flex;align-items:center;gap:6px;min-height:36px;min-width:36px;padding:0 10px;border:1px solid #8fb7bf66;border-radius:999px;background:#153b47e6;color:#fff9e6;font:inherit;font-size:13px;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 4px 14px #0003}.groupBadgeButton:hover{background:#1d4a58}.groupBadgeButton:focus-visible{outline:3px solid #f8c461;outline-offset:2px}.groupBadgeCode{letter-spacing:.12em;font-variant-numeric:tabular-nums}.groupBadgeCount{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#f8c461;color:#10303a;font-size:11px}.groupBadge.has-requests .groupBadgeButton{border-color:#f8c461}.groupBadge.has-problem .groupBadgeButton{border-color:#f0a35c;color:#ffd9a8}.groupBadgePopover{position:absolute;top:calc(100% + 8px);right:0;width:min(340px,calc(100vw - 24px));max-height:min(60dvh,520px);overflow:auto;border-radius:14px;box-shadow:0 14px 40px #0006;text-align:left}.groupBadge .groupBadgePopover>.connectionStatus{position:static;inset:auto;transform:none;width:auto;z-index:auto;margin:0;max-width:none;max-height:none;padding-right:40px;font-size:13px}.groupBadgeClose{position:absolute;top:8px;right:8px;z-index:1;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:#fff9e6;cursor:pointer}.groupBadgeClose:hover{background:#ffffff1a}.groupBadgeFloating{position:fixed;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right))}@media(max-width:600px){.groupBadgeButton{min-height:34px;padding:0 8px;font-size:12px;gap:4px}.groupBadge.has-requests .groupBadgeCode{display:none}.groupBadgePopover{position:fixed;top:calc(max(8px,env(safe-area-inset-top)) + 52px);right:12px;left:12px;width:auto}}.app:has(>.groupBadgeFloating) .revealHeader{padding-right:140px}@media(max-width:760px){.app:has(>.groupBadgeFloating) .revealHeader{padding-right:112px}}.hubGroupBar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 14px;padding:12px 14px;border:1px solid #79d8ca88;border-radius:14px;background:#0c2927;color:#fff4d6}.hubGroupBar>svg{flex:0 0 auto;color:#79d8ca}.hubGroupBar p{margin:2px 0 0;font-size:13px;line-height:1.45;color:#c3d8cd}.hubGroupBar [role=alert]{color:#ffd9a8}.hubGroupBar.is-ended p{margin:0}.hubGroupText{flex:1 1 260px;min-width:0}.hubGroupText strong{font-size:15px}.hubGroupMeta{display:inline-flex;gap:12px;font-size:13px;color:#c3d8cd;white-space:nowrap}.hubGroupMeta b{color:#fff4d6;letter-spacing:.12em;font-variant-numeric:tabular-nums}.hubGroupActions{display:inline-flex;flex-wrap:wrap;gap:8px}.hubGroupActions button{min-height:40px;padding:8px 12px;border:1px solid #8cb5ab77;border-radius:9px;background:#1d4a45;color:#fff4d6;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.hubGroupActions button:disabled{opacity:.55;cursor:default}.hubGroupActions .hubGroupLeave{background:transparent}.hubGroupActions button:focus-visible{outline:3px solid #f8c461;outline-offset:2px}