:root{--navy:#263A69;--ink:#263A69;--muted:#52617b;--lime:#e8ff16;--paper:#e4e7eb;--mist:#f4f6f8;--white:#fff;--line:#dbe1e9}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.campus-landing{margin:0;background:var(--white);color:var(--ink);font-family:Inter,Montserrat,"Segoe UI",Arial,sans-serif;line-height:1.55}
.campus-landing a{color:inherit;text-decoration:none}
.landing-header{position:absolute;z-index:5;top:36px;left:0;display:flex;width:100%;align-items:center;justify-content:space-between;padding:18px clamp(22px,6vw,90px);color:#fff}
.brand img{display:block;width:116px;height:auto;filter:brightness(0) invert(1)}
.landing-header nav{display:flex;gap:clamp(18px,3vw,42px);margin-left:auto;margin-right:32px;font-size:.9rem;font-weight:700}
.landing-header nav a{opacity:.92}.landing-header nav a:hover{color:var(--lime)}
.header-actions{display:flex;align-items:center;gap:16px}
.language-toggle{display:inline-flex;align-items:center;justify-content:center;gap:0;padding:7px 9px;border:0;border-radius:999px;background:transparent;color:#fff;font:inherit;font-weight:800;cursor:pointer;transition:color .22s ease,background-color .22s ease,box-shadow .22s ease}.language-toggle b{display:inline-flex;border:2px solid var(--navy);border-radius:3px;line-height:0}.language-toggle .language-flag{display:inline-block;width:25px;height:17px;vertical-align:middle;border-radius:2px;box-shadow:0 1px 3px rgba(38,58,105,.25)}.language-toggle span{display:inline-block;margin:0 5px;vertical-align:middle}.language-toggle:hover{background:var(--navy);color:#fff;box-shadow:0 0 0 2px var(--lime),0 5px 14px rgba(38,58,105,.25)}.language-toggle:hover b{border-color:var(--lime)}
.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:14px 24px;border:1px solid var(--lime);border-radius:7px;background:var(--lime);color:var(--navy)!important;font-size:.9rem;font-weight:900;line-height:1.2;transition:transform .18s ease,background .18s ease}
.button:hover{transform:translateY(-2px);background:#d7ee00}.button-small{min-height:42px;padding:11px 16px;font-size:.8rem}.button-ghost{border-color:rgba(255,255,255,.86);background:rgba(38,58,105,.38);color:#fff!important}.button-ghost:hover{background:rgba(255,255,255,.12)}
.nadal-hero{position:relative;display:flex;min-height:min(780px,90svh);align-items:center;overflow:hidden;background:var(--navy);color:#fff}
.hero-photo,.hero-shade{position:absolute;inset:0}.hero-photo{background-image:url("assets/skill3-hero-entrenament.jpg");background-position:center 42%;background-size:cover;transform:scale(1.015)}
.hero-shade{background:linear-gradient(90deg,rgba(10,16,32,.88) 0%,rgba(10,16,32,.68) 44%,rgba(10,16,32,.08) 100%),linear-gradient(0deg,rgba(10,16,32,.46),transparent 48%)}
.hero-content{position:relative;z-index:1;width:min(760px,100%);padding:140px clamp(24px,12.7vw,190px) 72px clamp(24px,12.7vw,190px)}
.campus-landing:not(.technificacion-landing) .nadal-hero .hero-content{width:min(1160px,100%)}
.eyebrow{margin:0 0 16px;color:var(--lime);font-size:.76rem;font-weight:900;letter-spacing:.17em}
.nadal-hero h1{max-width:740px;margin:0;font-size:clamp(3rem,7.2vw,6.4rem);font-weight:950;letter-spacing:-.065em;line-height:.94;text-wrap:balance}
.nadal-hero h1 span{color:var(--navy);-webkit-text-stroke:1.5px rgba(255,255,255,.96);paint-order:stroke fill;text-shadow:0 2px 18px rgba(10,16,32,.35)}
.nadal-2027-page .nadal-hero h1 span{color:#fff;-webkit-text-stroke:0;text-shadow:none}
.nadal-2027-page .nadal-hero h1 em{color:#71acf8;font-style:normal;-webkit-text-stroke:0;paint-order:fill;text-shadow:none}
.hero-lead{max-width:530px;margin:22px 0 0;color:#eef1ed;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.55}
.campus-landing:not(.technificacion-landing) .nadal-hero .hero-lead{max-width:680px}
.quick-facts{display:grid;grid-template-columns:repeat(4,max-content);gap:12px 28px;margin:30px 0 0}
.quick-facts>div{display:flex;align-items:center;gap:9px;font-size:.82rem;font-weight:750}.quick-facts small{display:block;margin-top:2px;color:#e0e7df;font-size:.68rem;font-weight:600;line-height:1.3}.fact-icon{display:inline-grid;flex:0 0 36px;width:36px;height:36px;place-items:center;background:transparent;color:#263A69;font-size:1.6rem;font-weight:950;-webkit-text-stroke:.45px rgba(255,255,255,.92);paint-order:stroke fill}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-caption{position:absolute;right:clamp(20px,4vw,60px);bottom:24px;color:#ffffffbd;font-size:.72rem}
.highlights{padding:clamp(72px,10vw,132px) 24px;background:var(--paper)}
.section-heading{max-width:760px;margin:0 auto 42px;text-align:center}.highlights>.section-heading{margin-bottom:0}.section-heading .eyebrow,.photo-story .eyebrow,.details .eyebrow{color:var(--navy)}
.section-heading h2,.photo-story h2,.details h2{margin:0;font-size:clamp(2.2rem,4.8vw,4.3rem);font-weight:950;letter-spacing:-.06em;line-height:1.02;text-wrap:balance}
.section-intro{max-width:680px;margin:20px auto 0;color:var(--muted);font-size:1.03rem}
.highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(1120px,100%);margin:0 auto}
.highlight-card{min-height:220px;padding:28px;border:1px solid var(--line);border-radius:14px;background:#fff}.highlight-symbol{display:inline-grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#dce4f3;color:var(--navy);font-size:.76rem;font-weight:900}.highlight-card h3{margin:0 0 8px;font-size:1.25rem}.highlight-card p{margin:0;color:var(--muted);font-size:.93rem}
.photo-story{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.55fr);gap:clamp(28px,6vw,82px);align-items:center;padding:clamp(72px,9vw,120px) clamp(24px,8vw,120px);background:var(--ink);color:#fff}
.photo-story h2{font-size:clamp(2.1rem,4vw,3.8rem)}.photo-story-copy>p:last-child{max-width:390px;margin:20px 0 0;color:#d0d7d2;font-size:.98rem}
.photo-grid{display:grid;grid-template-columns:1.15fr .85fr .92fr;grid-template-rows:190px 190px;gap:12px;min-width:0}
.photo-grid img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;border-radius:10px;background:var(--navy)}
.photo-grid img:first-child{grid-row:span 2}.photo-grid img:nth-child(4){grid-column:2}.photo-grid img:nth-child(5){grid-column:3}
.details{padding:clamp(76px,10vw,132px) clamp(24px,12vw,176px)}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,48px);align-items:stretch}
.details-copy{max-width:none;min-width:0;padding:30px;border:1px solid var(--line);border-radius:16px;background:var(--mist)}.details-copy>p:not(.eyebrow){max-width:520px;margin:21px 0 27px;color:var(--muted);font-size:1.03rem}
.price-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:25px}.price-card{display:flex;min-height:150px;flex-direction:column;justify-content:center;padding:20px;border:1px solid var(--line);border-radius:13px;background:#fff}.price-card.featured{border-color:var(--navy);background:#f0f3f8}.price-card span{font-size:.82rem;font-weight:900}.price-card small{margin-top:4px;color:var(--muted);font-size:.69rem}.price-card strong{margin-top:9px;font-size:2.4rem;letter-spacing:-.05em;line-height:1}
.includes-panel{display:flex;min-width:0;flex-direction:column;padding:30px;border:1px solid var(--line);border-radius:16px;background:var(--mist)}.includes-panel h3{margin:0 0 20px;font-size:1.35rem}.includes-panel ul{display:grid;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:17px 22px;padding:0;margin:0 0 28px;list-style:none}.includes-panel li{position:relative;padding-left:29px;color:var(--navy);font-size:1rem;line-height:1.45;font-weight:750}.includes-panel li::before{position:absolute;top:0;left:0;color:var(--navy);content:"✓";font-weight:950}.includes-action{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:auto;text-align:center}.includes-action .button{min-width:220px}.reservation-note{max-width:34ch;margin:0;color:var(--muted);font-size:.78rem;line-height:1.45}
.team-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(35px,7vw,90px);align-items:center;padding:clamp(70px,9vw,116px) clamp(24px,10vw,145px);background:var(--paper)}.team-copy h2{margin:0;font-size:clamp(2.2rem,4.5vw,3.9rem);font-weight:950;letter-spacing:-.06em;line-height:1.02}.team-copy>p:last-child{max-width:560px;margin:20px 0 0;color:var(--muted)}.team-roster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;perspective:1100px}.team-roster article{position:relative;isolation:isolate;min-width:0;padding:13px 10px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:center;cursor:pointer;touch-action:manipulation;transform-origin:center center;transform-style:preserve-3d;transition:transform .58s cubic-bezier(.2,.8,.2,1),box-shadow .58s cubic-bezier(.2,.8,.2,1),border-color .3s ease}.team-portrait{position:relative;overflow:hidden;aspect-ratio:1;margin:0 auto 13px;border-radius:9px;background:var(--navy)}.team-portrait img{display:block;width:100%;height:100%;object-fit:cover}.team-portrait>span{position:absolute;inset:0;display:grid;place-items:center;color:var(--lime);font-size:1.25rem;font-weight:900;pointer-events:none}.team-portrait.has-photo>span{display:none}.team-roster h3{margin:0;font-size:.86rem;letter-spacing:-.02em}.team-roster p{margin:5px 0 0;color:var(--muted);font-size:.69rem}
.closing-banner{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:56px clamp(24px,12vw,176px);background:#dce4f3}.closing-banner h2{max-width:760px;margin:0;font-size:clamp(1.7rem,3.4vw,3rem);letter-spacing:-.045em;line-height:1.05}.closing-banner .eyebrow{color:var(--navy)}
@media(max-width:1100px){.landing-header nav{gap:16px;margin-right:16px;font-size:.8rem}.nadal-hero{align-items:flex-start}.hero-content{padding-top:clamp(210px,27vh,300px);padding-left:8vw}.quick-facts{grid-template-columns:repeat(2,max-content)}.photo-story{grid-template-columns:1fr}.photo-story-copy{max-width:640px}.photo-grid{grid-template-rows:180px 180px}.details{padding-left:7vw;padding-right:7vw}}
@media(max-width:640px){.draft-ribbon{font-size:.58rem;letter-spacing:.055em}.landing-header{top:29px;padding:15px 18px}.brand img{width:88px}.landing-header nav{display:none}.header-actions{gap:8px}.header-actions .button{min-height:38px;padding:9px 11px;font-size:.7rem}.language-toggle{font-size:.75rem}.nadal-hero{min-height:790px;min-height:min(850px,100svh);align-items:flex-start}.hero-photo{background-position:58% center}.hero-shade{background:linear-gradient(0deg,rgba(10,16,32,.94) 0%,rgba(10,16,32,.73) 51%,rgba(10,16,32,.18) 100%)}.hero-content{padding:clamp(210px,27vh,280px) 22px 76px}.nadal-hero h1{font-size:clamp(3.2rem,13vw,5rem)}.hero-lead{font-size:1rem}.quick-facts{grid-template-columns:1fr 1fr;gap:13px 14px}.quick-facts>div{align-items:flex-start;font-size:.72rem}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{width:100%}.hero-caption{right:20px;bottom:13px;font-size:.62rem}.highlights{padding:72px 20px}.section-heading{margin-bottom:30px}.highlight-grid{grid-template-columns:1fr;gap:12px}.highlight-card{min-height:0;padding:22px}.highlight-card h3{margin-top:0}.photo-story{gap:25px;padding:72px 20px}.photo-grid{grid-template-columns:1fr 1fr;grid-template-rows:190px 130px 130px;gap:8px}.photo-grid img:first-child{grid-row:span 2}.photo-grid img:nth-child(2){grid-column:2}.photo-grid img:nth-child(3){grid-column:1;grid-row:3}.photo-grid img:nth-child(4){grid-column:2;grid-row:2}.photo-grid img:nth-child(5){grid-column:2;grid-row:3}.details{padding:74px 20px}.pending-panel{padding:22px 18px}.pending-panel li{font-size:.8rem}.pending-panel li strong{font-size:.76rem}.closing-banner{align-items:flex-start;flex-direction:column;padding:44px 22px}.closing-banner .button{width:100%}}
@media(hover:hover) and (pointer:fine){.team-roster article:hover{z-index:3;border-color:rgba(38,58,105,.38);box-shadow:0 25px 48px rgba(19,35,67,.2),0 5px 12px rgba(19,35,67,.1);transform:translate3d(0,-12px,24px) rotateX(2deg) rotateY(-1deg) scale(1.055)}}
.team-roster article:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
@media(max-width:900px){.team-section{grid-template-columns:1fr;gap:32px;padding-left:7vw;padding-right:7vw}}
@media(max-width:760px){.details-grid{grid-template-columns:1fr;gap:20px}}
@media(max-width:640px){.quick-facts small{font-size:.61rem}.price-cards{gap:8px}.price-card{min-height:128px;padding:14px}.price-card strong{font-size:2rem}.includes-panel{padding:24px 20px}.includes-panel h3{margin-bottom:18px}.includes-panel ul{grid-template-columns:1fr;gap:13px;margin-bottom:24px}.includes-panel li{font-size:.92rem;line-height:1.4;padding-left:26px}.includes-action .button{width:min(100%,300px)}.reservation-note{font-size:.76rem}.team-section{gap:25px;padding:72px 20px}.team-roster{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Campus registration form: sede and shirt-size options are previewable; submission stays closed. */
.registration-section{max-width:980px;margin:clamp(64px,9vw,120px) auto;padding:0 24px;color:var(--navy,#263a69)}
.registration-page-header{display:flex;min-height:88px;align-items:center;justify-content:space-between;padding:14px clamp(22px,6vw,90px);background:var(--navy);color:#fff}
.registration-page-header .brand img{display:block;width:116px;height:auto;filter:brightness(0) invert(1)}
.registration-page-header .language-toggle{color:#fff}
.registration-page-header .language-toggle b{border-color:var(--lime)}
.registration-page-main{min-height:70vh;padding:1px 0 56px}
.registration-page-main .registration-section{margin-top:clamp(42px,7vw,80px)}
.registration-heading{max-width:700px;margin:0 auto 28px;text-align:center}
.registration-heading>#campus-event-title{display:table;margin:0 auto 12px;padding:7px 13px;border-radius:999px;background:var(--navy);color:var(--lime);font-size:.76rem;font-weight:900;letter-spacing:.1em;line-height:1.3}
.registration-heading h2{margin:8px 0 12px;font-size:clamp(2rem,5vw,3.5rem);line-height:1.04;letter-spacing:-.04em}
.registration-heading>p:last-child{color:#65718a;line-height:1.65}
.registration-status{margin:18px auto;padding:14px 18px;max-width:760px;border:1px solid #e6c86a;border-radius:12px;background:#fff8df;color:#624d10;font-size:.9rem;line-height:1.5}
#campus-registration-message:empty{display:none}
.registration-form{max-width:760px;margin:0 auto}
.registration-form fieldset{min-width:0;margin:0;padding:0;border:0}
.registration-form fieldset:disabled{opacity:.68}
.registration-form .form-group{display:grid;gap:15px;margin:14px 0;padding:24px;background:#fff;border:1px solid #e2e7ef;border-radius:16px;box-shadow:0 10px 35px #17213a0b}
.registration-form .form-group h3{margin:0 0 3px;color:#263a69;font-size:1rem}
.registration-form label{display:grid;gap:7px;color:#35435d;font-size:.9rem;font-weight:700}
.registration-form input:not([type=radio]):not([type=checkbox]),.registration-form select,.registration-form textarea{width:100%;min-height:46px;padding:11px 12px;border:1px solid #ccd4e0;border-radius:9px;background:#fff;color:#17233c;font:inherit}
.registration-form textarea{min-height:90px;resize:vertical}
.registration-form input[type=file]{padding:8px!important}
.registration-form .radio-group{display:grid;gap:10px;padding:14px;border:1px solid #e2e7ef;border-radius:10px}
.registration-form .radio-group legend{padding:0 5px;color:#35435d;font-weight:700}
.registration-form .radio-group label,.registration-form .privacy-consent{display:flex;align-items:flex-start;gap:10px;font-weight:500;line-height:1.5}
.registration-form input[type=radio],.registration-form input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:2px 0;accent-color:#263a69}
.registration-form .privacy-consent{margin:16px 4px;color:#39465f}
.registration-form button[type=submit]{display:flex;margin:22px auto 0;min-width:220px}
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:600px){.registration-section{padding:0 16px}.registration-form .form-group{padding:18px 15px}.registration-heading{text-align:left}}
.team-copy>.eyebrow{display:table;margin:0 0 14px;padding:7px 12px;border:1px solid rgba(38,58,105,.16);border-radius:999px;background:var(--lime);color:var(--navy);font-size:.72rem;letter-spacing:.1em;line-height:1.3}
.campus-faq{max-width:980px;margin:clamp(56px,8vw,96px) auto;padding:0 24px;color:var(--navy,#263a69)}
.campus-faq>.eyebrow{display:table;margin:0 0 14px;padding:7px 12px;border:1px solid rgba(38,58,105,.16);border-radius:999px;background:var(--lime);color:var(--navy);font-size:.72rem;letter-spacing:.1em;line-height:1.3}
.campus-faq h2{margin:8px 0 22px;font-size:clamp(2rem,4vw,3rem);line-height:1.08}
.campus-faq-list{display:grid;gap:10px}
.campus-faq-list details{padding:17px 20px;border:1px solid #e2e7ef;border-radius:12px;background:#fff}
.campus-faq-list summary{color:var(--navy,#263a69);font-weight:800;cursor:pointer}
.campus-faq-list details[open] summary{margin-bottom:10px}
.campus-faq-list p{margin:0;color:#53617a;line-height:1.65}
@media(min-width:1101px){.nadal-hero .hero-content{padding-top:200px}}
.quick-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:min(640px,calc(100vw - 48px));padding:10px;border:1px solid rgba(255,255,255,.88);border-radius:20px;background:rgba(10,19,41,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.quick-facts>div{display:flex;align-items:center;gap:14px;min-width:0;min-height:120px;padding:18px;font-size:.82rem;font-weight:750}
.quick-facts>div:nth-child(odd){border-right:1px solid rgba(255,255,255,.62)}
.quick-facts>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.62)}
.fact-icon{display:grid;flex:0 0 64px;width:64px;height:64px;place-items:center;border-radius:50%;background:#263a69;color:#fff;font-size:1.5rem;font-weight:700}
.fact-icon svg{display:block;width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fact-copy{display:block;min-width:0;color:#fff;line-height:1.45}
.fact-label{display:block;margin:0 0 5px;color:#fff;font-size:.78rem;font-weight:900;letter-spacing:.05em;line-height:1.2}
.fact-copy>span{display:block;min-width:0}
.fact-copy>[data-campus-schedule-date]{display:block;width:fit-content;margin-top:4px;padding:0;border:0;border-radius:0;background:transparent;color:#fff;font-weight:900;line-height:1.35}
@media(max-width:640px){.quick-facts{width:calc(100vw - 44px);padding:8px}.quick-facts>div{align-items:center;gap:9px;min-height:112px;padding:13px 9px;font-size:.69rem}.fact-icon{flex-basis:48px;width:48px;height:48px}.fact-icon svg{width:25px;height:25px}.fact-label{font-size:.65rem;letter-spacing:.035em}.fact-copy{line-height:1.35}.fact-copy small{font-size:.58rem}}

.skill3-standard-footer{padding:38px 0;background:#263a69;color:#fff}
.campus-landing .skill3-standard-footer .wrap.footer{display:flex;justify-content:flex-end;align-items:center;gap:20px;width:min(1180px,calc(100% - 40px));margin:0 auto}
.skill3-standard-footer .footer-brand{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:14px}
.skill3-standard-footer .footer-brand>a,.skill3-standard-footer .footer-brand>.logo,.skill3-standard-footer .footer-brand>p{grid-column:1}
.skill3-standard-footer .footer-brand>a,.skill3-standard-footer .footer-brand>.logo{grid-row:1}
.skill3-standard-footer .footer-brand>p{grid-row:2;margin:0;color:#dce4f3;font-size:.82rem}
.skill3-standard-footer .footer-brand .logo{box-sizing:border-box;display:block;width:116px;height:auto}
.skill3-standard-footer .footer-social{grid-column:2;grid-row:1 / span 2;display:flex;align-items:center;gap:9px;color:#dce4f3;font-size:.78rem;font-weight:700}
.skill3-standard-footer .instagram-footer-link{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;color:currentColor;transition:color .2s ease,transform .2s ease}
.skill3-standard-footer .instagram-footer-link svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}
.skill3-standard-footer .instagram-footer-link .instagram-dot{fill:currentColor;stroke:0}
.skill3-standard-footer .instagram-footer-link:hover{color:#e8ff16;transform:translateY(-2px)}
.skill3-standard-footer .footer-links{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:10px 18px;color:#fff;font-size:.8rem;font-weight:700}
.skill3-standard-footer .footer-links a{color:inherit}
.campus-landing .skill3-standard-footer .legal-link{margin-left:auto;color:#b9c0b9;font-size:.76rem;font-weight:700;white-space:nowrap;text-align:right}
.skill3-standard-footer .legal-link a{color:inherit}
.skill3-standard-footer .legal-link a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.skill3-standard-footer .legal-link .cookie-preferences-link{appearance:none;padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.skill3-standard-footer .legal-link .cookie-preferences-link:hover{color:#fff}
@media(max-width:540px){.skill3-standard-footer .wrap.footer{display:block;width:calc(100% - 28px)}.skill3-standard-footer .footer-brand .logo{width:90px}.skill3-standard-footer .footer-links{justify-content:flex-start;margin-top:18px}.campus-landing .skill3-standard-footer .legal-link{margin-top:18px;margin-left:auto;text-align:right;white-space:normal;line-height:1.8}}
.skill3-standard-footer .footer-brand img.logo{box-sizing:border-box;width:116px;background:#fff;padding:8px;border-radius:10px;object-fit:contain}

/* Neutral placeholders avoid flashing the HTML fallback before CMS text and photos settle. */
html.skill3-content-pending main [data-content-key]:is(div, span, small, strong, em, a, button, h1, h2, h3, h4, p, li, label):not([role="img"]):not([data-fixed-copy]) {
  position: relative !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
}
html.skill3-content-pending main [data-content-key]:is(div, span, small, strong, em, a, button, h1, h2, h3, h4, p, li, label):not([role="img"]):not([data-fixed-copy])::after {
  content: "";
  position: absolute;
  z-index: 10;
  inset: 0;
  border-radius: .28em;
  pointer-events: none;
  background: linear-gradient(105deg, #ffffff12 8%, #ffffff45 18%, #ffffff12 33%) 0 0 / 220% 100%;
  mask: repeating-linear-gradient(to bottom, #000 0 .72em, transparent .72em 1.42em);
  animation: skill3-content-shimmer 1.25s linear infinite;
}
html.skill3-content-pending main img:not(.logo),
html.skill3-content-pending main .hero-photo {
  filter: blur(13px) grayscale(.7) opacity(.34);
  transform: scale(1.025);
  transition: filter .25s ease, transform .25s ease;
}
@keyframes skill3-content-shimmer { to { background-position: -220% 0; } }
@media (prefers-reduced-motion: reduce) {
  html.skill3-content-pending main [data-content-key]:is(div, span, small, strong, em, a, button, h1, h2, h3, h4, p, li, label):not([role="img"]):not([data-fixed-copy])::after { animation: none; }
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.team-roster article{transition:none}.team-roster article:hover{transform:none;box-shadow:none}}

/* Experimental Skill3 coach-card deck: four original aces, not a copied trading-card brand. */
.team-section {
  display: block;
  overflow: hidden;
  padding: clamp(76px, 9vw, 118px) clamp(20px, 6vw, 84px) clamp(86px, 10vw, 132px);
  background: radial-gradient(ellipse at 50% 74%, #edf1f4 0%, var(--paper) 62%);
  transition: padding-bottom .82s cubic-bezier(.2,.78,.24,1);
}
.team-copy { max-width: 850px; margin: 0 auto; text-align: center; }
.team-copy > p:last-child { max-width: 680px; margin-right: auto; margin-left: auto; }
.team-roster {
  position: relative;
  display: block;
  width: min(100%, 960px);
  height: clamp(390px, 42vw, 480px);
  margin: 0 auto;
  perspective: 1500px;
  isolation: isolate;
}
.team-roster article.ace-card {
  position: absolute;
  top: clamp(20px, 4vw, 42px);
  display: block;
  width: clamp(166px, 22vw, 238px);
  height: 366px;
  overflow: hidden;
  padding: 0;
  border: 1px solid #c5a45f;
  border-radius: 18px;
  background: #10213d;
  color: #fff;
  text-align: left;
  box-shadow: 0 20px 44px #13234326, 0 4px 10px #13234312;
  transform-origin: 50% 84%;
  translate: 0 0 0;
  transition: width .76s cubic-bezier(.22,.75,.25,1), height .76s cubic-bezier(.22,.75,.25,1), left .76s cubic-bezier(.22,.75,.25,1), transform .82s cubic-bezier(.2,.78,.24,1), translate .82s cubic-bezier(.2,.78,.24,1), box-shadow .82s cubic-bezier(.2,.78,.24,1);
  touch-action: manipulation;
}
.team-roster article.ace-card::before {
  position: absolute;
  z-index: 2;
  inset: 5px;
  border: 1px solid #c5a45f7a;
  border-radius: 13px;
  content: "";
  pointer-events: none;
}
.ace-card::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    linear-gradient(180deg, #08152ba6 0%, #08152b00 23%, #08152b00 43%, #08152b8c 63%, #08152bf5 100%),
    linear-gradient(90deg, #08152b00 50%, #08152b2e 66%, #08152bd9 100%);
  content: "";
  pointer-events: none;
}
.team-roster .ace-card-1 { left: 22%; z-index: 1; transform: translateX(-50%) rotate(-13deg) translateY(12px); }
.team-roster .ace-card-2 { left: 41%; z-index: 3; transform: translateX(-50%) rotate(-5deg) translateY(1px); }
.team-roster .ace-card-3 { left: 59%; z-index: 4; transform: translateX(-50%) rotate(5deg) translateY(1px); }
.team-roster .ace-card-4 { left: 78%; z-index: 2; transform: translateX(-50%) rotate(13deg) translateY(12px); }
.ace-card-masthead {
  position: absolute;
  z-index: 3;
  top: 15px;
  right: 13px;
  left: 14px;
  display: flex;
  min-height: 28px;
  align-items: center;
  gap: 7px;
  padding: 0 58px 0 0;
  color: #fff;
  font-size: .49rem;
  font-weight: 950;
  letter-spacing: .11em;
  text-shadow: 0 2px 8px #07152ccc;
  white-space: nowrap;
}
.ace-card-masthead img { width: 33px; height: 28px; object-fit: contain; filter: drop-shadow(0 2px 5px #07152c99); }
.ace-card-number {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 6px;
  border: 1px solid #f1d18a99;
  border-radius: 3px;
  background: #08152b99;
  color: #f1d18a;
  font-size: .57rem;
  font-weight: 950;
  letter-spacing: .08em;
  text-shadow: 0 2px 8px #07152ccc;
}
.team-roster article.ace-card .team-portrait {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: #172744;
}
.team-roster article.ace-card .team-portrait img { width: 100%; height: 100%; border-radius: 0; object-fit: cover; object-position: center 30%; }
.team-roster article.ace-card .team-portrait > span { display: none; }
.team-roster article.ace-card h3 {
  position: absolute;
  z-index: 3;
  right: 82px;
  bottom: 96px;
  left: 17px;
  display: -webkit-box;
  overflow: hidden;
  margin: 0;
  color: #fff;
  font-size: clamp(.9rem, 1.45vw, 1.13rem);
  font-weight: 950;
  letter-spacing: -.035em;
  line-height: 1.05;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-shadow: 0 2px 12px #07152c;
}
.team-roster article.ace-card p {
  position: absolute;
  z-index: 3;
  right: 82px;
  bottom: 40px;
  left: 17px;
  display: -webkit-box;
  overflow: hidden;
  margin: 0;
  color: #f1f4f8;
  font-size: .64rem;
  line-height: 1.28;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-shadow: 0 2px 9px #07152c;
}
.ace-card-stats {
  position: absolute;
  z-index: 3;
  top: 31%;
  right: 12px;
  bottom: 22%;
  left: auto;
  display: flex;
  width: 58px;
  flex-direction: column;
  justify-content: space-around;
  gap: 5px;
  margin: 0;
  padding: 8px 0 8px 7px;
  border-top: 0;
  border-left: 1px solid #f1d18acc;
}
.ace-stat {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  min-width: 0;
  padding: 3px 4px;
  border-radius: 4px;
  background: #08152b77;
}
.ace-stat b { color: #f1d18a; font-size: 1rem; font-weight: 950; line-height: .95; }
.ace-stat small { overflow: hidden; color: #fff; font-size: .38rem; font-weight: 900; letter-spacing: .035em; text-overflow: ellipsis; }
.team-card-viewer-content .team-card.ace-card {
  position: relative;
  top: auto;
  left: auto;
  display: block;
  width: auto;
  height: min(78vh, 680px);
  aspect-ratio: .68;
  max-width: calc(100vw - 40px);
  min-height: 0;
  padding: 0;
  border: 2px solid #c5a45f;
  border-radius: 22px;
  background: #10213d;
  text-align: left;
}
.team-card-viewer-content .team-card.ace-card::before { inset: 6px; border-radius: 15px; }
.team-card-viewer-content .ace-card-masthead { top: 24px; right: 25px; left: 25px; min-height: 40px; font-size: .72rem; }
.team-card-viewer-content .ace-card-masthead img { width: 48px; height: 40px; }
.team-card-viewer-content .ace-card-number { font-size: .72rem; }
.team-card-viewer-content .team-card.ace-card .team-portrait { inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; aspect-ratio: auto; margin: 0; }
.team-card-viewer-content .team-card.ace-card h3 { position: absolute; z-index: 3; right: 120px; bottom: 145px; left: 30px; display: -webkit-box; overflow: hidden; max-height: 2.1em; margin: 0; color: #fff; font-size: clamp(1.9rem, 5vw, 2.8rem); line-height: 1.05; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.team-card-viewer-content .team-card.ace-card p { position: absolute; z-index: 3; right: 120px; bottom: 42px; left: 30px; display: -webkit-box; overflow: hidden; max-height: 4.2em; max-width: none; margin: 0; color: #f1f4f8; font-size: 1rem; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.team-card-viewer-content .ace-card-stats { top: 31%; right: 25px; bottom: 22%; left: auto; width: 76px; gap: 10px; padding: 10px 0 10px 11px; border-left-width: 2px; }
.team-card-viewer-content .ace-stat { gap: 3px; padding: 7px 8px; }
.team-card-viewer-content .ace-stat b { font-size: 1.35rem; }
.team-card-viewer-content .ace-stat small { font-size: .52rem; }
@media (hover: hover) and (pointer: fine) {
  .team-roster article.ace-card:hover,
  .team-roster article.ace-card:focus-visible {
    z-index: 20;
    width: clamp(306px, 40.5vw, 439.5px);
    height: 675px;
    border-color: #a37c30;
    box-shadow: 0 32px 66px #13234336, 0 8px 18px #1323431c;
    translate: 0 0 0;
    transform: translateX(-50%) translateY(-86px);
    transform-style: flat;
  }
  .team-section:has(.team-roster article.ace-card:hover),
  .team-section:has(.team-roster article.ace-card:focus-visible) {
    padding-bottom: clamp(240px, 24vw, 270px);
  }
  .team-roster .ace-card-1:hover,
  .team-roster .ace-card-1:focus-visible { left: 26%; }
  .team-roster .ace-card-2:hover,
  .team-roster .ace-card-2:focus-visible { left: 43%; }
  .team-roster .ace-card-3:hover,
  .team-roster .ace-card-3:focus-visible { left: 57%; }
  .team-roster .ace-card-4:hover,
  .team-roster .ace-card-4:focus-visible { left: 74%; }
  .team-roster article.ace-card:hover .ace-card-masthead,
  .team-roster article.ace-card:focus-visible .ace-card-masthead {
    top: 22px;
    right: 20px;
    left: 21px;
    min-height: 42px;
    gap: 10px;
    padding-right: 87px;
    font-size: .735rem;
  }
  .team-roster article.ace-card:hover .ace-card-masthead img,
  .team-roster article.ace-card:focus-visible .ace-card-masthead img { width: 49px; height: 42px; }
  .team-roster article.ace-card:hover .ace-card-number,
  .team-roster article.ace-card:focus-visible .ace-card-number { font-size: .855rem; }
  .team-roster article.ace-card:hover::before,
  .team-roster article.ace-card:focus-visible::before { inset: 7px; border-radius: 16px; }
  .team-roster article.ace-card:hover .ace-card-stats,
  .team-roster article.ace-card:focus-visible .ace-card-stats {
    right: 18px;
    bottom: 22%;
    width: 87px;
    gap: 7px;
    padding: 12px 0 12px 10px;
  }
  .team-roster article.ace-card:hover .ace-stat,
  .team-roster article.ace-card:focus-visible .ace-stat { gap: 2px; padding: 4px 6px; }
  .team-roster article.ace-card:hover .ace-stat b,
  .team-roster article.ace-card:focus-visible .ace-stat b { font-size: 1.5rem; }
  .team-roster article.ace-card:hover .ace-stat small,
  .team-roster article.ace-card:focus-visible .ace-stat small { font-size: .57rem; }
  .team-roster article.ace-card:hover h3,
  .team-roster article.ace-card:focus-visible h3 {
    right: 132px;
    bottom: 132px;
    left: 25px;
    display: block;
    max-height: none;
    overflow: visible;
    color: #172744;
    font-size: clamp(1.5rem, 2.55vw, 1.95rem);
    text-shadow: none;
    -webkit-line-clamp: unset;
  }
  .team-roster article.ace-card:hover p,
  .team-roster article.ace-card:focus-visible p {
    right: 132px;
    bottom: 20px;
    left: 25px;
    display: block;
    max-height: none;
    overflow: visible;
    color: #263a55;
    font-size: 1.02rem;
    line-height: 1.35;
    text-shadow: none;
    -webkit-line-clamp: unset;
  }
  .team-roster article.ace-card { cursor: default; }
}
@media (max-width: 640px) {
  .team-section { padding: 72px 16px 84px; }
  .team-copy > p:last-child { font-size: .92rem; }
  .team-roster { width: 100%; height: 345px; }
  .team-roster article.ace-card { top: 17px; width: clamp(110px, 30vw, 134px); height: 286px; border-radius: 15px; }
  .team-roster article.ace-card::before { inset: 4px; border-radius: 11px; }
  .team-roster .ace-card-1 { left: 19.5%; transform: translateX(-50%) rotate(-9deg) translateY(9px); }
  .team-roster .ace-card-2 { left: 39.5%; transform: translateX(-50%) rotate(-3deg) translateY(1px); }
  .team-roster .ace-card-3 { left: 60.5%; transform: translateX(-50%) rotate(3deg) translateY(1px); }
  .team-roster .ace-card-4 { left: 80.5%; transform: translateX(-50%) rotate(9deg) translateY(9px); }
  .ace-card-masthead { top: 10px; right: 8px; left: 10px; min-height: 25px; gap: 4px; padding-right: 43px; font-size: .4rem; }
  .ace-card-masthead img { width: 25px; height: 21px; }
  .ace-card-number { padding: 3px 4px; font-size: .39rem; }
  .team-roster article.ace-card h3 { right: 11px; bottom: 16px; left: 11px; font-size: .76rem; }
  .team-roster article.ace-card p,
  .team-roster .ace-card-stats { display: none; }
  .ace-stat { gap: 2px; padding: 3px; }
  .ace-stat b { font-size: .72rem; }
  .ace-stat small { font-size: .37rem; }
  .team-card-viewer-content .team-card.ace-card { width: auto; height: min(76vh, 650px); max-width: calc(100vw - 28px); }
  .team-card-viewer-content .ace-card-masthead { top: 18px; right: 20px; left: 20px; padding-right: 55px; font-size: .62rem; }
  .team-card-viewer-content .ace-card-masthead img { width: 38px; height: 32px; }
  .team-card-viewer-content .ace-card-number { font-size: .6rem; }
  .team-card-viewer-content .team-card.ace-card h3 { right: 108px; bottom: 126px; left: 22px; max-height: 2.1em; font-size: clamp(1.45rem, 6vw, 2.2rem); }
  .team-card-viewer-content .team-card.ace-card p { right: 108px; bottom: 38px; left: 22px; max-height: 4.2em; font-size: .78rem; }
  .team-card-viewer-content .ace-card-stats { top: 30%; right: 19px; bottom: 22%; width: 66px; gap: 7px; padding-left: 8px; }
  .team-card-viewer-content .ace-stat { gap: 2px; padding: 5px 6px; }
  .team-card-viewer-content .ace-stat b { font-size: 1.05rem; }
  .team-card-viewer-content .ace-stat small { font-size: .43rem; }
}
@media (max-width: 380px) {
  .team-roster { height: 326px; }
  .team-roster article.ace-card { width: clamp(102px, 31vw, 118px); }
  .team-roster .ace-card-1 { left: 21.5%; }
  .team-roster .ace-card-2 { left: 40%; }
  .team-roster .ace-card-3 { left: 60%; }
  .team-roster .ace-card-4 { left: 78.5%; }
  .team-roster .ace-card-number { right: 0; }
  .team-roster article.ace-card p { font-size: .47rem; }
  .ace-card-masthead { padding-right: 30px; font-size: .36rem; }
  .ace-card-masthead img { width: 21px; }
  .ace-stat b { font-size: .65rem; }
  .ace-stat small { font-size: .34rem; }
}

/* Mobile tap view: keep the same full-bleed collectible design as desktop. */
@media (max-width: 640px) {
  .team-card-viewer-content .mobile-card-expanded.ace-card {
    width: min(88vw, 390px);
    height: auto;
    aspect-ratio: .68;
    max-width: calc(100vw - 28px);
    max-height: calc(100dvh - 82px);
  }
  .team-card-viewer-content .team-card.mobile-card-expanded.ace-card .team-portrait {
    position: absolute;
    inset: 0 0 auto;
    width: 100%;
    height: 76%;
    margin: 0;
  }
  .team-card-viewer-content .team-card.mobile-card-expanded.ace-card h3 {
    right: 102px;
    bottom: 88px;
    left: 18px;
    display: block;
    max-height: none;
    overflow: visible;
    font-size: clamp(1rem, 4.8vw, 1.3rem);
    line-height: 1.08;
    -webkit-line-clamp: unset;
  }
  .team-card-viewer-content .team-card.mobile-card-expanded.ace-card p {
    right: 102px;
    bottom: 15px;
    left: 18px;
    display: block;
    max-height: none;
    overflow: visible;
    font-size: clamp(.65rem, 2.8vw, .76rem);
    line-height: 1.28;
    -webkit-line-clamp: unset;
  }
  .team-card-viewer-content .mobile-card-expanded .ace-card-stats {
    top: 27%;
    right: 13px;
    bottom: 29%;
    width: 68px;
    gap: 7px;
    padding: 6px 0 6px 8px;
  }
  .team-card-viewer-content .mobile-card-expanded .ace-stat { gap: 2px; padding: 4px 5px; }
  .team-card-viewer-content .mobile-card-expanded .ace-stat b { font-size: 1rem; }
  .team-card-viewer-content .mobile-card-expanded .ace-stat small { font-size: clamp(.36rem, 1.8vw, .46rem); letter-spacing: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .team-section { transition: none; }
  .team-roster article.ace-card { transition: none; }
  .team-roster article.ace-card:hover,
  .team-roster article.ace-card:focus-visible {
    width: clamp(306px, 40.5vw, 439.5px);
    height: 675px;
    top: calc(clamp(20px, 4vw, 42px) - 86px);
    margin-left: calc(clamp(306px, 40.5vw, 439.5px) / -2);
    translate: 0 0 0;
    transform: none;
    transform-style: flat;
  }
}

/* Coach-specific collectible: portrait, tactical mini-board and nameplate. */
.team-roster article.ace-card { background: #f5f0df; }
.team-roster article.ace-card::before { border-color: #fff9df; }
.team-roster article.ace-card::after { background: linear-gradient(180deg, #08152b70 0%, #08152b00 25%, #08152b00 72%, #08152b14 100%); }
.team-roster article.ace-card .team-portrait { inset: 0 0 auto; height: 76%; overflow: hidden; }
.team-roster article.ace-card .team-portrait::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(180deg, #08152b35 0%, transparent 26%, transparent 66%, #08152b8c 100%);
  content: "";
  pointer-events: none;
}
.ace-card-tactics {
  position: absolute;
  z-index: 3;
  top: 57px;
  right: 13px;
  width: 43px;
  height: 56px;
  padding: 3px;
  border: 1px solid #fff3c6b8;
  border-radius: 4px;
  background: #10213db8;
  filter: drop-shadow(0 2px 5px #07152c75);
}
.ace-card-tactics::before {
  position: absolute;
  inset: 3px;
  border: 1px solid #fff3c6;
  background:
    linear-gradient(#fff3c6, #fff3c6) center / 100% 1px no-repeat,
    linear-gradient(#fff3c6, #fff3c6) center / 1px 100% no-repeat,
    radial-gradient(circle, transparent 0 43%, #fff3c6 46% 52%, transparent 55%) center / 14px 14px no-repeat;
  content: "";
  pointer-events: none;
}
.ace-card-tactics::after {
  position: absolute;
  top: 3px;
  left: 26%;
  width: 48%;
  height: 14%;
  border: 1px solid #fff3c6;
  border-top: 0;
  content: "";
  pointer-events: none;
}
.ace-card-tactics .tactic-player {
  position: absolute;
  z-index: 1;
  width: 5px;
  height: 5px;
  border: 1px solid #fff7dc;
  border-radius: 50%;
  background: #e3bd5d;
  box-shadow: 0 0 4px #07152c;
}
.ace-card-tactics .tactic-player:nth-child(1) { top: 18%; left: 50%; }
.ace-card-tactics .tactic-player:nth-child(2) { top: 36%; left: 27%; }
.ace-card-tactics .tactic-player:nth-child(3) { top: 36%; left: 73%; }
.ace-card-tactics .tactic-player:nth-child(4) { top: 61%; left: 37%; }
.ace-card-tactics .tactic-player:nth-child(5) { top: 61%; left: 63%; }
.ace-card-tactics .tactic-player:nth-child(6) { top: 79%; left: 50%; }
.team-roster article.ace-card h3 {
  right: 14px;
  bottom: 49px;
  left: 14px;
  padding: 5px 7px 4px;
  border-left: 3px solid #c5a45f;
  background: linear-gradient(105deg, #fff9e9, #e8d49a);
  color: #172744;
  text-shadow: none;
}
.team-roster article.ace-card p { right: 16px; bottom: 10px; left: 17px; color: #263a55; text-shadow: none; }
.team-card-viewer-content .team-card.ace-card { border-color: #d1b66d; background: #f5f0df; }
.team-card-viewer-content .team-card.ace-card::after { background: linear-gradient(180deg, #08152b70 0%, #08152b00 25%, #08152b00 72%, #08152b14 100%); }
.team-card-viewer-content .team-card.ace-card .team-portrait { inset: 0 0 auto; height: 76%; }
.team-card-viewer-content .ace-card-tactics { top: 74px; right: 29px; width: 60px; height: 78px; padding: 5px; }
.team-card-viewer-content .team-card.ace-card h3 {
  right: 24px;
  bottom: 102px;
  left: 24px;
  padding: 7px 11px;
  border-left: 4px solid #c5a45f;
  background: linear-gradient(105deg, #fff9e9, #e8d49a);
  color: #172744;
  text-shadow: none;
}
.team-card-viewer-content .team-card.ace-card p { right: 28px; bottom: 23px; left: 32px; color: #263a55; text-shadow: none; }
.team-card-viewer-content .ace-card-stats { bottom: 28%; }
@media (max-width: 640px) {
  .team-roster article.ace-card .team-portrait { height: 77%; }
  .ace-card-tactics { top: 43px; right: 9px; width: 31px; height: 42px; padding: 2px; }
  .team-roster article.ace-card h3 { right: 9px; bottom: 15px; left: 9px; padding: 3px 4px; font-size: .7rem; }
  .team-card-viewer-content .team-card.ace-card .team-portrait { inset: 0 0 auto; height: 76%; }
  .team-card-viewer-content .ace-card-tactics { top: 66px; right: 21px; width: 49px; height: 63px; padding: 4px; }
  .team-card-viewer-content .team-card.ace-card h3 { right: 18px; bottom: 92px; left: 18px; padding: 5px 7px; }
  .team-card-viewer-content .team-card.ace-card p { right: 22px; bottom: 20px; left: 26px; }
  .team-card-viewer-content .ace-card-stats { top: 27%; right: 18px; bottom: 34%; }
}

/* The Skill3 mark remains legible over the coach portrait. */
.ace-card-masthead img {
  width: 54px;
  height: 46px;
  filter: brightness(0) invert(1) drop-shadow(0 2px 6px #07152ccc);
}
.team-card-viewer-content .ace-card-masthead img { width: 78px; height: 66px; }
@media (max-width: 640px) {
  .team-roster .ace-card-masthead img { width: 44px; height: 38px; }
  .team-roster .ace-card-masthead span { display: none; }
  .team-card-viewer-content .ace-card-masthead span { display: inline; }
  .team-card-viewer-content .ace-card-masthead img { width: 64px; height: 54px; }
}
@media (max-width: 380px) {
  .team-roster .ace-card-masthead img { width: 40px; height: 35px; }
}