/* Approved Esencial design, shared by all card surfaces. */
.card.essential-card{--ec-accent:#c0c8bd;--ec-muted:#d4dbd1;--ec-line:#ffffff30;display:flex;flex-direction:column;min-width:0;width:100%;max-width:none;margin:0;padding:21px 22px;border:1px solid #ffffff36;border-radius:15px;background:linear-gradient(140deg,#465047,#242c26);color:#f5f6ef;box-shadow:none;isolation:isolate;overflow:hidden}
.card.essential-card:before{background:linear-gradient(125deg,#ffffff0c,transparent 55%)}
.card.essential-card[data-rarity="1"]{--ec-accent:#bcf2bf;background:linear-gradient(135deg,#28855c,#11543a 68%,#163c2c);border-color:#77c894}
.card.essential-card[data-rarity="2"]{--ec-accent:#ead5ff;background:linear-gradient(135deg,#8751b8,#5e278f 66%,#371952);border-color:#c69ce5}
.card.essential-card[data-rarity="3"]{--ec-accent:#f5d688;--ec-line:#e8c77f56;--ec-muted:#e7d6ad;background:linear-gradient(126deg,#b18a3d 0%,#d8b96b 5%,#343025 25%,#131714 52%,#0b100d 82%,#8e6a2b 100%);border-color:#cfab5d;box-shadow:none}
.essential-head{display:flex;justify-content:space-between;align-items:flex-start;gap:9px}.essential-rating{font:800 66px/1 Arial,sans-serif;letter-spacing:-4px;color:#fff7e4;font-variant-numeric:tabular-nums}.essential-position{font:700 15px Arial,sans-serif;letter-spacing:1px;margin-top:5px}.essential-rarity{font:700 10px Arial,sans-serif;letter-spacing:1.3px;text-transform:uppercase;color:var(--ec-accent);padding-top:2px}.essential-identity{margin:18px 0 20px}.essential-name{font:700 22px/1.12 Arial,sans-serif;letter-spacing:-.5px;margin:0;overflow-wrap:anywhere;text-transform:none;white-space:normal}.essential-club{font-size:11px;color:var(--ec-muted);margin-top:7px;line-height:1.4}.essential-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 9px;border-top:1px solid var(--ec-line);padding-top:16px;margin-top:auto}.essential-stats>div{display:flex;align-items:baseline;gap:6px}.essential-stats b{font:700 23px Arial,sans-serif;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.essential-stats span{font:10px Arial,sans-serif;letter-spacing:.4px;color:var(--ec-muted)}.essential-actions{padding-top:18px}.essential-actions button{width:100%;font-size:11px;padding:9px 8px;border:1px solid var(--ec-line);background:#00000024;color:inherit}.essential-actions button:hover{background:#ffffff16}
.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.grid>.essential-card{min-height:300px}.hero-art .card.essential-card{width:285px;transform:none;margin:0 0 22px;box-shadow:0 20px 45px #0005}.hero-art .hero-tag{bottom:0}.details{grid-template-columns:minmax(240px,290px) minmax(0,1fr)}.details .essential-card{min-height:305px}
@media(max-width:700px){.hero{grid-template-columns:1fr;gap:28px}.hero-art .card.essential-card{width:100%;max-width:320px}.hero-art:before{display:none}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.details{grid-template-columns:1fr}.details .essential-card{max-width:320px;margin:auto}}
@media(max-width:420px){.grid{grid-template-columns:1fr}.grid>.essential-card{max-width:340px;margin:0 auto}.card.essential-card{padding:20px}.essential-rarity{letter-spacing:1px}}

.hero:has(.hero-duo){grid-template-columns:1fr 1.2fr;gap:26px}.hero-duo{gap:16px;padding-bottom:25px}.hero-duo .card.essential-card{width:calc((100% - 16px)/2);min-width:0;max-width:285px;align-self:center;margin:0}.hero-duo .essential-card h3{overflow-wrap:normal}.hero-duo .hero-tag{font-size:8px;letter-spacing:1px}@media(min-width:701px) and (max-width:1150px){.hero:has(.hero-duo){grid-template-columns:1fr}.hero-duo{justify-content:flex-start}.hero-duo .card.essential-card{width:calc((100% - 16px)/2);max-width:285px}}@media(max-width:700px){.hero:has(.hero-duo){grid-template-columns:1fr}.hero-duo{flex-wrap:wrap;justify-content:center}.hero-duo .card.essential-card{width:calc((100% - 16px)/2);max-width:285px}}@media(max-width:450px){.hero-duo .card.essential-card{width:100%;max-width:285px}.hero-duo{padding-bottom:32px}}

.hero .hero-unique{border-left:3px solid var(--acid);padding-left:12px;margin:16px 0;color:#d7e2d7;font-size:12px;max-width:370px}.hero-unique strong{color:var(--acid);font-size:15px}


.hero:has(.hero-stars){grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:26px;align-items:center}.hero-stars{min-width:0;position:relative;z-index:1}.hero-stars-heading{margin-bottom:12px}.hero-stars-heading strong{font-size:14px}.hero-stars-heading small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.hero-stars-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.hero-stars-grid>.card.essential-card{width:100%;min-width:0;min-height:135px;margin:0;padding:8px;border-radius:8px;transform:none}.hero-stars-grid .essential-head{gap:3px}.hero-stars-grid .essential-rating{font-size:27px;letter-spacing:-1px}.hero-stars-grid .essential-position{font-size:7px;letter-spacing:.4px;margin-top:2px}.hero-stars-grid .essential-rarity{font-size:5px;letter-spacing:.2px;padding-top:2px}.hero-stars-grid .essential-identity{margin:7px 0}.hero-stars-grid .essential-name{font-size:10px;line-height:1.15;letter-spacing:-.2px;min-height:23px;overflow-wrap:normal}.hero-stars-grid .essential-club{font-size:7px;line-height:1.2;margin-top:3px;min-height:17px}.hero-stars-grid .essential-stats{gap:5px 2px;padding-top:6px}.hero-stars-grid .essential-stats>div{gap:2px;flex-wrap:wrap}.hero-stars-grid .essential-stats b{font-size:10px;letter-spacing:0}.hero-stars-grid .essential-stats span{font-size:5px;letter-spacing:0}@media(max-width:1050px){.hero:has(.hero-stars){grid-template-columns:1fr}.hero-stars-grid>.card.essential-card{min-height:140px}.hero-stars-grid .essential-name{font-size:11px}}@media(max-width:600px){.hero-stars-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.hero-stars-grid>.card.essential-card{padding:6px}.hero-stars-grid .essential-name{font-size:9px}.hero-stars-grid .essential-rarity{font-size:4px}}@media(max-width:400px){.hero-stars-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

.hero:has(.hero-stars) h1{font-size:clamp(38px,3.9vw,64px)}

.league-switch{display:flex;gap:6px;margin-bottom:12px}.league-switch button{font-size:10px;padding:7px 11px}.league-switch [aria-pressed="true"]{background:var(--acid);color:#152017;border-color:var(--acid);font-weight:800}

/* Five leagues */
.league-switch{flex-wrap:wrap;gap:6px}

/* Effective lineup ratings */
.player-token.in-position b{background:#80e5ac;color:#103522;border-color:#b6f5cd}.player-token.out-of-position b{background:#ff7e7e;color:#451818;border-color:#ffb3b3}.player-token small{white-space:nowrap}.player-token.out-of-position small{color:#ffb0b0}.squad-row.in-position .num{color:#80e5ac}.squad-row.out-of-position .num,.squad-row.out-of-position small{color:#ff9292}
.squad-pitch .player-token small{white-space:normal;max-width:72px;min-width:60px;line-height:1.3;padding:3px 4px}