/* One AneeMate's card (src/mate.html, assets/matepage.js). The page's own pieces only:
   hero stage, stat panel with level slider and fusion, evolution chain, where found,
   matchups, related rail and the previous and next links. Components come from arceus.css. */

/* ── hero ─────────────────────────────────────────────────────────────── */
.mt-hero{--c:#6FCF5F;--c2:var(--c);position:relative;isolation:isolate;overflow:hidden;
  padding:clamp(22px,3vw,40px) 0 clamp(20px,3vw,36px);background:#0A0C12}
.mt-hero__bg{position:absolute;inset:0;z-index:-3;background:
  radial-gradient(52% 70% at 74% 48%,color-mix(in srgb,var(--c) 34%,transparent),transparent 70%),
  radial-gradient(40% 50% at 90% 90%,color-mix(in srgb,var(--c2) 26%,transparent),transparent 70%),
  radial-gradient(60% 60% at 10% 0%,rgba(254,214,84,.07),transparent 70%),
  linear-gradient(180deg,#0B0D14 0%,#0E111A 60%,var(--a-night) 100%)}
.mt-hero__rays{position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.5;
  background:repeating-conic-gradient(from 0deg at 74% 48%,rgba(255,255,255,.035) 0 4deg,transparent 4deg 14deg);
  -webkit-mask:radial-gradient(closest-side at 74% 48%,#000 20%,transparent 100%);mask:radial-gradient(60% 70% at 74% 48%,#000 10%,transparent 80%)}
.mt-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,transparent,var(--a-night))}
.mt-hero__num{position:absolute;right:max(10px,calc((100vw - var(--a-maxw))/2));top:clamp(4px,2vw,20px);z-index:-1;
  font-family:var(--a-display);font-size:clamp(120px,22vw,320px);line-height:.8;letter-spacing:-.02em;color:transparent;
  -webkit-text-stroke:1.5px rgba(244,238,220,.09);pointer-events:none;user-select:none}
.mt-hero__inner{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:center}
.mt-hero__copy{position:relative;z-index:2;order:2}
.mt-stage{order:1}

.mt-crumb{display:flex;align-items:center;gap:10px;font-size:11.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--a-dim)}
.mt-crumb a{color:var(--a-gold)}
.mt-crumb a:hover{color:var(--a-gold-hi)}
.mt-crumb .a-diamond{width:6px;height:6px}
.mt-name{margin:10px 0 14px;font-size:clamp(48px,8vw,104px);overflow-wrap:anywhere}
.mt-badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.mt-line{margin:14px 0 0;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--a-soft);white-space:pre-wrap}
.mt-desc{margin:14px 0 0;font-size:clamp(15.5px,1.3vw,18px);line-height:1.6;color:var(--a-soft);max-width:56ch}
.mt-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px;border-radius:16px;background:var(--a-smoke);
  box-shadow:var(--a-rim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;max-width:620px}
.mt-facts:empty{display:none}
.mt-fact{display:flex;flex-direction:column;gap:6px;padding:13px 18px;box-shadow:inset 1px 0 0 var(--a-rule-2),inset 0 1px 0 var(--a-rule-2);min-width:0}
.mt-fact__v{font-family:var(--a-display);font-size:clamp(20px,2vw,26px);line-height:1.05;color:var(--a-cream);overflow-wrap:anywhere}
.mt-fact .a-label{font-size:10px;letter-spacing:.2em}
.mt-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.mt-acts:empty{display:none}

/* the stage: the render bleeds out of an element coloured circle */
.mt-stage{position:relative;width:min(84vw,420px);aspect-ratio:1;margin:8px auto 0;display:grid;place-items:center}
.mt-stage__ring{position:absolute;inset:12%;border-radius:50%;
  background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--c) 70%,#fff 8%) 0%,color-mix(in srgb,var(--c) 38%,var(--c2) 30%) 48%,rgba(10,12,18,.9) 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.14),0 0 0 10px rgba(255,255,255,.03),0 0 0 11px rgba(254,214,84,.28),0 40px 90px rgba(0,0,0,.55)}
.mt-stage__ring::before{content:"";position:absolute;inset:-26px;border-radius:50%;border:1px dashed rgba(244,238,220,.14);animation:mtSpin 80s linear infinite}
.mt-stage__ring::after{content:"";position:absolute;left:50%;top:-31px;width:11px;height:11px;margin-left:-5.5px;background:var(--a-grad-gold);transform:rotate(45deg);
  box-shadow:0 0 14px rgba(254,214,84,.6)}
.mt-stage__glow{position:absolute;left:14%;right:14%;bottom:4%;height:16%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent)}
.mt-stage__art{position:relative;z-index:1;width:112%;height:112%;object-fit:contain;margin-top:-10%;
  filter:drop-shadow(0 26px 32px rgba(0,0,0,.5));animation:mtFloat 7s ease-in-out infinite}
.mt-stage__art.is-icon{width:58%;height:58%;margin-top:0;border-radius:28px;filter:drop-shadow(0 18px 26px rgba(0,0,0,.45))}
.mt-stage__no{position:absolute;z-index:2;bottom:6%;left:50%;transform:translateX(-50%);padding:6px 14px;border-radius:99px;background:var(--a-cream);
  color:var(--a-ink);font-family:var(--a-display);font-size:15px;letter-spacing:.06em;box-shadow:0 8px 20px rgba(0,0,0,.35)}
.mt-mono{display:grid;place-items:center;width:100%;height:100%;font-family:var(--a-display);font-size:48px;color:rgba(244,238,220,.85)}
.mt-stage .mt-mono{font-size:clamp(90px,14vw,160px);z-index:1}
@keyframes mtFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes mtSpin{to{transform:rotate(360deg)}}

/* orchestrated open: stage scales in, copy rises in a stagger */
html.js .mt-hero .mt-stage,html.js .mt-hero__copy>*{opacity:0}
.mt-hero.is-in .mt-stage{animation:mtStage .6s var(--a-back) both}
.mt-hero.is-in .mt-hero__copy>*{animation:mtRise .52s var(--a-ease) both}
.mt-hero.is-in .mt-hero__copy>*:nth-child(2){animation-delay:.06s}
.mt-hero.is-in .mt-hero__copy>*:nth-child(3){animation-delay:.12s}
.mt-hero.is-in .mt-hero__copy>*:nth-child(4){animation-delay:.18s}
.mt-hero.is-in .mt-hero__copy>*:nth-child(5){animation-delay:.24s}
.mt-hero.is-in .mt-hero__copy>*:nth-child(n+6){animation-delay:.3s}
.mt-hero.is-missing .mt-stage,.mt-hero.is-missing .mt-hero__copy>*{opacity:1}
@keyframes mtStage{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
@keyframes mtRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* previous and next (hero and page foot) */
.mt-pn{display:flex;justify-content:space-between;gap:12px;margin-top:clamp(18px,3vw,34px)}
.mt-pn__a{display:inline-flex;align-items:center;gap:10px;min-width:0;padding:6px 14px 6px 6px;border-radius:99px;background:var(--a-smoke);box-shadow:var(--a-rim);
  color:var(--a-text);transition:background var(--a-fast) var(--a-ease),transform var(--a-fast) var(--a-ease)}
.mt-pn__a--next{padding:6px 6px 6px 14px;text-align:right}
.mt-pn__a:hover{background:var(--a-band-hi);transform:translateY(-1px)}
.mt-pn__a:focus-visible{background:var(--a-cream);color:var(--a-ink)}
.mt-pn__arrow{display:grid;place-items:center;width:22px;height:22px;color:var(--a-gold);flex:0 0 auto}
.mt-pn__arrow svg{width:16px;height:16px}
.mt-pn__pic{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);flex:0 0 auto;
  display:grid;place-items:center;overflow:hidden}
.mt-pn__pic img{width:100%;height:100%;object-fit:contain}
.mt-pn__pic img.is-icon{width:80%;height:80%;border-radius:8px}
.mt-pn__pic .mt-mono{font-size:20px}
.mt-pn__t{display:flex;flex-direction:column;gap:2px;min-width:0}
.mt-pn__t .a-label{font-size:9.5px;letter-spacing:.2em;white-space:nowrap}
.mt-pn__t b{font-family:var(--a-display);font-weight:400;font-size:17px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mt-pn__a:focus-visible .a-label{color:var(--a-ink-2)}
@media(max-width:420px){.mt-pn .mt-pn__t .a-label{display:none}.mt-pn__t b{font-size:15px;max-width:30vw}}

@media(min-width:900px){
  .mt-hero__inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:24px}
  .mt-hero__copy{order:1}.mt-stage{order:2;width:min(100%,520px);margin:0 0 0 auto}
  .mt-facts{grid-template-columns:repeat(4,minmax(0,1fr))}
  .mt-fact{box-shadow:inset 1px 0 0 var(--a-rule-2)}
  .mt-fact:first-child{box-shadow:none}
}
@media(min-width:900px) and (max-width:1100px){.mt-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.mt-fact{box-shadow:inset 1px 0 0 var(--a-rule-2),inset 0 1px 0 var(--a-rule-2)}}

/* ── jump nav ─────────────────────────────────────────────────────────── */
.mt-jump{position:sticky;top:70px;z-index:40;background:rgba(10,11,17,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:inset 0 -1px 0 var(--a-rule-2),inset 0 1px 0 var(--a-rule-2)}
.mt-jump__row{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.mt-jump__row::-webkit-scrollbar{display:none}
.mt-jump a{position:relative;flex:0 0 auto;padding:15px 14px;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--a-soft);
  transition:color var(--a-fast) var(--a-ease)}
.mt-jump a::after{content:"";position:absolute;left:50%;bottom:6px;width:6px;height:6px;margin-left:-3px;background:var(--a-gold);transform:rotate(45deg) scale(0);
  transition:transform var(--a-fast) var(--a-back)}
.mt-jump a:hover{color:var(--a-cream)}
.mt-jump a:hover::after,.mt-jump a:focus-visible::after{transform:rotate(45deg) scale(1)}
@media(max-width:1180px){.mt-jump{top:64px}}

/* ── sections ─────────────────────────────────────────────────────────── */
.mt-sec{position:relative;padding:clamp(48px,7vw,96px) 0 0;scroll-margin-top:120px}
.mt-sec--band{margin-top:clamp(48px,7vw,96px);padding-bottom:clamp(48px,7vw,90px);
  background:radial-gradient(70% 90% at 50% 0%,rgba(254,214,84,.06),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0));
  box-shadow:inset 0 1px 0 var(--a-rule-2),inset 0 -1px 0 var(--a-rule-2)}
.mtp main [id]{scroll-margin-top:124px}
.mt-head{margin-bottom:clamp(22px,3vw,34px)}
.mt-head .a-rulehead{justify-content:flex-start}
.mt-head .a-rulehead::before{display:none}
.mt-head .a-rulehead::after{flex:0 0 72px}
.mt-head .a-rulehead .a-label::before{display:none}
.mt-head .a-h2{margin:10px 0 0}
.mt-head__sub{margin:12px 0 0;color:var(--a-soft);font-size:clamp(15px,1.2vw,17px);line-height:1.6;max-width:62ch}
.mt-fine{font-size:13px;color:var(--a-dim);line-height:1.5;margin:0}
.a-panel{height:auto}
.mt-statpanel .a-panel__body,.mt-where .a-panel__body,.mt-match .a-panel__body{padding-bottom:20px}

/* stats */
.mt-statgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}
@media(min-width:960px){.mt-statgrid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px}}
.mt-slider{display:flex;flex-direction:column;gap:8px}
.mt-slider__row{display:flex;align-items:center;gap:14px}
.mt-slider output{font-family:var(--a-display);font-size:30px;line-height:1;color:var(--a-cream);min-width:2.2em;text-align:right}
.mt-slider input{flex:1;min-width:0;-webkit-appearance:none;appearance:none;height:28px;background:transparent;cursor:pointer;touch-action:pan-y}
.mt-slider input::-webkit-slider-runnable-track{height:8px;border-radius:99px;
  background:linear-gradient(90deg,var(--a-gold-hi),var(--a-gold)) 0/var(--p,0%) 100% no-repeat,rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.mt-slider input::-moz-range-track{height:8px;border-radius:99px;background:rgba(255,255,255,.1)}
.mt-slider input::-moz-range-progress{height:8px;border-radius:99px;background:var(--a-grad-gold-h)}
.mt-slider input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-7px;background:var(--a-cream);transform:rotate(45deg);border-radius:4px;
  box-shadow:0 0 0 3px rgba(231,182,74,.9),0 6px 14px rgba(0,0,0,.4);transition:box-shadow var(--a-fast) var(--a-ease)}
.mt-slider input::-moz-range-thumb{width:20px;height:20px;background:var(--a-cream);transform:rotate(45deg);border-radius:4px;border:0;box-shadow:0 0 0 3px rgba(231,182,74,.9)}
.mt-slider input:focus-visible{outline:none}
.mt-slider input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--a-gold-hi),0 0 0 8px rgba(254,214,84,.3)}
.mt-slider input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--a-gold-hi),0 0 0 8px rgba(254,214,84,.3)}
.mt-fuse{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}
.mt-fuse__pips{display:inline-flex;gap:6px}
.mt-fuse__pips button{width:40px;height:34px;border:0;border-radius:10px;background:rgba(255,255,255,.07);color:var(--a-soft);
  font-family:var(--a-display);font-size:16px;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);
  transition:background var(--a-fast) var(--a-ease),color var(--a-fast) var(--a-ease),transform var(--a-fast) var(--a-back)}
.mt-fuse__pips button:hover{background:rgba(255,255,255,.13);color:var(--a-cream)}
.mt-fuse__pips button:active{transform:scale(.94)}
.mt-fuse__pips button[aria-pressed="true"]{background:var(--a-purple);color:#fff;box-shadow:0 6px 18px rgba(145,70,255,.4)}
.mt-fuse__cost{margin:10px 0 18px;font-size:13.5px;line-height:1.5;color:var(--a-dim);min-height:2.9em}
.mt-fuse__cost b{color:var(--a-purple-soft);font-weight:800}
.mt-bars{display:flex;flex-direction:column;gap:13px}
.mt-bar{display:grid;grid-template-columns:104px minmax(0,1fr) 50px;align-items:center;gap:12px}
.mt-bar__k{font-weight:800;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--a-dim)}
.mt-bar__track{position:relative;height:10px;border-radius:99px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);overflow:hidden}
.mt-bar__track u,.mt-bar__track i{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;transition:width var(--a-slow) var(--a-ease)}
.mt-bar__track u{background:repeating-linear-gradient(90deg,rgba(244,238,220,.2) 0 6px,rgba(244,238,220,.08) 6px 9px)}
.mt-bar__track i{background:var(--a-grad-gold-h);box-shadow:0 0 12px rgba(254,214,84,.35)}
.mt-bars.is-wait i,.mt-bars.is-wait u{width:0!important}
.mt-bars:not(.is-wait) .mt-bar__track i,.mt-bars:not(.is-wait) .mt-bar__track u{transition-duration:var(--a-slow)}
.mt-bar__v{font-family:var(--a-display);font-size:20px;text-align:right;color:var(--a-cream);font-variant-numeric:tabular-nums}
.mt-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;font-size:12px;color:var(--a-dim)}
.mt-legend span{display:inline-flex;align-items:center;gap:8px}
.mt-legend i,.mt-legend u{width:22px;height:8px;border-radius:9px;background:var(--a-grad-gold-h)}
.mt-legend u{background:repeating-linear-gradient(90deg,rgba(244,238,220,.35) 0 6px,rgba(244,238,220,.12) 6px 9px)}
@media(max-width:420px){.mt-bar{grid-template-columns:86px minmax(0,1fr) 42px;gap:10px}.mt-bar__k{font-size:10px;letter-spacing:.1em}}

.mt-side{display:flex;flex-direction:column;gap:18px}
.mt-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border-radius:var(--a-r-lg);overflow:hidden;background:var(--a-rule-2);box-shadow:var(--a-rim)}
.mt-kv__b{display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:rgba(14,16,24,.92)}
.mt-kv__b .a-label{font-size:10px;letter-spacing:.2em}
.mt-kv__b b{font-family:var(--a-display);font-weight:400;font-size:clamp(26px,2.4vw,32px);line-height:1;color:var(--a-cream)}
.mt-kv__b>span:last-child{font-size:12.5px;color:var(--a-dim);line-height:1.4}

.mt-moves{border-radius:var(--a-r-lg);background:var(--a-smoke);box-shadow:var(--a-rim);padding:18px;scroll-margin-top:124px}
.mt-moves__h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px}
.mt-movelist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.mt-move{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:14px;
  background:var(--a-band);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);transition:opacity var(--a-dur) var(--a-ease),background var(--a-dur) var(--a-ease)}
.mt-move__slot{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--a-cream);color:var(--a-ink);font-family:var(--a-display);font-size:17px;
  transition:background var(--a-dur) var(--a-ease)}
.mt-move__t{display:flex;flex-direction:column;gap:2px;min-width:0}
.mt-move__t b{font-weight:800;font-size:15px;color:var(--a-cream);overflow-wrap:anywhere}
.mt-move__t span{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--a-dim)}
.mt-move__lv{font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--a-gold);white-space:nowrap}
.mt-move.is-locked{opacity:.5}
.mt-move.is-locked .mt-move__slot{background:rgba(255,255,255,.12);color:var(--a-soft)}
.mt-move.is-locked .mt-move__lv::before{content:"Unlocks ";color:var(--a-dim)}
.mt-escape{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--a-rule-2)}
.mt-escape>span:last-child{display:flex;flex-direction:column;gap:2px}
.mt-escape b{font-weight:800;font-size:14.5px;color:var(--a-cream)}
.mt-escape>span:last-child>span{font-size:12.5px;color:var(--a-dim)}

/* evolution */
.mt-chain{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:0}
.mt-evo{width:100%;max-width:300px}
.mt-evo a{--c:#6FCF5F;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 16px 20px;border-radius:var(--a-r-lg);
  background:var(--a-smoke);box-shadow:var(--a-rim);color:var(--a-text);text-align:center;
  transition:transform var(--a-dur) var(--a-back),background var(--a-dur) var(--a-ease)}
.mt-evo a:hover{transform:translateY(-4px);background:var(--a-band-hi)}
.mt-evo.is-on a{background:linear-gradient(180deg,#F7F1E1,#EFE5CB);color:var(--a-ink);box-shadow:0 0 0 2px var(--a-gold),0 20px 44px rgba(0,0,0,.4)}
.mt-evo__pic{position:relative;width:140px;height:140px;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--c) 60%,#fff 6%),color-mix(in srgb,var(--c2) 40%,#0A0C12) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.mt-evo__pic img{width:118%;height:118%;object-fit:contain;margin-top:-18%;filter:drop-shadow(0 12px 14px rgba(0,0,0,.4));transition:transform var(--a-dur) var(--a-back)}
.mt-evo__pic img.is-icon{width:66%;height:66%;margin-top:0;border-radius:16px}
.mt-evo a:hover .mt-evo__pic img{transform:scale(1.05) translateY(-3px)}
.mt-evo__no{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--a-dim);margin-top:6px}
.mt-evo.is-on .mt-evo__no{color:var(--a-ink-2)}
.mt-evo__name{font-family:var(--a-display);font-weight:400;font-size:26px;line-height:1}
.mt-evo__st{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--a-gold)}
.mt-evo.is-on .mt-evo__st{color:var(--a-gold-lo)}
.mt-evo.is-on .a-el{--elbg:rgba(31,36,48,.08)}
.mt-evo__marker{position:absolute;top:-6px;left:50%;width:12px;height:12px;margin-left:-6px;background:var(--a-grad-gold);transform:rotate(45deg) scale(0);
  transition:transform var(--a-fast) var(--a-back);box-shadow:0 0 12px rgba(254,214,84,.6)}
.mt-evo.is-on .mt-evo__marker,.mt-evo a:hover .mt-evo__marker,.mt-evo a:focus-visible .mt-evo__marker{transform:rotate(45deg) scale(1)}
.mt-gate{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 0;position:relative}
.mt-gate__line{position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(254,214,84,.55),transparent);z-index:-1}
.mt-gate__lv{font-family:var(--a-display);font-size:18px;color:var(--a-ink);background:var(--a-grad-gold);padding:6px 14px;border-radius:99px;box-shadow:0 8px 18px rgba(0,0,0,.35)}
.mt-gate__orb{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:99px;background:rgba(10,12,18,.9);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font-size:12.5px;font-weight:800;color:var(--a-cream);white-space:nowrap}
.mt-gate__orb i{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 12%,var(--oc) 45%,color-mix(in srgb,var(--oc) 50%,#000) 100%);
  box-shadow:0 0 10px var(--oc)}
@media(min-width:760px){
  .mt-chain{flex-direction:row;align-items:stretch;justify-content:center}
  .mt-evo{max-width:260px;flex:1 1 0}
  .mt-evo a{height:100%}
  .mt-gate{justify-content:center;padding:0 8px;min-width:120px}
  .mt-gate__line{left:0;right:0;top:50%;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,transparent,rgba(254,214,84,.6),transparent)}
}

/* where found and matchups */
.mt-two{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}
@media(min-width:960px){.mt-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}
.mt-where__row,.mt-mrow{display:flex;flex-direction:column;gap:10px;padding:14px 0;box-shadow:inset 0 -1px 0 var(--a-rule-2)}
.mt-where__row:first-child,.mt-mrow:first-child{padding-top:4px}
.mt-where__row:last-child,.mt-mrow:last-of-type{box-shadow:none}
.mt-where__row>.a-label,.mt-mrow>.a-label{font-size:10.5px;letter-spacing:.2em}
.mt-chips{display:flex;flex-wrap:wrap;gap:8px}
.mt-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:99px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);
  font-size:13px;font-weight:700;color:var(--a-text)}
.mt-chip--zone{background:color-mix(in srgb,var(--zc) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--zc) 45%,transparent)}
.mt-chip--zone i{width:8px;height:8px;background:var(--zc);transform:rotate(45deg)}
.mt-track{position:relative;height:14px;border-radius:99px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);overflow:hidden}
.mt-track i{position:absolute;top:2px;bottom:2px;background:var(--zc);border-radius:3px;box-shadow:inset -1px 0 0 rgba(0,0,0,.4)}
.mt-track__scale{display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:var(--a-dim);margin-top:-2px}
.mt-boost{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:99px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);
  font-size:13px;font-weight:700;color:var(--a-soft)}
.mt-boost .a-diamond{width:7px;height:7px}
.mt-boost svg{width:16px;height:16px;color:var(--a-gold)}
.mt-boost b{color:var(--a-cream)}
.mt-boost--night{background:rgba(91,62,158,.28);box-shadow:inset 0 0 0 1px rgba(160,130,240,.45)}
.mt-boost--night svg{color:#B9A2FF}
.mt-boost--rain{background:rgba(90,184,255,.14);box-shadow:inset 0 0 0 1px rgba(90,184,255,.4)}
.mt-boost--rain svg{color:var(--el-water)}
.mt-where__none{display:flex;gap:12px;align-items:flex-start;margin:4px 0 6px;font-size:15px;line-height:1.55;color:var(--a-soft)}
.mt-where__none .a-diamond{margin-top:7px;flex:0 0 auto}
.mt-where__none a{color:var(--a-gold-hi);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.mt-bosses{display:flex;flex-direction:column;gap:8px}
.mt-boss{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:12px 14px;border-radius:14px;background:linear-gradient(90deg,rgba(254,214,84,.12),rgba(254,214,84,.02));
  box-shadow:inset 0 0 0 1px rgba(254,214,84,.3)}
.mt-boss b{font-family:var(--a-display);font-weight:400;font-size:19px;color:var(--a-cream)}
.mt-boss span{font-size:13px;color:var(--a-soft)}
.mt-boss__n{margin-left:auto;font-weight:800;color:var(--a-gold)!important}
.mt-mu{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 3px;border-radius:99px;background:color-mix(in srgb,var(--ec) 12%,transparent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ec) 35%,transparent)}
.mt-mu b{font-family:var(--a-display);font-weight:400;font-size:16px;color:var(--a-cream)}
.mt-mrow--weak .mt-mu b{color:#FF9C8E}
.mt-mrow--res .mt-mu b{color:#8FE3A0}
.mt-mrow--neutral .mt-mu{background:transparent;box-shadow:none;padding:0;opacity:.72}
.mt-match__note{margin-top:14px}

/* related rail */
.mt-rel__ctl{display:flex;justify-content:flex-end;gap:10px;margin-top:-14px}
.mt-rel{padding-top:40px}
.mt-sec#related .mt-head{margin-bottom:0}
@media(max-width:700px){.mt-rel__ctl{display:none}}
.mt-rel .a-mate__no{white-space:nowrap;letter-spacing:.1em}
.mt-rel .a-mate__meta{gap:6px}
.mt-rel .a-mate__meta .a-rar{white-space:nowrap}

/* page foot navigation */
.mt-foot{margin-top:clamp(40px,6vw,80px);padding:22px 0;box-shadow:inset 0 1px 0 var(--a-rule-2)}
.mt-foot__row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mt-foot__book{display:inline-flex;align-items:center;gap:10px;font-size:11.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--a-gold)}
.mt-foot__book:hover{color:var(--a-gold-hi)}
@media(max-width:700px){.mt-foot__row{flex-wrap:wrap}.mt-foot__row>.mt-pn__a{flex:1 1 0;max-width:calc(50% - 6px)}.mt-foot__row>.mt-pn__a--next{justify-content:flex-end}
  .mt-foot__row .mt-pn__t .a-label{display:none}.mt-foot__row .mt-pn__t b{font-size:15px}.mt-foot__book{order:3;width:100%;justify-content:center;padding-top:8px}}

@media(prefers-reduced-motion:reduce){
  .mt-stage__art,.mt-stage__ring::before{animation:none}
  html.js .mt-hero .mt-stage,html.js .mt-hero__copy>*{opacity:1;animation:none!important}
  .mt-bar__track u,.mt-bar__track i,.mt-evo a,.mt-evo__pic img,.mt-move{transition:none}
}

/* phones: the chain reads as compact rows, picture left */
@media(max-width:759px){
  .mt-evo{max-width:none}
  .mt-evo a{display:grid;grid-template-columns:92px minmax(0,1fr);grid-template-rows:auto auto auto auto;column-gap:16px;row-gap:4px;
    align-items:center;text-align:left;padding:14px 16px}
  .mt-evo__pic{grid-row:1/5;width:92px;height:92px}
  .mt-evo__pic img{margin-top:-14%}
  .mt-evo__no{margin-top:0}
  .mt-evo__name{font-size:23px}
  .mt-evo .a-badges{justify-content:flex-start}
  .mt-evo__marker{left:auto;right:18px;top:50%;margin-top:-6px}
}

/* ── the AneeMate in the game world (anee.WebShots photo), 27 Sep 2026 ──── */
.mt-wild{padding:clamp(28px,4vw,48px) 0 0}
.mt-wild__fig{margin:0;border-radius:var(--a-r-lg);overflow:hidden;position:relative;border:1px solid var(--a-rim);background:var(--a-ink-2)}
.mt-wild__fig img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 60%}
@media (max-width:700px){.mt-wild__fig img{aspect-ratio:4/3}}
.mt-wild__fig figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 14px;background:linear-gradient(180deg,transparent,rgba(6,7,12,.85));display:flex;flex-direction:column;gap:4px}
.mt-wild__fig figcaption span:last-child{font-size:14px;color:var(--a-dim)}