.hub-preview{display:flex;gap:16px;flex-wrap:wrap;align-items:center;background:#28351a;padding:10px 20px;font-size:12px}.hub-preview select{padding:6px}.hub-tiles{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;margin:20px 0}.hub-tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 5px;border:1px solid #303b46;border-radius:12px;background:#111820;text-align:center;text-decoration:none;color:inherit;font-size:12px}.hub-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:#344132;color:#dfff00;overflow:hidden;font-size:11px;font-weight:700;vertical-align:middle}.hub-avatar img{width:100%;height:100%;object-fit:cover}.hub-tile .hub-avatar{width:48px;height:48px;font-size:16px}.hub-person{color:inherit;text-decoration:none}.hub-person:hover{text-decoration:underline;color:#dfff00}.fixture .hub-person{display:inline-flex;align-items:center;gap:7px}.hub-walkon{margin:14px 0;padding:16px;border:1px solid #3d4937;border-radius:12px;background:#141d15}.hub-walkon audio{width:100%;max-width:450px;display:block;margin-top:10px}.hub-edit{max-width:720px;margin:auto}.hub-edit label{display:grid;gap:6px;margin:16px 0}.hub-edit input,.hub-edit textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid #52606d;border-radius:8px;background:#111820;color:#f5f7fa;font:inherit}.hub-edit input[type=checkbox]{width:auto}.hub-edit fieldset{border:0;padding:0}.hub-edit .btn{margin-right:8px}.hub-profile-statistics{margin-top:24px}.hub-bull-walkons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hub-bull-walkons .hub-walkon{margin:0}.scorer:has(#startMatch){overflow:auto!important}.hub-error{color:#ffb4a8}.hub-profile-heading{display:flex;gap:18px;align-items:center}.hub-profile-heading>.hub-avatar{width:88px;height:88px;font-size:26px}.hub-bio{white-space:pre-wrap;overflow-wrap:anywhere}.hub-stats-loading{padding:24px}@media(max-width:900px){.hub-tiles{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:500px){.hub-tiles{gap:6px}.hub-tile{font-size:10px}.hub-tile .hub-avatar{width:38px;height:38px}.hub-bull-walkons{grid-template-columns:1fr}.fixture .hub-person{flex-direction:column;gap:4px}.hub-profile-heading h1{font-size:34px}.hub-preview{padding:8px}}

@media(max-width:500px){.hub-bull-walkons{grid-template-columns:1fr 1fr;gap:6px}.hub-bull-walkons .hub-walkon{padding:10px;font-size:12px}.hub-bull-walkons .hub-walkon p{margin:6px 0}.hub-bull-walkons .hub-person{display:flex;gap:4px;font-size:12px;align-items:center}.hub-bull-walkons button{font-size:12px;padding:6px!important;min-height:42px}.scorer #startMatch{padding:12px;gap:8px}.scorer #startMatch p{margin:4px 0}}

/* Larger profile portrait, with text first and photo on the right. */
.hub-profile-heading{justify-content:space-between;gap:clamp(16px,4vw,56px)}
.hub-profile-heading>div{flex:1;min-width:0}
.hub-profile-heading h1{overflow-wrap:anywhere;line-height:1.05}
.hub-profile-heading>.hub-avatar{order:2;width:clamp(160px,22vw,260px);height:auto;aspect-ratio:4/5;border-radius:20px;font-size:64px}
@media(max-width:600px){
 .hub-profile-heading{gap:14px}
 .hub-profile-heading>.hub-avatar{width:clamp(96px,26vw,140px);font-size:34px}
 .hub-profile-heading h1{font-size:clamp(28px,7vw,42px);margin:12px 0}
 .hub-profile-heading .kicker{font-size:11px;letter-spacing:1px}
 .hub-profile-heading p{font-size:14px}
}

/* Profile identity details: wrapping nickname pill and readable bio panel. */
.hub-profile-heading>div>p{display:table;box-sizing:border-box;max-width:100%;margin:16px 0 0;padding:9px 18px;border:1px solid #64702b;border-radius:28px;background:#232b16;color:#e2f58a;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
.hub-bio{box-sizing:border-box;margin:22px 0 18px;padding:18px 22px;border:1px solid #343d48;border-radius:20px;background:#181e28;color:#dce3eb;line-height:1.7;max-width:100%}
@media(max-width:600px){
 .hub-profile-heading>div>p{padding:7px 12px;font-size:13px;margin-top:10px;border-radius:18px}
 .hub-bio{padding:14px 16px;margin:18px 0 16px;font-size:14px;border-radius:16px;line-height:1.6}
}

/* Match roster nicknames to the profile pill. */
.player-card-body{min-width:0}
.player-card .nickname{display:table;box-sizing:border-box;max-width:100%;margin:10px 0 16px;padding:9px 18px;border:1px solid #64702b;border-radius:28px;background:#232b16;color:#e2f58a;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
@media(max-width:600px){.player-card .nickname{padding:7px 12px;font-size:13px;border-radius:18px}}