
@media (min-width: 750px) {
  .am-page .aq-detail.aq-detail--illustrated {
    --am-scene-progress: var(--aq-progress, .5);
    grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
    gap: clamp(28px, 4vw, 72px);
    padding: clamp(38px, 5.5vh, 64px) max(5vw, calc((100vw - 1440px) / 2));
    min-height: 560px;
    position: relative;
    overflow: hidden;
    background:
      radial-gradient(ellipse at 73% 53%, #21819c26, transparent 53%),
      radial-gradient(ellipse at 90% 85%, #213f6425, transparent 48%),
      #08101a;
    border-block: 1px solid #47a7c22e;
  }

  .am-page .aq-detail--illustrated::before {
    content: '';
    position: absolute;
    inset: -20% 0;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(ellipse at 74% 42%, #77e2ff1c, transparent 48%);
    transform: translate3d(0, calc((var(--am-scene-progress) - .5) * 85px), 0);
    will-change: transform;
  }

  .am-page .aq-detail--illustrated .aq-detail-copy {
    background: transparent;
    width: 100%;
    max-width: 520px;
    padding: 12px 0;
    margin: 0;
    justify-self: start;
    position: relative;
    z-index: 4;
  }

  .am-page .aq-detail--illustrated .aq-detail-copy .aq-kicker {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #6bcbe5;
    font-size: 10px !important;
    letter-spacing: .22em !important;
    margin: 0 0 22px !important;
  }

  .am-page .aq-detail--illustrated .aq-kicker::before {
    content: '';
    width: 36px;
    height: 1px;
    flex: 0 0 36px;
    background: #6bcbe5;
  }

  .am-page .aq-detail--illustrated .aq-detail-copy h2 {
    max-width: 8ch;
    margin: 0;
    color: #d9f7ff;
    font-size: clamp(48px, 5.25vw, 96px);
    font-weight: 900;
    line-height: .98 !important;
    letter-spacing: -.055em;
    text-wrap: balance;
    text-shadow: none !important;
  }

  .am-page .aq-detail--illustrated .aq-detail-copy > p:not(.aq-kicker) {
    max-width: 42ch;
    margin: 25px 0 0;
    color: #bfd0d5;
    font-size: clamp(15px, 1.1vw, 17px);
    line-height: 1.75;
  }

  .am-page .aq-detail--illustrated .aq-features {
    width: 100%;
    max-width: 425px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    margin: 26px 0 0;
    border-top: 1px solid #56a6bc2e;
  }

  .am-page .aq-detail--illustrated .aq-features li {
    display: grid;
    grid-template-columns: 32px 1fr;
    align-items: center;
    gap: 14px;
    padding: 12px 0;
    border-bottom: 1px solid #56a6bc2e;
    color: #d7ebf0;
    font-size: 12px;
    letter-spacing: .055em;
    line-height: 1.5;
  }

  .am-page .aq-detail--illustrated .aq-features li span {
    margin: 0;
    color: #68c3dc;
    font-size: 12px;
    letter-spacing: .05em;
    font-variant-numeric: tabular-nums;
  }

  .am-page .aq-detail--illustrated .aq-detail-art {
    width: min(100%, 76svh, 740px);
    height: auto;
    aspect-ratio: 1;
    justify-self: center;
    margin: 0;
    perspective: 1300px;
    perspective-origin: 50% 48%;
    overflow: visible;
  }

  .am-page .aq-detail--illustrated .aq-illustration-glow {
    inset: -18%;
    opacity: .95;
    background: radial-gradient(ellipse, #2bc1ea30 0%, #2092b117 37%, transparent 68%);
    transform: translate3d(0, calc((var(--aq-progress, .5) - .5) * 70px), -70px)
      scale(calc(.88 + var(--aq-progress, .5) * .28));
  }

  .am-page .aq-detail--illustrated .aq-illustration-glow::before,
  .am-page .aq-detail--illustrated .aq-illustration-glow::after {
    content: '';
    position: absolute;
    inset: 13%;
    border: 1px solid #5bc9e738;
    border-radius: 50%;
    transform: rotate(-23deg) scaleX(1.09);
  }

  .am-page .aq-detail--illustrated .aq-illustration-glow::after {
    inset: 10%;
    border-style: dashed;
    border-color: #5bc9e71b;
    transform: rotate(18deg) scaleX(1.08);
  }

  .am-page .aq-detail--illustrated .aq-illustration-depth {
    inset: 0;
    mask-image:
      linear-gradient(180deg, transparent, #000 9%, #000 85%, transparent),
      linear-gradient(90deg, transparent, #000 8%, #000 90%, transparent);
    mask-composite: intersect;
    transform: translate3d(0, calc((var(--aq-progress, .5) - .5) * -100px), 0)
      rotateY(calc((var(--aq-progress, .5) - .5) * -10deg))
      rotateZ(calc((var(--aq-progress, .5) - .5) * 3deg))
      scale(calc(.96 + var(--aq-progress, .5) * .07));
    transform-origin: 50% 50%;
  }

  .am-page .aq-detail--illustrated .aq-illustration-front {
    inset: -4%;
    transform: translate3d(0, calc((var(--aq-progress, .5) - .5) * 160px), 45px)
      rotate(calc((var(--aq-progress, .5) - .5) * -7deg));
  }

  .am-page .aq-detail--illustrated .aq-illustration-front::before {
    content: '';
    position: absolute;
    inset: -9%;
    opacity: .8;
    pointer-events: none;
    background:
      radial-gradient(circle at 12% 33%, #a0eaff 0 1px, transparent 3px),
      radial-gradient(circle at 86% 20%, #a0eaff 0 1px, transparent 3px),
      radial-gradient(circle at 94% 67%, #6cd3ef 0 1px, transparent 2px),
      radial-gradient(circle at 8% 76%, #6cd3ef 0 1px, transparent 2px),
      radial-gradient(circle at 69% 93%, #a0eaff 0 1px, transparent 3px),
      radial-gradient(circle at 34% 9%, #a0eaff 0 1px, transparent 3px);
    transform: translate3d(0, calc((var(--aq-progress, .5) - .5) * 45px), 0);
  }

  .am-page .aq-detail--illustrated .aq-current-one {
    width: 112%;
    left: -6%;
    height: 24%;
    bottom: 8%;
    border-top-color: #a1ebff5e;
    opacity: .8;
    transform: rotate(-17deg);
  }

  .am-page .aq-detail--illustrated .aq-current-two {
    width: 90%;
    left: 5%;
    bottom: 1%;
    opacity: .3;
    transform: rotate(12deg);
  }

  .am-page .aq-detail--illustrated .aq-scene-bubble {
    width: 25px;
    height: 44px;
    border: 0;
    border-radius: 0;
    clip-path: polygon(50% 0, 100% 40%, 70% 100%, 0 58%);
    background: conic-gradient(from 40deg at 48% 46%, #b1eeff, #18457c, #82d7ef, #cef4ff, #2d90ab, #b1eeff);
    box-shadow: none;
    rotate: -16deg;
    opacity: .8;
  }

  .am-page .aq-detail--illustrated .aq-scene-bubble-one { left: 1%; top: 25%; }
  .am-page .aq-detail--illustrated .aq-scene-bubble-two { right: 2%; top: 65%; width: 19px; height: 33px; rotate: 22deg; }
  .am-page .aq-detail--illustrated .aq-scene-bubble-three { right: 7%; top: 7%; width: 12px; height: 22px; rotate: 12deg; }
}

@media (min-width: 750px) and (max-width: 989px) {
  .am-page .aq-detail.aq-detail--illustrated { gap: 26px; padding-inline: 32px; min-height: 510px; }
  .am-page .aq-detail--illustrated .aq-detail-copy h2 { font-size: 50px; }
  .am-page .aq-detail--illustrated .aq-detail-copy .aq-kicker { font-size: 8px !important; gap: 8px; }
  .am-page .aq-detail--illustrated .aq-features li { font-size: 10px; padding-block: 10px; }
}

@media (min-width: 750px) {
  html.wsc-pk-still .am-page .aq-detail--illustrated::before,
  html.wsc-pk-still .am-page .aq-illustration-front::before { transform: none; will-change: auto; }
}

@media (min-width: 750px) and (prefers-reduced-motion: reduce) {
  .am-page .aq-detail--illustrated::before,
  .am-page .aq-detail--illustrated .aq-illustration-front::before { transform: none; will-change: auto; }
}

@media(min-width:750px){.am-page .aq-detail--illustrated .aq-detail-copy h2{max-width:10ch}}
.am-page .aq-detail--illustrated .aq-detail-art::before{content:'';position:absolute;display:block;inset:-7%;z-index:-1;background:linear-gradient(180deg,#08101a33,#08101a11),url(/cdn/shop/files/wsc-amphinobi-ninja-world.png?v=1788990123) center/cover;mask-image:radial-gradient(ellipse closest-side,#000 35%,#000b 72%,transparent 112%);transform:translate3d(0,calc((var(--aq-progress,.5) - .5) * 65px),0) scale(1.12);will-change:transform}
.am-page .aq-detail--illustrated .aq-illustration-depth{inset:10%;mask-image:none;filter:drop-shadow(0 18px 16px #080e16dd) drop-shadow(0 0 18px #26d0ff33)}
.am-page .aq-detail--illustrated .aq-illustration-glow{z-index:0;opacity:.65}
.am-page .aq-detail--illustrated .aq-illustration-depth{z-index:1}
.am-page .aq-detail--illustrated .aq-illustration-depth img{object-fit:contain;object-position:center}
html.wsc-pk-still .am-page .aq-detail--illustrated .aq-detail-art::before{transform:none;will-change:auto}
@media(prefers-reduced-motion:reduce){.am-page .aq-detail--illustrated .aq-detail-art::before{transform:none;will-change:auto}}

.am-page .aq-detail--illustrated .aq-detail-art{aspect-ratio:1448/1086;height:auto;width:100%;perspective:1300px}
.am-page .aq-detail--illustrated .aq-illustration-depth{inset:0;mask-image:none;overflow:visible;filter:drop-shadow(0 20px 35px #030508bb)}
.am-page .aq-detail--illustrated .aq-illustration-depth img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:4px}
.am-page .aq-detail--illustrated .aq-detail-art::before{opacity:.4}
.am-page .aq-detail--illustrated .aq-illustration-front{pointer-events:none}
.am-page .aq-detail--illustrated .aq-illustration-front::after{content:'';position:absolute;inset:-9%;background:radial-gradient(ellipse at 8% 88%,#29b2d847,transparent 42%),radial-gradient(ellipse at 92% 12%,#68d3f033,transparent 36%);filter:blur(17px);transform:translate3d(0,calc((var(--aq-progress,.5) - .5) * 75px),35px)}
@media(min-width:750px){
 .am-page .aq-detail.aq-detail--illustrated{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(25px,4vw,70px);padding-block:90px;min-height:620px}
 .am-page .aq-detail--illustrated .aq-detail-copy h2{max-width:10ch;font-size:clamp(44px,4.6vw,82px)}
}
@media(max-width:749px){
 .am-page .aq-detail.aq-detail--illustrated{padding-bottom:55px}
 .am-page .aq-detail--illustrated .aq-detail-art{width:calc(100% - 32px);margin-inline:16px;height:auto!important;aspect-ratio:1448/1086;overflow:visible}
 .am-page .aq-detail--illustrated .aq-illustration-depth{transform:translate3d(0,calc((var(--aq-progress,.5) - .5) * -40px),0) rotateZ(calc((var(--aq-progress,.5) - .5) * 2deg)) scale(.98)}
 .am-page .aq-detail--illustrated .aq-illustration-front{transform:translate3d(0,calc((var(--aq-progress,.5) - .5) * 90px),20px)}
}
html.wsc-pk-still .am-page .aq-detail--illustrated .aq-illustration-front::after{transform:none}
@media(prefers-reduced-motion:reduce){.am-page .aq-detail--illustrated .aq-illustration-depth,.am-page .aq-detail--illustrated .aq-illustration-front,.am-page .aq-detail--illustrated .aq-illustration-front::after{transform:none!important}}

.am-page .aq-detail--illustrated .aq-illustration-glow{background:radial-gradient(ellipse at 24% 60%,#64c8e440,transparent 55%),radial-gradient(ellipse at 76% 40%,#5edcff44,transparent 56%)}
.am-page .aq-detail--illustrated .aq-illustration-front::after{background:radial-gradient(ellipse at 8% 88%,#4fb2cd40,transparent 42%),radial-gradient(ellipse at 92% 12%,#99dbed33,transparent 36%)}
.am-page .aq-detail--illustrated .aq-illustration-depth{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 11%,#000 81%,transparent),radial-gradient(ellipse at 51% 47%,#000 48%,#000e 66%,#0007 82%,transparent 98%);mask-composite:intersect;filter:none}
.am-page .aq-detail--illustrated .aq-illustration-depth img{border-radius:0}
.am-page .aq-detail--illustrated .aq-detail-art::before{opacity:.65;inset:-17%}
.am-page .aq-detail--illustrated .aq-illustration-front{inset:-8%;z-index:3}
.am-page .aq-detail--illustrated .aq-scene-bubble{border-radius:0;clip-path:polygon(50% 0,100% 40%,70% 100%,0 58%);background:conic-gradient(from 35deg,#59dbff,#a3e4f6,#49b0cd,#65c8e4,#d2f5ff,#59dbff)}
@media(min-width:750px){.am-page .aq-detail.aq-detail--illustrated{background:radial-gradient(ellipse at 78% 45%,#5ecbe91a,transparent 62%),#0a131e}}

.am-page .aq-detail--illustrated .aq-illustration-glow{background:radial-gradient(ellipse at 24% 60%,#2ab0d533,transparent 55%),radial-gradient(ellipse at 76% 40%,#5edcff44,transparent 56%)}
.am-page .aq-detail--illustrated .aq-illustration-front::after{background:radial-gradient(ellipse at 8% 88%,#1e9bbd33,transparent 42%),radial-gradient(ellipse at 92% 12%,#32badf33,transparent 36%)}
.am-page .aq-detail--illustrated .aq-scene-bubble{background:conic-gradient(from 35deg,#0a131f,#84dbf3,#147b97,#46d7ff,#65d6f5,#0a131f)}
.am-page .aq-detail--illustrated .aq-illustration-depth{mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 10%,#000 83%,transparent),radial-gradient(ellipse at 51% 47%,#000 52%,#000e 70%,#0007 84%,transparent 100%);mask-composite:intersect;filter:none}
@media(min-width:750px){.am-page .aq-detail.aq-detail--illustrated{background:radial-gradient(ellipse at 78% 45%,#5ecbe918,transparent 62%),#110d12}}

.am-page .am-finale{height:auto;min-height:620px;max-height:none;padding:60px 0 50px;display:flex;align-items:center;background:#071523;overflow:hidden;isolation:isolate}
.am-page .am-finale .aq-ocean{inset:-15% 0!important;width:100%!important;max-width:none!important;height:130%!important;object-fit:cover;object-position:65% 55%;mask-image:none;opacity:.88}
.am-page .am-finale .aq-finale-shade{background:linear-gradient(90deg,#041323de 0,#04132388 42%,#04132315 75%),linear-gradient(180deg,#071523,transparent 24%,transparent 74%,#071523);z-index:-3}
.am-page .am-finale .am-finale-grid{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:2%;padding:0;width:calc(100% - 100px);max-width:1500px}
.am-page .am-finale-copy{position:relative;z-index:4;text-align:left;padding:30px 0}
.am-page .am-finale .aq-kicker{position:static;width:auto;rotate:none;text-align:left;font-size:12px!important;color:#9fe7ff;letter-spacing:.12em!important;margin:0 0 22px;font-style:normal}
body:has(.am-page) .am-page .am-finale h2{font-size:clamp(27px,3.1vw,47px)!important;line-height:1.12!important;text-align:left!important;color:#fff;text-shadow:0 4px 25px #031522!important;letter-spacing:-.035em}
.am-page .am-finale h2 em{font-size:1em;color:#ff8aba}
.am-page .am-finale .aq-button{font-size:12px;min-height:48px;padding:14px 22px;background:#07263fd9;border-color:#81defb;color:#fff!important;box-shadow:0 6px 30px #04111e77}
.am-page .am-finale .aq-signature{position:static;width:auto;rotate:none;text-align:left;font-size:11px;letter-spacing:.22em;margin-top:24px!important;color:#b3d5e4}
.am-page .am-finale-stage{position:relative;isolation:isolate;height:clamp(370px,41vw,560px);width:100%;pointer-events:none}
.am-page .am-finale-pokemon{position:absolute;inset:0;z-index:2;will-change:transform}
.am-page .am-finale-pokemon img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 12px #020b2088) drop-shadow(0 0 24px #27afff33);animation:am-ninja-float 6s ease-in-out infinite;transform-origin:50% 60%}
.am-page .am-finale-pokemon--illustrated{display:flex;align-items:center}
.am-page .am-finale-pokemon--illustrated img{height:auto;aspect-ratio:1448/1086;mask-image:linear-gradient(180deg,transparent,#000 14%,#000 82%,transparent),radial-gradient(ellipse,#000 42%,#000d 60%,transparent 76%);mask-composite:intersect;filter:none}
.am-page .am-finale-aura{position:absolute;inset:12% -4%;z-index:0;background:radial-gradient(ellipse,#1b94db50,transparent 64%);transform:scale(calc(.85 + var(--aq-progress,.5)*.3));pointer-events:none}
.am-page .am-finale-current{position:absolute;left:3%;right:-4%;bottom:4%;height:27%;z-index:3;border-bottom:2px solid #71dcf77a;border-radius:50%;rotate:-9deg;background:radial-gradient(ellipse at 50% 90%,#65deff24,transparent 58%);filter:drop-shadow(0 0 8px #219dcc77);pointer-events:none}
@keyframes am-ninja-float{0%,100%{transform:translate3d(0,5px,0) rotate(-1deg)}50%{transform:translate3d(0,-8px,0) rotate(1deg)}}
@media(max-width:749px){
 .am-page .am-finale{min-height:0;padding:38px 0 28px}
 .am-page .am-finale .am-finale-grid{width:calc(100% - 24px);grid-template-columns:1fr;gap:12px}
 .am-page .am-finale-copy{padding:8px 12px 0;text-align:center}
 .am-page .am-finale .aq-kicker,.am-page .am-finale .aq-signature{text-align:center}
 .am-page .am-finale .aq-kicker{font-size:10px!important;margin-bottom:14px}
 body:has(.am-page) .am-page .am-finale h2{font-size:clamp(23px,6.5vw,33px)!important;text-align:center!important;line-height:1.15!important;margin-bottom:22px}
 .am-page .am-finale .aq-button{font-size:11px;min-height:46px;max-width:100%;padding-inline:15px}
 .am-page .am-finale .aq-signature{font-size:9px;margin-top:18px!important}
 .am-page .am-finale-stage{height:auto;aspect-ratio:1.08;width:100%;margin:16px auto 3px;max-width:490px}
 .am-page .am-finale .aq-ocean{object-position:71% 55%;opacity:.8}
 .am-page .am-finale .aq-finale-shade{background:linear-gradient(180deg,#071523 0,#071523c7 27%,transparent 62%,#071523 100%)}
}
html.wsc-pk-still .am-finale-pokemon img{animation:none!important}
html.wsc-pk-still .am-finale-aura{transform:none!important}
@media(prefers-reduced-motion:reduce){.am-page .am-finale-pokemon img{animation:none!important}.am-page .am-finale-aura{transform:none!important}}
