.matchCharacterLayer{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;min-height:100dvh;overflow:hidden;padding:max(14px,env(safe-area-inset-top)) 10px max(14px,env(safe-area-inset-bottom));isolation:isolate;opacity:0;animation:mcr-layer-in .38s ease-out forwards;font-family:"Syne",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--accent:#e7c58d;--accent2:#fff0c9;--card1:#b79262;--card2:#6f5033;--card3:#211811;--mist:rgba(223,177,111,.2)}
.matchCharacterLayer:before{content:"";position:absolute;inset:0;z-index:-4;background:rgba(5,4,4,.66);backdrop-filter:blur(14px) saturate(.82);-webkit-backdrop-filter:blur(14px) saturate(.82)}
.matchCharacterLayer:after{content:"";position:absolute;inset:-12%;z-index:-3;background:radial-gradient(circle at 68% 12%,var(--mist),transparent 30%),radial-gradient(circle at 18% 82%,rgba(70,45,27,.26),transparent 38%),linear-gradient(155deg,#130e0a 0%,#251a11 48%,#0b0908 100%)}
.matchCharacterLayer.argilore{--accent:#eac58a;--accent2:#fff2cf;--mist:rgba(241,197,126,.22)}
.matchCharacterLayer.akelarre{--accent:#c54a3e;--accent2:#e9a072;--mist:rgba(130,20,26,.26)}
.matchCharacterLayer.akelarre:after{background:radial-gradient(circle at 73% 15%,var(--mist),transparent 29%),radial-gradient(circle at 16% 78%,rgba(93,14,22,.22),transparent 35%),linear-gradient(150deg,#030304 0%,#0c0708 52%,#020203 100%)}
.argilore.activity-cafe{--card1:#c29a6c;--card2:#7d5635;--card3:#2c1c12;--accent:#efc98d;--mist:rgba(238,184,111,.26)}
.argilore.activity-brunch{--card1:#d1a278;--card2:#8b5944;--card3:#321d19;--accent:#ffd8a5;--mist:rgba(255,194,147,.25)}
.argilore.activity-gym,.argilore.activity-deporte{--card1:#b7a17a;--card2:#5f5b4c;--card3:#1b1c19;--accent:#ead7a0;--mist:rgba(204,190,137,.21)}
.argilore.activity-cine_evento,.argilore.activity-evento{--card1:#9f816d;--card2:#57414a;--card3:#181117;--accent:#e7bf9e;--mist:rgba(179,129,120,.2)}
.argilore.activity-conocer_gente,.argilore.activity-match{--card1:#c4a373;--card2:#755638;--card3:#251a12;--accent:#f1d19d}
.akelarre.activity-drinks{--card1:#70201e;--card2:#2a0b0d;--card3:#050506;--accent:#d85647;--accent2:#f0a175;--mist:rgba(137,22,23,.3)}
.akelarre.activity-cena{--card1:#5b4734;--card2:#181311;--card3:#030303;--accent:#c89459;--accent2:#e8c38a;--mist:rgba(122,90,52,.22)}
.akelarre.activity-fiesta{--card1:#891a20;--card2:#2b050a;--card3:#020203;--accent:#f04445;--accent2:#ff7a5e;--mist:rgba(170,15,31,.31)}
.akelarre.activity-cita{--card1:#6d2330;--card2:#260b13;--card3:#030304;--accent:#dc5b67;--accent2:#ef9b91;--mist:rgba(143,30,52,.27)}
.akelarre.activity-casual{--card1:#443033;--card2:#17090d;--card3:#030303;--accent:#b44a49;--accent2:#d88771;--mist:rgba(110,28,35,.22)}
.mcrAtmosphere{position:absolute;inset:-22%;z-index:-2;pointer-events:none;opacity:.78;background:radial-gradient(ellipse at 52% 4%,rgba(255,240,207,.1),transparent 29%),radial-gradient(ellipse at 13% 54%,var(--mist),transparent 37%);filter:blur(18px);animation:mcr-breathe 9s ease-in-out infinite alternate}
.akelarre .mcrAtmosphere{filter:blur(28px);opacity:.86}
.mcrClose{position:absolute;top:max(14px,env(safe-area-inset-top));right:14px;z-index:12;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.17);background:rgba(0,0,0,.28);color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.mcrStage{width:100%;height:100%;min-height:0;display:grid;place-items:center;perspective:1600px}
.mcrCardWrap{position:relative;width:min(77vw,346px);height:min(63dvh,556px);max-height:calc(100dvh - max(86px,env(safe-area-inset-top)) - max(44px,env(safe-area-inset-bottom)));animation:mcr-enter .55s cubic-bezier(.16,.78,.18,1) both,mcr-expand .9s cubic-bezier(.18,.72,.16,1) 3.75s forwards;will-change:width,height,transform}
.mcrCard{position:absolute;inset:0;transform-style:preserve-3d}.mcrFace{position:absolute;inset:0;overflow:hidden;border-radius:30px;box-shadow:0 30px 90px rgba(0,0,0,.5);border:1px solid color-mix(in srgb,var(--accent) 52%,rgba(255,255,255,.15));-webkit-backface-visibility:hidden;backface-visibility:hidden}
.mcrBack{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#fff7e7;background:linear-gradient(145deg,var(--card1) 0%,var(--card2) 48%,var(--card3) 100%);transform:rotateY(0);opacity:1}
.mcrBack:before,.mcrBack:after{content:"";position:absolute;border-radius:24px;pointer-events:none}.mcrBack:before{inset:16px;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 0 0 1px rgba(0,0,0,.16)}.mcrBack:after{inset:23px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}
.mcrBackHalo{position:absolute;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),transparent 67%);filter:blur(2px)}
.mcrSigil{position:relative;z-index:2;width:92px;height:92px;display:grid;place-items:center;color:var(--accent2);filter:drop-shadow(0 8px 22px color-mix(in srgb,var(--accent) 32%,transparent))}
.mcrSigilSvg{width:82px;height:82px;overflow:visible}
.mcrBackBrand{position:relative;z-index:2;font-family:Georgia,"Times New Roman",serif;font-size:17px;letter-spacing:.23em;text-indent:.23em;white-space:nowrap}.mcrBackCaption{position:relative;z-index:2;font-size:8px;letter-spacing:.24em;text-transform:uppercase;opacity:.7}.mcrBackRule{position:relative;z-index:2;width:44px;height:1px;background:var(--accent);opacity:.72}
.mcrFront{transform:rotateY(-88deg) scale(.985);opacity:0;background:#080707;color:#fff8f1}.mcrCard.photo-ready .mcrBack{animation:mcr-back-out 1.02s cubic-bezier(.2,.66,.16,1) .72s forwards}.mcrCard.photo-ready .mcrFront{animation:mcr-front-in 1.06s cubic-bezier(.2,.7,.16,1) 1.22s forwards}
.mcrPhoto,.mcrPhotoFallback{position:absolute;inset:0;width:100%;height:100%}.mcrPhoto{display:block;object-fit:cover;object-position:center;background:#0d0b0b}.mcrPhotoFallback{display:grid;place-items:center;font-family:Georgia,"Times New Roman",serif;font-size:90px;background:linear-gradient(145deg,var(--card1),var(--card2) 55%,var(--card3));color:var(--accent2)}
.mcrShade{position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(0,0,0,.16) 0%,rgba(0,0,0,.02) 34%,rgba(0,0,0,.24) 57%,rgba(0,0,0,.89) 100%)}.argilore .mcrShade{background:linear-gradient(to bottom,rgba(58,36,20,.14) 0%,rgba(20,12,8,.01) 34%,rgba(28,18,10,.22) 57%,rgba(19,13,9,.88) 100%)}
.mcrSpecular{position:absolute;z-index:2;inset:-20% -70%;pointer-events:none;transform:translateX(-58%) rotate(14deg);background:linear-gradient(90deg,transparent 42%,rgba(255,255,255,.08) 49%,rgba(255,255,255,.24) 50%,rgba(255,255,255,.06) 52%,transparent 59%);opacity:0}.mcrCard.photo-ready .mcrSpecular{animation:mcr-specular .72s ease-out 2.05s both}
.mcrEditorial{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;padding:22px 20px 132px;opacity:0;transform:translateY(12px)}.mcrCard.photo-ready .mcrEditorial{animation:mcr-copy-in .6s cubic-bezier(.18,.72,.16,1) 2.28s forwards}
.mcrMasthead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mcrBrand{font-family:Georgia,"Times New Roman",serif;font-size:clamp(25px,7.1vw,36px);line-height:.95;letter-spacing:.05em;text-shadow:0 3px 20px rgba(0,0,0,.32)}.mcrIssue{font-size:9px;letter-spacing:.14em;opacity:.82;margin-top:5px;white-space:nowrap}
.mcrCharacter{margin-top:auto;display:flex;flex-direction:column;gap:5px;text-transform:uppercase;text-shadow:0 2px 18px rgba(0,0,0,.55)}.mcrCharacter strong{font-family:Georgia,"Times New Roman",serif;font-size:21px;font-weight:500;letter-spacing:.02em}.mcrCharacter>span{font-size:9px;letter-spacing:.13em;color:rgba(255,248,240,.76)}.mcrInterests{margin-top:3px;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mcrCopy{margin-top:18px}.mcrCopy h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(27px,8.1vw,41px);font-weight:400;line-height:.93;letter-spacing:-.025em;max-width:294px}.akelarre .mcrCopy h1{color:color-mix(in srgb,var(--accent) 84%,#fff)}.mcrCopy p{margin:8px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:13px;font-style:italic;color:rgba(255,248,240,.72)}
.mcrActions{position:absolute;left:16px;right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:6;display:grid;grid-template-columns:1.08fr .92fr;gap:9px;opacity:0;transform:translateY(10px)}.mcrCard.photo-ready .mcrActions{animation:mcr-actions-in .5s ease-out 2.72s forwards}.mcrActions button{min-height:49px;border-radius:999px;padding:0 14px;font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.08em;white-space:nowrap}.mcrPrimary{border:1px solid transparent;background:var(--accent2);color:#18110c;box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 21%,transparent)}.akelarre .mcrPrimary{background:var(--accent);color:#fff}.mcrSecondary{border:1px solid rgba(255,255,255,.38);background:rgba(0,0,0,.26);color:#fff;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
@keyframes mcr-layer-in{to{opacity:1}}@keyframes mcr-enter{from{opacity:0;transform:translate3d(0,52px,-110px) scale(.9)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}@keyframes mcr-back-out{0%{transform:rotateY(0) scale(1);opacity:1}62%{transform:rotateY(72deg) scale(.988);opacity:1}78%,100%{transform:rotateY(88deg) scale(.982);opacity:0}}@keyframes mcr-front-in{0%,18%{transform:rotateY(-88deg) scale(.982);opacity:0}35%{opacity:1}100%{transform:rotateY(0) scale(1);opacity:1}}@keyframes mcr-specular{0%{opacity:0;transform:translateX(-58%) rotate(14deg)}20%{opacity:.7}100%{opacity:0;transform:translateX(58%) rotate(14deg)}}@keyframes mcr-copy-in{to{opacity:1;transform:translateY(0)}}@keyframes mcr-actions-in{to{opacity:1;transform:translateY(0)}}@keyframes mcr-expand{to{width:min(calc(100vw - 18px),540px);height:calc(100dvh - max(18px,env(safe-area-inset-top)) - max(18px,env(safe-area-inset-bottom)));max-height:880px}}@keyframes mcr-breathe{from{transform:translate3d(-1.5%,0,0) scale(1)}to{transform:translate3d(1.5%,-1%,0) scale(1.045)}}
@media(max-width:380px){.mcrCardWrap{width:min(80vw,320px);height:min(61dvh,510px)}.mcrEditorial{padding:19px 17px 126px}.mcrActions{left:13px;right:13px;gap:7px}.mcrActions button{font-size:9px;padding:0 10px}}@media(min-width:430px){.mcrCardWrap{width:min(75vw,378px);height:min(65dvh,615px)}}@media(prefers-reduced-motion:reduce){.matchCharacterLayer,.mcrAtmosphere,.mcrCardWrap,.mcrBack,.mcrFront,.mcrSpecular,.mcrEditorial,.mcrActions{animation:none!important}.matchCharacterLayer{opacity:1}.mcrCardWrap{width:min(calc(100vw - 18px),540px);height:calc(100dvh - max(18px,env(safe-area-inset-top)) - max(18px,env(safe-area-inset-bottom)));max-height:880px;transform:none}.mcrBack{display:none}.mcrFront{transform:none;opacity:1}.mcrEditorial,.mcrActions{opacity:1;transform:none}.mcrSpecular{display:none}}

/* V37 — editorial Match cover aligned to ARGILORE / AKELARRE */
.matchCharacterLayer.argilore{
  --accent:#f39a4c;
  --accent2:#ffd3a5;
  --card1:#f3a05c;
  --card2:#9b5830;
  --card3:#1a100b;
  --mist:rgba(243,154,76,.28);
}
.matchCharacterLayer.akelarre{
  --accent:#b67cff;
  --accent2:#e6d1ff;
  --card1:#6f3aac;
  --card2:#2b123f;
  --card3:#07050a;
  --mist:rgba(182,124,255,.28);
}
.matchCharacterLayer.argilore:after{
  background:
    radial-gradient(circle at 74% 12%,rgba(243,154,76,.24),transparent 30%),
    radial-gradient(circle at 14% 82%,rgba(255,207,151,.12),transparent 34%),
    linear-gradient(154deg,#1d120c 0%,#3b2417 48%,#0d0907 100%);
}
.matchCharacterLayer.akelarre:after{
  background:
    radial-gradient(circle at 74% 13%,rgba(182,124,255,.27),transparent 30%),
    radial-gradient(circle at 13% 82%,rgba(111,58,172,.20),transparent 35%),
    linear-gradient(152deg,#08050c 0%,#160a22 50%,#030205 100%);
}
.matchCharacterLayer.argilore .mcrAtmosphere{
  background:
    radial-gradient(ellipse at 54% 3%,rgba(255,219,173,.14),transparent 29%),
    radial-gradient(ellipse at 14% 56%,rgba(243,154,76,.22),transparent 38%);
}
.matchCharacterLayer.akelarre .mcrAtmosphere{
  background:
    radial-gradient(ellipse at 54% 3%,rgba(230,209,255,.12),transparent 29%),
    radial-gradient(ellipse at 14% 56%,rgba(182,124,255,.22),transparent 38%);
}
.matchCharacterLayer .mcrCardWrap{
  width:min(79vw,354px);
  height:min(65dvh,574px);
}
.matchCharacterLayer .mcrFace{
  border-radius:32px;
  border-color:color-mix(in srgb,var(--accent) 52%,rgba(255,255,255,.14));
}
.matchCharacterLayer .mcrBack{
  background:
    radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--accent2) 10%,transparent),transparent 33%),
    linear-gradient(148deg,var(--card1) 0%,var(--card2) 48%,var(--card3) 100%);
}
.matchCharacterLayer .mcrBackBrand{
  color:var(--accent2);
  font-size:18px;
  letter-spacing:.20em;
}
.matchCharacterLayer .mcrBackCaption{
  color:rgba(255,255,255,.72);
  font-weight:900;
}
.matchCharacterLayer .mcrFront:after{
  content:"MATCH EDITION";
  position:absolute;
  z-index:4;
  top:48%;
  right:-38px;
  transform:rotate(90deg);
  color:rgba(255,255,255,.30);
  font-size:7px;
  font-weight:900;
  letter-spacing:.22em;
  pointer-events:none;
}
.matchCharacterLayer .mcrShade{
  background:
    linear-gradient(to bottom,rgba(0,0,0,.13) 0%,rgba(0,0,0,.01) 32%,rgba(0,0,0,.16) 53%,rgba(5,4,6,.93) 100%);
}
.matchCharacterLayer.argilore .mcrShade{
  background:
    linear-gradient(to bottom,rgba(57,31,15,.08) 0%,rgba(15,8,5,.01) 34%,rgba(38,21,11,.15) 55%,rgba(16,10,7,.92) 100%);
}
.matchCharacterLayer .mcrEditorial{
  padding:22px 20px 134px;
}
.matchCharacterLayer .mcrMasthead{
  align-items:center;
}
.matchCharacterLayer .mcrBrand{
  color:var(--accent2);
  font-size:clamp(26px,7.2vw,37px);
  letter-spacing:.035em;
}
.matchCharacterLayer.argilore .mcrBrand{
  color:#ffc17f;
}
.matchCharacterLayer.akelarre .mcrBrand{
  color:#d7b2ff;
}
.matchCharacterLayer .mcrIssue{
  padding:6px 8px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:999px;
  background:rgba(0,0,0,.20);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  font-size:7.5px;
  font-weight:900;
}
.matchCharacterLayer .mcrMatchType{
  align-self:flex-start;
  margin-top:12px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--accent) 42%,rgba(255,255,255,.18));
  background:rgba(8,6,10,.25);
  color:#fff;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  font-size:7.5px;
  font-weight:950;
  letter-spacing:.12em;
}
.matchCharacterLayer .mcrMatchType i{
  color:var(--accent);
  font-style:normal;
  font-size:11px;
}
.matchCharacterLayer .mcrCharacter{
  gap:4px;
}
.matchCharacterLayer .mcrCharacter strong{
  font-size:23px;
  line-height:1;
}
.matchCharacterLayer .mcrCharacter>span{
  font-size:8.5px;
}
.matchCharacterLayer .mcrCopy{
  margin-top:15px;
}
.matchCharacterLayer .mcrCopy h1{
  max-width:305px;
  font-size:clamp(32px,9.4vw,47px);
  line-height:.88;
  letter-spacing:-.04em;
  color:#fff;
}
.matchCharacterLayer.argilore .mcrCopy h1{
  color:#fff7ef;
}
.matchCharacterLayer.akelarre .mcrCopy h1{
  color:#f0e3ff;
}
.matchCharacterLayer .mcrCopy p{
  margin-top:7px;
  font-size:12.5px;
  color:rgba(255,255,255,.69);
}
.matchCharacterLayer .mcrPrimary{
  background:var(--accent);
  color:#fff;
  border-color:transparent;
  box-shadow:0 12px 32px color-mix(in srgb,var(--accent) 28%,transparent);
}
.matchCharacterLayer.argilore .mcrPrimary{
  background:linear-gradient(135deg,#f3a05c,#ee7e48);
}
.matchCharacterLayer.akelarre .mcrPrimary{
  background:linear-gradient(135deg,#8851dd,#b67cff 58%,#d054c4);
}
.matchCharacterLayer .mcrSecondary{
  border-color:rgba(255,255,255,.27);
  background:rgba(4,3,6,.30);
}


/* V38 — full-screen Match Reveal, no playing-card frame */
.matchCharacterLayer{
  padding:0!important;
  place-items:stretch!important;
}
.matchCharacterLayer:before{
  background:rgba(4,3,6,.24)!important;
  -webkit-backdrop-filter:blur(4px) saturate(.92)!important;
  backdrop-filter:blur(4px) saturate(.92)!important;
}
.matchCharacterLayer .mcrClose{
  top:calc(14px + env(safe-area-inset-top))!important;
  right:14px!important;
  width:44px!important;
  height:44px!important;
  border-color:rgba(255,255,255,.18)!important;
  background:rgba(5,4,7,.28)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.20)!important;
}
.matchCharacterLayer .mcrStage{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  perspective:none!important;
}
.matchCharacterLayer .mcrCardWrap{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  animation:none!important;
  transform:none!important;
}
.matchCharacterLayer .mcrCard{
  position:absolute!important;
  inset:0!important;
  transform-style:flat!important;
}
.matchCharacterLayer .mcrFace{
  inset:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  -webkit-backface-visibility:visible!important;
  backface-visibility:visible!important;
}
.matchCharacterLayer .mcrBack{
  z-index:4!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  gap:12px!important;
  padding:
    calc(86px + env(safe-area-inset-top))
    22px
    calc(58px + env(safe-area-inset-bottom))!important;
  transform:none!important;
  opacity:1!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 76% 17%,color-mix(in srgb,var(--accent) 34%,transparent),transparent 29%),
    linear-gradient(158deg,var(--card2) 0%,var(--card3) 72%,#030205 100%)!important;
}
.matchCharacterLayer.argilore .mcrBack{
  background:
    radial-gradient(circle at 72% 14%,rgba(243,154,76,.34),transparent 30%),
    linear-gradient(158deg,#5a321c 0%,#20120c 58%,#090605 100%)!important;
}
.matchCharacterLayer.akelarre .mcrBack{
  background:
    radial-gradient(circle at 72% 14%,rgba(182,124,255,.32),transparent 30%),
    linear-gradient(158deg,#2d1645 0%,#12091d 58%,#050307 100%)!important;
}
.matchCharacterLayer .mcrBack:before,
.matchCharacterLayer .mcrBack:after{
  display:none!important;
}
.matchCharacterLayer .mcrBackHalo{
  width:72vw!important;
  height:72vw!important;
  max-width:380px!important;
  max-height:380px!important;
  right:-8vw!important;
  top:11vh!important;
  left:auto!important;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 24%,transparent),transparent 67%)!important;
  filter:blur(10px)!important;
}
.matchCharacterLayer .mcrSigil{
  position:absolute!important;
  right:24px!important;
  top:calc(92px + env(safe-area-inset-top))!important;
  width:76px!important;
  height:76px!important;
  opacity:.55!important;
  color:var(--accent2)!important;
}
.matchCharacterLayer .mcrSigilSvg{
  width:70px!important;
  height:70px!important;
}
.matchCharacterLayer .mcrBackBrand{
  font-family:Syne,system-ui,sans-serif!important;
  font-size:clamp(50px,15vw,92px)!important;
  line-height:.82!important;
  letter-spacing:-.055em!important;
  text-indent:0!important;
  color:#fff!important;
  text-transform:uppercase!important;
  text-shadow:0 14px 40px rgba(0,0,0,.28)!important;
}
.matchCharacterLayer.argilore .mcrBackBrand{
  color:#f39a4c!important;
}
.matchCharacterLayer.akelarre .mcrBackBrand{
  color:#b67cff!important;
}
.matchCharacterLayer .mcrBackCaption{
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.18em!important;
  color:rgba(255,255,255,.76)!important;
}
.matchCharacterLayer .mcrBackRule{
  width:72px!important;
  height:2px!important;
  margin-top:4px!important;
  background:var(--accent)!important;
  opacity:.92!important;
}
.matchCharacterLayer .mcrFront{
  z-index:5!important;
  transform:none!important;
  opacity:0!important;
  background:#070609!important;
  clip-path:inset(0 0 100% 0 round 0)!important;
  will-change:clip-path,opacity,transform!important;
}
.matchCharacterLayer .mcrCard.photo-ready .mcrBack{
  animation:mcr-v38-back-fade .62s cubic-bezier(.22,.61,.36,1) 1.05s forwards!important;
}
.matchCharacterLayer .mcrCard.photo-ready .mcrFront{
  animation:mcr-v38-reveal 1.05s cubic-bezier(.16,.82,.2,1) .62s forwards!important;
}
.matchCharacterLayer .mcrPhoto{
  object-fit:cover!important;
  object-position:center 28%!important;
  transform:scale(1.035)!important;
  animation:mcr-v38-photo-push 4.8s cubic-bezier(.22,.61,.36,1) .7s both!important;
}
.matchCharacterLayer .mcrPhotoFallback{
  font-size:130px!important;
}
.matchCharacterLayer .mcrShade{
  background:
    linear-gradient(180deg,rgba(3,2,4,.08) 0%,rgba(3,2,4,.02) 28%,rgba(4,3,5,.22) 50%,rgba(4,3,5,.82) 77%,rgba(4,3,5,.98) 100%)!important;
}
.matchCharacterLayer.argilore .mcrShade{
  background:
    linear-gradient(180deg,rgba(46,24,12,.04) 0%,rgba(18,10,6,.01) 28%,rgba(28,15,8,.18) 51%,rgba(18,10,6,.77) 78%,rgba(10,7,5,.97) 100%)!important;
}
.matchCharacterLayer .mcrSpecular{
  display:none!important;
}
.matchCharacterLayer .mcrFront:after{
  content:"MATCH · EDITION"!important;
  top:calc(126px + env(safe-area-inset-top))!important;
  right:-30px!important;
  font-size:7px!important;
  letter-spacing:.22em!important;
  color:rgba(255,255,255,.28)!important;
}
.matchCharacterLayer .mcrEditorial{
  inset:0!important;
  display:flex!important;
  flex-direction:column!important;
  padding:
    calc(74px + env(safe-area-inset-top))
    22px
    calc(154px + env(safe-area-inset-bottom))!important;
  opacity:0!important;
  transform:translateY(14px)!important;
}
.matchCharacterLayer .mcrCard.photo-ready .mcrEditorial{
  animation:mcr-v38-copy .7s cubic-bezier(.18,.72,.16,1) 1.78s forwards!important;
}
.matchCharacterLayer .mcrMasthead{
  align-items:center!important;
}
.matchCharacterLayer .mcrBrand{
  font-family:Syne,system-ui,sans-serif!important;
  font-size:13px!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
  color:var(--accent)!important;
}
.matchCharacterLayer .mcrIssue{
  margin-top:0!important;
  color:rgba(255,255,255,.76)!important;
  background:rgba(6,5,8,.26)!important;
}
.matchCharacterLayer .mcrMatchType{
  margin-top:12px!important;
  background:rgba(6,5,8,.22)!important;
}
.matchCharacterLayer .mcrCharacter{
  margin-top:auto!important;
  gap:6px!important;
  max-width:88%!important;
}
.matchCharacterLayer .mcrCharacter strong{
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(30px,8.5vw,44px)!important;
  line-height:.94!important;
  font-weight:500!important;
  letter-spacing:-.035em!important;
  text-transform:none!important;
}
.matchCharacterLayer .mcrCharacter>span{
  font-size:9px!important;
  letter-spacing:.12em!important;
}
.matchCharacterLayer .mcrCopy{
  margin-top:18px!important;
  max-width:92%!important;
}
.matchCharacterLayer .mcrCopy h1{
  font-family:Syne,system-ui,sans-serif!important;
  font-size:clamp(48px,14.7vw,84px)!important;
  line-height:.80!important;
  letter-spacing:-.055em!important;
  max-width:360px!important;
  text-transform:uppercase!important;
  text-wrap:balance!important;
}
.matchCharacterLayer.argilore .mcrCopy h1{
  color:#fff7ef!important;
}
.matchCharacterLayer.akelarre .mcrCopy h1{
  color:#f3e9ff!important;
}
.matchCharacterLayer .mcrCopy p{
  margin-top:10px!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:15px!important;
  line-height:1.18!important;
  font-style:italic!important;
  color:rgba(255,255,255,.72)!important;
}
.matchCharacterLayer .mcrActions{
  left:22px!important;
  right:22px!important;
  bottom:calc(22px + env(safe-area-inset-bottom))!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  opacity:0!important;
  transform:translateY(12px)!important;
}
.matchCharacterLayer .mcrCard.photo-ready .mcrActions{
  animation:mcr-v38-actions .55s ease-out 2.45s forwards!important;
}
.matchCharacterLayer .mcrActions button{
  min-height:54px!important;
  border-radius:18px!important;
  font-size:10px!important;
  letter-spacing:.09em!important;
}
.matchCharacterLayer .mcrSecondary{
  min-height:44px!important;
  border:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.76)!important;
}
@keyframes mcr-v38-reveal{
  0%{opacity:0;clip-path:inset(0 0 100% 0);transform:scale(1.015)}
  20%{opacity:1}
  100%{opacity:1;clip-path:inset(0 0 0 0);transform:scale(1)}
}
@keyframes mcr-v38-back-fade{
  0%,35%{opacity:1}
  100%{opacity:0;visibility:hidden}
}
@keyframes mcr-v38-photo-push{
  from{transform:scale(1.035)}
  to{transform:scale(1.085)}
}
@keyframes mcr-v38-copy{
  to{opacity:1;transform:translateY(0)}
}
@keyframes mcr-v38-actions{
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:390px){
  .matchCharacterLayer .mcrEditorial{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .matchCharacterLayer .mcrActions{
    left:18px!important;
    right:18px!important;
  }
  .matchCharacterLayer .mcrBack{
    padding-left:18px!important;
    padding-right:18px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .matchCharacterLayer .mcrBack{display:none!important}
  .matchCharacterLayer .mcrFront{
    opacity:1!important;
    clip-path:none!important;
  }
  .matchCharacterLayer .mcrPhoto{animation:none!important;transform:scale(1.04)!important}
  .matchCharacterLayer .mcrEditorial,
  .matchCharacterLayer .mcrActions{
    animation:none!important;
    opacity:1!important;
    transform:none!important;
  }
}


/* V38.1 — robust full-screen curtain reveal */
.matchCharacterLayer .mcrFront{
  z-index:4!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  clip-path:none!important;
}
.matchCharacterLayer .mcrBack{
  z-index:5!important;
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
  will-change:transform,opacity!important;
}
.matchCharacterLayer .mcrCard.photo-ready .mcrBack{
  animation:mcr-v381-curtain 1.04s cubic-bezier(.16,.82,.2,1) .78s forwards!important;
}
.matchCharacterLayer .mcrCard.photo-ready .mcrFront{
  animation:none!important;
}
.matchCharacterLayer .mcrEditorial{
  opacity:0!important;
  transform:translateY(16px)!important;
}
.matchCharacterLayer .mcrCard.photo-ready .mcrEditorial{
  animation:mcr-v38-copy .68s cubic-bezier(.18,.72,.16,1) 1.82s forwards!important;
}
.matchCharacterLayer .mcrActions{
  opacity:0!important;
  transform:translateY(12px)!important;
}
.matchCharacterLayer .mcrCard.photo-ready .mcrActions{
  animation:mcr-v38-actions .55s ease-out 2.42s forwards!important;
}
@keyframes mcr-v381-curtain{
  0%{transform:translateY(0);opacity:1}
  78%{opacity:1}
  100%{transform:translateY(-102%);opacity:.98;visibility:hidden}
}


/* V38.2 — allow animated properties to animate */
.matchCharacterLayer .mcrBack{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.matchCharacterLayer .mcrCard.photo-ready .mcrBack{
  animation:mcr-v381-curtain 1.04s cubic-bezier(.16,.82,.2,1) .78s forwards!important;
}
.matchCharacterLayer .mcrEditorial{
  opacity:0;
  transform:translateY(16px);
}
.matchCharacterLayer .mcrCard.photo-ready .mcrEditorial{
  animation:mcr-v38-copy .68s cubic-bezier(.18,.72,.16,1) 1.82s forwards!important;
}
.matchCharacterLayer .mcrActions{
  opacity:0;
  transform:translateY(12px);
}
.matchCharacterLayer .mcrCard.photo-ready .mcrActions{
  animation:mcr-v38-actions .55s ease-out 2.42s forwards!important;
}
.matchCharacterLayer .mcrPhoto{
  transform:scale(1.035);
  animation:mcr-v38-photo-push 4.8s cubic-bezier(.22,.61,.36,1) .7s both;
}