/* Career landing: the approved stadium concept. Scoped to this presentation. */
.career-landing { background: #020e18; }
.career-landing::before { background: linear-gradient(180deg,#00111c0a 5%,#02101d25 30%,#020e18df 75%,#020e18),url('/assets/career/stadium-night.webp') center top / cover no-repeat; opacity: 1; }
.career-landing::after { display: none; }
[data-career-discovery] [hidden], .cd-page [hidden] { display: none !important; }
.cd-page { --cd-border: #477a9b80; width: 100%; max-width: 1800px; margin: 0 auto 12px; padding: 24px clamp(20px,5vw,88px) 0; }
.cd-page :where(a,button,input):focus-visible { outline: 2px solid #86c9ff; outline-offset: 3px; }
.cd-hero { position: relative; text-align: center; margin: 0 auto 24px; }
.cd-intro { min-width: 0; }
.cd-intro h1 { margin: 0; color: #fff; font-size: clamp(1.9rem,3.2vw,3.35rem); font-weight: 850; line-height: 1.12; text-transform: uppercase; letter-spacing: -.045em; }
.cd-intro h1 span { color: #009dff; }
.cd-lead { margin: 7px 0 16px; color: #b9d9f6; font-size: clamp(.9rem,1.25vw,1.15rem); line-height: 1.5; }
.cd-search { position: relative; z-index: 8; width: min(100%,720px); margin: auto; text-align: left; }
.cd-search-form { display: flex; align-items: center; gap: 14px; min-height: 52px; padding-left: 18px; border: 1px solid #82aec7; border-radius: 8px; background: #041522ed; box-shadow: 0 6px 28px #0004; transition: border-color 180ms,box-shadow 180ms; }
.cd-search-form:focus-within { border-color: #009dff; box-shadow: 0 0 0 3px #009dff25; }
.cd-search-form > svg { flex-shrink: 0; color: #d5eafa; }
.cd-search-form input { min-width: 0; width: 100%; min-height: 48px; border: 0; padding: 0; background: transparent; color: var(--color-text); font: inherit; font-size: 1rem; }
.cd-search-form input:focus-visible { outline: none; }
.cd-search-form input::placeholder { color: #b0c6d8; opacity: 1; }
.cd-page .button--accent { background: linear-gradient(120deg,#0788f4,#009cff); border: 1px solid #21a7ff; border-radius: 7px; color: #fff; font-weight: 650; box-shadow: 0 3px 12px #0077d51c; }
.cd-search-form .button { flex-shrink: 0; align-self: stretch; min-width: 60px; min-height: 50px; margin: -1px; border-radius: 7px; padding: 8px; }
.cd-discover, .cd-clubs, .cd-challenges { min-width: 0; }
.cd-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 38px; margin-bottom: 4px; }
.cd-section-heading h2 { margin: 0; font-size: clamp(1.1rem,1.6vw,1.65rem); line-height: 1.25; letter-spacing: -.025em; }
.cd-view-all { display: inline-flex; align-items: center; gap: 5px; min-height: 36px; color: #41b6ff; text-decoration: none; font-size: .85rem; white-space: nowrap; }
.cd-view-all span { transition: transform 180ms; }.cd-view-all:hover span { transform: translate(2px,-2px); }
.cd-toolbar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 6px 12px; margin: 0 0 7px; }
.cd-tabs, .cd-segment, .cd-toolbar-actions { display: flex; align-items: center; gap: 2px; min-width: 0; }
.cd-tabs { overflow-x: auto; scrollbar-width: none; }
.cd-tabs a, .cd-segment a { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 5px 11px; border: 1px solid transparent; border-radius: 6px; text-decoration: none; font-size: .8rem; color: #b0c6d8; white-space: nowrap; transition: background 180ms,color 180ms; }
.cd-tabs a[aria-current],.cd-segment a[aria-current] { color: #d6edff; background: #0d3150; border-color: #5484a64d; }
.cd-tabs a:hover,.cd-segment a:hover { color: #fff; background: #10426a; }
.cd-segment { border: 1px solid #5484a64d; border-radius: 7px; padding: 2px; background: #03131edb; }
.cd-segment a { min-height: 30px; }
.cd-rail { --cd-columns: 5; --cd-gap: 14px; display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - (var(--cd-columns) - 1) * var(--cd-gap)) / var(--cd-columns)); gap: var(--cd-gap); align-items: stretch; padding: 4px 0 7px; }
[data-home-rail] { overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scrollbar-width: thin; scrollbar-color: #406a87 transparent; }
.has-platform-js [data-home-rail] { scrollbar-width: none; }
.has-platform-js [data-home-rail]::-webkit-scrollbar { display: none; }
[data-home-rail][data-auto-running="true"] { scroll-snap-type: none; overflow-anchor: none; }
.cd-card { position: relative; isolation: isolate; min-width: 0; display: flex; border: 1px solid var(--cd-border); border-radius: 10px; background: linear-gradient(145deg,#082032d9,#03111bee 75%); scroll-snap-align: start; transition: border-color 200ms,transform 300ms var(--motion-ease),box-shadow 300ms; }
.cd-card-link { display: flex; flex-direction: column; width: 100%; min-width: 0; border-radius: inherit; color: inherit; text-decoration: none; }
.cd-card-link:focus-visible { outline-offset: -3px; }
.cd-card-visual { --cd-visual-height: clamp(132px,10vw,152px); position: relative; flex: 0 0 var(--cd-visual-height); height: var(--cd-visual-height); min-height: 0; overflow: hidden; border-radius: 9px 9px 0 0; background: radial-gradient(ellipse at 50% 100%,#248cff24,transparent 72%); }
.cd-card-visual::after { content: ''; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(110deg,transparent 25%,#ffffff12 48%,transparent 72%); transform: translateX(-120%); transition: transform 800ms var(--motion-ease); }
/* Absolute bounds keep intrinsic portrait sizes outside the layout calculation. */
.cd-card-visual > img { position: absolute; display: block; inset: 10px 12px 0; width: calc(100% - 24px); height: calc(100% - 10px); min-width: 0; min-height: 0; max-width: none; object-fit: contain; object-position: center bottom; transform-origin: center bottom; transition: transform 400ms var(--motion-ease); }
.cd-position { position: absolute; top: 11px; left: 11px; z-index: 3; display: grid; place-items: center; min-width: 38px; height: 36px; padding-inline: 5px; border: 1px solid #73bcff50; border-radius: 6px; background: linear-gradient(#087bea,#0057c9); color: #fff; font-size: .9rem; font-weight: 750; box-shadow: 0 3px 14px #006eff24; }
.cd-card-body { position: relative; display: flex; flex-direction: column; flex: 1; min-width: 0; padding: 10px 12px 9px; }
.cd-card-body h3 { margin: 0; font-size: clamp(.95rem,1.1vw,1.12rem); line-height: 1.2; letter-spacing: -.025em; font-weight: 700; overflow-wrap: break-word; }
.cd-age { margin: 4px 0 8px; color: #b9cddd; font-size: .78rem; }
.cd-metrics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: auto 0 0; }
.cd-metrics > div { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; min-width: 0; padding: 5px 2px; border: 1px solid #31845155; border-radius: 6px; background: #09251e9e; }
.cd-metrics dt { color: #e5f1ed; font-size: .67rem; line-height: 1.2; font-weight: 500; }
.cd-metrics dd { margin: 0; font-variant-numeric: tabular-nums; }
.cd-metrics .rating-badge { width: auto; min-width: 36px; height: 24px; border-radius: 4px; font-size: 1.05rem; line-height: 24px; padding-inline: 4px; }
.cd-metrics--finance > div,.cd-metrics--club > div { background: #102b4080; border-color: #416b8780; }
.cd-money { font-size: clamp(.85rem,1.1vw,1.05rem); font-weight: 650; white-space: nowrap; }
.cd-logos { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 16px; min-height: 34px; margin-top: 8px; }
.cd-logos img { object-fit: contain; }.cd-logos .nation-flag { flex-shrink: 0; }
.cd-card > .scout-actions { position: absolute; z-index: 4; top: 7px; right: 7px; }
.cd-card .scout-menu-trigger { width: 34px; height: 34px; background: #041624b8; border-radius: 6px; opacity: .6; }
.cd-card:is(:hover,:focus-within) .scout-menu-trigger { opacity: 1; }
.cd-card.is-scout-comparing { border-color: #8cceff; box-shadow: inset 0 0 0 1px #74b9ff44; }
.cd-card-visual .cd-club-logo { inset: 0; width: min(100px,calc(100% - 32px)); height: min(100px,calc(100% - 24px)); margin: auto; object-position: center; }
.cd-card--club .cd-card-body { text-align: center; }.cd-metrics--club dd { font-size: 1.125rem; font-weight: 650; }.cd-stars { margin: 5px 0 0; color: #9bceff; font-size: .8rem; }
.cd-carousel-controls { display: flex; align-items: center; justify-content: flex-end; gap: 12px; min-height: 38px; }
.cd-carousel-buttons { display: flex; gap: 3px; }
.cd-carousel-controls button { min-width: 36px; min-height: 36px; height: 36px; padding: 4px; border: 1px solid #416b8750; border-radius: 6px; background: #061a2990; }
.cd-carousel-controls button:disabled { opacity: .5; cursor: default; }.cd-carousel-counter { color: #9bb9cf; font-size: .75rem; font-variant-numeric: tabular-nums; }
.cd-lower { display: grid; grid-template-columns: minmax(0,2fr) minmax(0,3fr); gap: clamp(20px,3vw,44px); margin-top: 10px; }
.cd-club-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-top: 7px; }
.cd-club-tile { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; min-width: 0; padding: 15px 8px 12px; min-height: 205px; color: #fff; text-decoration: none; border: 1px solid var(--cd-border); border-radius: 8px; background: linear-gradient(145deg,#082537cc,#02121cdd); transition: transform 300ms var(--motion-ease),border-color 220ms; }
.cd-club-crest { object-fit: contain; width: 88px; height: 88px; max-width: 85%; transition: transform 400ms var(--motion-ease); }
.cd-club-tile h3 { margin: 10px 0 5px; min-height: 2.5em; font-size: .86rem; line-height: 1.25; letter-spacing: -.02em; overflow-wrap: break-word; }
.cd-club-tile .cd-logos { margin-top: auto; gap: 13px; }
.cd-challenges .cd-section-heading h2 { text-transform: uppercase; }
.cd-challenge-rail { display: grid; grid-auto-flow: column; grid-auto-columns: 100%; gap: 14px; padding-top: 7px; }
.cd-challenge { --challenge-accent: #3ab5ff; display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.3fr); min-width: 0; min-height: 205px; border: 1px solid var(--cd-border); border-radius: 8px; background: #02121ce8; overflow: hidden; scroll-snap-align: start; }
.cd-challenge[data-challenge-accent="yellow"] { --challenge-accent: #ffda21; }.cd-challenge[data-challenge-accent="red"] { --challenge-accent: #ff8b84; }
.cd-challenge[data-challenge-accent="green"] { --challenge-accent: #8eeda9; }
.cd-challenge[data-challenge-accent="green"] .cd-challenge-cover::after { background: linear-gradient(135deg,#00753b4d,transparent 55%,#ffdb2333); }
.cd-challenge-country { position: relative; z-index: 1; width: min(58%,112px); height: auto; object-fit: contain; border-radius: 3px; box-shadow: 0 8px 26px #0008; }
.cd-challenge-cover { position: relative; display: grid; place-items: center; min-width: 0; height: 100%; background: #041624; overflow: hidden; }
.cd-challenge-cover > img:first-child { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 650ms var(--motion-ease); }
.cd-challenge-cover::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,transparent 65%,#02121c75); pointer-events: none; }
.cd-challenge-crest { position: relative; z-index: 1; width: min(44%,100px); height: auto; object-fit: contain; filter: drop-shadow(0 6px 12px #0009); }
.cd-cover-badge { position: absolute; z-index: 2; top: 10px; left: 10px; border: 1px solid #ffffff38; border-radius: 5px; background: #031018db; padding: 4px 7px; color: #dae9f2; font-size: .68rem; }
.cd-challenge-body { display: flex; flex-direction: column; min-width: 0; align-items: flex-start; justify-content: center; gap: 6px; padding: 15px; }
.cd-kicker { display: inline-flex; align-items: center; gap: 7px; font-size: .7rem; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: #e3f1fa; }
.cd-challenge-body h3 { margin: 0; font-size: clamp(1.1rem,1.7vw,1.75rem); line-height: 1.03; letter-spacing: -.035em; text-transform: uppercase; overflow-wrap: break-word; }
.cd-challenge-body h3 a { color: inherit; text-decoration: none; }.cd-challenge-body h3 span { color: var(--challenge-accent); }
.cd-challenge-body p { margin: 0; font-size: .93rem; line-height: 1.4; color: #c8dfef; }
.cd-video-link,.cd-video-pending { font-size: .75rem; line-height: 1.4; color: #3bb6ff; text-decoration: none; }.cd-video-pending { color: #91b3cc; }
.cd-challenge-features { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; font-size: .65rem; color: #aec8da; padding: 5px 0; }
.cd-challenge-features > span { display: inline-flex; align-items: center; gap: 5px; }
.cd-challenge-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; width: 100%; margin-top: auto; }
.cd-challenge-actions .button { min-height: 38px; padding: 8px 17px; font-size: .82rem; }
.cd-preview-label { color: #a5bdce; font-size: .7rem; }
.cd-invite-star { position: relative; z-index: 1; color: #009dff; font-size: 5rem; text-shadow: 0 0 45px #008cff50; }
.cd-discover { position: relative; }
.cd-feedback { position: absolute; top: 40px; right: 0; z-index: 7; display: flex; align-items: center; justify-content: space-between; gap: 12px; max-width: min(100%,560px); padding: 12px; border: 1px solid var(--cd-border); border-radius: 8px; background: #102334; box-shadow: 0 8px 24px #0005; color: var(--color-text); font-size: .9rem; }
[data-discovery-results] { position: relative; }
[data-discovery-results][aria-busy="true"]::before { content: ""; position: absolute; top: -3px; left: 0; width: 100%; height: 2px; z-index: 5; background: linear-gradient(90deg,transparent,#63c5ff,transparent); animation: cd-loading 1.2s ease-in-out infinite; pointer-events: none; }
@keyframes cd-loading { 0%,100% { opacity: .3; transform: scaleX(.25); } 50% { opacity: 1; transform: scaleX(1); } }
.cd-rail { cursor: grab; touch-action: pan-x pan-y; }
.cd-rail.is-dragging { cursor: grabbing; user-select: none; scroll-snap-type: none; }
.cd-invite-star .brand-mark { width: 110px; height: 110px; }
.cd-empty { min-height: 265px; display: grid; align-content: center; justify-items: start; gap: 12px; border: 1px solid var(--cd-border); border-radius: 10px; padding: 24px; background: #051c2be0; }
.cd-empty h2 { margin: 0; font-size: 1.25rem; }.cd-empty p,.cd-notice { margin: 0; color: var(--color-muted); line-height: 1.5; }
.cd-challenge-page { max-width: 1280px; }.cd-challenge-page .cd-hero { margin-block: 24px; }.cd-challenge-board { display: grid; grid-template-columns: minmax(0,1fr); gap: 24px; }.cd-challenge-page .cd-challenge { min-height: 270px; }.cd-challenge-page .cd-challenge-body { padding: 24px; }.cd-challenge-description,.cd-creator-note { padding: 24px; border: 1px solid var(--cd-border); border-radius: 8px; background: #051724ee; }.cd-challenge-description { margin-top: 12px; }.cd-creator-note { margin-top: 30px; scroll-margin-top: 120px; }.cd-challenge-description h2,.cd-creator-note h2 { font-size: 1.15rem; }.cd-challenge-description p,.cd-creator-note p { color: #aec8da; line-height: 1.65; max-width: 74ch; }
.cd-search-popover { position: absolute; inset: calc(100% + 8px) 0 auto; max-height: min(540px,var(--cd-search-space,60dvh)); overflow-y: auto; overscroll-behavior: contain; border: 1px solid #3f5267; border-radius: 16px; padding: 8px; background: #121c28; box-shadow: 0 20px 55px #00000065; }
.cd-search-status:empty { display: none; }
.cd-search-status,.cd-search-notice { padding: 8px 10px; margin: 0; color: var(--color-muted); font-size: .875rem; }
.cd-search-group { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 10px; }
.cd-search-group h2 { margin: 0; color: var(--color-muted); font-size: .75rem; font-weight: 600; }
.cd-search-group a { display: inline-flex; align-items: center; min-height: 40px; color: #9dcdff; font-size: .75rem; text-decoration: none; }
.cd-search-list { list-style: none; padding: 0; margin: 0; }
.cd-search-list a { display: flex; align-items: center; gap: 12px; padding: 5px 10px; min-height: 58px; border-radius: 10px; color: var(--color-text); text-decoration: none; transition: background 150ms; }
.cd-search-list a:hover,.cd-search-list a:focus-visible { background: #248cff15; }
.cd-search-list a > img { flex: 0 0 46px; object-fit: contain; object-position: center bottom; border-radius: 7px; background: #1e2a39; }
.cd-search-list .cd-search-club { padding: 5px; object-position: center; }
.cd-search-list a > span { display: grid; flex: 1; gap: 4px; min-width: 0; }
.cd-search-list strong { font-size: .9rem; font-weight: 600; overflow-wrap: break-word; }
.cd-search-list small { color: var(--color-muted); font-size: .72rem; }
.cd-search-list .rating-badge { flex-shrink: 0; }
.cd-search-all { display: flex; align-items: center; justify-content: space-between; min-height: 44px; border-top: 1px solid var(--panel-border); margin-top: 8px; padding: 8px 12px; color: #9dcdff; text-decoration: none; font-size: .85rem; }

@media (max-width:1299px) { .cd-rail { --cd-columns: 4; }.cd-lower { gap: 22px; grid-template-columns: minmax(0,1fr) minmax(0,1.4fr); }.cd-challenge { grid-template-columns: minmax(0,.65fr) minmax(0,1fr); }.cd-challenge-body { padding: 12px; }.cd-section-heading h2 { font-size: 1.2rem; }.cd-view-all { font-size: .78rem; } }
@media (max-width:1023px) { .cd-rail { --cd-columns: 3; }.cd-lower { grid-template-columns: minmax(0,1fr); gap: 22px; }.cd-club-tile { min-height: 180px; }.cd-challenge { min-height: 235px; }.cd-challenge-body h3 { font-size: 1.65rem; }.cd-challenge-body { padding: 20px; }.cd-section-heading h2 { font-size: 1.35rem; } }
@media (max-width:767px) {
  .career-landing::before { background-image: linear-gradient(180deg,#00111c10,#020e18 80%),url('/assets/career/stadium-night-small.webp'); background-size: auto 680px; }
  .cd-page { padding: 22px 16px 0; margin-bottom: 90px; }
  .cd-hero { margin-bottom: 20px; }.cd-intro h1 { font-size: clamp(1.65rem,6.3vw,2.5rem); }.cd-lead { margin: 10px auto 18px; font-size: .9rem; max-width: 36ch; }
  .cd-search-form { padding-left: 12px; gap: 9px; }.cd-search-form input { font-size: 16px; }.cd-search-form .button { min-width: 49px; }.cd-search-form > svg { width: 18px; }
  .cd-section-heading h2 { font-size: 1.12rem; }.cd-section-heading { gap: 8px; }.cd-view-all { min-height: 44px; font-size: .73rem; }
  .cd-toolbar { gap: 8px; }.cd-tabs { flex-basis: 100%; }.cd-tabs a,.cd-segment a { min-height: 44px; padding-inline: 10px; }.cd-segment { padding: 0; }
  .cd-rail { grid-auto-columns: min(252px,77%); --cd-gap: 12px; }.cd-card-visual { --cd-visual-height: 148px; }.cd-card-body h3 { font-size: 1.05rem; }.cd-card-body { padding-inline: 12px; }.cd-money { font-size: .98rem; }
  .cd-card .scout-menu-trigger { width: 44px; height: 44px; opacity: 1; }.cd-position { top: 12px; }.cd-carousel-controls button { min-width: 44px; min-height: 44px; }.cd-carousel-controls { min-height: 48px; }
  .cd-lower { margin-top: 18px; gap: 22px; }.cd-club-grid { gap: 8px; }.cd-club-tile { min-height: 175px; padding: 13px 5px 10px; }.cd-club-crest { width: 65px; height: 65px; }.cd-club-tile h3 { font-size: .78rem; min-height: 3.6em; }.cd-club-tile .cd-logos { gap: 8px; }.cd-club-tile .cd-logos img { max-width: 23px; }
  .cd-challenge { grid-template-columns: minmax(0,1fr); }.cd-challenge-cover { height: 155px; }.cd-challenge-crest { width: 75px; }.cd-challenge-body { padding: 18px; gap: 9px; }.cd-challenge-body h3 { font-size: 1.6rem; }.cd-challenge-actions .button { min-height: 44px; }.cd-challenge-features { font-size: .72rem; }.cd-challenge-body p { font-size: .95rem; }.cd-video-link,.cd-video-pending { font-size: .8rem; }.cd-challenge-actions { margin-top: 6px; }.cd-challenge-cover::after { background: linear-gradient(transparent 55%,#02121c80); }
  .cd-challenge-description,.cd-creator-note { padding: 18px; }.cd-challenge-page .cd-challenge-body { padding: 18px; }
}
@media (min-width:1300px) and (max-height:900px) { .cd-page { padding-top: 18px; }.cd-hero { margin-bottom: 15px; }.cd-card-visual { --cd-visual-height: 132px; }.cd-intro h1 { font-size: 2.6rem; }.cd-lead { margin-bottom: 12px; }.cd-club-tile,.cd-challenge { min-height: 195px; }.cd-lower { margin-top: 5px; } }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .cd-card:hover { transform: translateY(-3px); border-color: #60baff; box-shadow: 0 6px 24px #0077bb20,inset 0 1px #ffffff0c; }.cd-card:hover .cd-card-visual img { transform: scale(1.04); }.cd-card:hover .cd-card-visual::after { transform: translateX(120%); }
  .cd-club-tile:hover { transform: translateY(-3px); border-color: #60baff; }.cd-club-tile:hover .cd-club-crest { transform: scale(1.06); }.cd-challenge:hover .cd-challenge-cover > img:first-child { transform: scale(1.04); }
}
@media (prefers-reduced-motion:no-preference) { .cd-hero { animation: platform-enter 500ms var(--motion-ease); }.cd-lower { animation: platform-enter 650ms var(--motion-ease); } }
@media (prefers-reduced-motion:reduce) { .cd-page *, .cd-page *::after { animation: none; transition: none; scroll-behavior: auto; } }

/* v34.1: never re-enable snap on an auto rail when pausing or refocusing.
   Doing so snapped the entire strip to the nearest card on unrelated clicks. */
[data-home-carousel="players"] [data-home-rail] {
 scroll-snap-type:none; scroll-behavior:auto; overflow-anchor:none;
}

/* National colours sit behind the cutout; the foreground remains readable. */
.cd-card-visual{isolation:isolate}
.cd-card-visual .cd-card-flag{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:.48;transform:scale(1.08);filter:saturate(.9);z-index:-1;mask-image:linear-gradient(to bottom,#0009,#000 32%,transparent 98%);pointer-events:none}
.cd-card-visual [data-player-portrait]{position:relative;z-index:1}
.cd-card-visual .cd-position{z-index:2}
.cd-card{background:#101925;border-color:#ffffff12;box-shadow:none}
.cd-hero{padding-block:28px 22px}
.cd-hero h1{font-size:clamp(24px,3.25vw,46px);line-height:1.12;letter-spacing:-.045em}
@media(max-width:760px){.cd-hero{padding-block:12px 16px}.cd-card-visual .cd-card-flag{opacity:.43}}