@keyframes settle {
  from {
    opacity: 0;
    transform: translateY(28px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.paper[data-astro-cid-hra5x2p2] {
  animation: .64s cubic-bezier(.22, 1, .36, 1) 80ms both settle;
  transition: transform .32s ease-out;
  transform-origin: 50% 40%;
}

.layer[data-astro-cid-hra5x2p2] {
  animation: .52s cubic-bezier(.22, 1, .36, 1) .36s both settle;
  transition: transform .32s ease-out;
}

@media (width >= 1024px) {
  .demo[data-astro-cid-hra5x2p2] {
    perspective: 1400px;
  }
}

@media (width >= 1024px) and (width <= 1279.98px) {
  .paper[data-astro-cid-hra5x2p2] {
    left: 28px;
  }

  .layer[data-astro-cid-hra5x2p2] {
    right: 12px;
    width: 260px;
  }
}

.paper[data-astro-cid-hra5x2p2] li[data-astro-cid-hra5x2p2] {
  border-radius: 3px;
  transition: background-color .5s ease-out;
}

.paper[data-astro-cid-hra5x2p2] li[data-astro-cid-hra5x2p2].lit {
  background: #22c55e24;
  transition-duration: 0s;
}

.paper[data-astro-cid-hra5x2p2] li[data-astro-cid-hra5x2p2].hover {
  background: #1111110f;
}

.change[data-astro-cid-hra5x2p2].is-applied {
  border-color: var(--green);
}

.change[data-astro-cid-hra5x2p2].is-applied .change-body[data-astro-cid-hra5x2p2] {
  display: none;
}

.change[data-astro-cid-hra5x2p2].is-applied .applied[data-astro-cid-hra5x2p2] {
  display: block;
}

.change[data-astro-cid-hra5x2p2].is-applied > p[data-astro-cid-hra5x2p2]:first-child {
  color: var(--muted);
}

.match[data-astro-cid-hra5x2p2].earned {
  color: var(--green-text);
}

.fit-bar[data-astro-cid-hra5x2p2] {
  transition: width .42s cubic-bezier(.22, 1, .36, 1);
}
.stage[data-astro-cid-ge2uvauf] .creature {
  position: absolute;
  left: -20%;
  top: -12%;
  width: 100%;
  aspect-ratio: 1600 / 1060;
  transition: transform .32s ease-out;
}

.stage[data-astro-cid-ge2uvauf] .creature .plate {
  --pos: left top;
}

.stage[data-astro-cid-ge2uvauf] .creature .plate.mid {
  --pull: var(--forest);
}

@media (width <= 1023.98px) {
  .stage[data-astro-cid-ge2uvauf] .creature {
    left: -30%;
    top: -6%;
    width: 125%;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .stage[data-astro-cid-ge2uvauf]:not([data-settled]) .creature .plate.paper {
    animation: .36s cubic-bezier(.7, 0, .2, 1) both pull;
  }

  .stage[data-astro-cid-ge2uvauf]:not([data-settled]) .creature .plate.mid {
    animation: 1ms step-end .36s both appear;
  }

  .stage[data-astro-cid-ge2uvauf]:not([data-settled]) .creature .plate.ink {
    animation: 1ms step-end .42s both appear;
  }
}
.dock[data-astro-cid-qsmq67p2] {
  height: 170svh;
}

.dock-frame[data-astro-cid-qsmq67p2] {
  aspect-ratio: 9 / 16;
}

@media (width >= 640px) {
  .dock-frame[data-astro-cid-qsmq67p2] {
    aspect-ratio: 16 / 9;
    width: min(100%, 177.778svh - 12.4444rem);
  }
}

.dock-frame[data-astro-cid-qsmq67p2] video[data-astro-cid-qsmq67p2] {
  aspect-ratio: inherit;
}

.dock-frame[data-astro-cid-qsmq67p2][data-ended] .end[data-astro-cid-qsmq67p2] {
  display: flex;
}

.dock-frame[data-astro-cid-qsmq67p2][data-ended] [data-astro-cid-qsmq67p2][data-sound], .dock-frame[data-astro-cid-qsmq67p2][data-ended] [data-astro-cid-qsmq67p2][data-hold], .dock-frame[data-astro-cid-qsmq67p2][data-ended] [data-astro-cid-qsmq67p2][data-progress-track] {
  display: none;
}

html:not([data-js]) [data-astro-cid-qsmq67p2][data-sound], html:not([data-js]) [data-astro-cid-qsmq67p2][data-hold], html:not([data-js]) [data-astro-cid-qsmq67p2][data-progress-track] {
  display: none;
}

.end[data-astro-cid-qsmq67p2] .cta-row {
  justify-content: center;
}

@media (prefers-reduced-motion: no-preference) {
  .dock-frame[data-astro-cid-qsmq67p2][data-ended] .end[data-astro-cid-qsmq67p2] {
    animation: .36s cubic-bezier(.7, 0, .2, 1) both pull;
  }
}

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .dock-frame[data-astro-cid-qsmq67p2] {
      animation: linear both arrive;
      animation-timeline: view();
      animation-range: entry entry 60%;
    }
  }
}

@keyframes arrive {
  from {
    transform: scale(.9);
    opacity: .6;
  }

  to {
    transform: none;
    opacity: 1;
  }
}
.creature-veil[data-astro-cid-3qwzscek] {
  background: linear-gradient(to top, #000000b8, #0006 60%, #0000);
}

.creature-img[data-astro-cid-3qwzscek] {
  height: 132%;
  top: -16%;
}

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .creature-drift[data-astro-cid-3qwzscek] {
      animation: linear both creature-drift;
      animation-timeline: view();
    }
  }

  .creature-img[data-astro-cid-3qwzscek] {
    animation: 16s ease-in-out infinite alternate float;
    transform-origin: 50% 40%;
  }
}

@keyframes creature-drift {
  from {
    transform: translateY(-11%);
  }

  to {
    transform: translateY(11%);
  }
}

@keyframes float {
  from {
    transform: translate(0) scale(1.02);
  }

  to {
    transform: translate(-1.2%, 1.4%) scale(1.07);
  }
}
.tile[data-astro-cid-wrp6m7e6] {
  aspect-ratio: 1;
  max-height: 650px;
  background: var(--field);
  color: var(--on-field);
}

@media (width >= 1024px) {
  .tile[data-astro-cid-wrp6m7e6] {
    aspect-ratio: 1 / 1.15;
  }
}

.tile[data-astro-cid-wrp6m7e6] .print {
  position: absolute;
  inset: -6% 0;
}

.tile[data-astro-cid-wrp6m7e6] .plate.paper {
  --pull: var(--body);
}

.tile[data-astro-cid-wrp6m7e6] .plate.ht, .tile[data-astro-cid-wrp6m7e6] .plate.ht-xl {
  --pull: var(--field);
}

.tile[data-astro-cid-wrp6m7e6]:first-child .plate.ht, .tile[data-astro-cid-wrp6m7e6]:first-child .plate.ht-xl {
  --pull: var(--plate-ink);
}

.tile[data-astro-cid-wrp6m7e6] .plate.ink {
  --pull: var(--key);
}

.tile[data-astro-cid-wrp6m7e6] .plate.ht-xl {
  display: none;
}

@media (width <= 639.98px), (width >= 1024px) and (width <= 1279.98px) {
  .tile[data-astro-cid-wrp6m7e6] .plate.ht {
    display: none;
  }

  .tile[data-astro-cid-wrp6m7e6] .plate.ht-xl {
    display: block;
  }
}

@media (prefers-reduced-motion: no-preference) {
  html[data-js] .wall[data-astro-cid-wrp6m7e6]:not([data-printed]) .plate.paper, html[data-js] .wall[data-astro-cid-wrp6m7e6]:not([data-printed]) .tile[data-astro-cid-wrp6m7e6]:first-child .plate.ht, html[data-js] .wall[data-astro-cid-wrp6m7e6]:not([data-printed]) .tile[data-astro-cid-wrp6m7e6]:first-child .plate.ht-xl {
    clip-path: inset(0 100% 0 0);
  }

  html[data-js] .wall[data-astro-cid-wrp6m7e6]:not([data-printed]) .tile[data-astro-cid-wrp6m7e6]:not(:first-child) .plate.ht, html[data-js] .wall[data-astro-cid-wrp6m7e6]:not([data-printed]) .tile[data-astro-cid-wrp6m7e6]:not(:first-child) .plate.ht-xl, html[data-js] .wall[data-astro-cid-wrp6m7e6]:not([data-printed]) .plate.ink {
    opacity: 0;
  }

  .wall[data-astro-cid-wrp6m7e6][data-printed] .plate.paper, .wall[data-astro-cid-wrp6m7e6][data-printed] .tile[data-astro-cid-wrp6m7e6]:first-child .plate.ht, .wall[data-astro-cid-wrp6m7e6][data-printed] .tile[data-astro-cid-wrp6m7e6]:first-child .plate.ht-xl {
    animation: pull .32s cubic-bezier(.7, 0, .2, 1) calc(var(--i) * .11s) both;
  }

  .wall[data-astro-cid-wrp6m7e6][data-printed] .tile[data-astro-cid-wrp6m7e6]:not(:first-child) .plate.ht, .wall[data-astro-cid-wrp6m7e6][data-printed] .tile[data-astro-cid-wrp6m7e6]:not(:first-child) .plate.ht-xl, .wall[data-astro-cid-wrp6m7e6][data-printed] .plate.ink {
    animation: appear 1ms steps(1, end) calc(var(--i) * .11s + .38s) both;
  }

  @supports (animation-timeline: view()) {
    .tile[data-astro-cid-wrp6m7e6] .print {
      animation: linear both drift;
      animation-timeline: view();
    }

    .tile[data-astro-cid-wrp6m7e6]:nth-child(2n) .print {
      animation-name: drift-back;
    }
  }
}

@keyframes drift {
  from {
    transform: translateY(-4%);
  }

  to {
    transform: translateY(4%);
  }
}

@keyframes drift-back {
  from {
    transform: translateY(4%);
  }

  to {
    transform: translateY(-4%);
  }
}
.stance[data-astro-cid-srb4myxw] {
  min-height: 100%;
}

.stance-img[data-astro-cid-srb4myxw] {
  height: 126%;
  top: -13%;
}

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .stance-img[data-astro-cid-srb4myxw] {
      animation: linear both stance-drift, 14s ease-in-out infinite alternate stance-float;
      animation-timeline: view(), auto;
    }
  }

  @supports not (animation-timeline: view()) {
    .stance-img[data-astro-cid-srb4myxw] {
      animation: 14s ease-in-out infinite alternate stance-float;
    }
  }
}

@keyframes stance-drift {
  from {
    translate: 0 -8%;
  }

  to {
    translate: 0 8%;
  }
}

@keyframes stance-float {
  from {
    scale: 1.02;
  }

  to {
    scale: 1.08;
  }
}
.stage[data-astro-cid-5wfdsgz3] > .shot[data-astro-cid-5wfdsgz3] {
  grid-area: 1 / 1;
  opacity: 0;
  transition: opacity .32s;
}

.stage[data-astro-cid-5wfdsgz3] > .shot[data-astro-cid-5wfdsgz3][data-on] {
  opacity: 1;
}

@media (width >= 1024px) {
  [data-astro-cid-5wfdsgz3][data-steps][data-live] .step[data-astro-cid-5wfdsgz3]:not([data-on]) h3[data-astro-cid-5wfdsgz3] {
    opacity: .38;
  }

  .step[data-astro-cid-5wfdsgz3] h3[data-astro-cid-5wfdsgz3] {
    transition: opacity .24s;
  }
}
.yours[data-astro-cid-o2blsapq] .rule[data-astro-cid-o2blsapq] {
  border-color: color-mix(in srgb, var(--mint) 22%, transparent);
}

.yours[data-astro-cid-o2blsapq] .dim[data-astro-cid-o2blsapq] {
  color: color-mix(in srgb, var(--mint) 68%, transparent);
}

.yours[data-astro-cid-o2blsapq] .mac[data-astro-cid-o2blsapq] {
  background: color-mix(in srgb, var(--mint) 5%, transparent);
}

.yours[data-astro-cid-o2blsapq] .card[data-astro-cid-o2blsapq], .yours[data-astro-cid-o2blsapq] .chip[data-astro-cid-o2blsapq] {
  background: color-mix(in srgb, var(--mint) 4%, transparent);
}

.wire[data-astro-cid-o2blsapq] .shaft[data-astro-cid-o2blsapq] {
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 100%;
  background: repeating-linear-gradient(to bottom,
      color-mix(in srgb, var(--mint) 45%, transparent) 0 5px,
      transparent 5px 10px);
}

.wire[data-astro-cid-o2blsapq] .head[data-astro-cid-o2blsapq] {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 8px;
  height: 8px;
  border-right: 1.5px solid;
  border-bottom: 1.5px solid;
  transform: translate(-50%, 1px) rotate(45deg);
  opacity: .8;
}

@media (width >= 1024px) {
  .wire[data-astro-cid-o2blsapq] .shaft[data-astro-cid-o2blsapq] {
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background: repeating-linear-gradient(to right,
        color-mix(in srgb, var(--mint) 45%, transparent) 0 5px,
        transparent 5px 10px);
  }

  .wire[data-astro-cid-o2blsapq] .head[data-astro-cid-o2blsapq] {
    left: auto;
    right: 0;
    bottom: auto;
    top: 0;
    transform: translate(1px, -50%) rotate(-45deg);
  }
}

@media (prefers-reduced-motion: no-preference) {
  html[data-js] .wire[data-astro-cid-o2blsapq]:not([data-drawn]) .shaft[data-astro-cid-o2blsapq] {
    height: 0;
  }

  .wire[data-astro-cid-o2blsapq][data-drawn] .shaft[data-astro-cid-o2blsapq] {
    animation: 2.2s cubic-bezier(.4, 0, .2, 1) .15s both draw-y;
  }

  @media (width >= 1024px) {
    html[data-js] .wire[data-astro-cid-o2blsapq]:not([data-drawn]) .shaft[data-astro-cid-o2blsapq] {
      height: 1px;
      width: 0;
    }

    .wire[data-astro-cid-o2blsapq][data-drawn] .shaft[data-astro-cid-o2blsapq] {
      animation-name: draw-x;
    }
  }
}

@keyframes draw-y {
  from {
    height: 0;
  }

  to {
    height: 100%;
  }
}

@keyframes draw-x {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}
summary[data-astro-cid-hemr5th4]::-webkit-details-marker {
  display: none;
}
#download[data-astro-cid-ouusppjt] .cta-row {
  justify-content: center;
}