/* Registration-only density: keep playing roles and eligibility actions visible. */
#registrationList{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:12px;align-items:stretch;margin:12px 0}
#registrationList>.card{min-width:0;margin:0;padding:16px;border-radius:12px;box-shadow:none;font-size:14px;display:flex;flex-direction:column;align-items:stretch}
#registrationList .tournament{display:grid;grid-template-columns:32px minmax(0,1fr);gap:6px 10px;align-items:start;margin:0}
#registrationList .sport-icon{width:32px;height:32px;font-size:22px;border-radius:8px;grid-row:1 / 3}
#registrationList .tournament h3{font-size:16px;line-height:1.3;overflow-wrap:anywhere}
#registrationList .tournament .pill{grid-column:2;justify-self:start;font-size:10px;padding:3px 7px;line-height:1.4;margin:0}
#registrationList .tiny{font-size:12px;line-height:1.45;margin:8px 0}
#registrationList .role-row{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin:0}
#registrationList button{font-size:12px;line-height:1.3;min-height:34px;padding:7px 10px;border-radius:8px;width:auto;white-space:normal}
#registrationList .role-row .role{margin:0}
#registrationList>.card>div[style]{border-top:1px solid var(--line);padding-top:8px;margin-top:10px!important}
#registrationList>.card>div[style]>b{font-size:12px}
#registrationList>.card>.danger{align-self:flex-start;margin-top:10px!important;font-size:11px;background:transparent;padding:6px 0;min-height:30px}
#page-enroll>h2{font-size:20px;margin:12px 0}
@media(min-width:1100px){#registrationList{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){#registrationList{grid-template-columns:1fr;gap:10px}#registrationList>.card{padding:14px}#registrationList button{min-height:40px}}

/* A row per event avoids stretching short registrations into tall cards. */
#page-profile:has(#page-enroll:not(.hidden)) .profile-panel-tabs{position:static;margin-bottom:8px}
#registrationList .registration-captain{font-size:12px;margin:0;min-width:0}
#registrationList .registration-captain summary{cursor:pointer;color:var(--blue);font-weight:600;padding:6px 0}
#registrationList .registration-captain p{margin:4px 0}
@media(min-width:850px){
 #page-profile #registrationList{grid-template-columns:minmax(0,1fr);gap:8px}
 #page-profile #registrationList>.card{display:grid;grid-template-columns:minmax(230px,1fr) minmax(290px,1.25fr) minmax(125px,.55fr);grid-template-rows:auto auto;gap:4px 18px;padding:12px 14px;align-items:center;min-height:0}
 #page-profile #registrationList .tournament{grid-column:1;grid-row:1 / 3}
 #page-profile #registrationList>.card>p{grid-column:2;grid-row:1;margin:0;font-size:11px}
 #page-profile #registrationList>.card>.role-row{grid-column:2;grid-row:2;margin:0;gap:4px;align-self:start}
 #page-profile #registrationList .registration-captain{grid-column:3;grid-row:1;align-self:start}
 #page-profile #registrationList>.card>.danger{grid-column:3;grid-row:2;justify-self:start;margin:0!important;padding:4px 0;min-height:26px}
 #page-profile #registrationList .tournament h3{font-size:14px;line-height:1.3}
 #page-profile #registrationList button{font-size:11px;min-height:30px;padding:6px 8px}
 #page-profile #registrationList .tiny{font-size:11px}
 #page-profile #registrationList .sport-icon{width:26px;height:26px;font-size:18px}
 #page-profile #registrationList .tournament{grid-template-columns:26px minmax(0,1fr);gap:4px 8px}
}