/* v5.5: compact entry, personal next match and independent host controls. */
.online-wrap{max-width:960px;padding:16px 20px 30px;background:radial-gradient(ellipse at 40% 0,#12374a77,transparent 58%)}
.online-header{margin:0 0 24px;min-height:42px}.online-header b{letter-spacing:.07em;font-size:11px}
.online-card{border-radius:22px;padding:32px;background:linear-gradient(145deg,#103044,#0a2335);box-shadow:0 20px 80px #0002;line-height:1.6}
#online-intro550{text-align:center;max-width:580px;margin:0 auto 28px}.online-logo{width:230px;margin:0 auto 22px}.hub-kicker550{color:#9be7e2;font-size:11px;font-weight:800;letter-spacing:.15em;margin:0 0 8px}
#online-intro550 h1{font-size:32px;margin:0 0 10px}#online-intro550>p:last-child{font-size:15px;margin:0;color:#bdd0db}
#online-home550{max-width:640px;margin:auto}.capacity522{margin:0 0 24px;padding:12px 15px;background:#071c2b77;border:1px solid #365469;border-radius:12px;font-size:12px}.capacity522>p{margin:0;font-size:13px;color:#bfdcde}.capacity522 details{font-size:12px;margin-top:5px}.capacity522 small{display:block}.capacity522 summary{cursor:pointer;color:#97b5c4}.capacity522 .full550{color:#ffdf98}
.hub-name550{font-size:13px;color:#b6ccd8}.hub-name550 input{margin-bottom:20px;min-height:48px}.hub-join550{padding:20px;background:#061c2b99;border:1px solid #406879;border-radius:16px}.hub-join550 h2{font-size:19px;margin:0 0 4px}.hub-join550 p{font-size:13px;margin:0 0 14px;color:#9ebbc9}.hub-join550 input{letter-spacing:.14em;font-size:17px;min-height:52px;margin:0}.hub-join550 .join-row>button{background:#a4e8e6;color:#102e3a;border-color:#a4e8e6;font-weight:800;min-height:52px;padding:12px 22px}.hub-join550>button{width:100%;margin-top:12px}
.hub-create550{margin-top:18px;border:1px solid #38576b;border-radius:16px;background:#0b2537}.hub-create550>summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none;padding:18px 20px;color:#f3dcab;font-size:15px;font-weight:700}.hub-create550>summary::-webkit-details-marker{display:none}.hub-create550[open]>summary{border-bottom:1px solid #355265}.hub-create-body550{padding:0 20px 18px}#online-mode520{margin:18px 0}#online-mode520 button{min-height:48px}.timing550{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.timing550 label{font-size:12px;color:#adc9d6}.timing550 select{min-height:46px}#cup-connect520 label{margin:12px 0}#cup-connect520 .timing550 label{margin:0}.hub-create550 p{font-size:13px}
body.session550 #online-intro550{display:none}.session550 .online-card{padding:24px}.session550 #online-capacity522{display:none}.cup-top550{display:flex;align-items:center;gap:14px;margin-bottom:16px}.cup-top550>img{width:54px;height:72px;object-fit:contain}.cup-top550>div{min-width:0;flex:1}.cup-top550 h2{font-size:24px!important;margin:0;line-height:1.35;overflow-wrap:anywhere}.cup-top550>div>p:last-child{margin:6px 0 0;color:#bdd4df;font-size:13px}.cup-top550>button{font-size:12px;padding:9px 15px;flex:none}.cup-meta550{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #335568;border-bottom:1px solid #335568;font-size:12px;color:#abc7d6}.cup-meta550>b,.cup-meta550 b{color:#eef9ff;letter-spacing:.07em}.cup-meta550>span:first-child{margin-right:auto}.host-tag550,.you-tag550{display:inline-block!important;padding:2px 7px;border-radius:6px;font-size:10px!important;font-weight:800;line-height:1.5;letter-spacing:.02em}.host-tag550{background:#513e22;color:#ffe3a2;border:1px solid #a88a49}.you-tag550{background:#163e5a;color:#a4dbff;border:1px solid #488bb4}
.cup-small550{font-size:12px!important;line-height:1.7;color:#b6ceda!important;margin:10px 0}.cup-action550{margin:20px 0;padding:22px;border:1px solid #53828b;border-radius:18px;background:linear-gradient(125deg,#173f4b,#102e40)}.cup-action550>h3{font-size:23px;margin:4px 0 14px;line-height:1.4;overflow-wrap:anywhere}.versus550{font-size:14px;color:#90b7c6;margin:0 7px}.cup-action550 .cup-wait521{margin:10px 0;padding:10px 12px;font-size:13px;background:#091f30;border-color:#456575}.cup-action550 .cup-next521{border:0;background:none;padding:0;margin:12px 0 0}.cup-choose550>summary{font-size:12px;cursor:pointer;color:#b4dce2;min-height:36px;line-height:36px}.cup-roster520{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.cup-roster520 button{padding:10px 4px;background:#0c2b3d;border-color:#466b7e;border-radius:12px}.cup-roster520 img{max-width:60px}.cup-roster520 b{font-size:12px}.cup-roster520 small{font-size:10px!important;line-height:1.3;margin:4px 0}.cup-roster520 button[aria-pressed=true]{border:2px solid #ffd08c;background:#244957}.cup-roster520 button:disabled{opacity:.35}.cup-roster520 button[aria-pressed=true]:disabled{opacity:1}
.cup-ready-dock550{position:fixed;z-index:45;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 36px);max-width:720px;display:flex;align-items:center;gap:16px;padding:12px 16px;background:#0b2639f5;border:1px solid #668d97;border-radius:16px;box-shadow:0 8px 40px #0008;backdrop-filter:blur(12px)}.cup-ready-dock550>div{flex:1;min-width:0}.cup-ready-dock550 b,.cup-ready-dock550 small{display:block;font-size:12px!important;color:#d6e8f0}.cup-ready-dock550 small{font-size:11px!important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#9fbdcd;margin-top:4px}.cup-ready-dock550 .online-primary{margin:0!important;width:auto;min-width:130px;min-height:48px;font-size:14px;flex:none}.cup-ready-dock550 .online-primary[aria-pressed=true]{background:#8ce1b6;border-color:#8ce1b6;color:#0a3427}body.match-open .cup-ready-dock550{display:none}body.cup-ready550:not(.match-open) .online-wrap{padding-bottom:130px}
.host-tools550{padding:12px 16px;margin:18px 0;border:1px solid #625c45;border-radius:12px;background:#302d251f;font-size:12px;color:#b8ccd7}.host-tools550 summary{cursor:pointer;min-height:28px;line-height:28px}.host-tools550 p{font-size:12px}.host-tools550 button{padding:10px 14px;font-size:12px;color:#ffe3a2;border-color:#8b7850;background:#2c342e}
.cup-tabs550{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:24px 0 16px;padding:5px;border:1px solid #385a6d;border-radius:14px;background:#071e2e}.cup-tabs550 button{background:none;border:0;padding:12px 5px;border-radius:9px;font-size:13px;color:#9fbdcd}.cup-tabs550 button[aria-pressed=true]{background:#285064;color:#effbff}.group-tabs550{display:flex;gap:9px;margin-bottom:14px}.group-tabs550 button{font-size:12px;padding:9px 12px;color:#b9d6e1;background:#102d3f}.group-tabs550 button[aria-pressed=true]{background:#234a5b;border-color:#83c9cb;color:#bdf4ed}.cup-table520 th{font-size:11px;color:#b8d4df}.cup-table520 td{font-size:13px;padding:14px 6px}.cup-table520 th:nth-child(2),.cup-table520 td:nth-child(2){min-width:64px}.cup-table520 td .you-tag550{margin-left:4px}.cup-table520 tr.you{background:#1c4558}.cup-table520 tr.you td{color:#d6f6ff}#cup-content550{min-height:130px;scroll-margin-top:15px}.empty550{padding:30px 18px;text-align:center;font-size:13px;border:1px dashed #426578;border-radius:12px;color:#abc9d6}
#cup-content550>h3{font-size:14px;margin:12px 0}.fixture550{padding:13px 14px;margin:8px 0;border:1px solid #325468;border-radius:12px;background:#0a2234}.fixture550.mine550{border-left:3px solid #79c9d6}.fixture550>small{display:flex;justify-content:space-between;color:#9ebdcd;font-size:11px!important;gap:10px}.fixture550>div{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-top:9px;font-size:14px}.fixture550>div>span:last-child{text-align:right}.fixture550 b{color:#ffe49a;font-variant-numeric:tabular-nums}.fixture550 span{overflow-wrap:anywhere}.all-fixtures550{margin:18px 0}.all-fixtures550>summary{font-size:13px;color:#b6d6e0;cursor:pointer;padding:10px 0}
.cup-seats520{gap:12px}.cup-seats520 article{padding:14px}.cup-seats520 article>b{font-size:15px;margin-top:8px}.team-tags550{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.team-tags550>small{margin-left:auto;font-size:10px!important;color:#8eafc1}.team-duo550{margin:7px 0;display:flex;gap:5px}.cup-seats520 img{width:43px;height:43px}.cup-seats520 article>small{font-size:11px!important;color:#b8ceda}.cup-seats520 article[data-ready=true]>small{color:#9ee9bd}.cup-rules530{border-top:1px solid #385568;padding-top:16px;margin:22px 0 10px}.cup-rules530 summary{color:#a5bfcd;font-size:12px}.cup-rules530 p{font-size:12px}.leave-cup550{font-size:12px;background:transparent;border-color:#516575;color:#b7c9d2;margin-top:12px}
#room-messages550{margin:18px 0 8px;border:1px solid #406274;border-radius:14px;background:#081f30;overflow:hidden}#room-messages550 summary{padding:13px 16px;cursor:pointer;color:#b9dce3;font-size:13px}.messages-list550{list-style:none;padding:0 16px;margin:0;max-height:190px;overflow-y:auto;overscroll-behavior:contain}.messages-list550 li{display:flex;gap:12px;padding:9px 0;border-top:1px solid #29495b;font-size:12px;color:#c8dce5}.messages-list550 b{max-width:35%;overflow-wrap:anywhere;color:#8cd3df;font-size:11px}.messages-choices550{display:flex;flex-wrap:wrap;gap:7px;padding:14px}.messages-choices550 button{font-size:11px;padding:8px 11px;border-color:#406476;background:#16384a;color:#d4e9ef}
body.match-open #room-messages550{display:none}#connection-note:empty{display:none}#connection-note{font-size:13px;line-height:1.6}.online-footer{font-size:11px;color:#7999ad;margin-top:22px}.online-privacy503{color:#8cabbc}
@media(min-width:700px){.session550 .online-card{padding:28px 36px}.cup-roster520{grid-template-columns:repeat(5,1fr)}.cup-seats520{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:520px){.online-wrap{padding:12px 10px 24px}.online-header{margin-bottom:16px;gap:6px}.online-header b{font-size:9px;letter-spacing:0}.online-header a{font-size:11px}.online-header button{padding:8px 10px}.online-card,.session550 .online-card{padding:20px 15px;border-radius:18px}.online-logo{width:200px;margin-bottom:18px}#online-intro550{margin-bottom:22px}#online-intro550 h1{font-size:28px}#online-intro550>p:last-child{font-size:13px}.hub-join550{padding:16px}.hub-create-body550{padding:0 14px 14px}.hub-join550 input{font-size:14px;letter-spacing:.08em}.hub-join550 .join-row>button{padding:12px 17px}.cup-top550{gap:10px}.cup-top550>img{width:38px;height:54px}.cup-top550 h2{font-size:20px!important}.cup-top550>button{padding:9px 12px}.cup-top550 .hub-kicker550{font-size:9px}.cup-meta550{font-size:11px;gap:8px}.cup-action550{padding:16px;margin:18px 0}.cup-action550>h3{font-size:20px}.cup-roster520{gap:6px}.cup-roster520 button{padding:7px 2px}.cup-roster520 b{font-size:11px}.cup-roster520 small{font-size:9px!important}.cup-roster520 img{max-width:48px}.cup-ready-dock550{width:calc(100% - 20px);gap:10px;padding:11px 12px}.cup-ready-dock550 .online-primary{min-width:118px;font-size:13px;padding:12px 10px}.cup-table520 th,.cup-table520 td{font-size:11px;padding:12px 3px}.cup-table520 th:nth-child(2),.cup-table520 td:nth-child(2){min-width:58px}.cup-seats520 article{padding:12px}.team-tags550>small{margin-left:0}.cup-tabs550{margin-top:20px}.cup-tabs550 button{font-size:12px}.group-tabs550 button{font-size:11px;padding:9px}.fixture550>div{font-size:13px}.online-footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.match-duos550{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.match-duos550>div{border:1px solid #486d7c;background:#0d2b3d;border-radius:11px;padding:10px}.match-duos550 small{font-size:9px!important;letter-spacing:.04em;color:#a1c7d4}.match-duos550>div>div{display:flex;align-items:center;flex-wrap:wrap;gap:3px;margin-top:5px}.match-duos550 img{width:30px;height:30px;object-fit:contain}.match-duos550 span{font-size:10px;color:#d9edf2;width:100%;overflow-wrap:anywhere}