.arrival-cartographer-r11 {
  --energy-halo: #1b59ff;
  --energy-rim: #6497ff;
  --energy-deep: #163be7;
  --energy-body: #356eff;
  --energy-bright: #a8c5ff;
  --energy-core: #f1f6ff;
}

.arrival-cartographer-r11 .arrival-cartographer-media {
  isolation: isolate;
}

.arrival-cartographer-r11.is-animated img {
  animation: none;
}

.arrival-cartographer-r11-model {
  position: absolute;
  inset: 0;
  width: auto;
  max-width: 100%;
  height: 100%;
  margin: auto;
  aspect-ratio: 2 / 3;
  transform-origin: 50% 82%;
}

.arrival-cartographer-r11-model > * {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.arrival-cartographer-r11-base {
  z-index: 2;
  object-fit: contain;
  object-position: 50% 50%;
  filter:
    drop-shadow(0 0 9px rgba(61, 189, 255, .52))
    drop-shadow(0 0 30px rgba(77, 83, 239, .3));
}

.arrival-cartographer-r11-aura {
  z-index: 1;
  background: linear-gradient(180deg, var(--energy-rim), var(--energy-deep));
  -webkit-mask: url("chambers/cartographer-threshold-r11/cartographer-foot-repaired-v1.png") center / contain no-repeat;
  mask: url("chambers/cartographer-threshold-r11/cartographer-foot-repaired-v1.png") center / contain no-repeat;
  filter: blur(22px);
  opacity: .3;
  transform: scale(1.018);
}

.arrival-cartographer-r11-energy,
.arrival-cartographer-r11-lightning {
  z-index: 4;
  pointer-events: none;
  -webkit-mask: url("chambers/cartographer-threshold-r11/cartographer-energy-mask-v1.png") center / contain no-repeat;
  mask: url("chambers/cartographer-threshold-r11/cartographer-energy-mask-v1.png") center / contain no-repeat;
  mix-blend-mode: screen;
}

.arrival-cartographer-r11-tint {
  z-index: 3;
  background: var(--energy-body);
  opacity: .56;
  mix-blend-mode: color;
  transition: background-color 80ms linear;
}

.arrival-cartographer-r11-bloom {
  background:
    radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--energy-core) 90%, transparent) 0 2.5%, color-mix(in srgb, var(--energy-rim) 58%, transparent) 8%, transparent 21%),
    linear-gradient(180deg, color-mix(in srgb, var(--energy-bright) 70%, transparent), color-mix(in srgb, var(--energy-body) 48%, transparent) 48%, color-mix(in srgb, var(--energy-rim) 62%, transparent));
  opacity: .44;
}

.arrival-cartographer-r11-current {
  background: linear-gradient(
    180deg,
    transparent 0 31%,
    color-mix(in srgb, var(--energy-body) 18%, transparent) 38%,
    color-mix(in srgb, var(--energy-core) 96%, transparent) 45%,
    color-mix(in srgb, var(--energy-rim) 76%, transparent) 49%,
    transparent 58% 100%
  );
  background-size: 100% 310%;
  opacity: .56;
  filter: blur(1.5px) saturate(1.35);
}

.arrival-cartographer-r11-lightning {
  overflow: visible;
  opacity: .98;
  filter:
    drop-shadow(0 0 5px color-mix(in srgb, var(--energy-rim) 86%, transparent))
    drop-shadow(0 0 14px color-mix(in srgb, var(--energy-halo) 66%, transparent));
}

.arrival-cartographer-r11 .lightning-halo,
.arrival-cartographer-r11 .lightning-glow,
.arrival-cartographer-r11 .lightning-core,
.arrival-cartographer-r11 .lightning-packet {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: miter;
}

.arrival-cartographer-r11 .lightning-halo { stroke: var(--energy-halo); stroke-width: 38; opacity: .4; }
.arrival-cartographer-r11 .lightning-glow { stroke: var(--energy-body); stroke-width: 12; opacity: .76; }
.arrival-cartographer-r11 .lightning-core { stroke: var(--energy-bright); stroke-width: 3.2; opacity: .92; }
.arrival-cartographer-r11 .lightning-packet {
  stroke: var(--energy-core);
  stroke-width: 6.5;
  stroke-dasharray: 12 88;
  opacity: .98;
}
.arrival-cartographer-r11 .lightning-branch { stroke-width: 1.55; opacity: .64; }
.arrival-cartographer-r11 .eye-halo {
  fill: var(--energy-body);
  opacity: .82;
  transform-box: fill-box;
  transform-origin: center;
}
.arrival-cartographer-r11 .eye-rim { fill: var(--energy-rim); opacity: .94; }
.arrival-cartographer-r11 .eye-core { fill: var(--energy-core); opacity: 1; }

.arrival-cartographer-r11 .eye-receiver.is-arriving .eye-halo { animation: kftcCartographerEyeArrival 860ms ease-out; }
.arrival-cartographer-r11 .eye-receiver.is-arriving .eye-core { animation: kftcCartographerEyeCoreArrival 860ms ease-out; }

.arrival-cartographer-r11-core {
  z-index: 5;
  left: 50%;
  top: 45.2%;
  width: 9.5%;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  background: rgba(204, 251, 255, .32);
  box-shadow:
    0 0 12px 4px rgba(112, 238, 255, .54),
    0 0 34px 12px rgba(87, 121, 255, .36),
    0 0 64px 20px rgba(154, 83, 255, .23);
  transform: translate(-50%, -50%);
  mix-blend-mode: screen;
}

.arrival-cartographer-r11.has-live-energy .arrival-cartographer-r11-model {
  animation: kftcCartographerDrift 7.8s ease-in-out infinite;
}
.arrival-cartographer-r11.has-live-energy .arrival-cartographer-r11-aura {
  animation: kftcCartographerAura 4.8s ease-in-out infinite;
}
.arrival-cartographer-r11.has-live-energy .arrival-cartographer-r11-bloom {
  animation: kftcCartographerAura 4.3s ease-in-out infinite reverse;
}
.arrival-cartographer-r11.has-live-energy .arrival-cartographer-r11-current {
  animation: kftcCartographerCurrent 5.4s linear infinite;
}
.arrival-cartographer-r11.has-live-energy .arrival-cartographer-r11-core {
  animation: kftcCartographerCore 2.8s ease-in-out infinite;
}

.arrival-cartographer-r11.energy-fallback .arrival-cartographer-r11-current {
  background-position: 50% 46%;
}

html[data-color-mode="light"] .arrival-cartographer-r11-base,
html[data-theme="light"] .arrival-cartographer-r11-base {
  filter:
    drop-shadow(0 1px 1px rgba(1, 5, 12, .98))
    drop-shadow(0 0 6px rgba(1, 5, 12, .82))
    drop-shadow(0 12px 28px rgba(2, 8, 18, .56))
    drop-shadow(0 0 18px rgba(48, 153, 255, .46));
}

@keyframes kftcCartographerEyeArrival {
  0%, 100% { opacity: .78; transform: scale(1); }
  42% { opacity: 1; transform: scale(1.72); }
}

@keyframes kftcCartographerEyeCoreArrival {
  0%, 100% { opacity: .9; }
  40% { opacity: 1; filter: brightness(1.8); }
}

@keyframes kftcCartographerDrift {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(-.15deg); }
  45% { transform: translate3d(0, -10px, 0) rotate(.2deg); }
  72% { transform: translate3d(0, -5px, 0); }
}

@keyframes kftcCartographerCurrent {
  from { background-position: 50% 115%; }
  to { background-position: 50% -18%; }
}

@keyframes kftcCartographerAura {
  0%, 100% { opacity: .2; transform: scale(1.012); }
  50% { opacity: .43; transform: scale(1.035); }
}

@keyframes kftcCartographerCore {
  0%, 100% { opacity: .5; transform: translate(-50%, -50%) scale(.7); }
  50% { opacity: .92; transform: translate(-50%, -50%) scale(1.22); }
}

@media (max-width: 899px) {
  .arrival-cartographer-r11-model { max-width: min(100%, 27rem); }
}

@media (prefers-reduced-motion: reduce) {
  .arrival-cartographer-r11-model,
  .arrival-cartographer-r11-aura,
  .arrival-cartographer-r11-energy,
  .arrival-cartographer-r11-lightning,
  .arrival-cartographer-r11-core,
  .arrival-cartographer-r11 .eye-receiver * {
    animation: none !important;
  }
  .arrival-cartographer-r11-current { background-position: 50% 46%; }
}