/* The rounded design (29 Oct 2026): the shape tokens, one place, and the shapes that cannot be changed where they are
   set. Loaded last by index.html. Everything else is changed in place in index.html and mobile-refinements.css. */
:root{--r-pill:999px;--r-card:22px;--r-panel:28px;--r-tile:18px;--shadow-soft:0 6px 24px rgba(20,40,32,.08),0 1px 3px rgba(20,40,32,.06);--shadow-lift:0 18px 50px rgba(20,40,32,.16)}
/* My Passes: its styles are written into the page by cloud.js (passStyle) at run time, so they are met here with one
   step more of specificity (#sectionModal), not changed in the script and not with !important. */
#sectionModal .my-pass{border:0;border-radius:var(--r-card);box-shadow:var(--shadow-soft)}
#sectionModal .my-pass .copy-hash{border-radius:var(--r-pill)}
#sectionModal .test-passes{border-radius:var(--r-tile)}
/* A logo's frame (rule 4, decided per image after it loads: logoShape() in index.html, from the shape logoTrim() finds
   in the logo itself). A circle when the logo is round in itself (or its near-square file has every mark inside its own
   circle): the logo fills it, the frame takes the logo's own ground colour, nothing of the logo is cut. Otherwise a
   rounded tile, the whole logo shown (contain), its longer side at least 90% of the frame. Every club's own logo is read
   (since 28 Oct only the sponsored ones were); one that cannot be (another site's image), or not yet, sits in the
   circle's inner square, so nothing of it can be cut. A default logo keeps its look. */
.logo-round,.identity-tile .club-identity.logo-round,.results-list .identity-tile .club-identity.logo-round,.identity-hero .identity-hero.logo-round,.club-disc .club-identity.logo-round,.directory-ad .ad-mini-icon.logo-round,#mapAdArt.logo-round{border-radius:50%}
.club-identity.logo-round img,.ad-mini-icon.logo-round img,.map-ad-art.logo-round img{object-fit:contain;padding:2%;border-radius:0}
.club-identity.logo-round.logo-unread img,.ad-mini-icon.logo-round.logo-unread img,.map-ad-art.logo-round.logo-unread img{padding:14.6%}
.club-identity.logo-round.identity-default-logo img,.logo-round.logo-default img{object-fit:contain;padding:12%}
.logo-wide,.identity-tile .club-identity.logo-wide,.results-list .identity-tile .club-identity.logo-wide,.identity-hero .identity-hero.logo-wide,.club-disc .club-identity.logo-wide,.directory-ad .ad-mini-icon.logo-wide,#mapAdArt.logo-wide{border-radius:var(--r-tile)}
.club-identity.logo-wide img,.ad-mini-icon.logo-wide img,.map-ad-art.logo-wide img{object-fit:contain;padding:2%;border-radius:0}
.directory-ad .ad-mini-icon.logo-round,.directory-ad .ad-mini-icon.logo-wide,.map-ad-art.logo-round,.map-ad-art.logo-wide{padding:0}
#mapAdArt.logo-round,#mapAdArt.logo-wide{border:0;padding:0}#mapAdArt.logo-round{aspect-ratio:1/1;height:auto}#mapAdArt.logo-round img{max-height:none}
.club-disc:has(.logo-wide),.club-disc .club-identity.logo-wide{border-radius:var(--r-tile)}
.identity-hero .identity-hero.logo-round{width:auto;aspect-ratio:1/1}