#v-armory,
#armory-layer {
  --a-fill: rgba(15, 15, 15, .74);          
  --a-card: rgba(255, 255, 255, .03);       
  --a-card2: rgba(255, 255, 255, .014);     
  --a-line: rgba(255, 255, 255, .106);
  --a-line2: rgba(255, 255, 255, .07);
  --a-lift: inset 0 1px 0 rgba(255, 255, 255, .05);
  --a-sh: 0 4px 4px rgba(0, 0, 0, .8);
  --a-r: 2px;
  --a-ink: #eef2f7;
  --a-mut: #aeb7c4;
  --a-faint: #7c8698;
  --a-gold: #f2b705;
  --a-blue: #4f8cf0;
  --a-null: #3a4658;
  --a-ttl: "Oxanium", "Barlow", sans-serif;
  --a-f1: 9.5px;    
  --a-f2: 11px;     
  --a-f3: 13px;     
  --a-f4: 15px;     
  --a-f5: 19px;     
  --a-f6: 26px;     
  --a-f7: 34px;     
  --a-tr: .14s;
  --a-es: clamp(42px, calc(7.4vh - 16px), 64px); 
  --a-ei: clamp(28px, calc(4.8vh - 11px), 42px); 
  --a-pv: clamp(6px, .92vh, 10px);               
  --a-eg: clamp(4px, .62vh, 6px);                
  --a-qi: clamp(19px, 2.7vh, 32px);              
}

@media (prefers-reduced-motion: reduce) {
  #v-armory, #armory-layer { --a-tr: 0s; }
}

html.armory1p footer,
html.armory1p .livepop { display: none; }

#v-armory { position: relative; }

#v-armory .wrap {
  max-width: none;
  width: min(1560px, calc(100vw - 210px));
  padding: 8px 0 10px;
}

#v-armory .abg {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: url(/assets/armory_1.png?v=c3663459) center / cover no-repeat;
  opacity: .12;
}

#v-armory .atrail {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 32px;
  margin-bottom: 8px;
}
#v-armory .atrail .bk,
#v-armory .atrail .abtnp {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 28px;
  padding: 0 11px;
  border: 1px solid var(--a-line);
  border-radius: var(--a-r);
  background: transparent;                     
  box-shadow: var(--a-lift);
  color: var(--a-mut);
  font-family: var(--a-ttl);
  font-size: var(--a-f2);
  font-weight: 600;
  letter-spacing: .08em;
  cursor: pointer;
  transition: color var(--a-tr), border-color var(--a-tr);
}
#v-armory .atrail .bk:hover,
#v-armory .atrail .abtnp:hover { color: var(--a-ink); border-color: rgba(255, 255, 255, .22); }
#v-armory .atrail .bk:focus-visible,
#v-armory .atrail .abtnp:focus-visible { outline: 2px solid var(--a-blue); outline-offset: 1px; }
#v-armory .atrail .tt {
  font-family: var(--a-ttl);
  font-size: var(--a-f1);
  font-weight: 700;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--a-faint);
}
#v-armory .atrail .who {
  font-family: var(--a-ttl);
  font-size: var(--a-f2);
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--a-mut);
}
#v-armory .atrail .who::before { content: "· "; color: var(--a-faint); }
#v-armory .atrail .who:empty { display: none; }
#v-armory .atrail .sp { flex: 1 1 auto; }

#v-armory .asrch-box { position: relative; width: 232px; }
#v-armory .asrch {
  width: 100%;
  height: 28px;
  padding: 0 10px;
  border: 1px solid var(--a-line);
  border-radius: var(--a-r);
  background: rgba(0, 0, 0, .28);
  box-shadow: var(--a-lift);
  color: var(--a-ink);
  font-family: var(--a-ttl);
  font-size: var(--a-f2);
  outline: 0;
}
#v-armory .asrch::placeholder { color: var(--a-faint); }
#v-armory .asrch:focus { border-color: var(--a-blue); }
#v-armory .asres { display: none; }
#v-armory .asres.on {
  display: block;
  position: absolute;
  top: 32px;
  right: 0;
  width: 280px;
  z-index: 30;
  padding: 4px;
  border: 1px solid var(--a-line);
  border-radius: var(--a-r);
  background: rgba(15, 15, 15, .96);
  box-shadow: var(--a-sh);
  max-height: 258px;
  overflow: auto;
}
#v-armory .asres button {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  padding: 6px 8px;
  border: 0;
  border-radius: var(--a-r);
  background: transparent;
  color: var(--a-ink);
  font-family: inherit;
  font-size: var(--a-f3);
  text-align: left;
  cursor: pointer;
}
#v-armory .asres button:hover { background: var(--a-card); }
#v-armory .asres .sm { color: var(--a-faint); font-size: var(--a-f2); white-space: nowrap; }
#v-armory .asres .none { padding: 8px; color: var(--a-faint); font-size: var(--a-f2); }

#v-armory .aone { display: flex; flex-direction: column; gap: clamp(5px, .75vh, 8px); }

#v-armory .apan {
  border: 1px solid var(--a-line);
  border-radius: var(--a-r);
  background: var(--a-fill);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  box-shadow: var(--a-sh), var(--a-lift);
}

#v-armory .degr {
  padding: 7px 12px;
  border: 1px solid rgba(242, 183, 5, .3);
  border-radius: var(--a-r);
  background: rgba(242, 183, 5, .06);
  color: var(--a-mut);
  font-size: var(--a-f2);
}

#v-armory .aid {
  --nc: var(--natcol, #8fb8ff);
  display: grid;
  grid-template-columns: minmax(0, auto) 1px auto 1px minmax(min(356px, 100%), 1fr);
  align-items: center;
  gap: 0 18px;
  padding: var(--a-pv) 16px;
}
#v-armory .aid .z { min-width: 0; }
#v-armory .zsep { align-self: stretch; width: 1px; background: linear-gradient(180deg, transparent, var(--a-line) 22%, var(--a-line) 78%, transparent); }

#v-armory .aid-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 7px;
  border: 1px solid var(--a-line2);
  border-radius: var(--a-r);
  background: var(--a-card);
  box-shadow: var(--a-lift);
  font-family: var(--a-ttl);
  font-size: var(--a-f2);
  font-weight: 600;
  letter-spacing: .04em;
  line-height: 1.5;
  color: var(--a-mut);
  white-space: nowrap;
}
#v-armory .aid-pill > i {
  font-style: normal;
  font-size: var(--a-f1);
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--a-faint);
}
#v-armory .aid-pill > b {
  font-weight: 800;
  color: var(--a-ink);
  font-variant-numeric: tabular-nums;   
}
#v-armory .aid-pill.ap-st { color: var(--a-ink); font-weight: 700; }        
#v-armory .aid-pill.ap-gd { display: inline-block; max-width: 20ch; overflow: hidden; text-overflow: ellipsis; }
#v-armory .aid-pill.ap-attr { gap: 4px; }
#v-armory .aid-pill.ap-attr > em { font-style: normal; color: var(--a-null); }
#v-armory .aid-pill.ap-vz { background: var(--a-card2); color: var(--a-faint); }  
#v-armory .aid-pill.ap-vz > b { color: var(--a-null); }
#v-armory .aid-pill.ap-nt {                                                 
  border-color: color-mix(in srgb, var(--nc, #8fb8ff) 44%, transparent);
  color: var(--nc, #8fb8ff);
  font-weight: 700;
}
#v-armory .aid-pill.ap-sl { color: var(--a-ink); font-weight: 700; }         
#v-armory .aid-pill.ap-sl.ap-top {                                             
  border-color: rgba(242, 183, 5, .42);
  color: var(--a-gold);
}
#v-armory .aid-pill.ap-rank > b { font-size: var(--a-f4); }                    
#v-armory .aid-pill.ap-rank.ap-top { border-color: color-mix(in srgb, var(--nc, #8fb8ff) 46%, transparent); }
#v-armory .aid-pill.ap-rank.ap-top > b { color: var(--nc, var(--a-ink)); }
#v-armory .aid-pill.ap-atk > b { color: #e8a45c; }                             
#v-armory .aid-pill.ap-def > b { color: #6fa8dc; }                             
#v-armory .aid-pills { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin-top: 5px; }
#v-armory .aid-pills2 { margin-top: 4px; }

#v-armory .aid-lab {
  font-family: var(--a-ttl);
  font-size: var(--a-f1);
  font-weight: 700;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--a-faint);
}

#v-armory .zl { display: flex; align-items: center; gap: 13px; }
#v-armory .aid-emb {
  flex: none;
  display: grid;
  place-items: center;
  width: clamp(44px, 5.2vh, 58px);
  height: clamp(44px, 5.2vh, 58px);
  border: 1px solid var(--a-line2);
  border-radius: var(--a-r);
  background: var(--a-card);
  box-shadow: var(--a-lift);
}
#v-armory .aid-emb img { width: 74%; height: 74%; object-fit: contain; }
#v-armory .aid-t { min-width: 0; }
#v-armory .aid h1 {
  margin: 0;
  font-family: var(--a-ttl);
  font-size: clamp(25px, 3.1vh, 34px);   
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: .005em;
  color: var(--a-ink);
  text-shadow: 0 2px 6px rgba(0, 0, 0, .8);
}

#v-armory .zc { display: flex; justify-content: center; }
#v-armory .zc .pw {
  display: grid;
  justify-items: center;
  gap: 0;
  margin: 0;
  padding: 3px 10px;
  border: 0;
  border-radius: var(--a-r);
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
  transition: background var(--a-tr);
}
#v-armory .zc .pw:hover { background: var(--a-card); }
#v-armory .zc .pw:focus-visible { outline: 2px solid var(--a-blue); outline-offset: 2px; }
#v-armory .aid-podio {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-family: var(--a-ttl);
  font-size: clamp(19px, 2.4vh, 23px);   
  font-weight: 800;
  line-height: 1;
  color: var(--tier, #ffd24a);
  font-variant-numeric: tabular-nums;
}
#v-armory .aid-podio .lau { height: clamp(17px, 2.2vh, 25px); width: auto; opacity: .95; }
#v-armory .aid-podio.ap-t1,
#v-armory .aid-podio.ap-t2,
#v-armory .aid-podio.ap-t3 {
  text-shadow: 0 0 12px color-mix(in srgb, var(--tier, #ffd24a) 42%, transparent);
  filter: drop-shadow(0 0 5px color-mix(in srgb, var(--tier, #ffd24a) 34%, transparent));
}
@media (prefers-reduced-motion: no-preference) {
  #v-armory .aid-podio.ap-t1,
  #v-armory .aid-podio.ap-t2,
  #v-armory .aid-podio.ap-t3 { animation: aidPodio 3.6s ease-in-out infinite; }
}
@keyframes aidPodio {
  0%, 100% { filter: drop-shadow(0 0 4px color-mix(in srgb, var(--tier, #ffd24a) 34%, transparent)); }
  50%      { filter: drop-shadow(0 0 9px color-mix(in srgb, var(--tier, #ffd24a) 62%, transparent)); }
}
#v-armory .aid-tot {
  margin-top: 3px;
  font-family: var(--a-ttl);
  font-size: clamp(21px, 2.8vh, 31px);   
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.01em;
  color: var(--a-blue);
  text-shadow: 0 1px 2px rgba(0, 0, 0, .9);   
  font-variant-numeric: tabular-nums;
}
#v-armory .aid-upd {
  font-size: var(--a-f1);
  color: var(--a-faint);
  letter-spacing: .02em;
  white-space: nowrap;
}
#v-armory .aid-totl {
  font-family: var(--a-ttl);
  font-size: var(--a-f1);
  font-weight: 600;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--a-faint);
}
#v-armory .aid-ad { display: flex; gap: 5px; margin-top: 5px; }

#v-armory .zr { display: grid; gap: 5px; justify-items: stretch; }
#v-armory .aid-nat { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
#v-armory .aid-natp {
  flex: none;
  display: grid;
  place-items: center;
  width: clamp(38px, 4.6vh, 50px);
  height: clamp(38px, 4.6vh, 50px);
  border: 1px solid color-mix(in srgb, var(--nc, #8fb8ff) 34%, transparent);
  border-radius: var(--a-r);
  background: linear-gradient(180deg, color-mix(in srgb, var(--nc, #8fb8ff) 13%, transparent), transparent);
  box-shadow: var(--a-lift);
}
#v-armory .aid-natp img { width: 72%; height: 72%; object-fit: contain; }
#v-armory .aid-natx { display: grid; gap: 1px; justify-items: start; }
#v-armory .aid-natr { display: flex; align-items: center; gap: 6px; }
#v-armory .aid-natn {
  font-family: var(--a-ttl);
  font-size: var(--a-f3);
  font-weight: 800;
  line-height: 1.2;
  color: var(--nc, var(--a-ink));
}
#v-armory .aid-honra { display: grid; gap: 2px; justify-items: start; }
#v-armory .aid-meter { display: inline-flex; gap: 2px; }
#v-armory .aid-mseg {
  width: 13px;
  height: 7px;
  border: 1px solid var(--a-line2);
  border-radius: var(--a-r);
  background:
    linear-gradient(90deg,
      color-mix(in srgb, var(--nc, #8fb8ff) 88%, transparent) 0 var(--fill, 0%),
      var(--a-card2) var(--fill, 0%) 100%);
}
#v-armory .aid-mseg.ap-hard {
  border-color: color-mix(in srgb, var(--a-gold) 46%, transparent);
}
#v-armory .aid-hv {
  font-family: var(--a-ttl);
  font-size: var(--a-f3);
  font-weight: 800;
  line-height: 1.1;
  color: var(--a-ink);
  font-variant-numeric: tabular-nums;
}
#v-armory .aid-hv small { font-size: var(--a-f1); font-weight: 600; letter-spacing: .1em; color: var(--a-faint); }
#v-armory .aid-ranks { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; }
#v-armory .aid-rcell {
  display: grid;
  gap: 0;
  padding: 3px 6px;
  border: 1px solid var(--a-line2);
  border-radius: var(--a-r);
  background: var(--a-card);
  box-shadow: var(--a-lift);
  text-align: center;
}
#v-armory .aid-rcell > i {
  font-family: var(--a-ttl);
  font-style: normal;
  font-size: var(--a-f1);
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.3;
  text-transform: uppercase;
  color: var(--a-faint);
}
#v-armory .aid-rcell > b {
  font-family: var(--a-ttl);
  font-size: var(--a-f3);
  font-weight: 800;
  line-height: 1.15;
  color: var(--a-ink);
  font-variant-numeric: tabular-nums;
}
#v-armory .aid-rcell.ap-vz { background: var(--a-card2); }
#v-armory .aid-rcell.ap-vz > b { color: var(--a-null); }

#v-armory .aeq { padding: var(--a-pv) 14px; }
#v-armory .eqempty { margin: 0 0 8px; color: var(--a-faint); font-size: var(--a-f2); }
#v-armory .eqwin {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 380px) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}
#v-armory .eqside {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: var(--a-es);
  gap: var(--a-eg);
}

#v-armory .eqslot {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 4px 8px;
  border: 1px solid var(--a-line2);
  border-left: 2px solid var(--rar, var(--a-null));
  border-radius: var(--a-r);
  background: var(--a-card);                   
  box-shadow: var(--a-lift);
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  transition: background var(--a-tr), border-color var(--a-tr);
}
#v-armory .eqslot:hover { background: rgba(255, 255, 255, .06); border-color: var(--a-line); }
#v-armory .eqslot:focus-visible { outline: 2px solid var(--a-blue); outline-offset: 1px; }
#v-armory .eqslot.void {
  background: var(--a-card2);
  border-left-color: rgba(255, 255, 255, .07);
  cursor: default;
}
#v-armory .ei {
  flex: none;
  display: grid;
  place-items: center;
  width: var(--a-ei);
  height: var(--a-ei);
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: var(--a-r);
  background: rgba(0, 0, 0, .3);
  overflow: hidden;
}
#v-armory .eqslot.void .ei, #v-armory .cs.void .ei { background: rgba(0, 0, 0, .16); border-style: dashed; }
#v-armory .ei img { max-width: 100%; max-height: 100%; display: block; }
#v-armory .ei svg { width: 52%; height: 52%; color: var(--rar, var(--a-null)); opacity: .8; }
#v-armory .eqt { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
#v-armory .eql {
  font-family: var(--a-ttl);
  font-size: var(--a-f1);
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  line-height: 1.3;
  color: var(--a-faint);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#v-armory .eqn {
  font-size: var(--a-f3);
  font-weight: 600;
  line-height: 1.16;
  color: var(--a-ink);
  overflow-wrap: anywhere;      
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#v-armory .eqslot.void .eqn { color: var(--a-faint); font-weight: 500; }
#v-armory .up { color: var(--a-gold); font-weight: 800; }   
#v-armory .up.mid { color: #ffd257; }
#v-armory .up.max { color: #ff9a3c; }
#v-armory .up.ap-caos { font-weight: 800; white-space: nowrap; }

#v-armory .eqchar {
  position: relative;
  display: grid;
  place-items: center;
  height: calc(var(--a-es) * 7 + var(--a-eg) * 6);
  padding: 18px;
  border: 1px solid var(--a-line2);
  border-radius: var(--a-r);
  background: var(--a-card2);
  box-shadow: var(--a-lift);
  overflow: hidden;
}
#v-armory .eqemb {
  position: absolute;
  left: 50%;
  top: 14px;
  height: calc(100% - 28px);
  width: auto;
  max-width: none;
  transform: translateX(-50%);
  object-fit: contain;
  opacity: .62;
  filter: drop-shadow(0 2px 14px rgba(0, 0, 0, .7));
  pointer-events: none;
  user-select: none;
}
#v-armory .eqemb.marca {
  top: 50%;
  height: auto;
  width: min(84%, 480px);
  transform: translate(-50%, -50%);
  opacity: .34;
  filter: none;
}
#v-armory .eqemb.ph {                
  width: min(52%, 200px);
  border: 1px solid var(--a-line2);
  border-radius: 50%;
  opacity: .3;
}

#v-armory .asys { padding: var(--a-pv) 4px; }
#v-armory .quads { display: flex; }
#v-armory .quad {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  display: grid;
  justify-items: center;
  align-content: start;
  gap: clamp(2px, .3vh, 3px);
  margin: 0;
  padding: 2px 10px;
  border: 0;
  border-right: 1px solid var(--a-line2);
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
  transition: background var(--a-tr);
}
#v-armory .quad:last-child { border-right: 0; }
#v-armory .quad.wide { flex: 1.35 1 0; }
#v-armory .quad:hover { background: var(--a-card); }
#v-armory .quad:focus-visible { outline: 2px solid var(--a-blue); outline-offset: -2px; }
#v-armory .quad.lock { opacity: .45; cursor: default; }
#v-armory .quad.asa { cursor: default; }
#v-armory .quad.asa:hover { background: transparent; }
#v-armory .quad .qn {
  font-family: var(--a-ttl);
  font-size: var(--a-f1);
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--a-faint);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
#v-armory .quad .qico {
  width: var(--a-qi);
  height: var(--a-qi);
  object-fit: contain;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .7));
}
#v-armory .quad .qico.sp { display: block; }
#v-armory .quad .qlock { font-size: var(--a-f4); line-height: var(--a-qi); opacity: .8; }
#v-armory .quad .qv {
  font-family: var(--a-ttl);
  font-size: var(--a-f5);
  font-weight: 800;
  line-height: 1;
  color: var(--a-ink);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
#v-armory .quad .qv small { font-size: var(--a-f2); font-weight: 600; color: var(--a-faint); }
#v-armory .quad .qsub {
  font-size: var(--a-f2);
  color: var(--a-mut);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
#v-armory .quad.lock .qsub { color: var(--a-faint); }
#v-armory .stnums { display: flex; gap: 8px; align-items: center; }
#v-armory .stnum { font-family: var(--a-ttl); font-weight: 800; font-size: var(--a-f5); line-height: 1; color: #39445a; }
#v-armory .stnum.on { text-shadow: 0 0 10px currentColor; }

#v-armory .ast { padding: 26px 16px; text-align: center; }
#v-armory .ast h2 {
  margin: 0 0 6px;
  font-family: var(--a-ttl);
  font-size: var(--a-f5);
  font-weight: 800;
  color: var(--a-ink);
}
#v-armory .ast p { margin: 0; color: var(--a-mut); font-size: var(--a-f3); }
#v-armory .ast .abtn {
  margin-top: 14px;
  height: 32px;
  padding: 0 16px;
  border: 1px solid var(--a-line);
  border-radius: var(--a-r);
  background: transparent;
  box-shadow: var(--a-lift);
  color: var(--a-ink);
  font-family: var(--a-ttl);
  font-size: var(--a-f3);
  font-weight: 700;
  letter-spacing: .08em;
  cursor: pointer;
}
#v-armory .ast .abtn:hover { border-color: var(--a-blue); color: var(--a-blue); }
#v-armory .sk { display: grid; gap: 6px; padding: 12px 14px; }
#v-armory .sk i {
  display: block;
  height: 56px;
  border-radius: var(--a-r);
  background: linear-gradient(90deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .06), rgba(255, 255, 255, .03));
  background-size: 220% 100%;
  animation: askm 1.4s linear infinite;
}
#v-armory .sk i.h { height: 84px; }
@keyframes askm { from { background-position: 120% 0; } to { background-position: -120% 0; } }
@media (prefers-reduced-motion: reduce) { #v-armory .sk i { animation: none; } }

#armory-layer { position: relative; z-index: 9000; }

#atip {
  position: fixed;
  left: -9999px;
  top: 0;
  z-index: 9002;
  display: none;
  width: 300px;
  max-height: calc(100vh - 24px);
  overflow: auto;
  padding: 10px 12px;
  border: 1px solid var(--a-line);
  border-radius: var(--a-r);
  background: rgba(13, 13, 14, .95);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  box-shadow: var(--a-sh), var(--a-lift);
  pointer-events: none;        
}
#atip.on { display: block; }

#aveil {
  position: fixed;
  inset: 0;
  z-index: 9001;
  display: none;
  background: rgba(0, 0, 0, .58);
}
#aveil.on { display: block; }

#adock {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9002;
  display: none;
  flex-direction: column;
  max-height: 78vh;
  overflow: hidden;
  border-top: 1px solid var(--a-line);
  border-radius: var(--a-r) var(--a-r) 0 0;
  background: rgba(13, 13, 14, .97);
  box-shadow: 0 -8px 26px rgba(0, 0, 0, .8), var(--a-lift);
}
#adock.on { display: flex; }
#adock .dhd {
  position: relative;      
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;        
  padding: 6px 54px;
  border-bottom: 1px solid var(--a-line2);
}
#adock .hnd { display: block; width: 44px; height: 3px; border-radius: 2px; background: rgba(255, 255, 255, .2); }
#adock .cls {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border: 1px solid var(--a-line);
  border-radius: var(--a-r);
  background: transparent;
  color: var(--a-mut);
  font-size: var(--a-f3);
  cursor: pointer;
}
#adock .cls:focus-visible { outline: 2px solid var(--a-blue); outline-offset: 1px; }
#adockBody {
  flex: 1 1 auto;
  min-height: 0;           
  overflow: auto;
  padding: 10px 16px 22px;
  -webkit-overflow-scrolling: touch;
}

#atip .tipn, #adock .tipn {
  margin: 0;
  font-family: var(--a-ttl);
  font-size: var(--a-f4);
  font-weight: 800;
  line-height: 1.2;
}
#atip .up, #adock .up { color: var(--a-gold); }
#atip .tipn.nome .up, #adock .tipn.nome .up { color: inherit; }
#atip, #adock {
  color: var(--a-ink);    
  --g-geral: #fefefe;     
  --g-unica: #ff5400;     
  --g-epica: #9b00fb;     
  --g-opcao: #00c0ff;     
  --g-extremo: #829cff;   
  --g-caos: #fcab2c;      
}
#atip .tipm, #adock .tipm {
  margin: 3px 0 0;
  font-size: var(--a-f2);
  color: var(--a-faint);
}
#atip .tsec, #adock .tsec { margin-top: 8px; padding-top: 7px; border-top: 1px solid var(--a-line2); }
#atip .tsec .k, #adock .tsec .k {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-bottom: 3px;
  font-family: var(--a-ttl);
  font-size: 12px;
  font-weight: 700;
  color: var(--c, var(--a-mut));
}
#atip .tsec .kc, #adock .tsec .kc { font-weight: 600; color: var(--a-faint); font-variant-numeric: tabular-nums; }
#atip .tsec.g-geral, #adock .tsec.g-geral { --c: var(--g-geral); }
#atip .tsec.g-unica, #adock .tsec.g-unica { --c: var(--g-unica); }
#atip .tsec.g-epica, #adock .tsec.g-epica { --c: var(--g-epica); }
#atip .tsec.g-opcao, #adock .tsec.g-opcao { --c: var(--g-opcao); }
#atip .tsec.g-extremo, #adock .tsec.g-extremo { --c: var(--g-extremo); }
#atip .tsec.g-caos, #adock .tsec.g-caos { --c: var(--g-caos); }
#atip .tsec.g-divino, #adock .tsec.g-divino { --c: var(--g-geral); }
#atip .tsec:is(.g-unica, .g-epica, .g-opcao, .g-extremo, .g-caos) .trow :is(.n, .x),
#adock .tsec:is(.g-unica, .g-epica, .g-opcao, .g-extremo, .g-caos) .trow :is(.n, .x) { color: var(--c); }
#atip .rng, #adock .rng { margin-left: 6px; font-size: var(--a-f2); font-weight: 400; color: var(--a-faint); }
#atip .trow, #adock .trow {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  font-size: var(--a-f3);
  line-height: 1.5;
}
#atip .trow .n, #adock .trow .n { color: var(--a-mut); }
#atip .trow .x, #adock .trow .x { color: var(--a-ink); font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
#atip .trow .x.gold, #adock .trow .x.gold { color: var(--a-gold); }
#atip .note, #adock .note { margin: 3px 0 0; font-size: var(--a-f2); color: var(--a-faint); }
#atip .bar, #adock .bar { height: 3px; margin: 4px 0 6px; border-radius: 2px; background: rgba(255, 255, 255, .08); }
#atip .bar i, #adock .bar i { display: block; height: 100%; border-radius: 2px; background: var(--a-mut); }
#atip .bar i.full, #adock .bar i.full { background: var(--a-gold); }
#atip .sock, #adock .sock { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 9px; }
#atip .sock i, #adock .sock i {
  position: relative;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 0;
  background: none;
}
#atip .sock i .sci, #adock .sock i .sci {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: var(--a-r);
}
#atip .sock i:not(.on) .sci, #adock .sock i:not(.on) .sci { opacity: .5; }
#atip .sock i.sx::after, #adock .sock i.sx::after {
  content: "+";
  position: absolute;
  top: -5px;
  right: -3px;
  font-family: var(--a-ttl);
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  color: #fff;
  text-shadow: 0 0 3px #000, 0 1px 2px rgba(0, 0, 0, .95);
}

#atip .ttrail, #adock .ttrail {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 6px 0 2px;
  font-family: var(--a-ttl);
  font-size: var(--a-f2);
}
#atip .ttrail i, #adock .ttrail i { width: 6px; height: 6px; border-radius: 50%; flex: none; }
#atip .ttrail .kd, #adock .ttrail .kd {
  margin-left: auto;
  padding: 0 5px;
  border: 1px solid var(--a-line2);
  border-radius: var(--a-r);
  font-size: var(--a-f1);
  letter-spacing: .1em;
  color: var(--a-faint);
}
#atip .ttrail .kd.pvp, #adock .ttrail .kd.pvp { color: #e08a8a; border-color: rgba(224, 138, 138, .3); }
#atip .ttrail .kd.pve, #adock .ttrail .kd.pve { color: #8ad0a0; border-color: rgba(138, 208, 160, .3); }


@media (max-width: 1080px) {
  #v-armory .wrap { width: calc(100% - 28px); padding: 8px 0 10px; }
  #v-armory .eqwin { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  #v-armory .eqchar {
    grid-column: 1 / -1;
    order: -1;                       
    height: min(46vh, 400px);
    max-width: 460px;
    margin: 0 auto;
    width: 100%;
  }
  #v-armory .quads { flex-wrap: wrap; }
  #v-armory .quad { flex: 1 1 25%; min-width: 132px; padding: 6px 8px; }
  #v-armory .quad:nth-child(4n) { border-right: 0; }
  #v-armory .aid { grid-template-columns: minmax(0, 1fr) auto; gap: 10px 18px; }
  #v-armory .zsep { display: none; }
  #v-armory .zr { grid-column: 1 / -1; border-top: 1px solid var(--a-line2); padding-top: 8px; }
  #v-armory .aid-selos { margin-left: 0; }
  #v-armory .aid-nat { gap: 6px 14px; }
}

@media (max-width: 820px) {
  #v-armory .atrail { flex-wrap: wrap; height: auto; }
  #v-armory .asrch-box { order: 9; flex: 1 1 100%; width: auto; }
  #v-armory .asres.on { width: 100%; left: 0; right: auto; }
  #v-armory .aid { grid-template-columns: minmax(0, 1fr); }
  #v-armory .zc { justify-content: flex-start; }
  #v-armory .zc .pw { justify-items: start; padding-left: 0; }
  #v-armory .aid-podio { justify-content: flex-start; }
}

@media (max-width: 620px) {
  #v-armory .eqwin { grid-template-columns: minmax(0, 1fr); }
  #v-armory .eqside { grid-auto-rows: auto; }
  #v-armory .eqslot { min-height: 46px; }
  #v-armory .eqchar { height: min(52vh, 340px); }
  #v-armory .aid-emb { width: 42px; height: 42px; }
  #v-armory .aid h1 { font-size: 24px; }
  #v-armory .aid-ranks { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #v-armory .quad { flex: 1 1 33.33%; min-width: 108px; border-right: 0; }
  #v-armory .quad .qn { font-size: 8.5px; letter-spacing: .1em; }
  #atip { display: none; }                 
}

@media (max-width: 430px) {
  #v-armory .quad { flex: 1 1 50%; }
  #v-armory .eqemb { top: 10px; height: calc(100% - 20px); }
}

#v-armory .asys.pend:not(.ok) .quads { visibility: hidden; }

#v-armory .asgate {
  display: flex; align-items: center; justify-content: center; gap: 12px;
  flex-wrap: wrap; padding: var(--a-pv) 10px; text-align: center;
}
#v-armory .asgate .asglock { font-size: var(--a-f4); opacity: .85; }
#v-armory .asgate .asgt {
  font-family: 'Chakra Petch', sans-serif; font-size: var(--a-f2);
  font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--a-mut);
}
#v-armory .asgate .asgs { font-size: var(--a-f2); color: var(--a-faint); }
#v-armory .asgate .asgs b { color: var(--a-gold); font-weight: 700; }

#v-armory .quad .qmini {
  display: grid; gap: 2px; width: 100%; max-width: 150px;
  height: clamp(18px, 3.4vh, 42px); margin: 1px auto;
}
#v-armory .quad .qmini i { border-radius: 1px; background: rgba(255, 255, 255, .10); }
#v-armory .quad .qmini i.on { background: rgba(79, 140, 240, .8); }
#v-armory .quad .qmini i.mx { background: rgba(242, 183, 5, .85); }

#atip.stage { width: 620px; }

#atip .astg-fit { position: relative; overflow: hidden; margin-top: 8px; }
#atip .mstage { position: relative; }
#atip .mcell { position: absolute; width: 64px; text-align: center; }
#atip .mtile {
  position: relative; width: 64px; height: 64px; border-radius: 2px;
  border: 1px solid rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .025);
  overflow: hidden;
}
#atip .mtile img { width: 100%; height: 100%; object-fit: cover; display: block; }
#atip .mcell.z .mtile img { filter: grayscale(1); opacity: .45; }
#atip .mcell.on .mtile { border-color: rgba(79, 140, 240, .85); }
#atip .mcell.mx .mtile { border-color: rgba(242, 183, 5, .85); }
#atip .mbadge {
  position: absolute; top: 0; right: 0; background: rgba(0, 0, 0, .72); color: #cfd6e4;
  font-size: 10.5px; font-weight: 700; padding: 1px 4px; border-radius: 0 0 0 3px;
  font-variant-numeric: tabular-nums;
}
#atip .mcell.on .mbadge { color: #e8ebf2; }
#atip .mcell.mx .mbadge { color: #f2b705; }
#atip .mval {
  font-size: 11.5px; font-weight: 700; color: #8b93a3; min-height: 15px;
  margin-top: 2px; font-variant-numeric: tabular-nums;
}
#atip .mcell.on .mval { color: #e8ebf2; }
#atip .mcell.mx .mval { color: #f2b705; }
#atip .marrow { position: absolute; pointer-events: none; }

#atip .aschips { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; }
#atip .aschip {
  font-size: 10.5px; padding: 2px 6px; border-radius: 2px;
  border: 1px solid rgba(255, 255, 255, .106); background: rgba(255, 255, 255, .025);
  color: var(--a-faint);
}
#atip .aschip.on { color: var(--a-ink); }
#atip .aschip.sel { border-color: rgba(79, 140, 240, .85); }
#atip .aschip b { font-variant-numeric: tabular-nums; font-weight: 700; }

#atip .asovb { display: grid; gap: 8px 6px; justify-content: start; margin-top: 6px; }
#atip .mcell.ovc { position: static; width: 64px; }
#atip .mcell.ovc .mtile { margin: 0 auto; }
#atip .mname { font-size: 10px; line-height: 1.25; color: #8b93a3; margin-top: 1px; }
#atip .mcell.on .mname, #atip .mcell.mx .mname { color: #cfd6e4; }

#v-armory .quad .qmini.qm-svg { display: block; }
#v-armory .quad .qmini.qm-svg svg { width: 100%; height: 100%; display: block; }

#atip .ashrow {
  display: flex; align-items: center; gap: 10px; padding: 7px 8px; margin-top: 6px;
  background: rgba(255, 255, 255, .025); border: 1px solid rgba(255, 255, 255, .106); border-radius: 2px;
}
#atip .ashrow img { width: 34px; height: 34px; object-fit: contain; filter: grayscale(1); opacity: .4; }
#atip .ashrow.on img, #atip .ashrow.mx img { filter: none; opacity: 1; }
#atip .ashin { flex: 1; min-width: 0; }
#atip .ashn { font-size: 12px; font-weight: 700; color: #cfd6e4; }
#atip .ashn small { font-weight: 600; color: #8b93a3; }
#atip .ashbar { height: 5px; margin-top: 4px; background: rgba(255, 255, 255, .08); border-radius: 999px; overflow: hidden; }
#atip .ashbar i { display: block; height: 100%; background: #f2b705; border-radius: 999px; }
#atip .ashg { font-size: 12px; font-variant-numeric: tabular-nums; color: #8b93a3; }
#atip .ashrow.on .ashg { color: #e8ebf2; }
#atip .ashrow.mx .ashg { color: #f2b705; }

#atip .asrgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 8px; }
#atip.stage.xl .asrgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#atip .asrrow {
  display: flex; align-items: center; gap: 8px; padding: 5px 8px; margin-top: 5px;
  background: rgba(255, 255, 255, .025); border: 1px solid rgba(255, 255, 255, .106); border-radius: 2px;
}
#atip .asrnum { width: 18px; text-align: center; font-size: 11px; color: #8b93a3; font-variant-numeric: tabular-nums; }
#atip .asrrow .fic { width: 26px; height: 26px; object-fit: cover; border-radius: 2px; }
#atip .asgem { display: inline-block; background: radial-gradient(circle at 35% 30%, #fff8, #4f8cf0 60%, #1b2c4d); border-radius: 50%; }
#atip .asrin { flex: 1; min-width: 0; }
#atip .asrn { font-size: 12px; font-weight: 700; color: #cfd6e4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#atip .asrv { font-size: 11px; color: #8b93a3; font-variant-numeric: tabular-nums; }
#atip .asrlv { font-size: 11px; color: #8b93a3; font-variant-numeric: tabular-nums; white-space: nowrap; }
#atip .asrlv b { color: #e8ebf2; }

#atip.stage.xl { width: 1240px; max-width: calc(100vw - 24px); }

#atip .asmrow { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
#atip .asmcell { flex: 0 0 auto; }
#atip .asmrow.plat { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 10px; align-items: start; }
#atip .asmrow.plat .asmcell:nth-child(3n + 1) { border-left: 0; padding-left: 0; }
#atip .asmh {
  font-size: 11px; font-weight: 700; color: #8b93a3; margin-bottom: 4px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
#atip .asmh.on { color: #cfd6e4; }
#atip .asmh b { color: #e8ebf2; font-variant-numeric: tabular-nums; }

#atip .asmyth { display: flex; gap: 6px; margin-top: 8px; }
#atip .asmyth span {
  position: relative; width: 44px; height: 44px; border-radius: 2px;
  border: 1px solid rgba(255, 255, 255, .106); background: rgba(255, 255, 255, .025);
  display: flex; align-items: center; justify-content: center;
}
#atip .asmyth span img { width: 34px; height: 34px; object-fit: contain; filter: grayscale(1); opacity: .35; }
#atip .asmyth span.on { border-color: rgba(199, 144, 232, .8); }
#atip .asmyth span.on img { filter: none; opacity: 1; }
#atip .asmyth span b {
  position: absolute; right: 2px; bottom: 0; font-size: 9.5px; color: #8b93a3;
  font-variant-numeric: tabular-nums;
}
#atip .asmyth span.on b { color: #c790e8; }
#atip .astwocol { column-count: 2; column-gap: 22px; margin-top: 4px; }
#atip .astwocol .trow { break-inside: avoid; }

#atip .asovwrap { display: flex; gap: 26px; flex-wrap: wrap; }
#atip .asovwrap .tsec { flex: 0 0 auto; border-top: 0; padding-top: 0; }

#atip .ashslots { display: flex; gap: 4px; margin-top: 5px; flex-wrap: wrap; }
#atip .ashslot {
  width: 22px; height: 22px; border-radius: 2px; box-sizing: border-box;
  border: 1px solid #252734; background: #454a5b;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 13px; font-weight: 700; color: rgba(255, 255, 255, .75);
}
#atip .ashslot.lk { background: rgba(69, 74, 91, .35); border-color: rgba(37, 39, 52, .6); }

@media (max-height: 830px) {
  #atip .asovwrap .mcell { width: 44px; }
  #atip .asovwrap .mtile { width: 44px; height: 44px; }
  #atip .asovwrap .mname { display: none; }
  #atip .asovwrap .mval { font-size: 10px; min-height: 12px; }
  #atip .asmyth span { width: 36px; height: 36px; }
  #atip .asmyth span img { width: 28px; height: 28px; }
}

#atip .asmcell + .asmcell { border-left: 1px solid rgba(255, 255, 255, .106); padding-left: 10px; }

#v-armory .aid-rcell.ap-eleg > b{color:#7fe0a5}
#v-armory .aid-rcell.ap-ineleg > b{color:#ff8a7a}