:root{color-scheme:dark;--paper:#0c1017;--panel:#151c27;--line:#2c3543;--text:#f3f5f9;--muted:#b0bccd;--gold:#f7c948}*{box-sizing:border-box}body.portal{margin:0;background:var(--paper);color:var(--text);font:16px/1.6 system-ui,-apple-system,Arial,sans-serif}a,a:link,a:visited,a:hover,a:focus,a:active,a *,footer a,footer a *{text-decoration:none!important}a{color:var(--gold)}a:focus-visible,button:focus-visible{outline:3px solid #91caff;outline-offset:4px}.portal-header,.portal-footer{max-width:1200px;margin:auto;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:22px}.portal-header{border-bottom:1px solid var(--line)}.portal-brand{font-size:17px;letter-spacing:.07em;font-weight:850;color:var(--text)}.portal-brand span{color:var(--gold)}.portal-header nav{display:flex;flex-wrap:wrap;gap:22px;font-size:14px}.portal-header nav a{color:#d3dbe7}.portal-main{max-width:1200px;margin:auto;padding:0 28px}.portal-hero{padding:85px 0 70px;max-width:920px}.portal-hero.compact{padding:55px 0 25px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--gold);margin:0 0 15px}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(40px,6.5vw,80px);margin:0 0 26px;font-weight:850}h1 span{color:var(--gold)}h2{font-size:clamp(28px,3.5vw,42px);margin:0 0 22px}h3{font-size:23px;margin:12px 0}.portal-hero>p:not(.eyebrow){font-size:20px;color:var(--muted);max-width:700px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.portal-button,button{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border:1px solid transparent;border-radius:9px;background:var(--gold);color:#111722;font:750 14px system-ui;cursor:pointer}.portal-button.secondary{border-color:#596577;color:var(--text);background:transparent}.hero-notes{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:#91a0b4}.hero-notes span:before{content:'•';color:var(--gold);margin-right:8px}.portal-section{padding:52px 0;border-top:1px solid var(--line)}.intro{max-width:800px;font-size:18px;color:var(--muted);margin-bottom:28px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feature-grid article{padding:23px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.feature-grid p{font-size:14px;color:var(--muted)}.feature-number{font-size:12px;color:var(--gold);font-weight:800}.feature-grid h3{font-size:20px}.supported-grid,.story-cards,.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.supported-card{display:flex;align-items:flex-start;gap:18px;padding:26px;background:var(--panel);border:1px solid var(--line);border-radius:15px}.supported-card .eyebrow{margin:0 0 8px}.supported-card h3{font-size:27px}.supported-card p{font-size:14px;color:var(--muted)}.team-mark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 50px;width:50px;height:50px;border-radius:12px;background:#f7c948;color:#971c2a;font-weight:900;font-size:23px}.team-mark.scotland,.scotland .team-mark{background:#174b7c;color:#fff;font-size:34px}.team-card{display:block;background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:16px;padding:28px;color:var(--text)}.team-card.scotland{border-top-color:#86c4ff}.team-card>.eyebrow{margin-top:24px}.team-card p{color:var(--muted)}.team-card h2{font-size:33px}.team-card .portal-button{margin-top:12px}.portal-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:30px}.portal-panel h2{font-size:30px}.portal-panel p{color:var(--muted)}label{display:block;font-size:13px;font-weight:650;margin:18px 0}input{display:block;width:100%;padding:13px;margin-top:7px;border:1px solid #576477;border-radius:8px;background:#0f1520;color:#fff;font:inherit}.portal-panel form{margin:24px 0}.portal-panel button{width:100%}.portal-account-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 0}.portal-notice{padding:15px 18px;border:1px solid #8a7431;border-radius:9px;color:#ffe9a0!important;background:#2e2818}.muted{color:var(--muted)}.project-notes{display:grid;grid-template-columns:1fr 1fr;gap:50px}.project-notes p{color:var(--muted)}.portal-footer{border-top:1px solid var(--line);font-size:12px;color:#91a0b4;margin-top:25px}.studio-credit{display:inline-block;background:#fff;color:#000;padding:8px 11px;border-radius:7px;white-space:nowrap;font-size:13px}.four{color:#df1525;background:#111;padding:2px 0 2px 3px}.one{color:#ffe21c;background:#111;padding:2px 3px 2px 0}.upgrade-panel{max-width:760px;margin:65px auto}.upgrade-panel h1{font-size:38px}.upgrade-panel ul{color:var(--muted);padding-left:20px}
@media(max-width:1000px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-hero{padding-top:60px}}
@media(max-width:650px){.portal-header,.portal-footer{align-items:flex-start;flex-direction:column;padding:20px}.portal-header nav{gap:18px}.portal-main{padding:0 20px}.portal-hero{padding:48px 0 36px}.portal-hero>p:not(.eyebrow){font-size:17px}.portal-section{padding:36px 0}.feature-grid,.supported-grid,.story-cards,.account-grid,.project-notes{grid-template-columns:1fr}.supported-card{padding:20px}.portal-panel{padding:23px}.project-notes{gap:22px}.portal-account-bar{align-items:flex-start;flex-direction:column}.hero-notes{gap:10px}.upgrade-panel{margin:30px auto}}
.team-mark img{width:100%;height:100%;object-fit:contain;border-radius:9px}.mfs-user-panel{position:relative;font-size:14px;z-index:30}.mfs-user-panel summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;font-weight:700}.user-avatar{width:42px;height:42px;flex:0 0 42px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:#f7c948;color:#101722;font-weight:850}.user-avatar img{width:100%;height:100%;object-fit:contain}.mfs-user-menu{position:absolute;right:0;top:calc(100% + 12px);width:225px;border:1px solid #4c596b;border-radius:12px;padding:15px;background:#162131;box-shadow:0 15px 40px #0005}.mfs-user-menu a{display:block;padding:9px;color:#fff}.mfs-user-menu form{margin:10px 0 0}.mfs-user-menu button{width:100%}.badge-picker{max-height:420px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;padding:12px;border:1px solid #526073;border-radius:12px;margin-bottom:24px}.badge-picker label{display:flex;align-items:center;flex-direction:column;padding:12px;background:#182331;border-radius:9px;text-align:center;font-size:12px;margin:0;cursor:pointer}.badge-picker label[hidden]{display:none}.badge-picker input[type=radio]{width:auto;max-width:none;margin:0 0 8px}.badge-picker img{width:52px;height:52px;object-fit:contain}.profile-preview .user-avatar{width:90px;height:90px;font-size:28px}.profile-preview{margin:25px 0}select,textarea{max-width:100%;font:inherit}body>.portal-header{max-width:100%}@media(max-width:650px){.portal-header:has(.mfs-user-panel){flex-direction:row;align-items:center}.portal-header:has(.mfs-user-panel) .portal-brand{font-size:12px}.mfs-user-panel summary>span:last-child{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.avatar-photo img{object-fit:cover}

.suggest-club{margin-top:24px}.suggest-club form{max-width:640px}.suggestion-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.report-card{margin:22px 0}.report-controls{display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin:24px 0}.report-controls label{flex:1;min-width:180px}.report-status{display:inline-block;background:#254334;color:#c3ffd5;padding:4px 9px;border-radius:10px}.report-meta{font-size:13px;color:#b8c5d5}.report-card p{overflow-wrap:anywhere}.portal-main details.portal-panel{padding:24px}.portal-main details>summary{cursor:pointer;font-weight:750}.portal-main textarea{width:100%;box-sizing:border-box;background:#111925;color:white;border:1px solid #576477;border-radius:8px;padding:12px}.report-controls select,.portal-main form select{width:100%;box-sizing:border-box;background:#111925;color:white;border:1px solid #576477;border-radius:8px;padding:12px}

.story-cards .team-card{display:flex;flex-direction:column}.story-card-link{display:flex;flex-direction:column;flex:1;color:inherit}.story-card-link .portal-button{align-self:flex-start;margin-top:auto}.story-card-content{flex:1}.story-cards .unfollowed-story{background:#242830!important;border-color:#59616d!important}.unfollowed-story .story-card-content{filter:grayscale(1);opacity:.55}.unfollowed-story .unfollowed-label{color:#bcc6d5;font-size:14px}.unfollowed-story form{margin-top:auto}.unfollowed-story button{cursor:pointer}.choose-team-prompt{grid-column:1/-1}

.portal-header nav{align-items:center}.portal-header nav a.portal-auth-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border:1px solid var(--gold);border-radius:9px;background:var(--gold);color:#111722;font-weight:800;white-space:nowrap;box-shadow:0 3px 12px #0003}.portal-header nav a.portal-auth-button:hover{background:#ffdb70;border-color:#ffdb70}.portal-header nav a.portal-auth-button:focus-visible{outline:3px solid #91caff;outline-offset:4px}

/* v1.16 compact masthead; logo whitespace must not size the header. */
body.portal>.portal-header{padding-top:14px;padding-bottom:14px;min-height:0;gap:16px;align-items:center}.portal-header .portal-brand{display:flex;align-items:center;line-height:1;margin:0}.portal-header .portal-brand img{display:block;width:min(320px,42vw);height:48px;object-fit:contain;object-position:left center}.portal-main>.portal-hero:not(.compact){padding-top:34px}
.user-avatar,.profile-avatar,.avatar-placeholder,.player-avatar,.manager-avatar,.team-mark{aspect-ratio:1;border-radius:50%!important;flex-shrink:0;overflow:hidden}.team-mark img{border-radius:50%}
@media(max-width:650px){body.portal>.portal-header{gap:10px;padding:12px 20px;align-items:flex-start}.portal-header .portal-brand img{width:230px;max-width:75vw;height:36px}.portal-header nav{gap:12px;align-items:center}.portal-main>.portal-hero:not(.compact){padding-top:24px}.portal-header nav .portal-auth-button{min-height:40px;padding:8px 12px}}
