
@media (min-width: 750px) {
  .mia-page .aq-detail.aq-detail--illustrated {
    --mia-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%, #856b3826, transparent 53%),
      radial-gradient(ellipse at 90% 85%, #584a2d25, transparent 48%),
      #1a150a;
    border-block: 1px solid #ab915e2e;
  }

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

  .mia-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;
  }

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

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

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

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

  .mia-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 #a994692e;
  }

  .mia-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 #a994692e;
    color: #e6e4e1;
    font-size: 12px;
    letter-spacing: .055em;
    line-height: 1.5;
  }

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

  .mia-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;
  }

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

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

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

  .mia-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%;
  }

  .mia-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));
  }

  .mia-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%, #dad3c5 0 1px, transparent 3px),
      radial-gradient(circle at 86% 20%, #dad3c5 0 1px, transparent 3px),
      radial-gradient(circle at 94% 67%, #d7bb84 0 1px, transparent 2px),
      radial-gradient(circle at 8% 76%, #d7bb84 0 1px, transparent 2px),
      radial-gradient(circle at 69% 93%, #dad3c5 0 1px, transparent 3px),
      radial-gradient(circle at 34% 9%, #dad3c5 0 1px, transparent 3px);
    transform: translate3d(0, calc((var(--aq-progress, .5) - .5) * 45px), 0);
  }

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

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

  .mia-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%, #e1dbcf, #6a552a, #c5bdac, #ece8e1, #947944, #e1dbcf);
    box-shadow: none;
    rotate: -16deg;
    opacity: .8;
  }

  .mia-page .aq-detail--illustrated .aq-scene-bubble-one { left: 1%; top: 25%; }
  .mia-page .aq-detail--illustrated .aq-scene-bubble-two { right: 2%; top: 65%; width: 19px; height: 33px; rotate: 22deg; }
  .mia-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) {
  .mia-page .aq-detail.aq-detail--illustrated { gap: 26px; padding-inline: 32px; min-height: 510px; }
  .mia-page .aq-detail--illustrated .aq-detail-copy h2 { font-size: 50px; }
  .mia-page .aq-detail--illustrated .aq-detail-copy .aq-kicker { font-size: 8px !important; gap: 8px; }
  .mia-page .aq-detail--illustrated .aq-features li { font-size: 10px; padding-block: 10px; }
}

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

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

@media(min-width:750px){.mia-page .aq-detail--illustrated .aq-detail-copy h2{max-width:10ch}}
.mia-page .aq-detail--illustrated .aq-detail-art::before{content:'';position:absolute;display:block;inset:-7%;z-index:-1;background:linear-gradient(180deg,#1a150a33,#1a150a11),url(/cdn/shop/files/wsc-miaouss-golden-city.png?v=1788997948) 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}
.mia-page .aq-detail--illustrated .aq-illustration-depth{inset:10%;mask-image:none;filter:drop-shadow(0 18px 16px #151109dd) drop-shadow(0 0 18px #d7a94e33)}
.mia-page .aq-detail--illustrated .aq-illustration-glow{z-index:0;opacity:.65}
.mia-page .aq-detail--illustrated .aq-illustration-depth{z-index:1}
.mia-page .aq-detail--illustrated .aq-illustration-depth img{object-fit:contain;object-position:center}
html.wsc-pk-still .mia-page .aq-detail--illustrated .aq-detail-art::before{transform:none;will-change:auto}
@media(prefers-reduced-motion:reduce){.mia-page .aq-detail--illustrated .aq-detail-art::before{transform:none;will-change:auto}}

.mia-page .aq-detail--illustrated .aq-detail-art{aspect-ratio:1448/1086;height:auto;width:100%;perspective:1300px}
.mia-page .aq-detail--illustrated .aq-illustration-depth{inset:0;mask-image:none;overflow:visible;filter:drop-shadow(0 20px 35px #070604bb)}
.mia-page .aq-detail--illustrated .aq-illustration-depth img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:4px}
.mia-page .aq-detail--illustrated .aq-detail-art::before{opacity:.4}
.mia-page .aq-detail--illustrated .aq-illustration-front{pointer-events:none}
.mia-page .aq-detail--illustrated .aq-illustration-front::after{content:'';position:absolute;inset:-9%;background:radial-gradient(ellipse at 8% 88%,#b8934947,transparent 42%),radial-gradient(ellipse at 92% 12%,#d7ba8133,transparent 36%);filter:blur(17px);transform:translate3d(0,calc((var(--aq-progress,.5) - .5) * 75px),35px)}
@media(min-width:750px){
 .mia-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}
 .mia-page .aq-detail--illustrated .aq-detail-copy h2{max-width:10ch;font-size:clamp(44px,4.6vw,82px)}
}
@media(max-width:749px){
 .mia-page .aq-detail.aq-detail--illustrated{padding-bottom:55px}
 .mia-page .aq-detail--illustrated .aq-detail-art{width:calc(100% - 32px);margin-inline:16px;height:auto!important;aspect-ratio:1448/1086;overflow:visible}
 .mia-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)}
 .mia-page .aq-detail--illustrated .aq-illustration-front{transform:translate3d(0,calc((var(--aq-progress,.5) - .5) * 90px),20px)}
}
html.wsc-pk-still .mia-page .aq-detail--illustrated .aq-illustration-front::after{transform:none}
@media(prefers-reduced-motion:reduce){.mia-page .aq-detail--illustrated .aq-illustration-depth,.mia-page .aq-detail--illustrated .aq-illustration-front,.mia-page .aq-detail--illustrated .aq-illustration-front::after{transform:none!important}}

.mia-page .aq-detail--illustrated .aq-illustration-glow{background:radial-gradient(ellipse at 24% 60%,#ccb17c40,transparent 55%),radial-gradient(ellipse at 76% 40%,#e2c07b44,transparent 56%)}
.mia-page .aq-detail--illustrated .aq-illustration-front::after{background:radial-gradient(ellipse at 8% 88%,#b69b6640,transparent 42%),radial-gradient(ellipse at 92% 12%,#ccc6ba33,transparent 36%)}
.mia-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}
.mia-page .aq-detail--illustrated .aq-illustration-depth img{border-radius:0}
.mia-page .aq-detail--illustrated .aq-detail-art::before{opacity:.65;inset:-17%}
.mia-page .aq-detail--illustrated .aq-illustration-front{inset:-8%;z-index:3}
.mia-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,#e1be77,#d6d0c3,#b49962,#ccb27d,#eeeae3,#e1be77)}
@media(min-width:750px){.mia-page .aq-detail.aq-detail--illustrated{background:radial-gradient(ellipse at 78% 45%,#d0b2771a,transparent 62%),#1b160d}}

.mia-page .aq-detail--illustrated .aq-illustration-glow{background:radial-gradient(ellipse at 24% 60%,#b6924933,transparent 55%),radial-gradient(ellipse at 76% 40%,#e2c07b44,transparent 56%)}
.mia-page .aq-detail--illustrated .aq-illustration-front::after{background:radial-gradient(ellipse at 8% 88%,#a07e3b33,transparent 42%),radial-gradient(ellipse at 92% 12%,#bf9b5233,transparent 36%)}
.mia-page .aq-detail--illustrated .aq-scene-bubble{background:conic-gradient(from 35deg,#1c170d,#c9c0ae,#7f632c,#ddb668,#dbbc7f,#1c170d)}
.mia-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){.mia-page .aq-detail.aq-detail--illustrated{background:radial-gradient(ellipse at 78% 45%,#d0b27718,transparent 62%),#12100d}}

.mia-page .mia-finale{height:auto;min-height:620px;max-height:none;padding:60px 0 50px;display:flex;align-items:center;background:#1c170e;overflow:hidden;isolation:isolate}
.mia-page .mia-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}
.mia-page .mia-finale .aq-finale-shade{background:linear-gradient(90deg,#1a160dde 0,#1a160d88 42%,#1a160d15 75%),linear-gradient(180deg,#1c170e,transparent 24%,transparent 74%,#1c170e);z-index:-3}
.mia-page .mia-finale .mia-finale-grid{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:2%;padding:0;width:calc(100% - 100px);max-width:1500px}
.mia-page .mia-finale-copy{position:relative;z-index:4;text-align:left;padding:30px 0}
.mia-page .mia-finale .aq-kicker{position:static;width:auto;rotate:none;text-align:left;font-size:12px!important;color:#dbd3c3;letter-spacing:.12em!important;margin:0 0 22px;font-style:normal}
body:has(.mia-page) .mia-page .mia-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 #19150c!important;letter-spacing:-.035em}
.mia-page .mia-finale h2 em{font-size:1em;color:#ff8aba}
.mia-page .mia-finale .aq-button{font-size:12px;min-height:48px;padding:14px 22px;background:#302716d9;border-color:#ccc3b0;color:#fff!important;box-shadow:0 6px 30px #1a150a77}
.mia-page .mia-finale .aq-signature{position:static;width:auto;rotate:none;text-align:left;font-size:11px;letter-spacing:.22em;margin-top:24px!important;color:#d1cdc6}
.mia-page .mia-finale-stage{position:relative;isolation:isolate;height:clamp(370px,41vw,560px);width:100%;pointer-events:none}
.mia-page .mia-finale-pokemon{position:absolute;inset:0;z-index:2;will-change:transform}
.mia-page .mia-finale-pokemon img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 12px #1a150a88) drop-shadow(0 0 24px #d7aa4f33);animation:mia-spectral-float 6s ease-in-out infinite;transform-origin:50% 60%}
.mia-page .mia-finale-pokemon--illustrated{display:flex;align-items:center}
.mia-page .mia-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}
.mia-page .mia-finale-aura{position:absolute;inset:12% -4%;z-index:0;background:radial-gradient(ellipse,#b88f3e50,transparent 64%);transform:scale(calc(.85 + var(--aq-progress,.5)*.3));pointer-events:none}
.mia-page .mia-finale-current{position:absolute;left:3%;right:-4%;bottom:4%;height:27%;z-index:3;border-bottom:2px solid #dfc2897a;border-radius:50%;rotate:-9deg;background:radial-gradient(ellipse at 50% 90%,#e2c28224,transparent 58%);filter:drop-shadow(0 0 8px #ad894077);pointer-events:none}
@keyframes mia-spectral-float{0%,100%{transform:translate3d(0,5px,0) rotate(-1deg)}50%{transform:translate3d(0,-8px,0) rotate(1deg)}}
@media(max-width:749px){
 .mia-page .mia-finale{min-height:0;padding:38px 0 28px}
 .mia-page .mia-finale .mia-finale-grid{width:calc(100% - 24px);grid-template-columns:1fr;gap:12px}
 .mia-page .mia-finale-copy{padding:8px 12px 0;text-align:center}
 .mia-page .mia-finale .aq-kicker,.mia-page .mia-finale .aq-signature{text-align:center}
 .mia-page .mia-finale .aq-kicker{font-size:10px!important;margin-bottom:14px}
 body:has(.mia-page) .mia-page .mia-finale h2{font-size:clamp(23px,6.5vw,33px)!important;text-align:center!important;line-height:1.15!important;margin-bottom:22px}
 .mia-page .mia-finale .aq-button{font-size:11px;min-height:46px;max-width:100%;padding-inline:15px}
 .mia-page .mia-finale .aq-signature{font-size:9px;margin-top:18px!important}
 .mia-page .mia-finale-stage{height:auto;aspect-ratio:1.08;width:100%;margin:16px auto 3px;max-width:490px}
 .mia-page .mia-finale .aq-ocean{object-position:71% 55%;opacity:.8}
 .mia-page .mia-finale .aq-finale-shade{background:linear-gradient(180deg,#1c170e 0,#1c170ec7 27%,transparent 62%,#1c170e 100%)}
}
html.wsc-pk-still .mia-finale-pokemon img{animation:none!important}
html.wsc-pk-still .mia-finale-aura{transform:none!important}
@media(prefers-reduced-motion:reduce){.mia-page .mia-finale-pokemon img{animation:none!important}.mia-page .mia-finale-aura{transform:none!important}}

.mia-page .mia-finale{background:#1a150a}
.mia-page .mia-finale .aq-finale-shade{display:block;background:linear-gradient(90deg,#1a150ae8,#1a150a88 42%,#1a150a15 75%),linear-gradient(180deg,#1a150a,transparent 24%,transparent 74%,#1a150a)}
.mia-page .mia-finale h2 em{color:#faedd3}
.mia-page .mia-finale-aura{background:radial-gradient(ellipse,#e6ac372a,transparent 66%)}
.mia-page .mia-finale-current{border-color:#faedd366;background:radial-gradient(ellipse at 50% 90%,#faedd31e,transparent 58%);filter:drop-shadow(0 0 9px #caff5540)}
.mia-page .mia-finale-pokemon img{filter:drop-shadow(0 14px 12px #0009) drop-shadow(0 0 22px #d6b77833)}
@media(max-width:749px){.mia-page .mia-finale .aq-finale-shade{background:linear-gradient(180deg,#1a150a,#1a150ac7 27%,transparent 62%,#1a150a 100%)}.mia-page .mia-finale-stage{aspect-ratio:.88}.mia-page .aq-hero .aq-vignette{display:block;background:linear-gradient(180deg,#1a150aaa,#1a150a70 36%,transparent 60%)}}

.mia-page .mia-finale .aq-finale-shade{display:block}
.mia-page .mia-finale-aura{background:radial-gradient(ellipse,#eec06540,transparent 68%)}
.mia-page .mia-finale h2 em{color:#faedd3}
.mia-page .mia-finale-pokemon img{filter:drop-shadow(0 16px 14px #0e0a0299) drop-shadow(0 0 24px #f4d59744)}
@media(max-width:749px){.mia-page .mia-finale-stage{aspect-ratio:1.03}.mia-page .aq-hero .aq-vignette{display:block;background:linear-gradient(180deg,#1a150ac9,#1a150a70 36%,transparent 65%)}}

.mia-page .aq-detail--illustrated .aq-detail-copy h2{max-width:10ch}
.mia-page .mia-finale-aura{background:radial-gradient(ellipse,#ecbb583d,transparent 68%)}
