.raidlands-loader {
  display: none;
}

html.raidlands-loading,
html.raidlands-loading body {
  overflow: hidden;
}

html.raidlands-loading .raidlands-loader {
  --loader-progress: 0;
  --loader-progress-sweep: 0deg;
  --loader-progress-angle: -90deg;
  --loader-progress-tip-angle: -180deg;
  --loader-progress-tip-counter-angle: 180deg;
  --loader-progress-tip-opacity: 0;
  --loader-startup-ms: 1160ms;
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: stretch;
  padding: clamp(18px, 3.2vw, 58px);
  color: #f3eee3;
  background:
    radial-gradient(ellipse at 66% 48%, rgba(255, 138, 40, .14), transparent 36%),
    radial-gradient(ellipse at 20% 92%, rgba(179, 38, 30, .08), transparent 42%),
    linear-gradient(90deg, rgba(5, 6, 7, .78) 0%, rgba(5, 6, 7, .24) 50%, rgba(5, 6, 7, .68) 100%),
    linear-gradient(180deg, rgba(5, 6, 7, .26), rgba(5, 6, 7, .70) 90%),
    url("../media/texture-grunge.svg") center / 760px repeat,
    url("../media/loading/loading-raid-scene.webp") center center / cover no-repeat,
    #050607;
  font-family: var(--font-countdown, "Arial Narrow", "Roboto Condensed", Impact, Arial, sans-serif);
  letter-spacing: 0;
  overflow: hidden;
  isolation: isolate;
  contain: paint;
  opacity: 1;
  transition: opacity var(--loader-fade-ms, 520ms) ease;
}

.raidlands-loader.is-exiting {
  opacity: 0;
  pointer-events: none;
}

.raidlands-loader-power-overlay {
  position: absolute;
  inset: 0;
  z-index: 30;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 50% 68%, rgba(255, 138, 40, .12), transparent 28%),
    radial-gradient(ellipse at 50% 50%, rgba(0, 0, 0, .36), rgba(0, 0, 0, .94) 62%, rgba(0, 0, 0, .98)),
    repeating-linear-gradient(180deg, rgba(255, 138, 40, .06) 0 1px, transparent 1px 8px),
    #030404;
  mix-blend-mode: normal;
  opacity: 0;
  will-change: opacity, filter;
}

.raidlands-loader.is-power-cold .raidlands-loader-power-overlay {
  opacity: .98;
  filter: brightness(.55);
}

.raidlands-loader.is-powering-on .raidlands-loader-power-overlay {
  animation: raidlands-loader-power-overlay var(--loader-startup-ms, 1160ms) steps(1, end) both;
}

html.raidlands-loading .raidlands-loader.is-exiting,
html.raidlands-loader-fading .raidlands-loader {
  opacity: 0;
  pointer-events: none;
}

html.raidlands-loading .raidlands-loader.is-breaching,
html.raidlands-loading .raidlands-loader.is-exploding {
  background:
    radial-gradient(circle at var(--breach-x, 50%) var(--breach-y, 73%), rgba(255, 209, 102, .16), transparent 18%),
    radial-gradient(ellipse at 66% 48%, rgba(255, 138, 40, .18), transparent 36%),
    linear-gradient(90deg, rgba(5, 6, 7, .80), rgba(5, 6, 7, .30) 50%, rgba(5, 6, 7, .72)),
    url("../media/texture-grunge.svg") center / 760px repeat,
    url("../media/loading/loading-raid-scene.webp") center center / cover no-repeat,
    #050607;
}

.raidlands-loader::before,
.raidlands-loader::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
}

.raidlands-loader::before {
  background:
    radial-gradient(circle, rgba(255, 138, 40, .36) 0 1px, transparent 1.6px) 0 0 / 118px 118px,
    radial-gradient(circle, rgba(243, 238, 227, .14) 0 .7px, transparent 1.2px) 9px 16px / 36px 36px,
    linear-gradient(90deg, rgba(255, 138, 40, .055) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255, 138, 40, .035) 1px, transparent 1px),
    url("../media/plate-seams.svg") center top / 960px 128px repeat-x,
    url("../media/texture-metal.svg") center / 320px repeat;
  background-size: 118px 118px, 36px 36px, 96px 96px, 96px 96px, 960px 128px, 320px 320px;
  mix-blend-mode: screen;
  opacity: .18;
  will-change: background-position, opacity, transform;
  animation:
    raidlands-loader-grid 16s linear infinite,
    raidlands-loader-static .38s steps(2, end) infinite;
}

.raidlands-loader::after {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .08), rgba(0, 0, 0, .36) 76%, rgba(5, 6, 7, .84) 100%),
    linear-gradient(90deg, rgba(0, 0, 0, .30), transparent 34%, transparent 70%, rgba(0, 0, 0, .22)),
    repeating-linear-gradient(116deg, rgba(255, 138, 40, .045) 0, rgba(255, 138, 40, .045) 1px, transparent 1px, transparent 48px),
    radial-gradient(ellipse at center, transparent 46%, rgba(0, 0, 0, .58) 100%);
  mix-blend-mode: screen;
  opacity: .42;
}

.raidlands-loader-vfx {
  position: absolute;
  display: block;
  pointer-events: none;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  will-change: transform, opacity, filter;
}

.raidlands-loader-vfx--ground {
  left: var(--explosion-origin-x, 50%);
  bottom: -11vmin;
  z-index: 0;
  width: clamp(560px, 108vmax, 1760px);
  aspect-ratio: 1672 / 941;
  background-image: url("../media/loading/raidlands-vfx-01-ground-blast-green.webp");
  background-size: contain;
  filter: saturate(1.12) brightness(1.04) blur(.2px);
  mix-blend-mode: screen;
  transform: translate(-50%, 28%) scale(.42);
  transform-origin: 50% 88%;
}

.raidlands-loader-vfx--fireball {
  left: var(--explosion-origin-x, 50%);
  bottom: -12vmin;
  z-index: 0;
  width: clamp(560px, 98vmax, 1640px);
  aspect-ratio: 1672 / 941;
  background-image: url("../media/loading/raidlands-vfx-02-fireball-core-green.webp");
  background-size: contain;
  filter:
    saturate(1.12)
    contrast(1.04)
    brightness(1.02)
    drop-shadow(0 0 42px rgba(255, 138, 40, .32));
  mix-blend-mode: screen;
  transform: translate(-50%, 28%) scale(.38);
  transform-origin: 50% 86%;
}

.raidlands-loader-vfx--debris {
  left: var(--explosion-origin-x, 50%);
  top: var(--explosion-origin-y, 76%);
  z-index: 5;
  width: clamp(560px, 96vmax, 1620px);
  aspect-ratio: 1672 / 941;
  background-image: url("../media/loading/raidlands-vfx-03-molten-debris-burst-green.webp");
  background-size: contain;
  filter:
    saturate(1.12)
    contrast(1.08)
    drop-shadow(0 0 30px rgba(255, 90, 12, .38));
  mix-blend-mode: screen;
  transform: translate(-50%, -42%) scale(.38);
  transform-origin: 50% 76%;
}

.raidlands-loader-vfx--smoke {
  left: var(--explosion-origin-x, 50%);
  top: var(--explosion-origin-y, 76%);
  z-index: 6;
  width: clamp(660px, 112vmax, 1880px);
  aspect-ratio: 1672 / 941;
  background-image: url("../media/loading/raidlands-vfx-04-smoke-plume-green.webp");
  background-size: contain;
  filter: saturate(.92) contrast(1.08) brightness(.92);
  transform: translate(-50%, -43%) scale(.44);
  transform-origin: 50% 72%;
}

.raidlands-loader-vfx--shockwave {
  left: var(--explosion-origin-x, 50%);
  top: var(--explosion-origin-y, 76%);
  z-index: 7;
  width: clamp(680px, 118vmax, 1960px);
  aspect-ratio: 1672 / 941;
  background-image: url("../media/loading/raidlands-vfx-05-shockwave-ring-green.webp");
  background-size: contain;
  filter:
    saturate(1.08)
    brightness(1.12)
    drop-shadow(0 0 52px rgba(255, 209, 102, .58));
  mix-blend-mode: screen;
  transform: translate(-50%, -50%) scale(.2);
  transform-origin: center;
}

.raidlands-loader-vfx--embers {
  inset: 0;
  z-index: 8;
  background-image: url("../media/loading/raidlands-vfx-06-ember-field-green.webp");
  background-position: center;
  background-size: cover;
  filter: saturate(1.08) brightness(1.08);
  mix-blend-mode: screen;
  transform: translateY(3%) scale(1.02);
}

.raidlands-loader.is-exploding .raidlands-loader-vfx--ground {
  animation: raidlands-loader-explosion-ground 1500ms cubic-bezier(.12, .78, .2, 1) both;
}

.raidlands-loader.is-exploding .raidlands-loader-vfx--fireball {
  animation: raidlands-loader-explosion-fireball 1420ms 120ms cubic-bezier(.12, .74, .22, 1) both;
}

.raidlands-loader.is-exploding .raidlands-loader-vfx--debris {
  animation: raidlands-loader-explosion-debris 860ms 430ms cubic-bezier(.13, .78, .24, 1) both;
}

.raidlands-loader.is-exploding .raidlands-loader-vfx--smoke {
  animation: raidlands-loader-explosion-smoke 1280ms 470ms ease-out both;
}

.raidlands-loader.is-exploding .raidlands-loader-vfx--shockwave {
  animation: raidlands-loader-explosion-shockwave 760ms 620ms cubic-bezier(.13, .78, .24, 1) both;
}

.raidlands-loader.is-exploding .raidlands-loader-vfx--embers {
  animation: raidlands-loader-explosion-embers 1320ms 690ms ease-out both;
}

.raidlands-loader-frame {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  min-height: min(620px, calc(100vh - 36px));
  min-height: min(620px, calc(100dvh - 36px));
  display: grid;
  grid-template-columns: minmax(330px, .82fr) minmax(430px, 1.18fr);
  gap: clamp(28px, 6vw, 112px);
  align-items: center;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  isolation: isolate;
}

.raidlands-loader-frame::before {
  position: absolute;
  inset: clamp(4px, .9vw, 18px);
  z-index: 4;
  content: "";
  display: block;
  pointer-events: none;
  background:
    linear-gradient(#ff8a28, #ff8a28) left 0 top 0 / min(16vw, 220px) 1px no-repeat,
    linear-gradient(#ff8a28, #ff8a28) left 0 top 0 / 1px min(18vh, 180px) no-repeat,
    linear-gradient(#ff8a28, #ff8a28) right 0 top 0 / min(16vw, 220px) 1px no-repeat,
    linear-gradient(#ff8a28, #ff8a28) right 0 top 0 / 1px min(18vh, 180px) no-repeat,
    linear-gradient(#ff8a28, #ff8a28) left 0 bottom 0 / min(16vw, 220px) 1px no-repeat,
    linear-gradient(#ff8a28, #ff8a28) left 0 bottom 0 / 1px min(18vh, 180px) no-repeat,
    linear-gradient(#ff8a28, #ff8a28) right 0 bottom 0 / min(16vw, 220px) 1px no-repeat,
    linear-gradient(#ff8a28, #ff8a28) right 0 bottom 0 / 1px min(18vh, 180px) no-repeat;
  opacity: .42;
}

.raidlands-loader-frame::after {
  position: absolute;
  inset: 0;
  z-index: 0;
  content: "";
  pointer-events: none;
  background:
    linear-gradient(102deg, transparent 0 14%, rgba(255, 138, 40, .10) 36%, rgba(179, 38, 30, .12) 50%, transparent 72%) center / 130% 1px no-repeat,
    radial-gradient(circle, rgba(255, 138, 40, .18) 0 1px, transparent 1.7px) 12px 18px / 142px 142px,
    radial-gradient(circle, rgba(255, 209, 102, .08) 0 .9px, transparent 1.5px) 58px 42px / 96px 96px,
    radial-gradient(circle, rgba(243, 238, 227, .08) 0 .6px, transparent 1.1px) 0 0 / 29px 29px;
  mix-blend-mode: screen;
  opacity: .28;
  will-change: background-position, opacity, transform;
  animation:
    raidlands-loader-frame-drift 22s linear infinite,
    raidlands-loader-static .42s steps(2, end) infinite;
}

.raidlands-loader.is-breaching .raidlands-loader-frame,
.raidlands-loader.is-exploding .raidlands-loader-frame {
  overflow: hidden;
  animation: none;
}

.raidlands-loader.is-exploding .raidlands-loader-frame {
  animation: raidlands-loader-explosion-shake 640ms cubic-bezier(.2, .8, .28, 1) both;
}

.raidlands-loader-targeting {
  position: absolute;
  inset: 0;
  z-index: 3;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
  transition: opacity .42s ease;
}

.raidlands-loader-targeting.is-active {
  opacity: .94;
}

.raidlands-loader-targeting::before,
.raidlands-loader-targeting::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
}

.raidlands-loader-targeting::before {
  display: none;
}

.raidlands-loader-targeting::after {
  background:
    linear-gradient(#ff8a28, #ff8a28) right 5.5% top 7% / 44px 1px no-repeat,
    linear-gradient(#ff8a28, #ff8a28) right 5.5% top 7% / 1px 44px no-repeat,
    linear-gradient(#ff8a28, #ff8a28) right 5.5% bottom 12% / 44px 1px no-repeat,
    linear-gradient(#ff8a28, #ff8a28) right 5.5% bottom 12% / 1px 44px no-repeat,
    linear-gradient(#7cff6b, #7cff6b) left 34% bottom 12% / 36px 1px no-repeat,
    linear-gradient(#7cff6b, #7cff6b) left 34% bottom 12% / 1px 36px no-repeat;
  opacity: .42;
  mix-blend-mode: screen;
}

.raidlands-loader-targeting .raidlands-loader-reticle {
  left: var(--reticle-x, 52%);
  top: var(--reticle-y, 46%);
  z-index: 5;
  width: clamp(154px, 17vw, 290px);
  background:
    url("../media/loading/target-reticle.webp") center / contain no-repeat,
    radial-gradient(circle at center, rgba(255, 138, 40, .09), transparent 58%);
  border: 0;
  opacity: .76;
  box-shadow:
    0 0 32px rgba(255, 138, 40, .18);
}

.raidlands-loader-targeting .raidlands-loader-reticle::before,
.raidlands-loader-targeting .raidlands-loader-reticle::after,
.raidlands-loader-targeting .raidlands-loader-reticle-dot {
  display: none;
}

.raidlands-loader-target {
  position: absolute;
  left: var(--target-x, 50%);
  top: var(--target-y, 50%);
  z-index: 3;
  width: clamp(44px, 5.4vw, 84px);
  height: clamp(88px, 10vw, 152px);
  color: var(--target-color, #7f9330);
  opacity: 0;
  transform: translate(-50%, -50%) scale(.92);
  filter:
    drop-shadow(0 0 16px rgba(255, 138, 40, .28))
    drop-shadow(0 14px 24px rgba(0, 0, 0, .72));
  transition: opacity .28s ease, transform .34s cubic-bezier(.18, .72, .24, 1);
}

.raidlands-loader-target.is-visible {
  opacity: .82;
  transform: translate(-50%, -50%) scale(1);
}

.raidlands-loader-target.is-dormant {
  z-index: 2;
  opacity: .34;
  transform: translate(-50%, -50%) scale(.78);
  filter: drop-shadow(0 0 9px rgba(124, 255, 107, .18));
}

.raidlands-loader-target.is-hit {
  animation: raidlands-loader-target-hit .72s cubic-bezier(.18, .72, .24, 1) forwards;
}

.raidlands-loader-target-core,
.raidlands-loader-target-frame,
.raidlands-loader-target-label {
  position: absolute;
  pointer-events: none;
}

.raidlands-loader-target-core {
  inset: -8% -18%;
  background: url("../media/loading/target-silhouette.webp") center / contain no-repeat;
  opacity: .94;
}

.raidlands-loader-target-core::before,
.raidlands-loader-target-core::after {
  position: absolute;
  left: 50%;
  content: "";
  transform: translateX(-50%);
}

.raidlands-loader-target-core::before {
  display: none;
  top: 0;
  width: 34%;
  aspect-ratio: 1;
  border: 1px solid rgba(124, 255, 107, .20);
  border-radius: 50%;
  background: rgba(0, 0, 0, .92);
  box-shadow: inset 0 0 8px rgba(255, 138, 40, .12);
}

.raidlands-loader-target-core::after {
  display: none;
  top: 27%;
  width: 80%;
  height: 72%;
  border: 1px solid rgba(124, 255, 107, .16);
  border-radius: 44% 44% 16% 16%;
  background:
    linear-gradient(90deg, transparent 0 13%, rgba(0, 0, 0, .94) 13% 87%, transparent 87%),
    radial-gradient(ellipse at center, rgba(0, 0, 0, .96), rgba(0, 0, 0, .68) 64%, transparent 69%);
}

.raidlands-loader-target-frame {
  inset: -18% -34%;
  background:
    linear-gradient(currentColor, currentColor) left 0 top 0 / 22px 1px no-repeat,
    linear-gradient(currentColor, currentColor) left 0 top 0 / 1px 22px no-repeat,
    linear-gradient(currentColor, currentColor) right 0 top 0 / 22px 1px no-repeat,
    linear-gradient(currentColor, currentColor) right 0 top 0 / 1px 22px no-repeat,
    linear-gradient(currentColor, currentColor) left 0 bottom 0 / 22px 1px no-repeat,
    linear-gradient(currentColor, currentColor) left 0 bottom 0 / 1px 22px no-repeat,
    linear-gradient(currentColor, currentColor) right 0 bottom 0 / 22px 1px no-repeat,
    linear-gradient(currentColor, currentColor) right 0 bottom 0 / 1px 22px no-repeat;
  opacity: .84;
}

.raidlands-loader-target-label {
  top: calc(100% + 12px);
  left: 50%;
  color: currentColor;
  font-family: Consolas, "Courier New", monospace;
  font-size: clamp(.62rem, .76vw, .8rem);
  letter-spacing: .8px;
  text-shadow: 0 0 10px currentColor;
  transform: translateX(-50%);
  white-space: nowrap;
}

.raidlands-loader-lock {
  display: none;
}

.raidlands-loader-shot {
  position: absolute;
  left: var(--shot-x, 0);
  top: var(--shot-y, 0);
  z-index: 4;
  width: var(--shot-length, 220px);
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .98) 14%, #ffd166 42%, #ff8a28 72%, rgba(255, 90, 12, 0));
  box-shadow:
    0 0 16px rgba(255, 138, 40, .78),
    0 0 32px rgba(255, 90, 12, .36);
  opacity: 0;
  transform: rotate(var(--shot-angle, 0deg));
  transform-origin: left center;
  animation: raidlands-loader-shot .36s cubic-bezier(.16, .82, .22, 1) both;
}

.raidlands-loader-impact {
  position: absolute;
  left: var(--impact-x, 50%);
  top: var(--impact-y, 50%);
  z-index: 7;
  width: clamp(46px, 4.8vw, 82px);
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(255, 255, 255, .95) 0 6%, rgba(255, 209, 102, .84) 11%, rgba(255, 138, 40, .64) 24%, rgba(255, 90, 12, .22) 48%, transparent 72%),
    repeating-conic-gradient(from 0deg, rgba(255, 209, 102, .56) 0 3deg, transparent 3deg 28deg);
  filter: drop-shadow(0 0 20px rgba(255, 138, 40, .76));
  mix-blend-mode: screen;
  opacity: 0;
  transform: translate(-50%, -50%) scale(.12);
  animation: raidlands-loader-impact .62s cubic-bezier(.14, .82, .22, 1) both;
}

.raidlands-loader-console {
  --loader-console-left-gutter: clamp(58px, 5.8vw, 88px);
  --loader-console-right-gutter: clamp(28px, 3vw, 44px);
  --loader-console-top-gutter: clamp(90px, 6.8vw, 112px);
  --loader-console-header-top: clamp(42px, 3.6vw, 56px);
  position: relative;
  z-index: 4;
  align-self: start;
  width: min(100%, 720px);
  height: min(70vh, 590px);
  min-width: 0;
  padding: var(--loader-console-top-gutter) var(--loader-console-right-gutter) clamp(24px, 2.8vw, 36px) var(--loader-console-left-gutter);
  overflow: hidden;
  border: 1px solid rgba(255, 138, 40, .32);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(5, 6, 7, .88), rgba(5, 6, 7, .64) 58%, rgba(5, 6, 7, .34)),
    linear-gradient(180deg, rgba(255, 138, 40, .11), transparent 22%, transparent 76%, rgba(179, 38, 30, .10)),
    url("../media/texture-metal.svg") center / 340px repeat;
  color: rgba(243, 238, 227, .78);
  font-family: Consolas, "Courier New", monospace;
  font-size: .82rem;
  line-height: 1.36;
  box-shadow:
    0 22px 64px rgba(0, 0, 0, .48),
    inset 0 0 0 1px rgba(243, 238, 227, .06),
    inset 0 0 46px rgba(255, 138, 40, .08);
  text-shadow: 0 0 12px rgba(255, 138, 40, .16);
  clip-path: polygon(0 14px, 14px 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%);
  mask-image: none;
}

.raidlands-loader-console-lines {
  position: relative;
  z-index: 1;
  height: 100%;
  overflow: hidden;
}

.raidlands-loader-console::before,
.raidlands-loader-console::after {
  position: absolute;
  content: "";
  display: block;
  pointer-events: none;
}

.raidlands-loader-console::before {
  top: var(--loader-console-header-top);
  left: var(--loader-console-left-gutter);
  right: var(--loader-console-right-gutter);
  z-index: 1;
  height: auto;
  padding-bottom: 11px;
  border-bottom: 1px solid rgba(243, 238, 227, .2);
  background: linear-gradient(90deg, rgba(255, 138, 40, .35), rgba(255, 138, 40, 0)) left bottom / 58% 1px no-repeat;
  color: rgba(243, 238, 227, .66);
  content: "RAIDLANDS 10X // SYSTEM BOOT";
  font-size: clamp(.78rem, .9vw, .98rem);
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;
  text-shadow: 0 0 12px rgba(255, 138, 40, .24);
}

.raidlands-loader-console::after {
  inset: -13px -14px -15px -14px;
  z-index: 0;
  background:
    url("../media/loading/terminal-frame.webp") center / 100% 100% no-repeat,
    linear-gradient(#ff8a28, #ff8a28) left 0 top 0 / 54px 1px no-repeat,
    linear-gradient(#ff8a28, #ff8a28) left 0 top 0 / 1px 54px no-repeat,
    linear-gradient(#ff8a28, #ff8a28) right 0 top 0 / 54px 1px no-repeat,
    linear-gradient(#ff8a28, #ff8a28) right 0 top 0 / 1px 54px no-repeat,
    linear-gradient(#ff8a28, #ff8a28) left 0 bottom 0 / 54px 1px no-repeat,
    linear-gradient(#ff8a28, #ff8a28) left 0 bottom 0 / 1px 54px no-repeat,
    repeating-linear-gradient(135deg, transparent 0 10px, rgba(255, 138, 40, .20) 10px 16px, transparent 16px 26px) left bottom / 100% 16px no-repeat;
  opacity: .72;
  mix-blend-mode: screen;
}

.raidlands-loader-line {
  position: relative;
  z-index: 1;
  min-height: 1.38em;
  display: flex;
  gap: 8px;
  align-items: baseline;
  color: rgba(243, 238, 227, .74);
}

.raidlands-loader-line + .raidlands-loader-line {
  margin-top: 1px;
}

.raidlands-loader-prompt {
  flex: 0 0 auto;
  color: #ff8a28;
  text-shadow: 0 0 12px rgba(255, 138, 40, .5);
}

.raidlands-loader-text {
  min-width: 0;
  overflow-wrap: anywhere;
}

.raidlands-loader-line.is-info {
  color: rgba(243, 238, 227, .72);
}

.raidlands-loader-line.is-ok {
  color: #7cff6b;
}

.raidlands-loader-line.is-warn {
  color: #ffd166;
}

.raidlands-loader-line.is-error {
  color: #ff8a28;
}

.raidlands-loader-line:last-child .raidlands-loader-text::after {
  display: inline-block;
  width: .62em;
  height: 1em;
  margin-left: 2px;
  content: "";
  vertical-align: -.14em;
  background: currentColor;
  animation: raidlands-loader-caret .74s steps(1, end) infinite;
}

.raidlands-loader-core {
  --loader-ring-size: clamp(350px, 39vw, 680px);
  --loader-ring-art-scale: 1.116;
  --loader-hud-size: calc(var(--loader-ring-size) * var(--loader-ring-art-scale));
  position: relative;
  z-index: 1;
  justify-self: stretch;
  width: min(100%, 780px);
  min-width: 0;
  padding: clamp(28px, 3.4vw, 56px) 0;
  display: grid;
  place-items: center;
  align-content: center;
  gap: clamp(18px, 2.5vw, 32px);
  text-align: center;
}

.raidlands-loader-core::before {
  position: absolute;
  content: none;
}

.raidlands-loader-core > :not(.raidlands-loader-scope) {
  position: relative;
  z-index: 2;
}

.raidlands-loader-scope {
  position: absolute;
  top: 45%;
  left: 50%;
  z-index: 0;
  width: min(88%, 650px);
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid rgba(255, 138, 40, .16);
  border-radius: 50%;
  background:
    radial-gradient(circle at var(--scope-x, 52%) var(--scope-y, 46%), rgba(255, 138, 40, .16), transparent 17%),
    radial-gradient(ellipse at center, rgba(5, 6, 7, .06) 0 40%, rgba(0, 0, 0, .44) 72%, rgba(0, 0, 0, .68) 100%),
    linear-gradient(90deg, transparent calc(50% - 1px), rgba(255, 138, 40, .07) 50%, transparent calc(50% + 1px)),
    linear-gradient(0deg, transparent calc(50% - 1px), rgba(255, 138, 40, .06) 50%, transparent calc(50% + 1px));
  box-shadow:
    inset 0 0 46px rgba(0, 0, 0, .78),
    inset 0 0 0 1px rgba(255, 138, 40, .10),
    0 0 32px rgba(255, 138, 40, .10);
  opacity: 0;
  transform: translate(-50%, -50%) scale(.985);
  transition: opacity .42s ease, transform .42s ease;
  pointer-events: none;
}

.raidlands-loader-scope.is-active {
  opacity: .72;
  transform: translate(-50%, -50%) scale(1);
}

.raidlands-loader-scope::before,
.raidlands-loader-scope::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
}

.raidlands-loader-scope::before {
  background:
    repeating-linear-gradient(0deg, rgba(255, 138, 40, .055) 0 1px, transparent 1px 9px),
    repeating-linear-gradient(90deg, rgba(255, 209, 102, .032) 0 1px, transparent 1px 18px);
  opacity: .30;
  animation: raidlands-loader-scope-scan 8s linear infinite;
}

.raidlands-loader-scope::after {
  background:
    radial-gradient(circle at var(--scope-x, 52%) var(--scope-y, 46%), transparent 0 12%, rgba(0, 0, 0, .46) 22%, rgba(0, 0, 0, .78) 58%, rgba(0, 0, 0, .92) 100%);
  mix-blend-mode: multiply;
  opacity: .62;
}

.raidlands-loader-reticle {
  position: absolute;
  left: var(--scope-x, 52%);
  top: var(--scope-y, 46%);
  z-index: 2;
  width: clamp(70px, 12vw, 118px);
  aspect-ratio: 1;
  border: 1px solid rgba(255, 138, 40, .68);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: left .48s cubic-bezier(.18, .86, .2, 1), top .48s cubic-bezier(.18, .86, .2, 1);
  filter: drop-shadow(0 0 12px rgba(255, 138, 40, .30));
}

.raidlands-loader-reticle::before,
.raidlands-loader-reticle::after {
  position: absolute;
  content: "";
  pointer-events: none;
}

.raidlands-loader-reticle::before {
  inset: 50% 10%;
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 138, 40, .74), transparent 38% 62%, rgba(255, 138, 40, .74));
  transform: translateY(-50%);
}

.raidlands-loader-reticle::after {
  inset: 10% 50%;
  width: 1px;
  background: linear-gradient(180deg, rgba(255, 138, 40, .74), transparent 38% 62%, rgba(255, 138, 40, .74));
  transform: translateX(-50%);
}

.raidlands-loader-reticle-dot {
  position: absolute;
  inset: 50% auto auto 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ff8a28;
  box-shadow: 0 0 14px rgba(255, 138, 40, .8);
  transform: translate(-50%, -50%);
}

.raidlands-loader-reticle.is-recoiling {
  animation: raidlands-loader-recoil .24s cubic-bezier(.2, .88, .28, 1);
}

.raidlands-loader-shadow {
  position: absolute;
  left: var(--target-x, 50%);
  top: var(--target-y, 50%);
  z-index: 1;
  width: clamp(34px, 5.2vw, 58px);
  height: clamp(72px, 9vw, 104px);
  opacity: 0;
  transform: translate(-50%, -50%) scale(.94);
  filter:
    blur(.15px)
    drop-shadow(0 0 16px rgba(255, 138, 40, .32))
    drop-shadow(0 14px 24px rgba(0, 0, 0, .72));
}

.raidlands-loader-shadow::before,
.raidlands-loader-shadow::after {
  position: absolute;
  content: "";
  left: 50%;
  transform: translateX(-50%);
}

.raidlands-loader-shadow::before {
  top: 0;
  width: 34%;
  aspect-ratio: 1;
  border: 1px solid rgba(255, 138, 40, .10);
  border-radius: 50%;
  background: rgba(0, 0, 0, .92);
  box-shadow: inset 0 0 8px rgba(255, 138, 40, .08);
}

.raidlands-loader-shadow::after {
  top: 28%;
  width: 78%;
  height: 70%;
  border-radius: 48% 48% 18% 18%;
  border: 1px solid rgba(255, 138, 40, .08);
  background:
    linear-gradient(90deg, transparent 0 14%, rgba(0, 0, 0, .92) 14% 86%, transparent 86%),
    radial-gradient(ellipse at center, rgba(0, 0, 0, .94), rgba(0, 0, 0, .62) 64%, transparent 68%);
}

.raidlands-loader-shadow.is-visible {
  opacity: .74;
}

.raidlands-loader-shadow.is-hit {
  animation: raidlands-loader-target-drop .72s cubic-bezier(.18, .72, .24, 1) forwards;
}

.raidlands-loader-breach {
  position: absolute;
  inset: 0;
  z-index: 8;
  overflow: hidden;
  pointer-events: none;
  transform-style: preserve-3d;
}

.raidlands-loader-breach::before,
.raidlands-loader-breach::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
}

.raidlands-loader-breach::before {
  background:
    radial-gradient(circle at var(--breach-x, 50%) var(--breach-y, 73%), rgba(255, 255, 255, .86) 0 2.4%, rgba(255, 209, 102, .68) 6.5%, rgba(255, 138, 40, .32) 13%, transparent 26%),
    radial-gradient(circle at var(--breach-x, 50%) var(--breach-y, 73%), rgba(255, 90, 12, .34), transparent 32%);
  mix-blend-mode: screen;
  transform-origin: var(--breach-x, 50%) var(--breach-y, 73%);
  animation: raidlands-loader-breach-bloom .9s cubic-bezier(.12, .78, .2, 1) both;
}

.raidlands-loader-breach::after {
  background:
    radial-gradient(ellipse at var(--breach-x, 50%) var(--breach-y, 73%), transparent 0 18%, rgba(0, 0, 0, .32) 48%, rgba(0, 0, 0, .78) 100%),
    repeating-linear-gradient(118deg, rgba(255, 138, 40, .12) 0 2px, transparent 2px 26px);
  opacity: 0;
  mix-blend-mode: screen;
  transform-origin: var(--breach-x, 50%) var(--breach-y, 73%);
  animation: raidlands-loader-breach-afterglow 1.32s ease-out both;
}

.raidlands-loader-breach-flash {
  position: absolute;
  top: var(--breach-y, 73%);
  left: var(--breach-x, 50%);
  z-index: 4;
  width: clamp(180px, 24vw, 420px);
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(255, 255, 255, .92) 0 5%, rgba(255, 209, 102, .74) 10%, rgba(255, 138, 40, .34) 24%, transparent 58%),
    conic-gradient(from 16deg, transparent 0 12%, rgba(255, 209, 102, .55) 13% 16%, transparent 17% 31%, rgba(255, 138, 40, .42) 32% 35%, transparent 36% 100%);
  filter: drop-shadow(0 0 22px rgba(255, 138, 40, .54));
  mix-blend-mode: screen;
  transform-origin: center;
  animation: raidlands-loader-breach-flash .76s ease-out both;
}

.raidlands-loader-breach-core {
  position: absolute;
  top: var(--breach-y, 73%);
  left: var(--breach-x, 50%);
  z-index: 3;
  width: clamp(220px, 30vw, 540px);
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    radial-gradient(circle at 46% 46%, #fff8dc 0 4%, #ffd166 8%, rgba(255, 138, 40, .78) 18%, rgba(179, 38, 30, .46) 36%, transparent 68%),
    repeating-conic-gradient(from 12deg, rgba(255, 209, 102, .64) 0 2deg, transparent 2deg 18deg);
  filter:
    drop-shadow(0 0 18px rgba(255, 255, 255, .45))
    drop-shadow(0 0 34px rgba(255, 138, 40, .72));
  opacity: 0;
  transform: translate(-50%, -50%) scale(.08) rotate(0deg);
  mix-blend-mode: screen;
  animation: raidlands-loader-breach-core .9s cubic-bezier(.14, .82, .22, 1) both;
}

.raidlands-loader-breach-engulf {
  display: none;
}

.raidlands-loader-breach-title {
  display: none;
}

.raidlands-loader-breach-title span {
  color: #ff8a28;
  font-size: .82rem;
  font-weight: 900;
  letter-spacing: 2px;
}

.raidlands-loader-breach-title strong {
  font-size: clamp(1.7rem, 4vw, 3.4rem);
  line-height: .9;
  text-shadow: 0 0 18px rgba(255, 138, 40, .42), 0 4px 0 rgba(0, 0, 0, .84);
}

.raidlands-loader-breach-title em {
  color: rgba(243, 238, 227, .74);
  font-size: .78rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 1px;
}

.raidlands-loader-breach-wave,
.raidlands-loader-breach-spark,
.raidlands-loader-breach-smoke,
.raidlands-loader-breach-debris {
  position: absolute;
  top: var(--breach-y, 73%);
  left: var(--breach-x, 50%);
  z-index: 5;
  pointer-events: none;
}

.raidlands-loader-breach-wave {
  width: min(22vw, 260px);
  aspect-ratio: 1;
  border: 2px solid rgba(255, 209, 102, .48);
  border-radius: 50%;
  box-shadow: 0 0 24px rgba(255, 138, 40, .34), inset 0 0 24px rgba(255, 138, 40, .18);
  transform: translate(-50%, -50%) scale(.08);
  opacity: 0;
  animation: raidlands-loader-breach-wave .78s var(--delay, 0ms) cubic-bezier(.16, .8, .24, 1) both;
}

.raidlands-loader-breach-spark {
  width: var(--size, 4px);
  height: var(--size, 4px);
  border-radius: 999px;
  background:
    radial-gradient(circle, rgba(255, 255, 255, .95) 0 18%, #ffd166 28%, #ff8a28 56%, rgba(179, 38, 30, 0) 76%);
  box-shadow: 0 0 14px rgba(255, 138, 40, .75), 0 0 26px rgba(255, 90, 12, .32);
  transform: translate(-50%, -50%);
  animation: raidlands-loader-breach-spark var(--duration, 1100ms) var(--delay, 0ms) cubic-bezier(.12, .74, .32, 1) both;
}

.raidlands-loader-breach-smoke {
  width: clamp(54px, 8vw, 128px);
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 36%, rgba(243, 238, 227, .24), rgba(67, 55, 48, .28) 42%, rgba(0, 0, 0, 0) 70%);
  filter: blur(10px);
  opacity: 0;
  transform: translate(-50%, -50%) scale(.4);
  animation: raidlands-loader-breach-smoke var(--duration, 1500ms) var(--delay, 0ms) ease-out both;
}

.raidlands-loader-breach-debris {
  width: var(--w, 12px);
  height: var(--h, 4px);
  border-radius: 2px;
  background:
    linear-gradient(90deg, rgba(243, 238, 227, .76), rgba(255, 138, 40, .72), rgba(73, 18, 6, .82));
  box-shadow: 0 0 10px rgba(255, 138, 40, .32);
  transform: translate(-50%, -50%);
  animation: raidlands-loader-breach-debris var(--duration, 1200ms) var(--delay, 0ms) cubic-bezier(.12, .72, .34, 1) both;
}

.raidlands-loader.is-breaching .raidlands-loader-logo,
.raidlands-loader.is-exploding .raidlands-loader-logo {
  animation: none;
}

.raidlands-loader.is-breaching .raidlands-loader-progress,
.raidlands-loader.is-breaching .raidlands-loader-state,
.raidlands-loader.is-breaching .raidlands-loader-tip,
.raidlands-loader.is-exploding .raidlands-loader-progress,
.raidlands-loader.is-exploding .raidlands-loader-state,
.raidlands-loader.is-exploding .raidlands-loader-tip {
  animation: none;
}

.raidlands-loader.is-breaching .raidlands-loader-console,
.raidlands-loader.is-exploding .raidlands-loader-console {
  overflow: hidden;
  mask-image: none;
  animation: none;
}

.raidlands-loader.is-breaching .raidlands-loader-scope,
.raidlands-loader.is-exploding .raidlands-loader-scope {
  animation: none;
}

.raidlands-loader.is-exploding [data-loader-blast-piece] {
  will-change: transform, opacity, filter, clip-path;
}

.raidlands-loader.is-exploding [data-loader-blast-piece]:not(.raidlands-loader-scope) {
  animation: raidlands-loader-element-blast var(--blast-duration, 1180ms) var(--blast-delay, 0ms) cubic-bezier(.12, .72, .24, 1) both;
}

.raidlands-loader.is-exploding .raidlands-loader-console[data-loader-blast-piece] {
  animation-name: raidlands-loader-console-breach;
}

.raidlands-loader.is-exploding .raidlands-loader-line[data-loader-blast-piece] {
  animation-name: raidlands-loader-console-line-blast;
}

.raidlands-loader.is-exploding .raidlands-loader-logo[data-loader-blast-piece] {
  animation-name: raidlands-loader-logo-breach;
}

.raidlands-loader.is-exploding .raidlands-loader-scope[data-loader-blast-piece] {
  position: absolute;
  animation: raidlands-loader-scope-piece-blast var(--blast-duration, 1500ms) var(--blast-delay, 0ms) cubic-bezier(.13, .72, .18, 1) both;
}

.raidlands-loader-logo {
  position: absolute;
  top: 11%;
  left: 51.8%;
  z-index: 3;
  width: clamp(148px, 15vw, 258px);
  max-width: 46%;
  height: auto;
  transform: translateX(-50%);
  filter:
    drop-shadow(0 18px 26px rgba(0, 0, 0, .78))
    drop-shadow(0 0 18px rgba(255, 138, 40, .28));
}

.raidlands-loader-progress {
  --loader-progress-y-offset: -4.8%;
  --loader-hud-y-offset: -2.6%;
  position: relative;
  width: var(--loader-ring-size);
  max-width: min(82vw, 680px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  padding: 0;
  overflow: visible;
  border-radius: 50%;
  isolation: isolate;
  background:
    radial-gradient(circle at center, rgba(5, 6, 7, .98) 0 44%, transparent 45%),
    radial-gradient(circle at center, transparent 0 62%, rgba(255, 138, 40, .05) 63%, transparent 75%),
    radial-gradient(circle at 50% 50%, rgba(179, 38, 30, .16), transparent 68%);
  color: #ff8a28;
  font-family: Consolas, "Courier New", monospace;
  font-size: 1rem;
  box-shadow:
    0 24px 58px rgba(0, 0, 0, .34),
    0 0 52px rgba(255, 138, 40, .16),
    inset 0 0 0 1px rgba(243, 238, 227, .08),
    inset 0 0 42px rgba(0, 0, 0, .78);
}

.raidlands-loader-progress::before,
.raidlands-loader-progress::after {
  position: absolute;
  content: "";
  pointer-events: none;
}

.raidlands-loader-progress::before {
  z-index: 1;
  inset: -5.8%;
  border-radius: inherit;
  background: url("../media/loading/breach-ring.webp") center / contain no-repeat;
  opacity: .96;
  filter:
    drop-shadow(0 26px 34px rgba(0, 0, 0, .50))
    drop-shadow(0 0 28px rgba(255, 138, 40, .20));
}

.raidlands-loader-progress::after {
  z-index: 2;
  top: calc(-5.8% + var(--loader-progress-y-offset));
  right: -5.8%;
  bottom: calc(-5.8% - var(--loader-progress-y-offset));
  left: -5.8%;
  border-radius: inherit;
  background:
    conic-gradient(from -90deg, rgba(255, 138, 40, .86) 0 var(--loader-progress-sweep, 0deg), rgba(255, 138, 40, 0) 0 360deg);
  filter: drop-shadow(0 0 8px rgba(255, 138, 40, .42));
  opacity: .72;
  mix-blend-mode: screen;
  -webkit-mask: radial-gradient(circle closest-side at center, transparent 0 71.2%, #000 72% 73.6%, transparent 74.4% 100%);
  mask: radial-gradient(circle closest-side at center, transparent 0 71.2%, #000 72% 73.6%, transparent 74.4% 100%);
  transform: none;
  animation: raidlands-loader-progress-signal .8s ease-in-out infinite;
}

.raidlands-loader-hud-ring {
  position: absolute;
  top: calc(-5.8% + var(--loader-hud-y-offset));
  right: -5.8%;
  bottom: calc(-5.8% - var(--loader-hud-y-offset));
  left: -5.8%;
  z-index: 3;
  border-radius: inherit;
  background: url("../media/loading/fine-hud-ring.webp") center / contain no-repeat;
  opacity: .22;
  filter: sepia(1) saturate(2.4) hue-rotate(-14deg) brightness(.74);
  mix-blend-mode: screen;
  pointer-events: none;
  transform-origin: center;
  -webkit-mask: radial-gradient(circle closest-side at center, transparent 0 51%, #000 52% 95%, transparent 96% 100%);
  mask: radial-gradient(circle closest-side at center, transparent 0 51%, #000 52% 95%, transparent 96% 100%);
  transform: none;
}

.raidlands-loader-progress-tip {
  position: absolute;
  top: var(--loader-progress-y-offset);
  right: 0;
  bottom: calc(var(--loader-progress-y-offset) * -1);
  left: 0;
  z-index: 4;
  border-radius: inherit;
  opacity: var(--loader-progress-tip-opacity, 0);
  pointer-events: none;
  transform: rotate(var(--loader-progress-tip-angle, 0deg));
  transition: opacity .18s ease;
}

.raidlands-loader-progress-tip::before {
  position: absolute;
  top: 50%;
  right: 9.6%;
  width: clamp(42px, 4.9vw, 82px);
  aspect-ratio: 1;
  content: "";
  background: url("../media/loading/spark-burst.webp") center / contain no-repeat;
  filter:
    drop-shadow(0 0 14px rgba(255, 255, 255, .44))
    drop-shadow(0 0 20px rgba(255, 138, 40, .70));
  mix-blend-mode: screen;
  transform: translate(50%, -50%) rotate(var(--loader-progress-tip-counter-angle, 90deg)) scale(.74);
  transform-origin: center;
  animation: raidlands-loader-progress-tip .72s ease-in-out infinite;
}

.raidlands-loader-progress-mark {
  position: absolute;
  z-index: 3;
  color: rgba(255, 138, 40, .72);
  font-family: Consolas, "Courier New", monospace;
  font-size: clamp(.64rem, .74vw, .86rem);
  font-weight: 700;
  letter-spacing: .7px;
  text-shadow: 0 0 12px rgba(255, 138, 40, .32);
}

.raidlands-loader-progress-mark.is-top {
  top: 5%;
  left: 50%;
  transform: translateX(-50%);
}

.raidlands-loader-progress-mark.is-right {
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}

.raidlands-loader-progress-mark.is-bottom {
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
}

.raidlands-loader-progress-mark.is-left {
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
}

.raidlands-loader-progress-label {
  position: absolute;
  top: 67.5%;
  left: 50%;
  z-index: 3;
  transform: translateX(-50%);
  color: #ff8a28;
  font-family: var(--font-countdown, "Arial Narrow", "Roboto Condensed", Impact, Arial, sans-serif);
  font-size: clamp(.9rem, 1.3vw, 1.35rem);
  font-weight: 900;
  letter-spacing: 4px;
  white-space: nowrap;
  text-transform: uppercase;
  text-shadow: 0 0 18px rgba(255, 138, 40, .44);
}

.raidlands-loader-progress-value {
  position: relative;
  z-index: 3;
  margin-top: clamp(54px, 9vw, 132px);
  color: #f3eee3;
  font-size: clamp(4.7rem, 9vw, 8.85rem);
  font-weight: 900;
  line-height: .78;
  text-shadow:
    0 0 18px rgba(255, 138, 40, .44),
    0 4px 0 rgba(0, 0, 0, .7);
}

.raidlands-loader-progress-value::after {
  content: "%";
  margin-left: 3px;
  color: #ff8a28;
  font-size: .24em;
  vertical-align: .55em;
}

.raidlands-loader-progress-route {
  position: absolute;
  top: 72.5%;
  left: 50%;
  z-index: 3;
  color: rgba(243, 238, 227, .86);
  font-family: var(--font-countdown, "Arial Narrow", "Roboto Condensed", Impact, Arial, sans-serif);
  font-size: clamp(.7rem, .92vw, .98rem);
  font-weight: 900;
  letter-spacing: 2.7px;
  text-transform: uppercase;
  transform: translateX(-50%);
  white-space: nowrap;
}

.raidlands-loader-progress-route::after {
  display: block;
  width: 48px;
  height: 3px;
  margin: 13px auto 0;
  content: "";
  background:
    linear-gradient(90deg, #7cff6b 0 45%, transparent 45% 56%, #7cff6b 56% 100%);
  box-shadow: 0 0 14px rgba(124, 255, 107, .28);
}

.raidlands-loader-state {
  max-width: 36ch;
  margin: 0;
  color: #f3eee3;
  font-size: 1rem;
  font-weight: 900;
  text-transform: uppercase;
  text-shadow: 0 0 14px rgba(255, 138, 40, .28);
}

.raidlands-loader-tip {
  width: min(100%, 520px);
  display: grid;
  gap: 12px;
}

.raidlands-loader-tip span {
  color: #ff8a28;
  font-size: .8rem;
  font-weight: 900;
  text-transform: uppercase;
}

.raidlands-loader-tip p {
  margin: 0;
  color: rgba(243, 238, 227, .62);
  font-family: var(--font-body, "Barlow Condensed", "Arial Narrow", Arial, sans-serif);
  font-size: .98rem;
  line-height: 1.55;
}

@keyframes raidlands-loader-grid {
  0% {
    background-position: 0 0, 38px 22px, 9px 16px, 0 0, 0 0, center;
  }

  100% {
    background-position: 118px 74px, -126px 164px, 45px -20px, 92px 46px, -92px 92px, 180px 120px;
  }
}

@keyframes raidlands-loader-frame-drift {
  0% {
    background-position: center, 12px 18px, 58px 42px, 0 0;
  }

  100% {
    background-position: center, 154px 108px, -38px 138px, 29px -29px;
  }
}

@keyframes raidlands-loader-core-sweep {
  0% {
    transform: translate(-50%, -50%) rotate(0deg) scale(.98);
  }

  50% {
    transform: translate(-50%, -50%) rotate(180deg) scale(1.02);
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg) scale(.98);
  }
}

@keyframes raidlands-loader-hud-ring-spin {
  0% {
    transform: rotate(0deg) scale(.985);
  }

  50% {
    transform: rotate(180deg) scale(1.015);
  }

  100% {
    transform: rotate(360deg) scale(.985);
  }
}

@keyframes raidlands-loader-progress-signal {
  0%,
  100% {
    opacity: .48;
    filter: drop-shadow(0 0 12px rgba(255, 138, 40, .42));
  }

  50% {
    opacity: 1;
    filter: drop-shadow(0 0 22px rgba(255, 209, 102, .7));
  }
}

@keyframes raidlands-loader-progress-tip {
  0%,
  100% {
    opacity: .72;
    transform: translate(50%, -50%) rotate(var(--loader-progress-tip-counter-angle, 90deg)) scale(.66);
  }

  50% {
    opacity: 1;
    transform: translate(50%, -50%) rotate(var(--loader-progress-tip-counter-angle, 90deg)) scale(.82);
  }
}

@keyframes raidlands-loader-static {
  0%,
  100% {
    opacity: .44;
    transform: translate3d(0, 0, 0);
  }

  33% {
    opacity: .58;
    transform: translate3d(.5px, -.5px, 0);
  }

  66% {
    opacity: .38;
    transform: translate3d(-.5px, .5px, 0);
  }
}

@keyframes raidlands-loader-power-overlay {
  0% {
    opacity: .98;
    filter: brightness(.42);
  }

  12% {
    opacity: .86;
    filter: brightness(.62);
  }

  20% {
    opacity: .98;
    filter: brightness(.48);
  }

  34% {
    opacity: .72;
    filter: brightness(.82);
  }

  46% {
    opacity: .94;
    filter: brightness(.56);
  }

  62% {
    opacity: .46;
    filter: brightness(1);
  }

  78% {
    opacity: .2;
    filter: brightness(1.12);
  }

  100% {
    opacity: 0;
    filter: brightness(1.2);
  }
}

@keyframes raidlands-loader-caret {
  0%,
  52% {
    opacity: 1;
  }

  53%,
  100% {
    opacity: 0;
  }
}

@keyframes raidlands-loader-scope-scan {
  0% {
    background-position: 0 0, 0 0;
  }

  100% {
    background-position: 0 72px, 90px 0;
  }
}

@keyframes raidlands-loader-recoil {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }

  42% {
    transform: translate(calc(-50% - 7px), calc(-50% + 5px)) scale(1.07);
  }

  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes raidlands-loader-target-drop {
  0% {
    opacity: .58;
    transform: translate(-50%, -50%) scale(.96);
  }

  48% {
    opacity: .44;
    transform: translate(-50%, -34%) scale(.9) skewX(-3deg);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, 34%) scale(.72) skewX(7deg);
  }
}

@keyframes raidlands-loader-target-hit {
  0% {
    opacity: .84;
    transform: translate(-50%, -50%) scale(1);
    filter:
      drop-shadow(0 0 16px rgba(255, 138, 40, .28))
      drop-shadow(0 14px 24px rgba(0, 0, 0, .72));
  }

  18% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.08) skewX(-2deg);
    filter:
      drop-shadow(0 0 28px rgba(255, 209, 102, .78))
      drop-shadow(0 16px 28px rgba(0, 0, 0, .72))
      brightness(1.45);
  }

  58% {
    opacity: .48;
    transform: translate(-50%, -38%) scale(.9) skewX(4deg);
    filter:
      drop-shadow(0 0 18px rgba(255, 138, 40, .36))
      blur(.7px);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, 24%) scale(.7) skewX(8deg);
    filter: blur(3px) brightness(.45);
  }
}

@keyframes raidlands-loader-shot {
  0% {
    opacity: 0;
    clip-path: inset(0 100% 0 0);
    filter: blur(.8px);
  }

  14% {
    opacity: 1;
    clip-path: inset(0 18% 0 0);
    filter: blur(0);
  }

  100% {
    opacity: 0;
    clip-path: inset(0 0 0 100%);
    filter: blur(2px);
  }
}

@keyframes raidlands-loader-impact {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.12) rotate(0deg);
  }

  14% {
    opacity: 1;
  }

  58% {
    opacity: .86;
    transform: translate(-50%, -50%) scale(.72) rotate(18deg);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.28) rotate(42deg);
  }
}

@keyframes raidlands-loader-breach-shake {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
    filter: none;
  }

  12% {
    transform: translate3d(-2px, 1px, 0) rotate(-.04deg);
  }

  22% {
    transform: translate3d(2px, -1px, 0) rotate(.05deg);
    filter: brightness(1.08) saturate(1.06);
  }

  38% {
    transform: translate3d(-1px, -1px, 0) rotate(-.03deg);
  }

  52% {
    transform: translate3d(1px, 1px, 0) rotate(.02deg);
  }

  70% {
    transform: translate3d(-2px, 1px, 0);
    filter: brightness(1.08);
  }
}

@keyframes raidlands-loader-explosion-shake {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
    filter: none;
  }

  10% {
    transform: translate3d(-2px, 1px, 0) rotate(-.06deg);
  }

  20% {
    transform: translate3d(3px, -2px, 0) rotate(.08deg);
    filter: brightness(1.12) saturate(1.08);
  }

  34% {
    transform: translate3d(-3px, -1px, 0) rotate(-.05deg);
  }

  48% {
    transform: translate3d(2px, 2px, 0) rotate(.04deg);
  }

  68% {
    transform: translate3d(-1px, 1px, 0);
    filter: brightness(1.06);
  }
}

@keyframes raidlands-loader-explosion-ground {
  0% {
    opacity: 0;
    transform: translate(-50%, 28%) scale(.42);
  }

  12% {
    opacity: 1;
    transform: translate(-50%, 26%) scale(.78);
  }

  34% {
    opacity: .98;
    transform: translate(-50%, 24%) scale(1.04);
  }

  72% {
    opacity: .64;
    transform: translate(-50%, 24%) scale(1.18);
    filter: saturate(1.18) brightness(1.08) blur(.8px);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, 24%) scale(1.24);
    filter: saturate(.92) brightness(.86) blur(4px);
  }
}

@keyframes raidlands-loader-explosion-fireball {
  0% {
    opacity: 0;
    transform: translate(-50%, 28%) scale(.38);
    filter: saturate(1.08) brightness(.92) blur(.8px);
  }

  18% {
    opacity: .88;
    transform: translate(-50%, 27%) scale(.82);
  }

  46% {
    opacity: .94;
    transform: translate(-50%, 27%) scale(1.08);
    filter: saturate(1.14) brightness(1.02) blur(.2px);
  }

  78% {
    opacity: .58;
    transform: translate(-50%, 27%) scale(1.18);
    filter: saturate(.92) brightness(.9) blur(2.4px);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, 27%) scale(1.24);
    filter: saturate(.7) brightness(.62) blur(7px);
  }
}

@keyframes raidlands-loader-explosion-debris {
  0% {
    opacity: 0;
    transform: translate(-50%, -42%) scale(.38) rotate(-2deg);
  }

  14% {
    opacity: .96;
    transform: translate(-50%, -42%) scale(.78) rotate(.8deg);
  }

  56% {
    opacity: .82;
    transform: translate(-50%, -42%) scale(1.08) rotate(1.8deg);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -42%) scale(1.16) rotate(2.6deg);
    filter:
      saturate(.82)
      contrast(.96)
      blur(2.8px)
      drop-shadow(0 0 28px rgba(255, 138, 40, .32));
  }
}

@keyframes raidlands-loader-explosion-smoke {
  0% {
    opacity: 0;
    transform: translate(-50%, -43%) scale(.44);
    filter: saturate(.9) contrast(1.04) brightness(.9) blur(0);
  }

  22% {
    opacity: .74;
  }

  58% {
    opacity: .86;
    transform: translate(-50%, -43%) scale(.86);
    filter: saturate(.86) contrast(1.08) brightness(.88) blur(.8px);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -43%) scale(.98);
    filter: saturate(.72) contrast(.98) brightness(.68) blur(5px);
  }
}

@keyframes raidlands-loader-explosion-embers {
  0% {
    opacity: 0;
    transform: translateY(3%) scale(1.02);
  }

  24% {
    opacity: .72;
  }

  72% {
    opacity: .58;
    transform: translateY(0) scale(1.04);
  }

  100% {
    opacity: 0;
    transform: translateY(0) scale(1.06);
    filter: saturate(.8) brightness(.86) blur(2px);
  }
}

@keyframes raidlands-loader-explosion-shockwave {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.2);
  }

  18% {
    opacity: .92;
    transform: translate(-50%, -50%) scale(.62);
  }

  45% {
    opacity: .78;
    transform: translate(-50%, -50%) scale(1.26);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.86);
    filter:
      saturate(.82)
      brightness(.9)
      blur(5px)
      drop-shadow(0 0 42px rgba(255, 138, 40, .28));
  }
}

@keyframes raidlands-loader-reduced-ui-exit {
  0% {
    opacity: 1;
    filter: none;
  }

  100% {
    opacity: 0;
    filter: brightness(1.12) blur(2px);
  }
}

@keyframes raidlands-loader-reduced-ground {
  0% {
    opacity: 0;
    transform: translate(-50%, 24%) scale(.72);
  }

  38% {
    opacity: .5;
  }

  100% {
    opacity: 0;
    transform: translate(-50%, 24%) scale(1);
  }
}

@keyframes raidlands-loader-reduced-smoke {
  0% {
    opacity: 0;
    transform: translate(-50%, -43%) scale(.5);
  }

  40% {
    opacity: .42;
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -43%) scale(.82);
  }
}

@keyframes raidlands-loader-mobile-fallback-ground {
  0% {
    opacity: 0;
    transform: translate(-50%, 25%) scale(.54);
    filter: saturate(1.14) brightness(.96) blur(.6px);
  }

  24% {
    opacity: .92;
    transform: translate(-50%, 24%) scale(.82);
    filter: saturate(1.28) brightness(1.2) blur(.2px);
  }

  58% {
    opacity: .72;
    transform: translate(-50%, 24%) scale(.98);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, 24%) scale(1.08);
    filter: saturate(.82) brightness(.78) blur(5px);
  }
}

@keyframes raidlands-loader-mobile-fallback-smoke {
  0% {
    opacity: 0;
    transform: translate(-50%, -43%) scale(.5);
    filter: saturate(.9) contrast(1.1) brightness(.88) blur(.4px);
  }

  34% {
    opacity: .62;
    transform: translate(-50%, -43%) scale(.72);
  }

  68% {
    opacity: .48;
    transform: translate(-50%, -43%) scale(.86);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -43%) scale(.96);
    filter: saturate(.72) contrast(.96) brightness(.68) blur(6px);
  }
}

@keyframes raidlands-loader-breach-bloom {
  0% {
    opacity: 0;
    transform: scale(.22);
  }

  12% {
    opacity: .72;
  }

  100% {
    opacity: 0;
    transform: scale(1.72);
  }
}

@keyframes raidlands-loader-breach-afterglow {
  0%,
  24% {
    opacity: 0;
  }

  54% {
    opacity: .72;
  }

  100% {
    opacity: .14;
  }
}

@keyframes raidlands-loader-breach-flash {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.22) rotate(-6deg);
  }

  10% {
    opacity: .96;
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.24) rotate(10deg);
  }
}

@keyframes raidlands-loader-breach-core {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.12) rotate(-8deg);
  }

  18% {
    opacity: .94;
    transform: translate(-50%, -50%) scale(.66) rotate(0deg);
  }

  44% {
    opacity: .88;
    transform: translate(-50%, -50%) scale(1) rotate(12deg);
  }

  72% {
    opacity: .42;
    transform: translate(-50%, -50%) scale(1.12) rotate(18deg);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.28) rotate(24deg);
  }
}

@keyframes raidlands-loader-breach-engulf {
  0% {
    opacity: 0;
    filter: blur(0) saturate(1.05);
    transform: scale(.28) translateY(11%);
  }

  20% {
    opacity: .16;
  }

  42% {
    opacity: .76;
    filter: blur(1px) saturate(1.22);
    transform: scale(.82) translateY(-2%);
  }

  72% {
    opacity: .82;
    filter: blur(3px) saturate(1.08);
    transform: scale(1.18) translateY(-8%);
  }

  100% {
    opacity: .32;
    filter: blur(7px) saturate(.9);
    transform: scale(1.38) translateY(-11%);
  }
}

@keyframes raidlands-loader-breach-title {
  0% {
    opacity: 0;
    transform: translate(-50%, 24px) scale(.96);
  }

  24%,
  78% {
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
  }

  100% {
    opacity: 0;
    filter: blur(7px);
    transform: translate(-50%, -66px) scale(.82) rotate(-1.2deg);
  }
}

@keyframes raidlands-loader-breach-wave {
  0% {
    opacity: .9;
    transform: translate(-50%, -50%) scale(.08);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(var(--wave-scale, 1.8));
  }
}

@keyframes raidlands-loader-breach-spark {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.2) rotate(0deg);
  }

  8% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate(calc(-50% + var(--tx, 0px)), calc(-50% + var(--ty, 0px))) scale(.12) rotate(var(--spin, 180deg));
  }
}

@keyframes raidlands-loader-breach-smoke {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.34);
  }

  24% {
    opacity: .58;
  }

  100% {
    opacity: 0;
    transform: translate(calc(-50% + var(--tx, 0px)), calc(-50% + var(--ty, 0px))) scale(var(--scale, 2));
  }
}

@keyframes raidlands-loader-breach-debris {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(0deg);
  }

  10% {
    opacity: .9;
  }

  100% {
    opacity: 0;
    transform: translate(calc(-50% + var(--tx, 0px)), calc(-50% + var(--ty, 0px))) rotate(var(--spin, 360deg));
  }
}

@keyframes raidlands-loader-logo-breach {
  0% {
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
    filter:
      drop-shadow(0 16px 26px rgba(0, 0, 0, .78))
      drop-shadow(0 0 18px rgba(255, 138, 40, .28));
  }

  18% {
    opacity: 1;
    transform: translate(-50%, -28px) scale(1.16) rotate(-1deg);
    filter:
      drop-shadow(0 20px 30px rgba(0, 0, 0, .78))
      drop-shadow(0 0 34px rgba(255, 138, 40, .72))
      brightness(1.28);
  }

  52% {
    opacity: .76;
    transform: translate(-50%, -96px) scale(.92) rotate(1.8deg);
    filter:
      drop-shadow(0 24px 34px rgba(0, 0, 0, .62))
      drop-shadow(0 0 42px rgba(255, 138, 40, .86))
      blur(.8px)
      brightness(1.12);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -210px) scale(.54) rotate(5deg);
    filter:
      drop-shadow(0 18px 30px rgba(0, 0, 0, .72))
      drop-shadow(0 0 26px rgba(255, 138, 40, .44))
      blur(8px)
      brightness(.7);
  }
}

@keyframes raidlands-loader-ui-blast {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: none;
  }

  24% {
    opacity: .92;
    transform: translateY(-24px) scale(1.08);
    filter: brightness(1.28);
  }

  62% {
    opacity: .44;
    transform: translateY(-94px) scale(.78);
    filter: blur(2px) brightness(1.06);
  }

  100% {
    opacity: 0;
    transform: translateY(-168px) scale(.5);
    filter: blur(8px) brightness(.62);
  }
}

@keyframes raidlands-loader-element-blast {
  0% {
    opacity: 1;
    clip-path: inset(0 0 0 0);
    transform: translate3d(0, 0, 0) scale(1) rotate(0deg);
    filter: none;
  }

  16% {
    opacity: 1;
    clip-path: inset(0 0 0 0);
    transform: translate3d(var(--blast-x-early, 0), var(--blast-y-early, -18px), 0) scale(1.08) rotate(var(--blast-rotate-early, 0deg));
    filter:
      drop-shadow(0 0 20px rgba(255, 209, 102, .45))
      brightness(1.32)
      saturate(1.2);
  }

  46% {
    opacity: .82;
    clip-path: inset(0 0 8% 0);
    transform: translate3d(var(--blast-x-mid, 0), var(--blast-y-mid, -78px), 0) scale(.9) rotate(var(--blast-rotate-mid, 0deg));
    filter:
      drop-shadow(0 0 30px rgba(255, 138, 40, .54))
      blur(1px)
      brightness(1.06);
  }

  72% {
    opacity: .38;
    clip-path: inset(0 0 46% 0);
    transform: translate3d(var(--blast-x, 0), var(--blast-y, -140px), 0) scale(var(--blast-scale, .56)) rotate(var(--blast-rotate, 0deg));
    filter:
      drop-shadow(0 0 36px rgba(255, 90, 12, .48))
      blur(4px)
      brightness(.78);
  }

  100% {
    opacity: 0;
    clip-path: inset(0 0 100% 0);
    transform: translate3d(var(--blast-x, 0), var(--blast-y, -160px), 0) scale(var(--blast-scale, .46)) rotate(var(--blast-rotate, 0deg));
    filter:
      drop-shadow(0 0 42px rgba(255, 90, 12, .34))
      blur(10px)
      brightness(.34);
  }
}

@keyframes raidlands-loader-console-line-blast {
  0% {
    opacity: 1;
    clip-path: inset(0 0 0 0);
    transform: translate3d(0, 0, 0) skewX(0deg) rotate(0deg);
    filter: none;
    text-shadow: 0 0 12px rgba(255, 138, 40, .16);
  }

  18% {
    opacity: 1;
    clip-path: inset(0 0 0 0);
    transform: translate3d(var(--blast-x-early, -18px), var(--blast-y-early, -18px), 0) skewX(-2deg) rotate(var(--blast-rotate-early, 0deg));
    filter: brightness(1.34) saturate(1.24);
    text-shadow:
      0 0 16px rgba(255, 209, 102, .5),
      0 0 28px rgba(255, 138, 40, .24);
  }

  50% {
    opacity: .72;
    clip-path: inset(0 0 18% 0);
    transform: translate3d(var(--blast-x-mid, -90px), var(--blast-y-mid, -80px), 0) skewX(-6deg) rotate(var(--blast-rotate-mid, 0deg));
    filter: blur(.9px) brightness(1);
    text-shadow:
      0 0 18px rgba(255, 138, 40, .45),
      0 0 36px rgba(255, 90, 12, .18);
  }

  78% {
    opacity: .26;
    clip-path: inset(0 0 68% 0);
    transform: translate3d(var(--blast-x, -180px), var(--blast-y, -130px), 0) skewX(-9deg) scale(var(--blast-scale, .58)) rotate(var(--blast-rotate, 0deg));
    filter: blur(4px) brightness(.68);
  }

  100% {
    opacity: 0;
    clip-path: inset(0 0 100% 0);
    transform: translate3d(var(--blast-x, -200px), var(--blast-y, -160px), 0) skewX(-12deg) scale(.36) rotate(var(--blast-rotate, 0deg));
    filter: blur(10px) brightness(.28);
  }
}

@keyframes raidlands-loader-console-shell-breach {
  0% {
    opacity: 1;
    filter: none;
  }

  38% {
    opacity: .92;
    filter: brightness(1.12);
  }

  72% {
    opacity: .42;
    filter: blur(1px) brightness(.84);
  }

  100% {
    opacity: 0;
    filter: blur(7px) brightness(.42);
  }
}

@keyframes raidlands-loader-scope-piece-blast {
  0% {
    opacity: .95;
    clip-path: inset(0 0 0 0);
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
    filter: none;
  }

  18% {
    opacity: 1;
    clip-path: inset(0 0 0 0);
    transform: translate(calc(-50% + var(--blast-x-early, 10px)), calc(-50% + var(--blast-y-early, -26px))) scale(1.1) rotate(var(--blast-rotate-early, 0deg));
    filter: brightness(1.34);
  }

  52% {
    opacity: .58;
    clip-path: inset(0 0 18% 0);
    transform: translate(calc(-50% + var(--blast-x-mid, 42px)), calc(-50% + var(--blast-y-mid, -96px))) scale(.82) rotate(var(--blast-rotate-mid, 0deg));
    filter: blur(1.4px) brightness(.92);
  }

  78% {
    opacity: .2;
    clip-path: inset(0 0 72% 0);
    transform: translate(calc(-50% + var(--blast-x, 90px)), calc(-50% + var(--blast-y, -170px))) scale(var(--blast-scale, .5)) rotate(var(--blast-rotate, 0deg));
    filter: blur(4px) brightness(.56);
  }

  100% {
    opacity: 0;
    clip-path: inset(0 0 100% 0);
    transform: translate(calc(-50% + var(--blast-x, 110px)), calc(-50% + var(--blast-y, -210px))) scale(.34) rotate(var(--blast-rotate, 0deg));
    filter: blur(10px) brightness(.32);
  }
}

@keyframes raidlands-loader-console-breach {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(0deg);
    filter: none;
  }

  14% {
    opacity: .94;
    transform: translate3d(-8px, -18px, 0) rotate(-.28deg);
    filter: brightness(1.2);
  }

  48% {
    opacity: .46;
    transform: translate3d(-42px, -82px, 0) rotate(-1.4deg);
    filter: blur(1.2px) brightness(.92);
  }

  100% {
    opacity: 0;
    transform: translate3d(-84px, -178px, 0) rotate(-3.4deg);
    filter: blur(8px) brightness(.48);
  }
}

@keyframes raidlands-loader-scope-breach {
  0% {
    opacity: .95;
    transform: translate(-50%, -50%) scale(1);
    filter: none;
  }

  22% {
    opacity: 1;
    transform: translate(calc(-50% + 12px), calc(-50% - 34px)) scale(1.09);
    filter: brightness(1.32);
  }

  64% {
    opacity: .36;
    transform: translate(calc(-50% + 54px), calc(-50% - 116px)) scale(.72) rotate(4deg);
    filter: blur(1.4px) brightness(.88);
  }

  100% {
    opacity: 0;
    transform: translate(calc(-50% + 96px), calc(-50% - 210px)) scale(.42) rotate(10deg);
    filter: blur(8px) brightness(.42);
  }
}

@media (max-width: 900px) {
  html.raidlands-loading .raidlands-loader {
    padding: 12px;
  }

  .raidlands-loader-frame {
    width: 100%;
    height: 100%;
    min-height: 0;
    grid-template-columns: 1fr;
    grid-template-rows: minmax(180px, .36fr) minmax(0, .64fr);
    gap: 14px;
    align-items: stretch;
  }

  .raidlands-loader-console {
    --loader-console-left-gutter: 38px;
    --loader-console-right-gutter: 22px;
    --loader-console-top-gutter: 66px;
    --loader-console-header-top: clamp(24px, 2.2vw, 34px);
    align-self: stretch;
    width: 100%;
    height: auto;
    padding: var(--loader-console-top-gutter) var(--loader-console-right-gutter) 18px var(--loader-console-left-gutter);
    border-right: 0;
    border-bottom: 0;
    font-size: .82rem;
    line-height: 1.42;
  }

  .raidlands-loader-line {
    min-height: 1.52em;
  }

  .raidlands-loader-line + .raidlands-loader-line {
    margin-top: 2px;
  }

  .raidlands-loader-core {
    --loader-ring-size: min(76vw, 420px);
    --loader-hud-size: calc(var(--loader-ring-size) * var(--loader-ring-art-scale));
    align-self: center;
    width: 100%;
    padding: 28px 18px;
    gap: 18px;
  }

  .raidlands-loader-scope {
    top: 42%;
    width: min(92%, 380px);
  }

  .raidlands-loader-logo {
    width: clamp(118px, 24vw, 178px);
  }

  .raidlands-loader-progress {
    width: var(--loader-ring-size);
  }

  .raidlands-loader-breach-core {
    width: 90vw;
  }

  .raidlands-loader-breach-title {
    bottom: 34px;
    min-width: min(88vw, 360px);
    padding: 14px 16px 12px;
  }
}

@media (max-width: 520px) {
  .raidlands-loader-frame {
    grid-template-rows: minmax(178px, .34fr) minmax(0, .66fr);
    gap: 8px;
  }

  .raidlands-loader-frame::before {
    background:
      linear-gradient(#ff8a28, #ff8a28) left 0 top 0 / 42px 1px no-repeat,
      linear-gradient(#ff8a28, #ff8a28) left 0 top 0 / 1px 42px no-repeat,
      linear-gradient(#ff8a28, #ff8a28) right 0 top 0 / 42px 1px no-repeat,
      linear-gradient(#ff8a28, #ff8a28) right 0 top 0 / 1px 42px no-repeat,
      linear-gradient(#ff8a28, #ff8a28) left 0 bottom 0 / 42px 1px no-repeat,
      linear-gradient(#ff8a28, #ff8a28) left 0 bottom 0 / 1px 42px no-repeat,
      linear-gradient(#ff8a28, #ff8a28) right 0 bottom 0 / 42px 1px no-repeat,
      linear-gradient(#ff8a28, #ff8a28) right 0 bottom 0 / 1px 42px no-repeat;
  }

  .raidlands-loader-console {
    --loader-console-left-gutter: 42px;
    --loader-console-right-gutter: 20px;
    --loader-console-top-gutter: 60px;
    font-size: .76rem;
    line-height: 1.45;
  }

  .raidlands-loader-line {
    gap: 6px;
  }

  .raidlands-loader-logo {
    width: clamp(92px, 29vw, 136px);
  }

  .raidlands-loader-core {
    --loader-ring-size: min(78vw, 310px);
    --loader-hud-size: calc(var(--loader-ring-size) * var(--loader-ring-art-scale));
  }

  .raidlands-loader-progress {
    width: var(--loader-ring-size);
  }

  .raidlands-loader-progress-label {
    top: 65%;
    font-size: .74rem;
    letter-spacing: 2.3px;
  }

  .raidlands-loader-progress-value {
    margin-top: clamp(34px, 14vw, 54px);
    font-size: clamp(3.3rem, 17vw, 4.5rem);
  }

  .raidlands-loader-progress-route {
    top: 73.5%;
    font-size: .62rem;
    letter-spacing: 1.4px;
  }

  .raidlands-loader-progress-mark {
    font-size: .58rem;
  }

  .raidlands-loader-reticle {
    width: 64px;
  }

  .raidlands-loader-shadow {
    width: 28px;
    height: 62px;
  }

  .raidlands-loader-state {
    font-size: .86rem;
  }

  .raidlands-loader-tip span {
    font-size: .74rem;
  }

  .raidlands-loader-tip p {
    font-size: .86rem;
  }

  .raidlands-loader-breach-title strong {
    font-size: 1.62rem;
  }
}

html.raidlands-loader-mobile-lite .raidlands-loader-frame::after,
html.raidlands-loader-mobile-lite .raidlands-loader-core::before,
html.raidlands-loader-mobile-lite .raidlands-loader-hud-ring,
html.raidlands-loader-mobile-lite .raidlands-loader-progress::after,
html.raidlands-loader-mobile-lite .raidlands-loader-progress-tip::before,
html.raidlands-loader-mobile-lite .raidlands-loader-console::before,
html.raidlands-loader-mobile-lite .raidlands-loader-console::after,
html.raidlands-loader-mobile-lite .raidlands-loader-scope {
  animation: none;
}

html.raidlands-loader-mobile-lite .raidlands-loader-targeting,
html.raidlands-loader-mobile-lite .raidlands-loader-scope {
  display: none;
}

html.raidlands-loader-mobile-lite .raidlands-loader-vfx {
  will-change: transform, opacity;
}

html.raidlands-loader-mobile-lite .raidlands-loader.is-exploding .raidlands-loader-frame {
  animation: raidlands-loader-reduced-ui-exit 420ms ease both;
}

html.raidlands-loader-mobile-lite .raidlands-loader.is-exploding [data-loader-blast-piece] {
  animation: none !important;
}

html.raidlands-loader-mobile-lite .raidlands-loader.is-exploding .raidlands-loader-vfx--ground {
  animation: raidlands-loader-reduced-ground 560ms ease-out both !important;
}

html.raidlands-loader-mobile-lite .raidlands-loader.is-exploding .raidlands-loader-vfx--smoke {
  animation: raidlands-loader-reduced-smoke 580ms 80ms ease-out both !important;
}

html.raidlands-loader-mobile-lite .raidlands-loader.is-exploding .raidlands-loader-vfx--fireball,
html.raidlands-loader-mobile-lite .raidlands-loader.is-exploding .raidlands-loader-vfx--debris,
html.raidlands-loader-mobile-lite .raidlands-loader.is-exploding .raidlands-loader-vfx--shockwave,
html.raidlands-loader-mobile-lite .raidlands-loader.is-exploding .raidlands-loader-vfx--embers {
  display: none;
}

html.raidlands-loader-mobile-lite .raidlands-loader.is-mobile-explosion-fallback .raidlands-loader-vfx--ground {
  background-image:
    radial-gradient(ellipse at 50% 74%, rgba(245, 255, 182, .95) 0 4%, rgba(134, 255, 140, .68) 9%, rgba(255, 148, 52, .5) 17%, rgba(255, 92, 24, .22) 27%, transparent 48%),
    radial-gradient(ellipse at 50% 92%, rgba(86, 255, 133, .36) 0 12%, rgba(255, 116, 34, .32) 28%, transparent 62%),
    linear-gradient(90deg, transparent 0 14%, rgba(120, 255, 156, .2) 42%, rgba(255, 190, 92, .24) 50%, rgba(120, 255, 156, .2) 58%, transparent 86%);
  background-size: 100% 100%;
  filter:
    saturate(1.22)
    brightness(1.13)
    blur(.2px)
    drop-shadow(0 0 34px rgba(106, 255, 142, .24))
    drop-shadow(0 0 46px rgba(255, 120, 32, .3));
  mix-blend-mode: screen;
}

html.raidlands-loader-mobile-lite .raidlands-loader.is-mobile-explosion-fallback .raidlands-loader-vfx--smoke {
  background-image:
    radial-gradient(ellipse at 50% 58%, rgba(176, 194, 164, .34) 0 16%, rgba(73, 92, 74, .46) 35%, rgba(14, 20, 16, .48) 54%, transparent 74%),
    radial-gradient(ellipse at 38% 64%, rgba(88, 255, 128, .18) 0 16%, transparent 45%),
    radial-gradient(ellipse at 62% 62%, rgba(255, 136, 46, .2) 0 18%, transparent 48%);
  background-size: 100% 100%;
  filter: saturate(.9) contrast(1.12) brightness(.9) blur(.4px);
}

html.raidlands-loader-mobile-lite .raidlands-loader.is-mobile-explosion-fallback.is-exploding .raidlands-loader-vfx--ground {
  animation: raidlands-loader-mobile-fallback-ground 540ms cubic-bezier(.12, .78, .2, 1) both !important;
}

html.raidlands-loader-mobile-lite .raidlands-loader.is-mobile-explosion-fallback.is-exploding .raidlands-loader-vfx--smoke {
  animation: raidlands-loader-mobile-fallback-smoke 560ms 70ms ease-out both !important;
}

@media (prefers-reduced-motion: reduce) {
  .raidlands-loader,
  .raidlands-loader::before,
  .raidlands-loader-frame::after,
  .raidlands-loader-power-overlay,
  .raidlands-loader-core::before,
  .raidlands-loader-hud-ring,
  .raidlands-loader-progress::after,
  .raidlands-loader-progress-tip::before,
  .raidlands-loader-targeting,
  .raidlands-loader-shot,
  .raidlands-loader-impact,
  .raidlands-loader-target,
  .raidlands-loader-lock,
  .raidlands-loader-scope::before,
  .raidlands-loader-reticle,
  .raidlands-loader-shadow,
  .raidlands-loader-line:last-child .raidlands-loader-text::after {
    animation: none !important;
    transition-duration: .01ms !important;
  }

  .raidlands-loader-scope {
    display: none;
  }

  .raidlands-loader-targeting {
    display: none;
  }

  .raidlands-loader.is-exploding .raidlands-loader-frame {
    animation: raidlands-loader-reduced-ui-exit 360ms ease both !important;
  }

  .raidlands-loader.is-exploding [data-loader-blast-piece] {
    animation: none !important;
  }

  .raidlands-loader.is-exploding .raidlands-loader-vfx--ground {
    animation: raidlands-loader-reduced-ground 520ms ease-out both !important;
  }

  .raidlands-loader.is-exploding .raidlands-loader-vfx--smoke {
    animation: raidlands-loader-reduced-smoke 560ms 70ms ease-out both !important;
  }

  .raidlands-loader.is-exploding .raidlands-loader-vfx--fireball,
  .raidlands-loader.is-exploding .raidlands-loader-vfx--debris,
  .raidlands-loader.is-exploding .raidlands-loader-vfx--shockwave,
  .raidlands-loader.is-exploding .raidlands-loader-vfx--embers {
    display: none;
  }

  html.raidlands-loader-mobile-lite .raidlands-loader.is-mobile-explosion-fallback.is-exploding .raidlands-loader-vfx--ground {
    animation: raidlands-loader-reduced-ground 520ms ease-out both !important;
  }

  html.raidlands-loader-mobile-lite .raidlands-loader.is-mobile-explosion-fallback.is-exploding .raidlands-loader-vfx--smoke {
    animation: raidlands-loader-reduced-smoke 560ms 70ms ease-out both !important;
  }

  .raidlands-loader-breach {
    display: none;
  }
}