/* Shared native selects: readable heights without fixed-height clipping. */
html body select,html body .admin-main select,html body .account-form select{box-sizing:border-box;min-height:48px;height:auto;line-height:1.4;padding:12px 44px 12px 14px!important;font:inherit;font-size:16px;border:1px solid #7a8799;border-radius:9px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%238e9bae' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;max-width:100%;text-overflow:ellipsis}select:hover{border-color:#d3ab39}select:focus-visible{outline:3px solid #91caff;outline-offset:3px}select:disabled{opacity:.55;cursor:not-allowed}.account-page .portal-header{max-width:1200px;width:100%;padding:22px 24px;border-bottom:1px solid #303a4b}.account-page .portal-header .portal-brand{color:#fff}.portal-brand img{width:285px;max-width:55vw;height:60px;object-fit:contain}.account-page .mfs-user-menu{background:#141922}.auth-brand{padding:24px;border-left:5px solid var(--team-accent,#f7c948);background:#151c27;border-radius:12px;margin:20px 0}.auth-form{max-width:600px;margin:auto}.auth-form button{width:100%;background:var(--team-accent,#f7c948);color:var(--team-button-ink,#111)}.auth-links{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0}.auth-form h1{font-size:36px}.auth-form .portal-panel{padding:28px}.account-page .portal-header nav{align-items:center}
@media(max-width:600px){.portal-header{flex-wrap:wrap}.portal-header nav{gap:12px}.portal-brand img{max-width:72vw;width:260px;height:45px}.account-page .portal-header{padding:16px}.account-page .mfs-user-panel summary>span:not(.user-avatar){max-width:100px;overflow:hidden;text-overflow:ellipsis}}
/* Display the horizontal mark at reading size, cropping only its transparent padding. */
.portal-header>.portal-brand{display:flex;align-items:center;flex:0 1 320px;min-width:180px;max-width:72vw;height:44px;overflow:hidden}.portal-header>.portal-brand img{display:block;width:100%;max-width:none;height:auto;object-fit:initial;flex:none}.portal-header>nav{margin-left:auto}
@media(max-width:600px){.portal-header>.portal-brand{flex-basis:260px;max-width:calc(100% - 72px)}.portal-header .mfs-user-panel summary>span:not(.user-avatar){display:none}}

@media(max-width:600px){.portal:not(.tracker-public)>.portal-header,.account-page>.portal-header{padding:10px 14px;gap:8px;min-height:64px;flex-wrap:nowrap}.portal-header>.portal-brand{flex:1 1 175px;min-width:120px;max-width:58vw;height:38px}.portal-header nav{gap:6px!important;flex-wrap:nowrap}.portal-header nav a.portal-auth-button{font-size:12px;padding:10px;min-height:44px}.portal-header nav>a[href="#about"],.portal-header nav>a[href="#supported"]{display:none}.team-account .portal-header{flex-wrap:wrap}.club-account-brand{font-size:18px!important;flex:1 1 180px}.club-account-brand img{width:40px;height:40px}.team-account .portal-header nav{margin-left:auto}}
/* v1.16: prevent the logo flex-basis becoming a tall row on logged-out phones. */
.portal:not(.tracker-public)>.portal-header,.account-page>.portal-header{flex-direction:row;align-items:center;min-height:0;padding-top:12px;padding-bottom:12px}.portal-header>.portal-brand{flex:0 1 300px;width:300px;min-width:0;height:44px}.portal-header>.portal-brand img{width:100%;height:44px;max-width:none;object-fit:contain;object-position:left center}
@media(max-width:650px){.portal:not(.tracker-public)>.portal-header,.account-page>.portal-header{flex-direction:row;gap:10px;padding:10px 14px;flex-wrap:nowrap}.portal-header>.portal-brand{flex:1 1 150px;width:150px;max-width:52vw;height:36px}.portal-header>.portal-brand img{height:36px}.portal-header nav>a[href="#about"],.portal-header nav>a[href="#supported"]{display:none}.portal-header nav{flex-shrink:0}.portal-header nav a.portal-auth-button{min-height:40px;padding:9px 10px;font-size:12px}.team-account .portal-header{flex-wrap:wrap!important}}

/* v1.17: compact readable branding and a consistent followed-tracker menu. */
.portal-header>.portal-brand{flex-basis:340px;width:340px;height:50px}.portal-header>.portal-brand img{height:58px;width:100%}
.mfs-user-panel{z-index:80}.mfs-user-menu{width:300px;max-width:calc(100vw - 28px);max-height:75vh;overflow-y:auto;box-sizing:border-box}.user-menu-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#b9c6d7;margin:0 0 8px}.user-trackers{display:block!important;border-bottom:1px solid #ffffff28;padding-bottom:12px;margin-bottom:8px}.tracker-shortcut{display:flex!important;align-items:center;gap:12px;padding:12px!important;min-height:62px;box-sizing:border-box;line-height:1.35;border-radius:9px;text-decoration:none;color:inherit}.tracker-shortcut>span{min-width:0;overflow-wrap:anywhere}.tracker-shortcut small{display:block;font-size:12px;opacity:.8;margin-top:3px}.tracker-shortcut img.tracker-shortcut-logo{display:block;width:42px;height:42px;aspect-ratio:1;object-fit:contain;border-radius:7px!important;flex:0 0 42px;background:#ffffff0a}.tracker-shortcut[aria-current=page]{background:#ffffff12;box-shadow:inset 3px 0 #f7c948}.tracker-shortcut:hover{background:#ffffff18}.mfs-user-menu a{min-height:44px;box-sizing:border-box}
.portal .team-mark,.portal .team-mark img{border-radius:8px!important;aspect-ratio:1;object-fit:contain}
@media(max-width:650px){.portal-header>.portal-brand{flex:1 1 170px;width:170px;max-width:56vw;height:40px}.portal-header>.portal-brand img{height:54px}.portal-header>nav{margin-left:auto}.mfs-user-menu{width:min(320px,calc(100vw - 28px))}}

.match-memories form { margin-block: 1rem; }
.match-memories textarea { display: block; width: 100%; margin-block: .4rem .75rem; }
.match-memories button + button { margin-inline-start: .45rem; }
.memory-photos { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr)); gap: .9rem; }
.memory-photos figure { margin: 0; max-width: 20rem; }
.memory-photos img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: .55rem; }

.mfs-user-panel>summary{box-sizing:border-box;min-height:44px;padding:.25rem .65rem;border:1px solid color-mix(in srgb,currentColor 33%,transparent);border-radius:.7rem}
.mfs-user-panel>summary::after{content:"";width:.48rem;height:.48rem;flex:none;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-.14rem) rotate(45deg)}
.mfs-user-panel[open]>summary::after{transform:translateY(.12rem) rotate(225deg)}
.mfs-user-panel>summary:focus-visible{outline:2px solid currentColor;outline-offset:3px}