:root{font:16px system-ui,sans-serif;color:#dcebea;background:#07151c;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:0 auto;padding:48px 24px}header{margin-bottom:32px}h1{font-size:clamp(32px,5vw,56px);letter-spacing:-.035em;margin:8px 0}h2{font-size:21px;margin:0 0 20px}p,footer{color:#9bb4be;line-height:1.6}.eyebrow{font-size:12px;letter-spacing:.15em;color:#74bdaa}.connections{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.connections span,.connections b{display:block}.connections span{font-size:12px;color:#96afb9;margin-bottom:8px}.connections b{color:#81d2b9;font-size:19px}section{padding:24px;background:#0d202a;border:1px solid #294550;margin:18px 0;border-radius:5px}section[hidden],button[hidden]{display:none}#notice{padding:12px 16px;border-left:3px solid #8ab7c2;background:#102a34;color:#c1d9dc}label{display:block;color:#a6c0c7;font-size:14px;margin:14px 0}input{display:block;width:100%;max-width:480px;margin-top:7px;background:#07161f;border:1px solid #3c626d;border-radius:3px;padding:12px;color:#e3eeed;font-size:16px}button{background:#206350;color:#eff8f4;font-weight:650;padding:13px 18px;border:1px solid #5caa91;border-radius:4px;cursor:pointer;margin:8px 10px 8px 0}button:disabled{opacity:.5;cursor:wait}.secondary{background:#19333d;border-color:#42616c}.heading,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.actions{justify-content:flex-start;flex-wrap:wrap}#roster{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.team{border-left:3px solid #7bb4ca;padding-left:18px}.team.red{border-color:#c98687}.player{padding:10px 0;color:#bbd1d7}.player small{display:block;color:#87b09c}li{padding:6px 0;color:#acc6ce}footer{font-size:13px;margin-top:30px}@media(max-width:620px){main{padding:24px 14px}.connections{grid-template-columns:1fr}.heading{display:block}section{padding:18px}#roster{grid-template-columns:1fr}}