/* The Pioneer starter squad uses the existing, complete character artwork. */
.pack-squad{margin:25px 0 8px;}
.pack-squad-heading{margin-bottom:15px;}
.pack-squad-heading h4{font-family:var(--display);font-size:17px;line-height:1.4;color:#f1dbab;letter-spacing:.2px;}
.pack-squad-heading p{font-size:11px;line-height:1.7;margin-top:4px;color:#aac9b6;}
.pack-squad-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.pack-hero{position:relative;isolation:isolate;min-width:0;margin:0;border:1px solid #a58e598f;background:linear-gradient(140deg,#25382d,#0b171b 70%);box-shadow:inset 0 1px 0 #f7e4b642,inset 0 -3px 0 #0009,0 9px 20px #0004;}
.pack-hero::after{content:'';position:absolute;z-index:4;inset:4px;border:1px solid #ddc08a24;pointer-events:none;}
.pack-hero-s{border-color:#f0cd86;box-shadow:inset 0 1px 0 #fff3c976,inset 0 -3px 0 #63472280,0 0 24px #d6a34518,0 9px 20px #0005;}
.pack-hero-stage{position:relative;isolation:isolate;aspect-ratio:4/5;overflow:hidden;background:#0a1517;}
.pack-hero-realm{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;opacity:.48;}
.pack-hero-stage::before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 47%,color-mix(in srgb,var(--pack-element) 16%,transparent),transparent 70%),linear-gradient(#0713163b,transparent 40%,#081416);}
.pack-hero-figure{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;transform:scale(1.48);filter:drop-shadow(0 5px 7px #0009);}
.pack-hero-rank{position:absolute;z-index:3;top:10px;left:10px;padding:3px 9px;border:1px solid #acdabb80;background:linear-gradient(135deg,#214c39,#0d241a);box-shadow:inset 0 1px 0 #dbffda35,0 3px 9px #0008;color:#d9eed7;font-family:var(--display);font-size:11px;font-weight:600;line-height:1.5;text-transform:uppercase;letter-spacing:.4px;}
.pack-hero-s .pack-hero-rank{border-color:#ffe4a3;background:linear-gradient(125deg,#fae3a3,#c29848);box-shadow:inset 0 1px 0 #fff9,0 3px 9px #0008;color:#37230a;}
.pack-hero figcaption{position:relative;z-index:2;display:grid;justify-items:center;gap:5px;min-height:67px;padding:8px 8px 13px;border-top:1px solid #bd9b513b;background:linear-gradient(#0b171d,#0f241d);}
.pack-hero figcaption>strong{font-family:var(--hero-name);font-size:clamp(14px,1.45vw,18px);font-weight:700;line-height:1.3;letter-spacing:.1px;color:#f2dba3;text-shadow:0 1px 0 #724f24,0 3px 8px #0009;}
.pack-hero-element{display:flex;justify-content:center;align-items:center;gap:5px;min-width:0;max-width:100%;font-size:10px;line-height:1.5;color:#c1d4c6;text-align:center;}
.pack-hero-element img{width:20px;height:20px;flex:none;object-fit:contain;}
.pack-hero-element span{min-width:0;}
.pack-inherited-squad{display:block;margin-top:4px;font-size:11px;line-height:1.65;color:#abcdb9;}
@media(min-width:621px) and (max-width:800px){
 .pack-squad-grid{gap:9px;}.pack-hero-rank{top:8px;left:8px;padding:2px 6px;font-size:10px;}
 .pack-hero figcaption{padding-inline:7px;}.pack-hero-element{gap:3px;font-size:10px;}.pack-hero-element img{width:17px;height:17px;}
}
@media(max-width:620px){
 .pack-squad{margin-top:23px;}.pack-squad-heading h4{font-size:18px;}
 .pack-hero figcaption>strong{font-size:clamp(14px,4.1vw,19px);}.pack-hero-element{font-size:11px;}
}
@media(max-width:360px){.pack-squad-grid{gap:9px;}.pack-hero-rank{padding-inline:6px;font-size:10px;}.pack-hero-element{font-size:10px;gap:3px;}.pack-hero-element img{width:17px;height:17px;}}