/* Player career: scoped to personal and public profiles. */
body.sky-home.sky-career {
    --profile-gold: #f3cc68;
    --profile-soft: #b7c8d4;
    --profile-line: #263b49;
    --profile-surface: #0d1b26;

    & .sky-profile__content { max-width: 1320px; gap: 0; padding-top: 36px; }
    & :is(h1, h2, h3, p) { margin-top: 0; }
    & :is(#carriere, #distinctions, #journal-de-vol, #apparence) { scroll-margin-top: 24px; }
    & :is(a, button, summary) { -webkit-tap-highlight-color: transparent; }
    & .profile-kicker { display: block; color: var(--profile-gold); font-size: 11px; font-weight: 700; letter-spacing: 1.7px; text-transform: uppercase; }
    & .profile-caption { color: var(--profile-soft); font-size: 12px; line-height: 1.5; }

    & .profile-cover { position: relative; display: grid; min-height: 390px; overflow: hidden; isolation: isolate; padding: 28px 34px 0; border: 1px solid #5a513c; border-radius: 14px 14px 0 0; background: #0b1825; }
    & .profile-cover__art { position: absolute; inset: 0; z-index: -3; width: 100%; height: 100%; object-fit: cover; object-position: 64% 45%; }
    & .profile-cover::before { position: absolute; inset: 0; z-index: -2; content: ''; background: var(--profile-banner); opacity: .24; mix-blend-mode: color; }
    & .profile-cover::after { position: absolute; inset: 0; z-index: -1; content: ''; background: linear-gradient(90deg, rgb(5 14 24 / .93), rgb(5 14 24 / .45) 55%, rgb(5 14 24 / .06)), linear-gradient(0deg, #0b1825 0%, transparent 60%); }
    & .profile-cover__top { display: flex; justify-content: space-between; align-items: start; gap: 16px; }
    & .profile-cover__top .profile-kicker span { margin-inline: 10px; color: #8a9fac; }
    & .profile-supporter { display: inline-flex; gap: 7px; align-items: center; color: #ffc9df; font-size: 12px; }
    & .profile-cover__identity { display: flex; align-items: center; gap: 22px; padding: 30px 0; min-width: 0; }
    & .profile-portrait { position: relative; width: 168px; height: 168px; flex: 0 0 168px; }
    & .profile-portrait__avatar { position: absolute; inset: 17.5%; width: 65%; height: 65%; object-fit: cover; border-radius: 10px; }
    & .profile-portrait--unframed { border: 1px solid #b89a58; border-radius: 18px; box-shadow: 0 12px 44px #0008, inset 0 0 0 6px #11202c; background: #0d1b28; padding: 8px; }
    & .profile-portrait--unframed .profile-portrait__avatar { inset: 8px; width: calc(100% - 16px); height: calc(100% - 16px); border-radius: 12px; }
    & .profile-portrait__frame { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; pointer-events: none; }
    & .profile-portrait--unframed .profile-portrait__frame { display: none; }
    & .profile-portrait__emblem { position: absolute; width: 46px; height: 46px; right: -10px; bottom: -10px; padding: 6px; object-fit: contain; background: #142536; border: 1px solid #a08e61; border-radius: 50%; box-shadow: 0 4px 12px #0009; }
    & .profile-cover__name { min-width: 0; }
    & .profile-cover h1 { margin: 0 0 8px; color: #fffaf0; font-family: 'Barlow Condensed', sans-serif; font-size: clamp(32px, 4.4vw, 62px); font-weight: 700; line-height: 1.05; letter-spacing: -.6px; overflow-wrap: anywhere; text-transform: none; text-shadow: 0 3px 18px #0008; }
    & .profile-player-title { width: fit-content; margin-bottom: 10px; padding: 5px 10px; border: 1px solid #be9d5266; border-radius: 4px; background: #172638; color: var(--profile-gold); font-size: 12px; }
    & .profile-cover__joined { color: #ccd7df; font-size: 13px; margin-bottom: 20px; }
    & .profile-cover__actions { display: flex; flex-wrap: wrap; gap: 10px; }
    & .profile-button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 11px 16px; border: 1px solid #526270; border-radius: 6px; color: #eff5f8; background: #13222de6; font-size: 13px; font-weight: 600; text-decoration: none; transition: background .16s, border-color .16s, transform .16s; }
    & .profile-button:hover { background: #253b4c; border-color: #e3c576; transform: translateY(-2px); }
    & .profile-button--gold { background: #efd082; color: #192126; border-color: #efd082; }
    & .profile-button--gold:hover { background: #ffe3a0; color: #192126; }
    & .profile-cover__footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 56px; border-top: 1px solid #d2d8dd26; color: #bfd0dc; font-size: 12px; }
    & .profile-cover__footer > span:first-child { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; }
    & .profile-cover__footer strong { color: var(--profile-gold); font-size: 20px; margin-right: 4px; }
    & .profile-cover__total { margin-left: 6px; color: #bac6d0; }

    & .profile-nav { display: flex; flex-wrap: wrap; padding-inline: 20px; border: 1px solid var(--profile-line); border-top: 0; border-radius: 0 0 12px 12px; background: #10202b; }
    & .profile-nav a { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 14px 18px; color: #c8d4dd; font-size: 13px; text-decoration: none; border-bottom: 2px solid transparent; }
    & .profile-nav a:hover, & .profile-nav a:focus-visible { color: #ffe2a0; border-bottom-color: var(--profile-gold); background: #182b37; }
    & .profile-career, & .profile-honours { margin-top: 38px; }
    & .profile-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
    & .profile-section-heading :is(h2, .profile-section-title) { display: block; margin: 6px 0 0; color: #f4f3ee; font-family: 'Barlow Condensed', sans-serif; font-size: 32px; font-weight: 600; line-height: 1.15; text-transform: none; }
    & .profile-overview { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
    & .profile-victories { position: relative; overflow: hidden; padding: 26px; border: 1px solid #6c5b3a; border-radius: 10px; background: linear-gradient(115deg, #25291f, #15232b); }
    & .profile-victories > strong { display: block; position: relative; margin: 14px 0 7px; color: #fff0bd; font-family: 'Barlow Condensed', sans-serif; font-size: 66px; line-height: 1; }
    & .profile-victories > strong > span { font-size: 27px; font-weight: 500; }
    & .profile-victories > p { position: relative; margin: 10px 0 0; max-width: 75%; color: #dbd8c8; font-size: 12px; }
    & .profile-victories__art { position: absolute; right: 28px; top: 37px; color: #ead086; font-size: 105px; --fa-secondary-opacity: .2; opacity: .5; transform: rotate(-9deg); }
    & .profile-next { display: flex; align-items: center; gap: 20px; padding: 24px; border: 1px solid var(--profile-line); border-radius: 10px; background: linear-gradient(115deg, #162c3a, #0d1b26); }
    & .profile-next > div { width: 100%; min-width: 0; }
    & .profile-next h3 { margin: 8px 0; color: #f3f5f7; font-family: 'Barlow Condensed', sans-serif; font-size: 25px; font-weight: 600; }
    & .profile-next p { color: var(--profile-soft); font-size: 12px; line-height: 1.5; margin-bottom: 15px; }
    & .profile-next__count { display: flex; justify-content: space-between; gap: 12px; margin-top: 8px; color: #c5d5e0; font-size: 11px; }
    & .profile-next__count strong { color: var(--profile-gold); }
    & .profile-progress { height: 5px; border-radius: 8px; background: #304450; overflow: hidden; }
    & .profile-progress > span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #9b7b37, #f3d884); }
    & .profile-statline { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 24px 0; margin: 16px 0 0; border: 1px solid var(--profile-line); border-radius: 10px 10px 0 0; background: #101f29; }
    & .profile-statline > div { min-width: 0; padding: 0 25px; border-right: 1px solid var(--profile-line); }
    & .profile-statline > div:last-child { border: 0; }
    & .profile-statline dt { display: flex; align-items: center; gap: 9px; color: var(--profile-soft); font-size: 12px; }
    & .profile-statline dt i { color: var(--profile-gold); }
    & .profile-statline dd { margin: 8px 0 7px; color: #f7f5ef; font-family: 'Barlow Condensed', sans-serif; font-size: clamp(24px, 3vw, 38px); font-weight: 600; overflow-wrap: anywhere; }
    & .profile-statline dd small { display: block; margin-top: 7px; color: #a9bbc8; font-family: Barlow, sans-serif; font-size: 11px; font-weight: 400; }
    & .profile-formats { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; margin: 0; padding: 16px 24px; border: 1px solid var(--profile-line); border-top: 0; border-radius: 0 0 10px 10px; color: #b6c9d6; background: #0c1922; font-size: 12px; }
    & .profile-formats > span:first-child { color: #dae0e3; }
    & .profile-formats strong { color: #fff2c8; margin-right: 4px; }
    & .profile-formats a { margin-left: auto; color: var(--profile-gold); text-decoration: none; min-height: 28px; display: inline-flex; align-items: center; gap: 8px; }

    & .profile-honours__total { white-space: nowrap; color: #c1cfd9; font-size: 13px; }
    & .profile-honours__total strong { color: #f8df9b; font-size: 25px; font-family: 'Barlow Condensed', sans-serif; }
    & .profile-honours__toolbar { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 0 0 20px; }
    & .profile-honours__toolbar p { max-width: 470px; color: var(--profile-soft); font-size: 13px; line-height: 1.55; margin: 0; }
    & .profile-filters { display: flex; flex-shrink: 0; gap: 4px; padding: 4px; border: 1px solid var(--profile-line); border-radius: 8px; background: #0b1923; }
    & .profile-filters button { min-height: 36px; padding: 6px 12px; border: 1px solid transparent; border-radius: 5px; color: #bdcdd8; background: transparent; font: inherit; font-size: 12px; cursor: pointer; }
    & .profile-filters button[aria-pressed="true"] { color: #ffdf8f; border-color: #5a503a; background: #303025; }
    & .profile-medal-gallery { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
    & .profile-distinction { display: flex; flex-direction: column; align-items: center; min-width: 0; padding: 24px 12px 18px; border: 1px solid #374249; border-radius: 10px; background: radial-gradient(ellipse at 50% 0, #b1944326, transparent 65%), #111f29; text-align: center; transition: border-color .2s, transform .2s, background .2s; }
    & .profile-distinction:hover { border-color: #a59054; transform: translateY(-3px); }
    & .profile-medal { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 82px; height: 82px; flex: 0 0 82px; }
    & .profile-medal__base { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 76px; color: var(--medal-color, #ddbf71); --fa-primary-color: var(--medal-fill, #8a6928); --fa-secondary-color: var(--medal-color, #ead38c); --fa-primary-opacity: 1; --fa-secondary-opacity: 1; filter: drop-shadow(0 5px 7px #0006); }
    & .profile-medal__icon { position: relative; z-index: 1; color: var(--medal-ink, #fff5d6); font-size: 26px; text-shadow: 0 2px 2px #0008; }
    & .profile-distinction__tier { margin: 12px 0 8px; color: #f1d99f; font-size: 10px; font-weight: 600; letter-spacing: 1.4px; text-transform: uppercase; }
    & .profile-distinction h3 { margin: 0; color: #f4f3ed; font-family: 'Barlow Condensed', sans-serif; font-size: 19px; line-height: 1.2; font-weight: 600; overflow-wrap: anywhere; }
    & .profile-distinction p { margin: 7px 0 0; color: #bbc9d2; font-size: 11px; line-height: 1.4; }
    & .profile-distinction.is-locked { border-color: #263844; background: #0d1a24; }
    & .profile-distinction.is-locked .profile-medal { filter: grayscale(1); opacity: .45; }
    & .profile-distinction.is-locked .profile-distinction__tier { color: #b0c1ce; letter-spacing: .7px; }
    & .profile-filter-status { min-height: 16px; color: #b8c9d5; font-size: 12px; margin: 10px 0; }
    & .profile-filter-status:empty { min-height: 0; }
    & .profile-details { margin-top: 12px; border: 1px solid var(--profile-line); border-radius: 8px; background: #0e1c27; }
    & .profile-details summary { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 18px 20px; min-height: 58px; color: #e4eaf0; cursor: pointer; font-size: 14px; list-style: none; }
    & :is(.profile-details, .profile-wardrobe) summary::-webkit-details-marker { display: none; }
    & .profile-details summary > span > i { margin-right: 10px; color: var(--profile-gold); }
    & .profile-details summary small { margin-left: 8px; color: #afc0cc; font-size: 12px; }
    & :is(.profile-details, .profile-wardrobe) summary > .fa-chevron-down { transition: transform .18s; color: #bdcbd5; }
    & :is(.profile-details, .profile-wardrobe)[open] summary > .fa-chevron-down { transform: rotate(180deg); }
    & .profile-challenges { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 0 16px 16px; }
    & .profile-challenge { display: flex; gap: 12px; padding: 16px; border: 1px solid var(--profile-line); border-radius: 7px; background: #132530; }
    & .profile-challenge .profile-medal { width: 42px; height: 48px; flex-basis: 42px; }
    & .profile-challenge .profile-medal__base { font-size: 42px; }
    & .profile-challenge .profile-medal__icon { font-size: 15px; }
    & .profile-challenge > div { min-width: 0; flex: 1; }
    & .profile-challenge h3 { font-family: 'Barlow Condensed', sans-serif; font-size: 20px; font-weight: 600; color: #f1f3f5; line-height: 1.25; margin: 7px 0; }
    & .profile-challenge p { color: #bbcbd6; font-size: 12px; line-height: 1.5; margin-bottom: 12px; }
    & .profile-challenge .profile-caption { display: block; margin-top: 8px; font-size: 11px; }
    & .profile-challenge.is-unlocked { border-color: #716241; }

    & .sky-profile__grid { margin-top: 38px; grid-template-columns: minmax(0, 1fr); gap: 30px; }
    & .profile-panel { min-width: 0; padding: 0; background: transparent; border: 0; }
    & .sky-profile__cards { padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
    & .sky-profile__game-card { padding: 20px; border-color: var(--profile-line); border-radius: 10px; background: #10202c; box-shadow: none; }
    & .sky-profile__game-card > div { align-items: start; }
    & .sky-profile__game-card > div > span { color: #b8c9d5; font-size: 11px; letter-spacing: .5px; }
    & .sky-profile__game-card > div > strong { color: #ffe0a2; }
    & .sky-profile__game-card ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-block: 16px; }
    & .sky-profile__game-card li strong { color: #f2f5f5; }
    & .sky-profile__game-card .sky-home__primary { min-height: 42px; font-size: 13px; border: 1px solid #74653e; background: #343321; color: #ffe1a0; border-radius: 5px; }
    & .sky-profile__game-card .sky-home__primary:hover { background: #51472c; }
    & .profile-flight-log { list-style: none; display: grid; gap: 12px; padding: 0; margin: 0; }
    & .profile-flight-entry { display: grid; grid-template-columns: minmax(210px, .9fr) minmax(0, 2fr); align-items: center; gap: 20px; padding: 24px; border: 1px solid var(--profile-line); border-radius: 10px; background: #101f2b; }
    & .profile-flight-entry header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
    & .profile-flight-entry h3 { margin: 7px 0; color: #f1f2ed; font-family: 'Barlow Condensed', sans-serif; font-size: 22px; font-weight: 600; overflow-wrap: anywhere; }
    & .profile-flight-entry p { color: #b4c7d6; font-size: 11px; margin-bottom: 0; }
    & .profile-result { display: inline-flex; align-items: center; gap: 7px; width: fit-content; padding: 7px 9px; border: 1px solid #41505a; border-radius: 5px; color: #d8e5ef; white-space: nowrap; font-size: 11px; }
    & .profile-result.is-victory { color: #fce2a0; border-color: #776039; background: #383323; }
    & .profile-flight-entry dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0; }
    & .profile-flight-entry dt { color: #b7c8d6; font-size: 10px; }
    & .profile-flight-entry dd { color: #f5ead3; font-size: 16px; margin: 7px 0 0; font-weight: 600; overflow-wrap: anywhere; }
    & .profile-flight-entry dd small { display: block; margin-top: 4px; color: #bfd0dd; font-size: 11px; font-weight: 400; }
    & .profile-flight-entry > a { grid-column: 2; justify-self: end; }

    & .profile-wardrobe { margin-top: 32px; padding: 0 24px; border: 1px solid var(--profile-line); border-radius: 10px; background: #10202b; }
    & .profile-wardrobe summary { padding-block: 24px; margin: 0; cursor: pointer; list-style: none; }
    & .profile-wardrobe-intro { display: flex; justify-content: space-between; gap: 16px; color: #b9cad7; font-size: 13px; padding-bottom: 22px; border-bottom: 1px solid var(--profile-line); }
    & .profile-wardrobe-intro p { margin: 0; }
    & .profile-wardrobe-intro a { color: #f9d987; }
    & .sky-profile__cosmetic-columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 22px 0 0; gap: 26px; }
    & .sky-profile__cosmetic-columns > div { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
    & .sky-profile__cosmetic-columns > div > strong { margin-top: 14px; color: #c4d4df; font-size: 12px; text-transform: none; }
    & .sky-profile__cosmetic-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 10px; padding: 0; width: 100%; }
    & .sky-profile__cosmetic { position: relative; display: flex; flex-direction: column; justify-content: center; gap: 10px; width: auto; min-width: 0; min-height: 132px; padding: 10px; border: 1px solid #415464; border-radius: 8px; background: #182d3b; color: #dce6ee; cursor: pointer; transition: border-color .16s, background .16s; }
    & .sky-profile__cosmetic:hover { border-color: #beab73; background: #203947; }
    & .sky-profile__cosmetic.is-selected { border-color: #e4c56f; background: #32352b; box-shadow: inset 0 0 0 1px #e4c56f; }
    & .sky-profile__cosmetic.is-selected::after { content: '\f00c'; position: absolute; top: 5px; right: 5px; display: grid; place-items: center; width: 19px; height: 19px; border-radius: 50%; color: #19242a; background: #eacf82; font: 900 11px 'Font Awesome 7 Pro'; }
    & .sky-profile__cosmetic img { width: 74px; height: 74px; max-width: 100%; object-fit: contain; align-self: center; transform: none; }
    & .sky-profile__cosmetic-label { white-space: normal; overflow-wrap: anywhere; font-size: 11px; line-height: 1.35; text-align: center; }
    & .sky-profile__banner-swatch { width: 100%; height: 64px; }
    & .sky-profile__cosmetic-status { min-height: 24px; padding: 10px 0 16px; color: #f5d78e; font-size: 13px; }
    & .profile-collection-empty { grid-column: 1 / -1; padding: 18px; margin: 0; border: 1px dashed #425565; border-radius: 7px; color: #bfcfd9; font-size: 13px; }
    & .profile-empty, & .sky-lobby__empty { color: #c4d2da; padding: 24px; }
    & [hidden] { display: none !important; }
}

@media (min-width: 1200px) {
    body.sky-home.sky-career .profile-cover { min-height: 415px; }
}
@media (max-width: 1000px) {
    body.sky-home.sky-career {
        & .profile-medal-gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); }
        & .profile-challenges { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        & .profile-flight-entry { grid-template-columns: minmax(0, 1fr); }
        & .profile-flight-entry > a { grid-column: auto; }
        & .profile-cover { padding-inline: 26px; }
        & .profile-portrait { width: 140px; height: 140px; flex-basis: 140px; }
        & .profile-next > .profile-medal { display: none; }
        & .profile-honours__toolbar { align-items: start; }
    }
}
@media (max-width: 680px) {
    body.sky-home.sky-career {
        & .sky-profile__content { padding-top: 22px; }
        & .profile-cover { min-height: 400px; padding: 20px 20px 0; }
        & .profile-cover__art { height: 240px; object-position: 85% 40%; }
        & .profile-cover::after { background: linear-gradient(0deg, #0b1825 5%, #0b1825d9 55%, #0b182530); }
        & .profile-cover__top { min-height: 110px; }
        & .profile-cover__top .profile-kicker { max-width: 200px; font-size: 9px; line-height: 1.6; }
        & .profile-supporter { font-size: 10px; }
        & .profile-cover__identity { flex-direction: column; gap: 15px; align-items: flex-start; padding: 0 0 22px; }
        & .profile-portrait { width: 96px; height: 96px; flex-basis: 96px; }
        & .profile-portrait__emblem { width: 34px; height: 34px; padding: 4px; right: -6px; bottom: -6px; }
        & .profile-cover h1 { font-size: clamp(30px, 8vw, 48px); letter-spacing: -.3px; }
        & .profile-cover__joined { margin-bottom: 16px; font-size: 12px; }
        & .profile-cover__name { width: 100%; }
        & .profile-cover__actions { gap: 8px; }
        & .profile-button { flex-grow: 1; padding-inline: 10px; font-size: 12px; }
        & .profile-cover__footer { min-height: 58px; gap: 12px; font-size: 10px; }
        & .profile-cover__footer > span:first-child { max-width: 90px; line-height: 1.6; font-size: 8px; letter-spacing: 1px; }
        & .profile-nav { padding: 4px 8px; display: grid; grid-template-columns: 1fr 1fr; }
        & .profile-nav a { min-height: 44px; padding: 8px; font-size: 12px; }
        & .profile-career, & .profile-honours, & .sky-profile__grid { margin-top: 28px; }
        & .profile-section-heading { gap: 12px; align-items: start; margin-bottom: 16px; }
        & .profile-section-heading :is(h2, .profile-section-title) { font-size: 27px; }
        & .profile-section-heading > .profile-caption { max-width: 105px; text-align: right; font-size: 10px; }
        & .profile-kicker { font-size: 9px; letter-spacing: 1.2px; }
        & .profile-overview { grid-template-columns: minmax(0, 1fr); gap: 12px; }
        & .profile-victories { padding: 22px; }
        & .profile-victories > strong { font-size: 60px; }
        & .profile-next { padding: 20px; }
        & .profile-statline { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 0; padding-block: 22px; }
        & .profile-statline > div { padding-inline: 18px; }
        & .profile-statline > div:nth-child(2n) { border-right: 0; }
        & .profile-statline dd { font-size: 30px; }
        & .profile-statline dt { font-size: 11px; }
        & .profile-formats { gap: 12px 15px; padding: 18px; font-size: 11px; }
        & .profile-formats > span:first-child { flex-basis: 100%; }
        & .profile-formats a { margin: 0; width: 100%; min-height: 36px; }
        & .profile-honours__total { font-size: 10px; padding-top: 14px; }
        & .profile-honours__toolbar { flex-direction: column; gap: 14px; }
        & .profile-honours__toolbar p { font-size: 12px; }
        & .profile-filters { width: 100%; }
        & .profile-filters button { flex: 1; min-height: 40px; }
        & .profile-medal-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
        & .profile-distinction { padding: 18px 10px; }
        & .profile-distinction h3 { font-size: 18px; }
        & .profile-distinction p { font-size: 10px; }
        & .profile-medal { width: 72px; height: 72px; flex-basis: 72px; }
        & .profile-medal__base { font-size: 66px; }
        & .profile-medal__icon { font-size: 23px; }
        & .profile-challenges, & .sky-profile__cards { grid-template-columns: minmax(0, 1fr); }
        & .profile-flight-entry { padding: 18px; }
        & .profile-flight-entry dl { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
        & .profile-flight-entry > a { justify-self: stretch; }
        & .profile-details summary { padding-inline: 14px; font-size: 13px; }
        & .profile-details summary small { margin-left: 4px; font-size: 10px; }
        & .profile-wardrobe { padding-inline: 18px; }
        & .profile-wardrobe-intro { flex-direction: column; }
        & .sky-profile__cosmetic-columns { grid-template-columns: minmax(0, 1fr); }
        & .sky-profile__cosmetic-columns > div { gap: 10px; }
        & .sky-profile__cosmetic-columns > div > strong { margin: 0; }
        & .sky-profile__cosmetic-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
}
@media (prefers-reduced-motion: no-preference) {
    body.sky-career .profile-cover__identity { animation: profile-arrive .45s ease-out both; }
    body.sky-career details[open] > :not(summary) { animation: profile-arrive .2s ease-out both; }
    body.sky-career .profile-distinction:not([hidden]) { animation: profile-arrive .22s ease-out both; }
    @keyframes profile-arrive { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
}
@media (prefers-reduced-motion: reduce) {
    body.sky-home.sky-career :is(a, button, summary, .profile-distinction, .fa-chevron-down) { transition: none; }
}

/* Achievement conditions stay readable without opening a separate dialog. */
body.sky-home.sky-career {
    & .profile-medal-gallery { grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); align-items: start; }
    & .profile-distinction { padding: 22px 18px 16px; }
    & .profile-distinction p { font-size: 13px; line-height: 1.55; }
    & .profile-distinction__goal { min-height: 4.65em; }
    & .profile-distinction > .profile-progress { width: 100%; margin-top: 14px; }
    & .profile-achievement-scope { display: inline-block; margin-top: 10px; color: #bad9ef; font-size: 12px; line-height: 1.5; }
    & .profile-achievement-help { margin: 0 0 20px; padding: 14px 18px; border: 1px solid #314856; border-radius: 10px; background: #101f2b; }
    & .profile-achievement-help summary { cursor: pointer; color: #dcebf4; font-size: 14px; }
    & .profile-achievement-help p { max-width: 85ch; margin: 12px 0 0; color: #c1ced7; font-size: 14px; line-height: 1.6; }
    & .profile-milestones { width: 100%; margin-top: 16px; border-top: 1px solid #344752; text-align: left; }
    & .profile-milestones summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; color: #f0d79d; font-size: 13px; cursor: pointer; list-style: none; }
    & .profile-milestones summary::-webkit-details-marker { display: none; }
    & .profile-milestones ol { padding: 0; margin: 0; list-style: none; }
    & .profile-milestones li { padding: 14px 0; border-top: 1px solid #2b3e4c; }
    & .profile-milestones h4 { margin: 6px 0 0; font-size: 15px; line-height: 1.35; color: #f1f4f6; }
    & .profile-milestones__level { font-size: 12px; color: #b6cad7; }
    & .profile-milestones .is-earned .profile-milestones__level { color: #8be2b5; }
    & .profile-milestones .profile-caption { display: block; margin-top: 6px; }
    & .profile-milestones[open] .fa-chevron-down { transform: rotate(180deg); }
    & .profile-challenge > div { min-width: 0; }
}