/* ==========================================================================
   © Pautinka Digital Develop Studio. All rights reserved.
   This template package and its custom implementation are proprietary.
   Any unauthorized third-party use, copying, redistribution, or modification
   is strictly prohibited without written permission from the studio.
   Third-party libraries retain their respective licenses.
   ========================================================================== */

@font-face{font-family:'PautinkaElvish';src:url('../../fonts/fantasy/elvish.ttf') format('truetype');font-display:swap;}
@font-face{font-family:'PautinkaRune';src:url('../../fonts/fantasy/rune.ttf') format('truetype');font-display:swap;}
/* Screen 03: Fantasy / Enchanted Realms. Layered website section assembled from provided assets only. */
.pk-fantasy-screen{
    --fantasy-gold:#d7b36b;
    --fantasy-gold-soft:#f2ddb2;
    --fantasy-teal:#39f2d3;
    --fantasy-ink:#040707;
    --fantasy-header-safe:var(--pk-header-h,82px);
    min-height:100vh;
    height:100vh;
    padding:0;
    overflow:hidden;
    background:#030607;
    isolation:isolate;
}

.pk-fantasy-stage{
    position:absolute;
    inset:0;
    overflow:hidden;
    background:#030607;
}

.pk-fantasy-bg,
.pk-fantasy-vignette,
.pk-fantasy-content{
    position:absolute;
    inset:0;
}

.pk-fantasy-bg{z-index:1;overflow:hidden;}
.pk-fantasy-bg img{
    position:absolute;
    inset:-2.5vh -2.5vw;
    width:105vw;
    height:105vh;
    max-width:none;
    object-fit:cover;
    object-position:center center;
    transform:scale(1.035);
    filter:saturate(1.04) contrast(1.02) brightness(.98);
    animation:pkFantasyBgBreath 18s ease-in-out infinite alternate;
    will-change:transform;
}

.pk-fantasy-vignette{
    z-index:2;
    pointer-events:none;
    background:
        radial-gradient(circle at 50% 35%,rgba(22,95,103,.18),transparent 29%),
        radial-gradient(circle at 50% 58%,transparent 0 58%,rgba(0,0,0,.22) 84%,rgba(0,0,0,.48) 100%),
        linear-gradient(180deg,rgba(1,4,7,.12),transparent 20%,transparent 74%,rgba(1,4,7,.34));
}

.pk-fantasy-gate{
    position:absolute;
    z-index:4;
    top:calc(var(--fantasy-header-safe) - 24px);
    left:50%;
    width:max(102vw,181vh);
    height:auto;
    max-width:none;
    transform:translateX(-50%);
    transform-origin:50% 0;
    pointer-events:none;
    filter:drop-shadow(0 16px 30px rgba(0,0,0,.52)) saturate(1.02) contrast(1.03);
}

.pk-fantasy-character{
    position:absolute;
    z-index:6;
    left:50%;
    top:calc(var(--fantasy-header-safe) + 238px);
    width:min(25vw,470px);
    height:min(33vh,390px);
    transform:translateX(-50%);
    pointer-events:none;
    opacity:.98;
}
.pk-fantasy-fairy{
    position:absolute;
    z-index:3;
    left:50%;
    top:0;
    height:100%;
    width:auto;
    max-width:none;
    transform:translateX(-50%);
    transform-origin:50% 62%;
    filter:drop-shadow(0 16px 24px rgba(0,0,0,.55));
}
.pk-fantasy-wing{
    position:absolute;
    z-index:1;
    top:-7%;
    width:min(31vw,590px);
    height:auto;
    max-width:none;
    opacity:.78;
    mix-blend-mode:screen;
    filter:drop-shadow(0 0 12px rgba(54,242,211,.12));
    will-change:transform;
}
.pk-fantasy-wing--left{
    right:48.5%;
    transform-origin:88% 62%;
    transform:translate(13%,-1%) rotate(-5deg) scale(1.02);
    animation:pkFantasyWingLeft 3.1s ease-in-out infinite;
}
.pk-fantasy-wing--right{
    left:48.5%;
    transform-origin:12% 62%;
    transform:translate(-13%,-1%) rotate(5deg) scale(1.02);
    animation:pkFantasyWingRight 3.1s ease-in-out infinite;
}

.pk-fantasy-crystals,
.pk-fantasy-roots,
.pk-fantasy-ground{
    position:absolute;
    max-width:none;
    pointer-events:none;
    user-select:none;
}
.pk-fantasy-crystals--back{
    z-index:5;
    left:50%;
    bottom:-2vh;
    width:86vw;
    height:auto;
    transform:translateX(-50%) scale(.26);
    opacity:.11;
    filter:saturate(.92) brightness(.70) drop-shadow(0 0 10px rgba(30,228,206,.08));
    -webkit-mask-image:linear-gradient(90deg,#000 0 22%,transparent 38%,transparent 62%,#000 78% 100%);
    mask-image:linear-gradient(90deg,#000 0 22%,transparent 38%,transparent 62%,#000 78% 100%);
}
.pk-fantasy-roots{
    z-index:7;
    bottom:-1.5vh;
    width:min(8vw,142px);
    opacity:.24;
    filter:saturate(.92) brightness(.64) drop-shadow(0 0 8px rgba(30,228,206,.06));
}
.pk-fantasy-roots--left{left:-5.8vw;transform:translateY(18%) scale(.28)}
.pk-fantasy-roots--right{right:-5.8vw;transform:translateY(18%) scale(.28)}
.pk-fantasy-ground{
    z-index:8;
    left:50%;
    bottom:-9.2vh;
    width:104vw;
    height:14vh;
    object-fit:cover;
    object-position:bottom center;
    transform:translateX(-50%);
    opacity:.72;
    filter:saturate(.92) contrast(1.0) brightness(.68) drop-shadow(0 -6px 18px rgba(0,0,0,.30));
}

.pk-fantasy-content{
    z-index:12;
    pointer-events:none;
}
.pk-fantasy-copy{
    position:absolute;
    z-index:20;
    top:calc(var(--fantasy-header-safe) + 58px);
    left:50%;
    width:min(920px,66vw);
    transform:translateX(-50%);
    text-align:center;
    pointer-events:auto;
    text-shadow:0 2px 14px rgba(0,0,0,.64);
}
.pk-fantasy-kicker{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    margin-bottom:4px;
    color:var(--fantasy-gold-soft);
    font-size:11px;
    font-weight:900;
    letter-spacing:.38em;
    text-transform:uppercase;
}
.pk-fantasy-kicker span{
    width:92px;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(215,179,107,.82),transparent);
}
.pk-fantasy-copy h2{
    margin:0;
    color:#fff8df;
    font-family:'PautinkaFantasy',Inter,Arial,sans-serif!important;
    font-size:clamp(52px,4.35vw,92px);
    line-height:.9;
    font-weight:700;
    white-space:nowrap;
    letter-spacing:.006em;
    text-transform:capitalize;
    text-shadow:0 3px 0 rgba(96,72,39,.50),0 0 22px rgba(238,210,150,.15),0 12px 24px rgba(0,0,0,.58);
}
.pk-fantasy-copy p{
    margin:11px 0 0;
    color:#fff4dc;
    font-size:clamp(13px,.86vw,17px);
    line-height:1.42;
    font-weight:600;
}
.pk-fantasy-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    height:42px;
    min-width:216px;
    margin-top:13px;
    padding:0 24px;
    border:1px solid rgba(215,179,107,.70);
    border-radius:7px;
    background:linear-gradient(180deg,rgba(18,68,54,.88),rgba(12,46,41,.88));
    color:#f6ddb1;
    box-shadow:0 0 20px rgba(57,242,211,.10),inset 0 0 16px rgba(57,242,211,.07);
    font-size:11px;
    font-weight:900;
    letter-spacing:.15em;
    text-transform:uppercase;
}
.pk-fantasy-cta:hover{color:#fff;box-shadow:0 0 28px rgba(57,242,211,.22),inset 0 0 18px rgba(57,242,211,.10)}
.pk-fantasy-cta i{font-size:18px;line-height:1}

.pk-fantasy-carousel-wrap{
    position:absolute;
    z-index:24;
    left:50%;
    bottom:112px;
    width:min(1120px,74vw);
    transform:translateX(-50%);
    pointer-events:auto;
}
.pk-fantasy-realm-carousel.pk-carousel{
    padding:38px 128px 34px!important;
    overflow:visible!important;
}
.pk-fantasy-realm-carousel .swiper-wrapper{align-items:center;}
.pk-fantasy-realm-carousel .swiper-slide{
    width:clamp(218px,14.4vw,302px);
    opacity:.36;
    transform:scale(.74);
    transition:opacity .45s ease, transform .45s ease, filter .45s ease;
    filter:brightness(.58) saturate(.82);
    z-index:1;
}
.pk-fantasy-realm-carousel .swiper-slide-prev,
.pk-fantasy-realm-carousel .swiper-slide-next{
    opacity:.74;
    transform:scale(.92);
    filter:brightness(.78) saturate(.92);
    z-index:4;
}
.pk-fantasy-realm-carousel .swiper-slide-active{
    opacity:1;
    transform:scale(1.18);
    filter:none;
    z-index:8;
}
.pk-fantasy-card{
    position:relative;
    width:100%;
    aspect-ratio:16/9;
    overflow:visible;
    transform:translateZ(0);
}
.pk-fantasy-card__link{
    position:absolute;
    inset:0;
    display:block;
    color:#fff;
    border-radius:14px;
    overflow:visible;
    background:transparent!important;
    box-shadow:none!important;
}
.pk-fantasy-card__media{
    position:absolute;
    inset:6.2% 5.8%;
    display:block;
    overflow:hidden;
    border-radius:10px;
    background:#061014;
    box-shadow:0 10px 24px rgba(0,0,0,.34);
}
.pk-fantasy-card__media img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}
.pk-fantasy-card__shade{
    position:absolute;
    inset:6.2% 5.8%;
    z-index:2;
    border-radius:10px;
    background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.22) 58%,rgba(0,0,0,.78));
    opacity:0;
    transition:opacity .35s ease;
    pointer-events:none;
}
.pk-fantasy-card__frame{
    position:absolute;
    z-index:3;
    inset:0;
    background:url('../../images/pautinka-home/screen-03-fantasy/card-frame.webp') center/100% 100% no-repeat;
    pointer-events:none;
    filter:drop-shadow(0 0 18px rgba(215,179,107,.48)) drop-shadow(0 0 13px rgba(57,242,211,.18));
}
.pk-fantasy-card__content{
    position:absolute;
    z-index:4;
    left:10%;
    right:10%;
    bottom:10%;
    display:block;
    text-align:center;
    pointer-events:none;
    text-shadow:0 2px 8px rgba(0,0,0,.88);
    opacity:0;
    transform:translateY(8px);
    transition:opacity .34s ease, transform .34s ease;
}
.pk-fantasy-card__content b{
    display:block;
    color:#fff6dc;
    font-family:'PautinkaFantasy',Inter,Arial,sans-serif!important;
    font-size:clamp(16px,1.08vw,25px);
    line-height:.98;
    font-weight:700;
    letter-spacing:.01em;
}
.pk-fantasy-card__content em{
    display:block;
    margin-top:3px;
    color:rgba(239,226,193,.74);
    font-style:normal;
    font-size:clamp(7px,.48vw,10px);
    line-height:1.1;
}
.pk-fantasy-card__content i{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:30px;
    height:15px;
    margin-top:3px;
    padding:0 7px;
    border-radius:999px;
    background:rgba(16,75,45,.76);
    color:#f6e6b9;
    font-size:9px;
    font-style:normal;
    font-weight:900;
    line-height:1;
}

.pk-fantasy-card__link:hover .pk-fantasy-card__shade,
.pk-fantasy-card__link:focus-visible .pk-fantasy-card__shade,
.pk-fantasy-card__link:hover .pk-fantasy-card__content,
.pk-fantasy-card__link:focus-visible .pk-fantasy-card__content{
    opacity:1;
    transform:translateY(0);
}
.pk-fantasy-realm-carousel .swiper-slide-active .pk-fantasy-card__shade{
    opacity:.22;
}
.pk-fantasy-realm-carousel .swiper-slide-active .pk-fantasy-card__link:hover .pk-fantasy-card__shade,
.pk-fantasy-realm-carousel .swiper-slide-active .pk-fantasy-card__link:focus-visible .pk-fantasy-card__shade{
    opacity:1;
}
.pk-fantasy-realm-carousel .swiper-slide:not(.swiper-slide-active) .pk-fantasy-card__content b{font-size:clamp(12px,.82vw,17px)}
.pk-fantasy-arrow{
    top:50%!important;
    width:48px!important;
    height:48px!important;
    margin-top:-9px;
    border-radius:50%!important;
    border:1px solid rgba(215,179,107,.52)!important;
    background:rgba(5,9,10,.54)!important;
    box-shadow:0 0 15px rgba(0,0,0,.42),inset 0 0 12px rgba(57,242,211,.07);
    backdrop-filter:blur(4px);
}
.pk-fantasy-arrow--prev{left:-72px!important}
.pk-fantasy-arrow--next{right:-72px!important}
.pk-fantasy-arrow:before{
    inset:17px!important;
    border-color:#ffe2a0!important;
}
.pk-fantasy-realm-carousel .swiper-pagination{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:-11px!important;
}
.pk-fantasy-realm-carousel .swiper-pagination-bullet{
    width:24px;
    height:4px;
    border-radius:999px;
    margin:0 4px!important;
    background:rgba(215,179,107,.72)!important;
    opacity:.36!important;
}
.pk-fantasy-realm-carousel .swiper-pagination-bullet-active{
    background:var(--fantasy-teal)!important;
    opacity:1!important;
    box-shadow:0 0 10px rgba(57,242,211,.50);
}

.pk-fantasy-features{
    position:absolute;
    z-index:26;
    left:50%;
    bottom:20px;
    width:min(1220px,78vw);
    min-height:66px;
    transform:translateX(-50%);
    display:grid;
    grid-template-columns:repeat(5,1fr);
    border:1px solid rgba(215,179,107,.18);
    border-radius:14px;
    background:linear-gradient(90deg,rgba(1,8,9,.22),rgba(1,8,9,.55) 9%,rgba(1,8,9,.55) 91%,rgba(1,8,9,.22));
    box-shadow:0 10px 26px rgba(0,0,0,.22),inset 0 0 18px rgba(57,242,211,.04);
    pointer-events:auto;
}
.pk-fantasy-feature{
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    grid-template-rows:auto auto;
    gap:2px 10px;
    align-content:center;
    padding:9px 13px;
    border-right:1px solid rgba(215,179,107,.20);
    background:linear-gradient(180deg,rgba(255,240,202,.035),rgba(0,0,0,0));
    color:#fff0ca;
}
.pk-fantasy-feature:last-child{border-right:0}
.pk-fantasy-feature i{
    grid-row:1/3;
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    align-self:center;
    border:1px solid rgba(215,179,107,.66);
    border-radius:50%;
    color:#f0ca78;
    font-size:16px;
    box-shadow:0 0 10px rgba(57,242,211,.09) inset;
}
.pk-fantasy-feature b{
    display:block;
    font-size:10px;
    line-height:1.08;
    letter-spacing:.075em;
    text-transform:uppercase;
}
.pk-fantasy-feature span{
    display:block;
    max-width:190px;
    color:rgba(255,244,219,.70);
    font-size:9px;
    line-height:1.16;
}
.pk-fantasy-scroll{
    position:absolute;
    z-index:32;
    left:50%;
    bottom:8px;
    width:30px;
    height:30px;
    transform:translateX(-50%);
    border:1px solid rgba(215,179,107,.50);
    border-radius:50%;
    background:rgba(4,9,10,.64);
    display:grid;
    place-items:center;
    pointer-events:auto;
}
.pk-fantasy-scroll span{
    width:8px;
    height:8px;
    border-right:2px solid #f5d28a;
    border-bottom:2px solid #f5d28a;
    transform:translateY(-2px) rotate(45deg);
}


.pk-fantasy-vignette::before,
.pk-fantasy-vignette::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
}
.pk-fantasy-vignette::before{
    background:
        radial-gradient(circle at calc(50% + var(--pk-fx-x,0px)) calc(55% + var(--pk-fx-y,0px)),rgba(57,242,211,.16),transparent 18%),
        radial-gradient(circle at 50% 72%,rgba(215,179,107,.10),transparent 22%);
    mix-blend-mode:screen;
    opacity:.65;
}
.pk-fantasy-vignette::after{
    background-image:
        radial-gradient(circle,rgba(255,241,191,.85) 0 1px,transparent 1.6px),
        radial-gradient(circle,rgba(57,242,211,.62) 0 1px,transparent 1.7px);
    background-size:150px 130px,210px 170px;
    background-position:0 0,70px 45px;
    opacity:.12;
    mix-blend-mode:screen;
    animation:pkFantasySparkles 13s linear infinite;
}
.pk-fantasy-runes{display:none!important;}
.pk-fantasy-elvish-whisper{
    position:absolute;
    z-index:18;
    left:50%;
    bottom:calc(110px + 15vh);
    width:min(980px,70vw);
    transform:translateX(-50%);
    color:rgba(242,221,178,.20);
    font-family:'PautinkaElvish',serif;
    font-size:clamp(16px,1.2vw,24px);
    letter-spacing:.26em;
    text-align:center;
    pointer-events:none;
    text-shadow:0 0 15px rgba(215,179,107,.20);
    opacity:.48;
}

.pk-fantasy-arch-elvish{
    position:absolute;
    z-index:19;
    inset:0;
    pointer-events:none;
    font-family:'PautinkaElvish','PautinkaRune',serif;
    color:rgba(242,221,178,.18);
    text-shadow:0 0 10px rgba(215,179,107,.18),0 0 20px rgba(57,242,211,.16);
    mix-blend-mode:screen;
}
.pk-fantasy-arch-elvish span{
    position:absolute;
    display:block;
    font-size:clamp(13px,.78vw,18px);
    letter-spacing:.20em;
    white-space:nowrap;
    opacity:0;
    animation:pkFantasyElvishArc 8.4s ease-in-out infinite;
}
.pk-fantasy-arch-elvish span:nth-child(1){left:21.5vw;top:calc(var(--fantasy-header-safe) + 108px);transform:rotate(-24deg);animation-delay:.1s}
.pk-fantasy-arch-elvish span:nth-child(2){left:26.8vw;top:calc(var(--fantasy-header-safe) + 154px);transform:rotate(-34deg);animation-delay:1.3s}
.pk-fantasy-arch-elvish span:nth-child(3){left:17.8vw;top:calc(var(--fantasy-header-safe) + 218px);transform:rotate(-58deg);animation-delay:2.5s}
.pk-fantasy-arch-elvish span:nth-child(4){right:21.5vw;top:calc(var(--fantasy-header-safe) + 108px);transform:rotate(24deg);animation-delay:.9s}
.pk-fantasy-arch-elvish span:nth-child(5){right:26.8vw;top:calc(var(--fantasy-header-safe) + 154px);transform:rotate(34deg);animation-delay:2.1s}
.pk-fantasy-arch-elvish span:nth-child(6){right:17.8vw;top:calc(var(--fantasy-header-safe) + 218px);transform:rotate(58deg);animation-delay:3.4s}
.pk-fantasy-arch-elvish span:nth-child(7){left:35.5vw;top:calc(var(--fantasy-header-safe) + 88px);transform:rotate(-9deg);animation-delay:4.2s}
.pk-fantasy-arch-elvish span:nth-child(8){right:35.5vw;top:calc(var(--fantasy-header-safe) + 88px);transform:rotate(9deg);animation-delay:5.1s}
.pk-fantasy-magic-orb{
    position:absolute;
    z-index:5;
    left:50%;
    top:108%;
    width:48px;
    aspect-ratio:1;
    transform:translate(-50%,-50%);
    border-radius:50%;
    pointer-events:none;
    background:
        radial-gradient(circle,rgba(255,241,188,.95) 0 5%,rgba(57,242,211,.78) 12%,rgba(57,242,211,.24) 34%,transparent 68%);
    filter:blur(.2px) drop-shadow(0 0 12px rgba(57,242,211,.62)) drop-shadow(0 0 22px rgba(215,179,107,.26));
    mix-blend-mode:screen;
    opacity:.72;
    animation:pkFantasyMagicOrb 2.9s ease-in-out infinite;
}
.pk-fantasy-magic-orb::before,
.pk-fantasy-magic-orb::after{
    content:"";
    position:absolute;
    inset:-48%;
    border-radius:50%;
    background:
        conic-gradient(from 0deg,transparent,rgba(57,242,211,.42),transparent 34%,rgba(215,179,107,.32),transparent 62%,rgba(57,242,211,.34),transparent);
    filter:blur(5px);
    animation:pkFantasyOrbSpin 8s linear infinite;
}
.pk-fantasy-magic-orb::after{
    inset:-22%;
    animation-duration:5.5s;
    animation-direction:reverse;
    opacity:.62;
}
.pk-fantasy-card__link::after{
    content:"";
    position:absolute;
    inset:2.5% 2.4%;
    z-index:3;
    border-radius:14px;
    border:1px solid rgba(255,225,158,.42);
    box-shadow:inset 0 0 12px rgba(57,242,211,.10),0 0 10px rgba(215,179,107,.18);
    pointer-events:none;
}
.pk-fantasy-realm-carousel .swiper-slide-active .pk-fantasy-card__link::after{
    border-color:rgba(255,231,170,.78);
    box-shadow:inset 0 0 16px rgba(57,242,211,.16),0 0 22px rgba(215,179,107,.38),0 0 20px rgba(57,242,211,.16);
}

@keyframes pkFantasyBgBreath{
    from{transform:scale(1.035) translate3d(0,0,0)}
    to{transform:scale(1.07) translate3d(-.55vw,-.18vh,0)}
}
@keyframes pkFantasyWingLeft{
    0%,100%{transform:translate(13%,-1%) rotate(-5deg) scale(1.02) skewY(0deg)}
    50%{transform:translate(17%,-4%) rotate(-13deg) scale(1.10) skewY(-1.8deg)}
}
@keyframes pkFantasyWingRight{
    0%,100%{transform:translate(-13%,-1%) rotate(5deg) scale(1.02) skewY(0deg)}
    50%{transform:translate(-17%,-4%) rotate(13deg) scale(1.10) skewY(1.8deg)}
}


@keyframes pkFantasySparkles{
    from{background-position:0 0,70px 45px}
    to{background-position:150px 130px,280px 215px}
}
@keyframes pkFantasyRuneShimmer{
    0%,100%{opacity:.34;filter:brightness(.8)}
    50%{opacity:.68;filter:brightness(1.25)}
}
@keyframes pkFantasyMagicOrb{
    0%,100%{transform:translate(-50%,-50%) scale(.82);opacity:.52}
    45%{transform:translate(-50%,-54%) scale(1.05);opacity:.88}
    70%{transform:translate(-50%,-48%) scale(.95);opacity:.70}
}
@keyframes pkFantasyOrbSpin{to{transform:rotate(360deg)}}
@keyframes pkFantasyElvishArc{
    0%,100%{opacity:.08;filter:brightness(.8)}
    35%{opacity:.42;filter:brightness(1.35)}
    70%{opacity:.18;filter:brightness(.95)}
}

@media (min-width:2100px){
    .pk-fantasy-copy{top:calc(var(--fantasy-header-safe) + 70px)}
    .pk-fantasy-character{top:calc(var(--fantasy-header-safe) + 300px);height:min(35vh,520px);width:min(25vw,570px)}
    .pk-fantasy-carousel-wrap{bottom:146px;width:min(1460px,78vw)}
    .pk-fantasy-features{bottom:26px;width:min(1440px,78vw)}
    .pk-fantasy-ground{height:20vh;bottom:-6vh}
}

@media (max-width:1440px){
    .pk-fantasy-gate{width:max(110vw,181vh)}
    .pk-fantasy-copy{top:calc(var(--fantasy-header-safe) + 46px);width:72vw}
    .pk-fantasy-copy h2{font-size:clamp(50px,4.75vw,78px)}
    .pk-fantasy-character{top:calc(var(--fantasy-header-safe) + 230px);height:min(32vh,350px);width:30vw}
    .pk-fantasy-wing{width:33vw;opacity:.70}
    .pk-fantasy-crystals--back{width:70vw;bottom:2vh;opacity:.13}
    .pk-fantasy-roots{width:min(9vw,170px);opacity:.34}
    .pk-fantasy-carousel-wrap{bottom:104px;width:90vw}
    .pk-fantasy-realm-carousel .swiper-slide{width:clamp(190px,14vw,255px)}
    .pk-fantasy-features{width:88vw}
    .pk-fantasy-feature{padding-inline:8px;grid-template-columns:34px 1fr}
    .pk-fantasy-feature span{font-size:8.5px}
}

@media (max-width:980px){
    .pk-fantasy-screen{height:auto;min-height:100vh;overflow:hidden}
    .pk-fantasy-bg img{width:122vw;height:108vh;left:50%;transform:translateX(-50%) scale(1.02);animation:none;object-position:center center}
    .pk-fantasy-gate{top:var(--fantasy-header-safe);width:160vw;left:50%;opacity:.78}
    .pk-fantasy-copy{top:calc(var(--fantasy-header-safe) + 24px);width:88vw}
    .pk-fantasy-kicker{font-size:10px;letter-spacing:.24em;gap:10px}.pk-fantasy-kicker span{width:42px}
    .pk-fantasy-copy h2{font-size:clamp(40px,12vw,70px);white-space:normal;line-height:.82}
    .pk-fantasy-copy p{font-size:13px;margin-top:10px}.pk-fantasy-cta{height:40px;min-width:190px;margin-top:11px}
    .pk-fantasy-character{top:calc(var(--fantasy-header-safe) + 230px);width:74vw;height:30vh;min-height:245px;max-height:350px}
    .pk-fantasy-wing{width:42vw;opacity:.38}.pk-fantasy-wing--left{right:47%}.pk-fantasy-wing--right{left:47%}
    .pk-fantasy-crystals--back{bottom:150px;width:150vw;opacity:.25;transform:translateX(-50%) scale(.72)}
    .pk-fantasy-roots{display:none}
    .pk-fantasy-ground{bottom:-2vh;width:150vw;height:18vh;opacity:.78}
    .pk-fantasy-carousel-wrap{bottom:92px;width:100vw}
    .pk-fantasy-realm-carousel.pk-carousel{padding:30px 0 26px!important;overflow:hidden!important}
    .pk-fantasy-realm-carousel .swiper-slide{width:min(70vw,330px);transform:scale(.86);opacity:.16}
    .pk-fantasy-realm-carousel .swiper-slide-prev,.pk-fantasy-realm-carousel .swiper-slide-next{opacity:.34;transform:scale(.84)}
    .pk-fantasy-realm-carousel .swiper-slide-active{transform:scale(1);opacity:1}
    .pk-fantasy-arrow{display:none!important}
    .pk-fantasy-features{bottom:10px;width:94vw;grid-template-columns:1fr 1fr;min-height:0;border-top:0;gap:6px;background:transparent}
    .pk-fantasy-feature{border:1px solid rgba(215,179,107,.18);border-radius:12px;background:rgba(3,7,9,.45);padding:8px;grid-template-columns:30px 1fr;backdrop-filter:blur(4px)}
    .pk-fantasy-feature:nth-child(n+5){display:none}
    .pk-fantasy-feature i{width:26px;height:26px;font-size:14px}.pk-fantasy-feature b{font-size:9px}.pk-fantasy-feature span{font-size:9px;line-height:1.1}
    .pk-fantasy-scroll{display:none}
}

@media (max-width:560px){
    .pk-fantasy-copy{top:calc(var(--fantasy-header-safe) + 18px)}
    .pk-fantasy-copy h2{font-size:clamp(34px,14vw,54px)}
    .pk-fantasy-copy p{display:none}
    .pk-fantasy-character{top:calc(var(--fantasy-header-safe) + 178px);height:28vh;min-height:215px;width:82vw}
    .pk-fantasy-carousel-wrap{bottom:92px}
    .pk-fantasy-ground{width:190vw;height:17vh}
    .pk-fantasy-features{grid-template-columns:1fr;bottom:8px;width:90vw}.pk-fantasy-feature:nth-child(n+4){display:none}
}


@media (max-width:980px){
    .pk-fantasy-runes,.pk-fantasy-elvish-whisper,.pk-fantasy-arch-elvish{display:none}
    .pk-fantasy-magic-orb{width:46px;top:86%;opacity:.56}
    .pk-fantasy-vignette::after{opacity:.07}
}

@media (prefers-reduced-motion:reduce){
    .pk-fantasy-bg img,.pk-fantasy-wing,.pk-fantasy-vignette::after,.pk-fantasy-runes,.pk-fantasy-arch-elvish span,.pk-fantasy-magic-orb,.pk-fantasy-magic-orb::before,.pk-fantasy-magic-orb::after{animation:none!important}
}


/* Final desktop tuning: keep the scene decorative, not dominant. */
@media (min-width:981px){
    .pk-fantasy-crystals--back{
        bottom:-5vh!important;
        width:82vw!important;
        transform:translateX(-50%) scale(.24)!important;
        opacity:.085!important;
    }
    .pk-fantasy-roots{
        bottom:-3.4vh!important;
        width:min(7vw,124px)!important;
        opacity:.18!important;
    }
    .pk-fantasy-roots--left{left:-6.4vw!important;transform:translateY(22%) scale(.24)!important}
    .pk-fantasy-roots--right{right:-6.4vw!important;transform:translateY(22%) scale(.24)!important}
    .pk-fantasy-ground{
        bottom:-10.5vh!important;
        height:12.5vh!important;
        opacity:.64!important;
    }
    .pk-fantasy-realm-carousel .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next){
        opacity:0!important;
        pointer-events:none!important;
        transform:scale(.56)!important;
    }
    .pk-fantasy-realm-carousel .swiper-slide-prev,
    .pk-fantasy-realm-carousel .swiper-slide-next{
        opacity:.68!important;
        transform:scale(.86)!important;
    }
    .pk-fantasy-realm-carousel .swiper-slide-active{
        transform:scale(1.10)!important;
    }
    .pk-fantasy-card__frame{
        opacity:1!important;
        filter:drop-shadow(0 0 13px rgba(215,179,107,.52)) drop-shadow(0 0 8px rgba(57,242,211,.18));
    }
}

/* Patch: replace the heavy lower foreground with the new low 3K strip and make runes fly from the arch. */
.pk-fantasy-elvish-whisper{display:none!important;}

@media (min-width:981px){
    /* The old crystal/root helper layers were too tall; the new low bottom strip carries this role. */
    .pk-fantasy-crystals--back,
    .pk-fantasy-roots{
        display:none!important;
    }
    .pk-fantasy-character{
        z-index:10!important;
        overflow:visible!important;
    }
    .pk-fantasy-ground{
        z-index:7!important;
        left:50%!important;
        bottom:-.2vh!important;
        width:100vw!important;
        height:10.4vh!important;
        object-fit:fill!important;
        object-position:bottom center!important;
        transform:translateX(-50%)!important;
        opacity:.88!important;
        filter:saturate(.98) contrast(1.04) brightness(.82) drop-shadow(0 -5px 15px rgba(0,0,0,.22))!important;
    }
    .pk-fantasy-magic-orb{
        top:120%!important;
        width:44px!important;
        opacity:.78!important;
    }
}

.pk-fantasy-arch-elvish{
    display:block!important;
    position:absolute;
    z-index:19;
    inset:0;
    pointer-events:none;
    font-family:'PautinkaRune','PautinkaElvish',serif;
    color:rgba(95,255,230,.70);
    text-shadow:0 0 8px rgba(57,242,211,.75),0 0 18px rgba(57,242,211,.34),0 0 28px rgba(215,179,107,.18);
    mix-blend-mode:screen;
}
.pk-fantasy-arch-elvish span{
    position:absolute;
    display:block;
    font-size:clamp(16px,1.05vw,25px);
    line-height:1;
    letter-spacing:0;
    white-space:nowrap;
    opacity:0;
    filter:brightness(1.1);
    transform:translate3d(0,0,0) rotate(var(--r,0deg)) scale(.65);
    animation:pkFantasyRuneFly 5.6s ease-out infinite;
    animation-delay:var(--d,0s);
    will-change:transform,opacity,filter;
}
/* Left arch: symbols start on existing teal rune/gold-carved areas and fly inward/up. */
.pk-fantasy-arch-elvish span:nth-child(1){left:19.2vw;top:calc(var(--fantasy-header-safe) + 104px);--r:-25deg;--dx:40px;--dy:-24px;--d:.1s}
.pk-fantasy-arch-elvish span:nth-child(2){left:22.4vw;top:calc(var(--fantasy-header-safe) + 142px);--r:-35deg;--dx:48px;--dy:-18px;--d:1.0s}
.pk-fantasy-arch-elvish span:nth-child(3){left:25.2vw;top:calc(var(--fantasy-header-safe) + 183px);--r:-44deg;--dx:52px;--dy:-8px;--d:2.0s}
.pk-fantasy-arch-elvish span:nth-child(4){left:17.7vw;top:calc(var(--fantasy-header-safe) + 220px);--r:-62deg;--dx:44px;--dy:6px;--d:3.2s}
.pk-fantasy-arch-elvish span:nth-child(5){left:28.8vw;top:calc(var(--fantasy-header-safe) + 95px);--r:-16deg;--dx:26px;--dy:-30px;--d:4.1s}
.pk-fantasy-arch-elvish span:nth-child(6){left:32.8vw;top:calc(var(--fantasy-header-safe) + 78px);--r:-8deg;--dx:16px;--dy:-34px;--d:2.6s}
.pk-fantasy-arch-elvish span:nth-child(7){left:15.0vw;top:calc(var(--fantasy-header-safe) + 298px);--r:-84deg;--dx:36px;--dy:18px;--d:1.7s}
.pk-fantasy-arch-elvish span:nth-child(8){left:20.2vw;top:calc(var(--fantasy-header-safe) + 352px);--r:-88deg;--dx:32px;--dy:20px;--d:4.9s}
/* Right arch, mirrored. */
.pk-fantasy-arch-elvish span:nth-child(9){right:19.2vw;top:calc(var(--fantasy-header-safe) + 104px);--r:25deg;--dx:-40px;--dy:-24px;--d:.7s}
.pk-fantasy-arch-elvish span:nth-child(10){right:22.4vw;top:calc(var(--fantasy-header-safe) + 142px);--r:35deg;--dx:-48px;--dy:-18px;--d:1.6s}
.pk-fantasy-arch-elvish span:nth-child(11){right:25.2vw;top:calc(var(--fantasy-header-safe) + 183px);--r:44deg;--dx:-52px;--dy:-8px;--d:2.7s}
.pk-fantasy-arch-elvish span:nth-child(12){right:17.7vw;top:calc(var(--fantasy-header-safe) + 220px);--r:62deg;--dx:-44px;--dy:6px;--d:3.8s}
.pk-fantasy-arch-elvish span:nth-child(13){right:28.8vw;top:calc(var(--fantasy-header-safe) + 95px);--r:16deg;--dx:-26px;--dy:-30px;--d:4.6s}
.pk-fantasy-arch-elvish span:nth-child(14){right:32.8vw;top:calc(var(--fantasy-header-safe) + 78px);--r:8deg;--dx:-16px;--dy:-34px;--d:2.2s}
.pk-fantasy-arch-elvish span:nth-child(15){right:15.0vw;top:calc(var(--fantasy-header-safe) + 298px);--r:84deg;--dx:-36px;--dy:18px;--d:1.3s}
.pk-fantasy-arch-elvish span:nth-child(16){right:20.2vw;top:calc(var(--fantasy-header-safe) + 352px);--r:88deg;--dx:-32px;--dy:20px;--d:4.3s}
.pk-fantasy-arch-elvish span:nth-child(17){left:37.8vw;top:calc(var(--fantasy-header-safe) + 64px);--r:-4deg;--dx:8px;--dy:-32px;--d:5.1s}
.pk-fantasy-arch-elvish span:nth-child(18){right:37.8vw;top:calc(var(--fantasy-header-safe) + 64px);--r:4deg;--dx:-8px;--dy:-32px;--d:5.6s}

@keyframes pkFantasyRuneFly{
    0%{opacity:0;transform:translate3d(0,0,0) rotate(var(--r,0deg)) scale(.55);filter:brightness(.85) blur(.3px)}
    12%{opacity:.72;filter:brightness(1.55) blur(0)}
    42%{opacity:.54;transform:translate3d(calc(var(--dx,0px) * .55),calc(var(--dy,0px) * .55),0) rotate(var(--r,0deg)) scale(1.02);filter:brightness(1.25)}
    78%{opacity:.12;transform:translate3d(var(--dx,0px),var(--dy,0px),0) rotate(calc(var(--r,0deg) + 12deg)) scale(1.28);filter:brightness(.95) blur(.4px)}
    100%{opacity:0;transform:translate3d(calc(var(--dx,0px) * 1.22),calc(var(--dy,0px) * 1.22),0) rotate(calc(var(--r,0deg) + 20deg)) scale(1.42);filter:brightness(.75) blur(.8px)}
}

@media (max-width:980px){
    .pk-fantasy-ground{
        content:url('../../images/pautinka-home/screen-03-fantasy/bottom-foreground-low.webp');
        bottom:0!important;
        height:9.5vh!important;
        width:120vw!important;
        object-fit:fill!important;
        opacity:.82!important;
    }
}


/* Final correction patch: low transparent foreground, stronger background depth, larger arrows, and visible flying arch runes. */
@media (min-width:981px){
    .pk-fantasy-bg img{
        inset:-5vh -5vw!important;
        width:110vw!important;
        height:110vh!important;
        transform:scale(1.09)!important;
        filter:saturate(1.08) contrast(1.07) brightness(.98)!important;
        animation:pkFantasyBgDeepBreath 20s ease-in-out infinite alternate!important;
    }
    .pk-fantasy-vignette{
        background:
            radial-gradient(circle at 50% 35%,rgba(30,116,126,.16),transparent 30%),
            radial-gradient(circle at 50% 55%,transparent 0 58%,rgba(0,0,0,.18) 82%,rgba(0,0,0,.42) 100%),
            linear-gradient(180deg,rgba(1,4,7,.08),transparent 20%,transparent 78%,rgba(1,4,7,.28))!important;
    }
    .pk-fantasy-ground{
        z-index:11!important; /* exactly above the fairy group, below UI */
        left:50%!important;
        bottom:0!important;
        width:100vw!important;
        height:10.2vh!important;
        max-height:118px!important;
        min-height:74px!important;
        object-fit:fill!important;
        object-position:bottom center!important;
        transform:translateX(-50%)!important;
        opacity:.96!important;
        mix-blend-mode:normal!important;
        filter:saturate(1.02) contrast(1.04) brightness(.88) drop-shadow(0 -7px 16px rgba(0,0,0,.20))!important;
    }
    .pk-fantasy-character{z-index:10!important;}
    .pk-fantasy-features{z-index:28!important;bottom:18px!important;}
    .pk-fantasy-scroll{z-index:31!important;}
    .pk-fantasy-magic-orb{
        top:128%!important;
        width:42px!important;
        opacity:.82!important;
        filter:blur(.15px) drop-shadow(0 0 14px rgba(57,242,211,.72)) drop-shadow(0 0 26px rgba(215,179,107,.32))!important;
    }
}

@keyframes pkFantasyBgDeepBreath{
    0%{transform:scale(1.09) translate3d(0,0,0)}
    100%{transform:scale(1.16) translate3d(-1.05vw,-.34vh,0)}
}

@media (min-width:981px){
    .pk-fantasy-arrow{
        width:68px!important;
        height:68px!important;
        margin-top:-34px!important;
        border:1px solid rgba(246,213,148,.76)!important;
        background:radial-gradient(circle at 50% 45%,rgba(20,49,49,.78),rgba(3,8,10,.72) 62%,rgba(0,0,0,.54))!important;
        box-shadow:0 0 22px rgba(0,0,0,.55),0 0 18px rgba(57,242,211,.16),inset 0 0 16px rgba(57,242,211,.13)!important;
        overflow:hidden;
    }
    .pk-fantasy-arrow--prev{left:clamp(-164px,-7.2vw,-110px)!important;}
    .pk-fantasy-arrow--next{right:clamp(-164px,-7.2vw,-110px)!important;}
    .pk-fantasy-arrow:before{
        inset:23px!important;
        border-width:0 0 3px 3px!important;
        border-color:#ffe7ad!important;
        filter:drop-shadow(0 0 6px rgba(255,226,160,.45));
        z-index:3;
    }
    .pk-fantasy-arrow::after{
        content:"PAUTINKA";
        position:absolute;
        inset:6px;
        display:grid;
        place-items:start center;
        border:1px solid rgba(215,179,107,.22);
        border-radius:50%;
        color:rgba(240,219,178,.45);
        font-family:'PautinkaElvish','PautinkaRune',serif;
        font-size:8px;
        letter-spacing:.16em;
        line-height:1;
        padding-top:5px;
        text-shadow:0 0 7px rgba(57,242,211,.32);
        animation:pkFantasyArrowRuneSpin 9s linear infinite;
        pointer-events:none;
        z-index:1;
    }
}
@keyframes pkFantasyArrowRuneSpin{to{transform:rotate(360deg)}}

.pk-fantasy-arch-elvish{z-index:25!important;}
.pk-fantasy-arch-elvish span{
    color:rgba(88,255,229,.92)!important;
    font-size:clamp(20px,1.22vw,30px)!important;
    text-shadow:0 0 8px rgba(57,242,211,.95),0 0 18px rgba(57,242,211,.58),0 0 34px rgba(215,179,107,.26)!important;
    animation-duration:4.9s!important;
}
@media (min-width:981px){
    /* More symbols starting from existing arch/column runes and flying into the portal space. */
    .pk-fantasy-arch-elvish span:nth-child(1){left:18.8vw!important;top:calc(var(--fantasy-header-safe) + 130px)!important;--dx:64px;--dy:-30px;--r:-30deg;}
    .pk-fantasy-arch-elvish span:nth-child(2){left:20.4vw!important;top:calc(var(--fantasy-header-safe) + 190px)!important;--dx:74px;--dy:-8px;--r:-48deg;}
    .pk-fantasy-arch-elvish span:nth-child(3){left:17.1vw!important;top:calc(var(--fantasy-header-safe) + 270px)!important;--dx:68px;--dy:20px;--r:-70deg;}
    .pk-fantasy-arch-elvish span:nth-child(4){left:23.2vw!important;top:calc(var(--fantasy-header-safe) + 110px)!important;--dx:58px;--dy:-40px;--r:-22deg;}
    .pk-fantasy-arch-elvish span:nth-child(5){left:27.4vw!important;top:calc(var(--fantasy-header-safe) + 84px)!important;--dx:38px;--dy:-48px;--r:-13deg;}
    .pk-fantasy-arch-elvish span:nth-child(6){left:31.8vw!important;top:calc(var(--fantasy-header-safe) + 72px)!important;--dx:20px;--dy:-50px;--r:-6deg;}
    .pk-fantasy-arch-elvish span:nth-child(7){left:15.4vw!important;top:calc(var(--fantasy-header-safe) + 360px)!important;--dx:52px;--dy:36px;--r:-86deg;}
    .pk-fantasy-arch-elvish span:nth-child(8){left:20.1vw!important;top:calc(var(--fantasy-header-safe) + 430px)!important;--dx:52px;--dy:44px;--r:-92deg;}
    .pk-fantasy-arch-elvish span:nth-child(9){right:18.8vw!important;top:calc(var(--fantasy-header-safe) + 130px)!important;--dx:-64px;--dy:-30px;--r:30deg;}
    .pk-fantasy-arch-elvish span:nth-child(10){right:20.4vw!important;top:calc(var(--fantasy-header-safe) + 190px)!important;--dx:-74px;--dy:-8px;--r:48deg;}
    .pk-fantasy-arch-elvish span:nth-child(11){right:17.1vw!important;top:calc(var(--fantasy-header-safe) + 270px)!important;--dx:-68px;--dy:20px;--r:70deg;}
    .pk-fantasy-arch-elvish span:nth-child(12){right:23.2vw!important;top:calc(var(--fantasy-header-safe) + 110px)!important;--dx:-58px;--dy:-40px;--r:22deg;}
    .pk-fantasy-arch-elvish span:nth-child(13){right:27.4vw!important;top:calc(var(--fantasy-header-safe) + 84px)!important;--dx:-38px;--dy:-48px;--r:13deg;}
    .pk-fantasy-arch-elvish span:nth-child(14){right:31.8vw!important;top:calc(var(--fantasy-header-safe) + 72px)!important;--dx:-20px;--dy:-50px;--r:6deg;}
    .pk-fantasy-arch-elvish span:nth-child(15){right:15.4vw!important;top:calc(var(--fantasy-header-safe) + 360px)!important;--dx:-52px;--dy:36px;--r:86deg;}
    .pk-fantasy-arch-elvish span:nth-child(16){right:20.1vw!important;top:calc(var(--fantasy-header-safe) + 430px)!important;--dx:-52px;--dy:44px;--r:92deg;}
    .pk-fantasy-arch-elvish span:nth-child(17){left:36.5vw!important;top:calc(var(--fantasy-header-safe) + 58px)!important;--dx:8px;--dy:-54px;--r:-2deg;}
    .pk-fantasy-arch-elvish span:nth-child(18){right:36.5vw!important;top:calc(var(--fantasy-header-safe) + 58px)!important;--dx:-8px;--dy:-54px;--r:2deg;}
}
@keyframes pkFantasyRuneFly{
    0%{opacity:0;transform:translate3d(0,0,0) rotate(var(--r,0deg)) scale(.42);filter:brightness(.8) blur(.4px)}
    10%{opacity:.95;filter:brightness(1.95) blur(0)}
    38%{opacity:.72;transform:translate3d(calc(var(--dx,0px) * .42),calc(var(--dy,0px) * .42),0) rotate(var(--r,0deg)) scale(.92);filter:brightness(1.55)}
    74%{opacity:.20;transform:translate3d(var(--dx,0px),var(--dy,0px),0) rotate(calc(var(--r,0deg) + 14deg)) scale(1.34);filter:brightness(1.05) blur(.4px)}
    100%{opacity:0;transform:translate3d(calc(var(--dx,0px) * 1.28),calc(var(--dy,0px) * 1.28),0) rotate(calc(var(--r,0deg) + 22deg)) scale(1.64);filter:brightness(.75) blur(.9px)}
}
.pk-fantasy-arrow-rune{
    position:absolute;
    inset:6px;
    display:grid;
    place-items:end center;
    padding-bottom:5px;
    border-radius:50%;
    color:rgba(240,219,178,.42);
    font-family:'PautinkaElvish','PautinkaRune',serif;
    font-size:8px;
    letter-spacing:.16em;
    line-height:1;
    text-shadow:0 0 7px rgba(57,242,211,.32);
    animation:pkFantasyArrowRuneSpin 9s linear infinite reverse;
    pointer-events:none;
    z-index:1;
}

/* FINAL USER-CORRECTION PATCH 2026-05-03
   Do not generate new art here: use 10.png -> bottom-foreground-low.webp and 9.png -> crystal-sprigs.webp.
   Fixes: true low foreground attached to bottom, repeated small crystal sprigs behind it,
   circular rotating text around arrows, arrows inside gate opening, stronger BG depth. */
@media (min-width:981px){
    .pk-fantasy-bg{perspective:1200px;transform-style:preserve-3d;}
    .pk-fantasy-bg img{
        inset:-8vh -8vw!important;
        width:116vw!important;
        height:116vh!important;
        transform:scale(1.13) translate3d(0,0,-1px)!important;
        transform-origin:50% 58%!important;
        filter:saturate(1.10) contrast(1.09) brightness(.99)!important;
        animation:pkFantasyBgUltraDepth 18s ease-in-out infinite alternate!important;
        will-change:transform,filter;
    }
    .pk-fantasy-bg::after{
        content:"";
        position:absolute;
        inset:auto -8vw -8vh;
        height:44vh;
        pointer-events:none;
        background:
            radial-gradient(ellipse at 50% 100%,rgba(57,242,211,.12),transparent 46%),
            linear-gradient(0deg,rgba(0,0,0,.26),transparent 74%);
        mix-blend-mode:screen;
        opacity:.55;
        transform:translateZ(18px);
    }

    /* Old heavy helpers must not participate on desktop. The thin low strip + repeated 9.png sprigs replace them. */
    .pk-fantasy-crystals--back,
    .pk-fantasy-roots{display:none!important;}

    .pk-fantasy-sprig{
        position:absolute;
        z-index:9;
        height:auto;
        max-width:none;
        pointer-events:none;
        user-select:none;
        opacity:.46;
        filter:saturate(1.05) brightness(.82) drop-shadow(0 0 10px rgba(57,242,211,.12));
        mix-blend-mode:screen;
        transform-origin:50% 100%;
        will-change:transform,opacity;
    }
    .pk-fantasy-sprig--one{left:7.2vw;bottom:6.2vh;width:15vw;transform:translate3d(0,0,0) scale(.42);}
    .pk-fantasy-sprig--two{left:25.5vw;bottom:4.8vh;width:12vw;transform:translate3d(0,0,0) scale(.34);opacity:.34;}
    .pk-fantasy-sprig--three{right:26vw;bottom:4.6vh;width:12.5vw;transform:translate3d(0,0,0) scale(.34);opacity:.35;}
    .pk-fantasy-sprig--four{right:6.8vw;bottom:6.0vh;width:15.5vw;transform:translate3d(0,0,0) scale(.43);}

    /* Use the real transparent low strip as-is: no fake black/waterline, no forced squashing. */
    .pk-fantasy-ground{
        z-index:11!important;
        left:50%!important;
        bottom:0!important;
        width:100vw!important;
        height:auto!important;
        max-height:none!important;
        min-height:0!important;
        object-fit:contain!important;
        object-position:bottom center!important;
        transform:translateX(-50%) translate3d(0,0,0)!important;
        opacity:1!important;
        mix-blend-mode:normal!important;
        filter:saturate(1.02) contrast(1.02) brightness(.90) drop-shadow(0 -6px 13px rgba(0,0,0,.18))!important;
    }

    .pk-fantasy-character{z-index:10!important;}

    /* Magic is visible again and sits between the hands, not as a pendant and not switched off. */
    .pk-fantasy-magic-orb{
        top:118%!important;
        width:62px!important;
        opacity:.92!important;
        background:
            radial-gradient(circle,rgba(255,246,190,.98) 0 6%,rgba(57,242,211,.92) 12%,rgba(57,242,211,.38) 38%,rgba(57,242,211,.10) 60%,transparent 74%)!important;
        filter:blur(.15px) drop-shadow(0 0 18px rgba(57,242,211,.88)) drop-shadow(0 0 38px rgba(215,179,107,.34))!important;
    }

    /* Arrows: inside the inner gate opening, larger, readable, with circular text rotating around the outer ring. */
    .pk-fantasy-arrow{
        width:78px!important;
        height:78px!important;
        margin-top:-39px!important;
        overflow:visible!important;
        border:1px solid rgba(246,218,158,.78)!important;
        background:radial-gradient(circle at 50% 45%,rgba(18,52,51,.72),rgba(3,8,10,.78) 62%,rgba(0,0,0,.48))!important;
        box-shadow:0 0 24px rgba(0,0,0,.58),0 0 20px rgba(57,242,211,.22),inset 0 0 18px rgba(57,242,211,.14)!important;
    }
    .pk-fantasy-arrow--prev{left:clamp(76px,7vw,136px)!important;}
    .pk-fantasy-arrow--next{right:clamp(76px,7vw,136px)!important;}
    .pk-fantasy-arrow:before{
        inset:28px!important;
        border-width:0 0 3px 3px!important;
        border-color:#ffe7ad!important;
        filter:drop-shadow(0 0 6px rgba(255,226,160,.58));
        z-index:4;
    }
    .pk-fantasy-arrow::after{content:""!important;position:absolute;inset:9px;border:1px solid rgba(215,179,107,.26);border-radius:50%;box-shadow:inset 0 0 12px rgba(57,242,211,.08);z-index:1;}
    .pk-fantasy-arrow-rune{display:none!important;}
    .pk-fantasy-arrow-text{
        position:absolute;
        inset:0;
        display:block;
        border-radius:50%;
        pointer-events:none;
        z-index:2;
        animation:pkFantasyArrowCircularText 10s linear infinite;
    }
    .pk-fantasy-arrow--next .pk-fantasy-arrow-text{animation-direction:reverse;}
    .pk-fantasy-arrow-text span{
        position:absolute;
        left:50%;
        top:50%;
        width:10px;
        height:10px;
        margin:-5px 0 0 -5px;
        color:rgba(242,221,178,.72);
        font-family:'PautinkaElvish','PautinkaRune',serif;
        font-size:8px;
        line-height:10px;
        text-align:center;
        text-shadow:0 0 6px rgba(57,242,211,.50),0 0 10px rgba(215,179,107,.22);
        transform:rotate(calc(var(--i) * 25.714deg)) translateY(-43px) rotate(90deg);
        transform-origin:50% 50%;
    }

    /* More visible flying runes: they originate on the existing runic columns/arch and drift into the portal. */
    .pk-fantasy-arch-elvish{z-index:25!important;display:block!important;}
    .pk-fantasy-arch-elvish span{
        color:rgba(91,255,229,.95)!important;
        font-size:clamp(22px,1.35vw,34px)!important;
        text-shadow:0 0 9px rgba(57,242,211,1),0 0 22px rgba(57,242,211,.68),0 0 38px rgba(215,179,107,.28)!important;
        animation:pkFantasyRuneFlyBright 4.2s ease-out infinite!important;
        animation-delay:var(--d,0s)!important;
    }
}

@keyframes pkFantasyBgUltraDepth{
    0%{transform:scale(1.13) translate3d(0,0,-1px) rotateX(.01deg);filter:saturate(1.08) contrast(1.06) brightness(.98)}
    100%{transform:scale(1.235) translate3d(-1.55vw,-.52vh,0) rotateX(.01deg);filter:saturate(1.13) contrast(1.11) brightness(1.02)}
}
@keyframes pkFantasyArrowCircularText{to{transform:rotate(360deg)}}
@keyframes pkFantasyRuneFlyBright{
    0%{opacity:0;transform:translate3d(0,0,0) rotate(var(--r,0deg)) scale(.32);filter:brightness(.7) blur(.5px)}
    9%{opacity:1;filter:brightness(2.15) blur(0)}
    38%{opacity:.78;transform:translate3d(calc(var(--dx,0px) * .46),calc(var(--dy,0px) * .46),0) rotate(var(--r,0deg)) scale(.95);filter:brightness(1.55)}
    78%{opacity:.18;transform:translate3d(var(--dx,0px),var(--dy,0px),0) rotate(calc(var(--r,0deg) + 18deg)) scale(1.42);filter:brightness(1.00) blur(.45px)}
    100%{opacity:0;transform:translate3d(calc(var(--dx,0px) * 1.36),calc(var(--dy,0px) * 1.36),0) rotate(calc(var(--r,0deg) + 28deg)) scale(1.75);filter:brightness(.65) blur(1px)}
}

@media (max-width:980px){
    .pk-fantasy-sprig{display:none!important;}
    .pk-fantasy-ground{
        bottom:0!important;
        width:120vw!important;
        height:auto!important;
        object-fit:contain!important;
        opacity:.96!important;
    }
}

/* More rune particles for the expanded 32-symbol arch layer + correct circular text spacing. */
@media (min-width:981px){
    .pk-fantasy-arrow-text span{transform:rotate(calc(var(--i) * 24deg)) translateY(-43px) rotate(90deg)!important;}
    .pk-fantasy-arch-elvish span:nth-child(19){left:18.0vw!important;top:calc(var(--fantasy-header-safe) + 168px)!important;--dx:78px;--dy:-20px;--r:-38deg;--d:.45s;}
    .pk-fantasy-arch-elvish span:nth-child(20){left:16.2vw!important;top:calc(var(--fantasy-header-safe) + 242px)!important;--dx:72px;--dy:8px;--r:-68deg;--d:1.85s;}
    .pk-fantasy-arch-elvish span:nth-child(21){left:22.0vw!important;top:calc(var(--fantasy-header-safe) + 324px)!important;--dx:58px;--dy:34px;--r:-82deg;--d:3.15s;}
    .pk-fantasy-arch-elvish span:nth-child(22){left:34.2vw!important;top:calc(var(--fantasy-header-safe) + 74px)!important;--dx:14px;--dy:-54px;--r:-4deg;--d:2.55s;}
    .pk-fantasy-arch-elvish span:nth-child(23){left:13.8vw!important;top:calc(var(--fantasy-header-safe) + 426px)!important;--dx:46px;--dy:42px;--r:-92deg;--d:4.05s;}
    .pk-fantasy-arch-elvish span:nth-child(24){left:24.8vw!important;top:calc(var(--fantasy-header-safe) + 92px)!important;--dx:48px;--dy:-46px;--r:-18deg;--d:5.05s;}
    .pk-fantasy-arch-elvish span:nth-child(25){right:18.0vw!important;top:calc(var(--fantasy-header-safe) + 168px)!important;--dx:-78px;--dy:-20px;--r:38deg;--d:.95s;}
    .pk-fantasy-arch-elvish span:nth-child(26){right:16.2vw!important;top:calc(var(--fantasy-header-safe) + 242px)!important;--dx:-72px;--dy:8px;--r:68deg;--d:2.35s;}
    .pk-fantasy-arch-elvish span:nth-child(27){right:22.0vw!important;top:calc(var(--fantasy-header-safe) + 324px)!important;--dx:-58px;--dy:34px;--r:82deg;--d:3.65s;}
    .pk-fantasy-arch-elvish span:nth-child(28){right:34.2vw!important;top:calc(var(--fantasy-header-safe) + 74px)!important;--dx:-14px;--dy:-54px;--r:4deg;--d:2.05s;}
    .pk-fantasy-arch-elvish span:nth-child(29){right:13.8vw!important;top:calc(var(--fantasy-header-safe) + 426px)!important;--dx:-46px;--dy:42px;--r:92deg;--d:4.55s;}
    .pk-fantasy-arch-elvish span:nth-child(30){right:24.8vw!important;top:calc(var(--fantasy-header-safe) + 92px)!important;--dx:-48px;--dy:-46px;--r:18deg;--d:5.55s;}
    .pk-fantasy-arch-elvish span:nth-child(31){left:39.4vw!important;top:calc(var(--fantasy-header-safe) + 58px)!important;--dx:0px;--dy:-58px;--r:0deg;--d:1.25s;}
    .pk-fantasy-arch-elvish span:nth-child(32){right:39.4vw!important;top:calc(var(--fantasy-header-safe) + 58px)!important;--dx:0px;--dy:-58px;--r:0deg;--d:3.75s;}
}

/* Precision patch after review: use provided low foreground, mask fairy cut with 9.png sprigs,
   leaf navigation icons, stronger depth, and green torch flames. No new artwork. */
@media (min-width:981px){
    .pk-fantasy-stage{isolation:isolate;}

    .pk-fantasy-bg{perspective:1500px;}
    .pk-fantasy-bg img{
        inset:-11vh -11vw!important;
        width:122vw!important;
        height:122vh!important;
        object-position:center 48%!important;
        transform-origin:50% 60%!important;
        animation:pkFantasyBgDeepFinal 20s ease-in-out infinite alternate!important;
        filter:saturate(1.13) contrast(1.12) brightness(1.02)!important;
    }
    .pk-fantasy-bg::before{
        content:"";
        position:absolute;
        inset:0;
        pointer-events:none;
        background:
            radial-gradient(ellipse at 50% 58%,transparent 0 42%,rgba(0,0,0,.18) 75%,rgba(0,0,0,.28) 100%),
            linear-gradient(180deg,rgba(0,0,0,.10),transparent 28%,rgba(0,0,0,.20));
        z-index:1;
    }

    /* Torch / green flame imitation over the existing braziers on the gate. */
    .pk-fantasy-torches{
        position:absolute;
        inset:0;
        z-index:13;
        pointer-events:none;
        mix-blend-mode:screen;
    }
    .pk-fantasy-flame{
        position:absolute;
        width:82px;
        height:112px;
        border-radius:50% 50% 45% 45%;
        background:
            radial-gradient(ellipse at 50% 72%,rgba(255,235,154,.72) 0 8%,rgba(60,255,213,.72) 16%,rgba(28,205,165,.34) 34%,transparent 67%),
            conic-gradient(from 180deg at 50% 74%,transparent 0 20%,rgba(78,255,213,.36) 27%,rgba(241,215,130,.40) 33%,rgba(26,211,161,.34) 44%,transparent 57% 100%);
        filter:blur(1px) drop-shadow(0 0 13px rgba(57,242,211,.82)) drop-shadow(0 0 28px rgba(57,242,211,.38));
        opacity:.92;
        transform-origin:50% 86%;
        animation:pkFantasyGreenFlame 1.45s ease-in-out infinite alternate;
    }
    .pk-fantasy-flame::before,
    .pk-fantasy-flame::after{
        content:"";
        position:absolute;
        left:50%;
        bottom:20%;
        width:42%;
        height:62%;
        border-radius:55% 55% 45% 45%;
        transform:translateX(-50%) rotate(-7deg);
        background:radial-gradient(ellipse at 50% 72%,rgba(255,247,191,.75),rgba(63,255,213,.46) 26%,transparent 70%);
        filter:blur(1.8px);
        animation:pkFantasyGreenFlameInner 1.1s ease-in-out infinite alternate;
    }
    .pk-fantasy-flame::after{
        width:28%;
        height:50%;
        transform:translateX(-44%) rotate(9deg);
        opacity:.74;
        animation-delay:.22s;
    }
    .pk-fantasy-flame--left{left:15.35vw;top:54.8vh;}
    .pk-fantasy-flame--right{right:15.35vw;top:54.8vh;animation-delay:.18s;}

    /* Low foreground from user 10.png: attached to bottom, alpha preserved, just one layer above fairy. */
    .pk-fantasy-ground{
        z-index:11!important;
        left:50%!important;
        bottom:-1px!important;
        width:100vw!important;
        height:auto!important;
        max-height:none!important;
        object-fit:contain!important;
        object-position:bottom center!important;
        transform:translateX(-50%) translate3d(0,0,0)!important;
        opacity:1!important;
        filter:saturate(1.05) contrast(1.06) brightness(.96) drop-shadow(0 -5px 12px rgba(0,0,0,.20))!important;
        mix-blend-mode:normal!important;
    }
    .pk-fantasy-character{z-index:10!important;}

    /* 9.png crystal accents: bigger, visible, layered behind the low foreground and over the fairy crop line. */
    .pk-fantasy-sprig{
        display:block!important;
        position:absolute!important;
        max-width:none!important;
        height:auto!important;
        pointer-events:none!important;
        user-select:none!important;
        transform-origin:50% 100%!important;
        will-change:transform,opacity!important;
        mix-blend-mode:screen!important;
    }
    .pk-fantasy-sprig--one{z-index:12!important;left:2.8vw!important;bottom:7.2vh!important;width:21vw!important;opacity:.60!important;filter:saturate(1.08) brightness(.88) drop-shadow(0 0 12px rgba(57,242,211,.18))!important;}
    .pk-fantasy-sprig--two{z-index:12!important;left:20.5vw!important;bottom:4.6vh!important;width:14vw!important;opacity:.40!important;filter:saturate(1.02) brightness(.78) drop-shadow(0 0 8px rgba(57,242,211,.10))!important;}
    .pk-fantasy-sprig--three{z-index:12!important;right:20.5vw!important;bottom:4.6vh!important;width:14vw!important;opacity:.40!important;filter:saturate(1.02) brightness(.78) drop-shadow(0 0 8px rgba(57,242,211,.10))!important;}
    .pk-fantasy-sprig--four{z-index:12!important;right:2.8vw!important;bottom:7.2vh!important;width:21vw!important;opacity:.60!important;filter:saturate(1.08) brightness(.88) drop-shadow(0 0 12px rgba(57,242,211,.18))!important;}
    .pk-fantasy-sprig--mask-left,
    .pk-fantasy-sprig--mask-right{
        z-index:13!important;
        bottom:6.3vh!important;
        width:16.5vw!important;
        opacity:.48!important;
        filter:saturate(1.05) brightness(.82) drop-shadow(0 0 11px rgba(57,242,211,.14))!important;
    }
    .pk-fantasy-sprig--mask-left{left:35.8vw!important;}
    .pk-fantasy-sprig--mask-right{right:35.8vw!important;transform:scaleX(-1)!important;}

    /* Magic: bigger and slightly higher than the last version, centered between hands. */
    .pk-fantasy-magic-orb{
        top:113%!important;
        width:72px!important;
        opacity:.96!important;
        background:
            radial-gradient(circle,rgba(255,250,194,1) 0 5%,rgba(57,242,211,.98) 12%,rgba(57,242,211,.46) 38%,rgba(57,242,211,.15) 60%,transparent 76%)!important;
        filter:blur(.12px) drop-shadow(0 0 22px rgba(57,242,211,.96)) drop-shadow(0 0 48px rgba(215,179,107,.38))!important;
    }

    /* Slider arrows: keep inside the gate opening, replace arrow glyph with a leaf icon, circular text keeps rotating around the rim. */
    .pk-fantasy-arrow{
        width:82px!important;
        height:82px!important;
        margin-top:-41px!important;
    }
    .pk-fantasy-arrow--prev{left:clamp(120px,9.6vw,188px)!important;}
    .pk-fantasy-arrow--next{right:clamp(120px,9.6vw,188px)!important;}
    .pk-fantasy-arrow:before{display:none!important;content:none!important;}
    .pk-fantasy-arrow-leaf{
        position:absolute;
        z-index:4;
        left:50%;
        top:50%;
        width:26px;
        height:26px;
        margin:-13px 0 0 -13px;
        display:grid;
        place-items:center;
        color:#ffe7ad;
        font-size:25px;
        line-height:1;
        text-shadow:0 0 8px rgba(255,226,160,.62),0 0 16px rgba(57,242,211,.32);
        transform-origin:50% 50%;
    }
    .pk-fantasy-arrow--prev .pk-fantasy-arrow-leaf{transform:rotate(-112deg);}
    .pk-fantasy-arrow--next .pk-fantasy-arrow-leaf{transform:rotate(68deg);}
    .pk-fantasy-arrow-text span{transform:rotate(calc(var(--i) * 24deg)) translateY(-46px) rotate(90deg)!important;}

    /* Rune particles fly from the real rune-bearing columns/arch inward, not as static words. */
    .pk-fantasy-arch-elvish span{
        font-size:clamp(20px,1.18vw,30px)!important;
        animation-duration:3.8s!important;
        opacity:0;
    }
}

@keyframes pkFantasyBgDeepFinal{
    0%{transform:scale(1.17) translate3d(0,0,-1px) rotateX(.012deg);filter:saturate(1.12) contrast(1.10) brightness(1.0)}
    100%{transform:scale(1.31) translate3d(-2.1vw,-.82vh,0) rotateX(.012deg);filter:saturate(1.18) contrast(1.16) brightness(1.04)}
}
@keyframes pkFantasyGreenFlame{
    0%{opacity:.68;transform:translate3d(-2px,3px,0) scale(.86,1.02) rotate(-2deg)}
    35%{opacity:1;transform:translate3d(2px,-2px,0) scale(1.04,1.16) rotate(3deg)}
    68%{opacity:.84;transform:translate3d(-1px,0,0) scale(.94,1.08) rotate(-1deg)}
    100%{opacity:.95;transform:translate3d(2px,-4px,0) scale(1.02,1.22) rotate(2deg)}
}
@keyframes pkFantasyGreenFlameInner{
    0%{opacity:.52;transform:translateX(-50%) translateY(4px) scale(.82,1.02) rotate(-7deg)}
    100%{opacity:.88;transform:translateX(-50%) translateY(-5px) scale(1.12,1.22) rotate(6deg)}
}

/* USER REVIEW PATCH: denser 9.png masking, semi-ellipse green torches, cleaner glow. */
@media (min-width:981px){
    /* Keep every UI element above the masking sprigs/foreground. */
    .pk-fantasy-content{z-index:30!important;}
    .pk-fantasy-carousel-wrap{z-index:34!important;}
    .pk-fantasy-features{z-index:36!important;}
    .pk-fantasy-scroll{z-index:38!important;}

    /* The 9.png copies that hide the fairy crop must be physical crystals, not transparent smoke. */
    .pk-fantasy-sprig--mask-left,
    .pk-fantasy-sprig--mask-right{
        z-index:14!important;
        bottom:7.8vh!important;
        width:21.5vw!important;
        opacity:.92!important;
        mix-blend-mode:normal!important;
        filter:saturate(1.12) contrast(1.06) brightness(1.03) drop-shadow(0 0 15px rgba(57,242,211,.22))!important;
    }
    .pk-fantasy-sprig--mask-left{left:32.5vw!important;}
    .pk-fantasy-sprig--mask-right{right:32.5vw!important;transform:scaleX(-1)!important;}

    /* Side sprigs remain parallax/decorative, but become less foggy and more readable. */
    .pk-fantasy-sprig--one,
    .pk-fantasy-sprig--four{
        z-index:13!important;
        bottom:6.8vh!important;
        width:22.5vw!important;
        opacity:.70!important;
        mix-blend-mode:normal!important;
        filter:saturate(1.08) contrast(1.02) brightness(.96) drop-shadow(0 0 13px rgba(57,242,211,.16))!important;
    }
    .pk-fantasy-sprig--two,
    .pk-fantasy-sprig--three{
        z-index:12!important;
        bottom:5.2vh!important;
        width:15.5vw!important;
        opacity:.54!important;
        mix-blend-mode:normal!important;
        filter:saturate(1.04) contrast(1.02) brightness(.92) drop-shadow(0 0 9px rgba(57,242,211,.12))!important;
    }

    /* Soft portal mist over the crop seam. This blends the fairy into the foreground instead of hard-hiding it. */
    .pk-fantasy-character::after{
        content:"";
        position:absolute;
        z-index:4;
        left:50%;
        bottom:-22%;
        width:128%;
        height:38%;
        transform:translateX(-50%);
        pointer-events:none;
        background:
            radial-gradient(ellipse at 50% 42%,rgba(57,242,211,.20),transparent 48%),
            linear-gradient(180deg,transparent 0%,rgba(5,13,15,.34) 58%,rgba(5,13,15,.58) 100%);
        mix-blend-mode:screen;
        opacity:.86;
        filter:blur(1px);
    }

    /* Bottom strip: present but no neon dominance. */
    .pk-fantasy-ground{
        filter:saturate(1.00) contrast(1.03) brightness(.86) drop-shadow(0 -5px 12px rgba(0,0,0,.18))!important;
    }

    /* Magic: keep it readable, but not as a giant spotlight on the central slide. */
    .pk-fantasy-magic-orb{
        top:111%!important;
        width:66px!important;
        opacity:.93!important;
        filter:blur(.12px) drop-shadow(0 0 18px rgba(57,242,211,.86)) drop-shadow(0 0 34px rgba(215,179,107,.32))!important;
    }

    /* Torches: replace circular blobs with a smaller bowl-attached semi-ellipse flame + separate soft glow. */
    .pk-fantasy-flame{
        width:68px!important;
        height:76px!important;
        border-radius:54% 54% 48% 48%!important;
        opacity:.82!important;
        background:
            radial-gradient(ellipse at 50% 78%,rgba(255,235,154,.72) 0 7%,rgba(62,255,213,.66) 16%,rgba(22,196,156,.24) 36%,transparent 66%)!important;
        clip-path:ellipse(44% 48% at 50% 72%)!important;
        filter:blur(.4px) drop-shadow(0 0 10px rgba(57,242,211,.72)) drop-shadow(0 0 24px rgba(57,242,211,.28))!important;
        transform-origin:50% 88%!important;
    }
    .pk-fantasy-flame::before{
        left:50%!important;
        bottom:15%!important;
        width:32px!important;
        height:54px!important;
        border-radius:50% 50% 42% 42%!important;
        clip-path:polygon(50% 0%,63% 25%,72% 48%,58% 100%,42% 100%,28% 48%,37% 25%)!important;
        background:radial-gradient(ellipse at 50% 74%,rgba(255,247,191,.82),rgba(63,255,213,.52) 28%,transparent 72%)!important;
        filter:blur(1px)!important;
    }
    .pk-fantasy-flame::after{
        left:50%!important;
        bottom:7%!important;
        width:142px!important;
        height:92px!important;
        border-radius:50%!important;
        clip-path:ellipse(50% 42% at 50% 62%)!important;
        background:radial-gradient(ellipse at 50% 65%,rgba(57,242,211,.28),rgba(57,242,211,.10) 42%,transparent 72%)!important;
        transform:translateX(-50%)!important;
        filter:blur(12px)!important;
        opacity:.70!important;
        animation:pkFantasyTorchGlow 1.8s ease-in-out infinite alternate!important;
    }
    .pk-fantasy-flame--left{left:15.55vw!important;top:55.4vh!important;}
    .pk-fantasy-flame--right{right:15.55vw!important;top:55.4vh!important;}
}

@keyframes pkFantasyTorchGlow{
    0%{opacity:.42;transform:translateX(-50%) scale(.92,.86)}
    100%{opacity:.76;transform:translateX(-50%) scale(1.08,1.02)}
}

/* USER REVIEW PATCH: crystal sprigs must sit behind the low foreground, not float above it; torch fire must be bowl-attached. */
@media (min-width:981px){
    /* Keep the user-provided low foreground as the front lip of the scene. */
    .pk-fantasy-ground{
        z-index:15!important;
        bottom:-1px!important;
        width:100vw!important;
        height:auto!important;
        object-fit:contain!important;
        object-position:bottom center!important;
        opacity:1!important;
        transform:translateX(-50%) translate3d(0,0,0)!important;
        filter:saturate(1.03) contrast(1.04) brightness(.94) drop-shadow(0 -5px 12px rgba(0,0,0,.18))!important;
        mix-blend-mode:normal!important;
    }

    /* The fairy remains just behind the front lip; the foreground covers the cut line naturally. */
    .pk-fantasy-character{z-index:12!important;}

    /* 9.png sprigs are now rooted behind the front lip. No floating, no layer above the low foreground. */
    .pk-fantasy-sprig{
        z-index:13!important;
        mix-blend-mode:normal!important;
        opacity:.82!important;
        transform-origin:50% 100%!important;
        filter:saturate(1.07) contrast(1.04) brightness(.96) drop-shadow(0 0 11px rgba(57,242,211,.16))!important;
    }
    .pk-fantasy-sprig--one{
        left:1.8vw!important;
        bottom:.8vh!important;
        width:18vw!important;
        opacity:.78!important;
    }
    .pk-fantasy-sprig--two{
        left:26vw!important;
        bottom:.4vh!important;
        width:12.5vw!important;
        opacity:.58!important;
    }
    .pk-fantasy-sprig--three{
        right:26vw!important;
        bottom:.4vh!important;
        width:12.5vw!important;
        opacity:.58!important;
    }
    .pk-fantasy-sprig--four{
        right:1.8vw!important;
        bottom:.8vh!important;
        width:18vw!important;
        opacity:.78!important;
    }
    .pk-fantasy-sprig--mask-left,
    .pk-fantasy-sprig--mask-right{
        z-index:13!important;
        bottom:1.2vh!important;
        width:18.5vw!important;
        opacity:.88!important;
        filter:saturate(1.08) contrast(1.04) brightness(1.0) drop-shadow(0 0 13px rgba(57,242,211,.18))!important;
    }
    .pk-fantasy-sprig--mask-left{left:33.2vw!important;}
    .pk-fantasy-sprig--mask-right{right:33.2vw!important;}

    /* Blend only the very bottom of the fairy into the foreground; no smoky floating crystal wall. */
    .pk-fantasy-character::after{
        z-index:6!important;
        left:50%!important;
        bottom:-16%!important;
        width:92%!important;
        height:25%!important;
        transform:translateX(-50%)!important;
        background:linear-gradient(180deg,transparent 0%,rgba(4,10,11,.26) 48%,rgba(4,10,11,.62) 100%)!important;
        mix-blend-mode:normal!important;
        opacity:.72!important;
        filter:blur(1.4px)!important;
    }

    /* UI must stay cleanly above decorative masking layers. */
    .pk-fantasy-content{z-index:30!important;}
    .pk-fantasy-carousel-wrap{z-index:34!important;}
    .pk-fantasy-features{z-index:36!important;}
    .pk-fantasy-scroll{z-index:38!important;}

    /* Torch flames: smaller, semi-elliptic, attached to the brazier bowls rather than round blobs over the columns. */
    .pk-fantasy-torches{
        z-index:16!important;
        mix-blend-mode:screen!important;
    }
    .pk-fantasy-flame{
        width:50px!important;
        height:70px!important;
        border-radius:50% 50% 44% 44%!important;
        clip-path:ellipse(42% 54% at 50% 64%)!important;
        opacity:.78!important;
        background:
            radial-gradient(ellipse at 50% 70%,rgba(255,238,154,.70) 0 7%,rgba(62,255,213,.64) 18%,rgba(24,203,158,.28) 42%,transparent 70%)!important;
        filter:blur(.35px) drop-shadow(0 0 8px rgba(57,242,211,.62)) drop-shadow(0 0 18px rgba(57,242,211,.22))!important;
        transform-origin:50% 90%!important;
        animation:pkFantasyBowlFlame 1.28s ease-in-out infinite alternate!important;
    }
    .pk-fantasy-flame::before{
        left:50%!important;
        bottom:11%!important;
        width:24px!important;
        height:48px!important;
        border-radius:50% 50% 42% 42%!important;
        clip-path:polygon(50% 0%,62% 28%,72% 54%,58% 100%,42% 100%,28% 54%,38% 28%)!important;
        background:radial-gradient(ellipse at 50% 72%,rgba(255,248,196,.88),rgba(67,255,216,.56) 32%,transparent 72%)!important;
        filter:blur(.75px)!important;
        transform:translateX(-50%)!important;
        animation:pkFantasyBowlFlameInner .92s ease-in-out infinite alternate!important;
    }
    .pk-fantasy-flame::after{
        left:50%!important;
        bottom:-9px!important;
        width:118px!important;
        height:64px!important;
        border-radius:50%!important;
        clip-path:ellipse(50% 40% at 50% 62%)!important;
        background:radial-gradient(ellipse at 50% 65%,rgba(57,242,211,.22),rgba(57,242,211,.08) 44%,transparent 74%)!important;
        transform:translateX(-50%)!important;
        filter:blur(13px)!important;
        opacity:.50!important;
        animation:pkFantasyTorchSoftGlow 1.65s ease-in-out infinite alternate!important;
    }
    .pk-fantasy-flame--left{
        left:calc(15.8vw - 25px)!important;
        top:calc(58.6vh - 35px)!important;
    }
    .pk-fantasy-flame--right{
        right:calc(15.8vw - 25px)!important;
        top:calc(58.6vh - 35px)!important;
    }
}

@keyframes pkFantasyBowlFlame{
    0%{transform:scale(.88,1.00) skewX(-2deg);opacity:.58;filter:blur(.45px) drop-shadow(0 0 7px rgba(57,242,211,.54)) drop-shadow(0 0 15px rgba(57,242,211,.18))}
    45%{transform:scale(1.03,1.16) skewX(2.5deg);opacity:.86;filter:blur(.25px) drop-shadow(0 0 10px rgba(57,242,211,.72)) drop-shadow(0 0 21px rgba(57,242,211,.25))}
    100%{transform:scale(.96,1.10) skewX(-1deg);opacity:.74;filter:blur(.35px) drop-shadow(0 0 8px rgba(57,242,211,.60)) drop-shadow(0 0 18px rgba(57,242,211,.22))}
}
@keyframes pkFantasyBowlFlameInner{
    0%{opacity:.58;transform:translateX(-50%) translateY(3px) scale(.82,1.0) rotate(-5deg)}
    100%{opacity:.92;transform:translateX(-50%) translateY(-4px) scale(1.06,1.20) rotate(5deg)}
}
@keyframes pkFantasyTorchSoftGlow{
    0%{opacity:.32;transform:translateX(-50%) scale(.90,.84)}
    100%{opacity:.58;transform:translateX(-50%) scale(1.08,1.02)}
}

/* FINAL DELIVERY PATCH 2026-05-04
   Fixes from review: downloadable package, black top guard under header, smaller BG zoom,
   no dark square on fairy, larger grounded crystal masks, corrected small torch flames,
   slightly wider slider nav, simplified mobile composition. */
.pk-fantasy-stage::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:calc(var(--fantasy-header-safe) + 2px);
    background:#030607;
    z-index:3;
    pointer-events:none;
}

@media (min-width:981px){
    /* Background still breathes, but no longer creates the visible blue strip above the gate. */
    .pk-fantasy-bg img{
        inset:-4vh -4vw!important;
        width:108vw!important;
        height:108vh!important;
        object-position:center 50%!important;
        transform-origin:50% 58%!important;
        animation:pkFantasyBgFinalMeasuredDepth 18s ease-in-out infinite alternate!important;
        filter:saturate(1.08) contrast(1.06) brightness(.98)!important;
    }

    /* Remove the rectangular dark/mist patch that was visible on the fairy. */
    .pk-fantasy-character::after{display:none!important;content:none!important;}

    /* Front strip is the user's 10.png converted to WebP; keep it glued to the bottom. */
    .pk-fantasy-ground{
        z-index:15!important;
        bottom:0!important;
        width:100vw!important;
        height:auto!important;
        opacity:1!important;
        object-fit:contain!important;
        object-position:bottom center!important;
        transform:translateX(-50%)!important;
        mix-blend-mode:normal!important;
        filter:saturate(1.02) contrast(1.03) brightness(.92) drop-shadow(0 -4px 10px rgba(0,0,0,.18))!important;
    }

    /* 9.png sprigs: anchored behind the foreground, larger in the center to cover the fairy cut line. */
    .pk-fantasy-sprig{
        z-index:13!important;
        bottom:-.35vh!important;
        mix-blend-mode:normal!important;
        opacity:.86!important;
        transform-origin:50% 100%!important;
        filter:saturate(1.08) contrast(1.04) brightness(.98) drop-shadow(0 0 12px rgba(57,242,211,.16))!important;
    }
    .pk-fantasy-sprig--one{left:1.2vw!important;width:18vw!important;opacity:.78!important;}
    .pk-fantasy-sprig--four{right:1.2vw!important;width:18vw!important;opacity:.78!important;}
    .pk-fantasy-sprig--two{left:22vw!important;width:15vw!important;opacity:.64!important;}
    .pk-fantasy-sprig--three{right:22vw!important;width:15vw!important;opacity:.64!important;}
    .pk-fantasy-sprig--mask-left,
    .pk-fantasy-sprig--mask-right{
        z-index:13!important;
        bottom:-.25vh!important;
        width:29vw!important;
        opacity:.94!important;
        filter:saturate(1.10) contrast(1.05) brightness(1.02) drop-shadow(0 0 14px rgba(57,242,211,.20))!important;
    }
    .pk-fantasy-sprig--mask-left{left:28.4vw!important;}
    .pk-fantasy-sprig--mask-right{right:28.4vw!important;transform:scaleX(-1)!important;}

    .pk-fantasy-character{z-index:12!important;}
    .pk-fantasy-content{z-index:30!important;}
    .pk-fantasy-carousel-wrap{z-index:34!important;}
    .pk-fantasy-features{z-index:36!important;}
    .pk-fantasy-scroll{z-index:38!important;}

    /* Nav buttons: same slider, just a little further away from the cards while staying inside the gate. */
    .pk-fantasy-arrow--prev{left:clamp(142px,11.2vw,220px)!important;}
    .pk-fantasy-arrow--next{right:clamp(142px,11.2vw,220px)!important;}

    /* Torch fire: reset previous drifting blobs; use small anchored bowl flames + soft glow. */
    .pk-fantasy-torches{
        z-index:17!important;
        mix-blend-mode:screen!important;
    }
    .pk-fantasy-flame{
        width:38px!important;
        height:48px!important;
        opacity:.70!important;
        border-radius:50% 50% 44% 44%!important;
        clip-path:ellipse(42% 48% at 50% 66%)!important;
        background:radial-gradient(ellipse at 50% 70%,rgba(255,238,154,.62) 0 8%,rgba(62,255,213,.54) 19%,rgba(24,203,158,.18) 44%,transparent 72%)!important;
        filter:blur(.25px) drop-shadow(0 0 7px rgba(57,242,211,.52)) drop-shadow(0 0 14px rgba(57,242,211,.18))!important;
        animation:pkFantasyTinyBowlFlame 1.2s ease-in-out infinite alternate!important;
    }
    .pk-fantasy-flame::before{
        content:""!important;
        position:absolute!important;
        left:50%!important;
        bottom:8%!important;
        width:18px!important;
        height:34px!important;
        transform:translateX(-50%)!important;
        border-radius:50% 50% 42% 42%!important;
        clip-path:polygon(50% 0%,62% 30%,70% 55%,58% 100%,42% 100%,30% 55%,38% 30%)!important;
        background:radial-gradient(ellipse at 50% 72%,rgba(255,248,196,.72),rgba(67,255,216,.42) 34%,transparent 74%)!important;
        filter:blur(.6px)!important;
        animation:pkFantasyTinyBowlFlameInner .9s ease-in-out infinite alternate!important;
    }
    .pk-fantasy-flame::after{
        content:""!important;
        position:absolute!important;
        left:50%!important;
        bottom:-8px!important;
        width:86px!important;
        height:46px!important;
        transform:translateX(-50%)!important;
        border-radius:50%!important;
        clip-path:ellipse(50% 38% at 50% 62%)!important;
        background:radial-gradient(ellipse at 50% 65%,rgba(57,242,211,.18),rgba(57,242,211,.06) 45%,transparent 76%)!important;
        filter:blur(10px)!important;
        opacity:.38!important;
        animation:pkFantasyTinyTorchGlow 1.7s ease-in-out infinite alternate!important;
    }
    .pk-fantasy-flame--left{left:calc(16.25vw - 19px)!important;top:calc(58.2vh - 24px)!important;}
    .pk-fantasy-flame--right{right:calc(16.25vw - 19px)!important;top:calc(58.2vh - 24px)!important;}
}

@keyframes pkFantasyBgFinalMeasuredDepth{
    0%{transform:scale(1.065) translate3d(0,0,0)}
    100%{transform:scale(1.12) translate3d(-.9vw,-.34vh,0)}
}
@keyframes pkFantasyTinyBowlFlame{
    0%{transform:scale(.88,1.00) skewX(-2deg);opacity:.48}
    45%{transform:scale(1.03,1.14) skewX(2deg);opacity:.78}
    100%{transform:scale(.96,1.08) skewX(-1deg);opacity:.64}
}
@keyframes pkFantasyTinyBowlFlameInner{
    0%{opacity:.54;transform:translateX(-50%) translateY(3px) scale(.84,1.0) rotate(-4deg)}
    100%{opacity:.84;transform:translateX(-50%) translateY(-3px) scale(1.04,1.16) rotate(4deg)}
}
@keyframes pkFantasyTinyTorchGlow{
    0%{opacity:.22;transform:translateX(-50%) scale(.9,.82)}
    100%{opacity:.44;transform:translateX(-50%) scale(1.08,1.02)}
}

/* Mobile: simplified section like screen 02 logic — background + centered fairy/wings + text/CTA only. */
@media (max-width:980px){
    .pk-fantasy-screen{height:100svh!important;min-height:100svh!important;overflow:hidden!important;}
    .pk-fantasy-stage{inset:0!important;background:#030607!important;}
    .pk-fantasy-stage::before{height:var(--fantasy-header-safe)!important;z-index:18!important;}
    .pk-fantasy-bg img{
        left:50%!important;
        inset:-2svh auto auto 50%!important;
        width:136vw!important;
        height:106svh!important;
        max-width:none!important;
        object-fit:cover!important;
        object-position:center center!important;
        transform:translateX(-50%) scale(1.06)!important;
        animation:none!important;
        filter:saturate(1.04) contrast(1.03) brightness(.88)!important;
    }
    .pk-fantasy-vignette{background:linear-gradient(180deg,rgba(0,0,0,.34),transparent 24%,rgba(0,0,0,.48) 100%)!important;}
    .pk-fantasy-gate,
    .pk-fantasy-torches,
    .pk-fantasy-crystals,
    .pk-fantasy-roots,
    .pk-fantasy-sprig,
    .pk-fantasy-ground,
    .pk-fantasy-carousel-wrap,
    .pk-fantasy-features,
    .pk-fantasy-scroll,
    .pk-fantasy-runes,
    .pk-fantasy-elvish-whisper,
    .pk-fantasy-arch-elvish{display:none!important;}
    .pk-fantasy-copy{
        z-index:30!important;
        top:calc(var(--fantasy-header-safe) + 18px)!important;
        width:88vw!important;
    }
    .pk-fantasy-copy h2{font-size:clamp(38px,13vw,68px)!important;line-height:.86!important;white-space:normal!important;}
    .pk-fantasy-copy p{font-size:13px!important;line-height:1.35!important;margin-top:9px!important;}
    .pk-fantasy-cta{height:38px!important;min-width:180px!important;margin-top:10px!important;}
    .pk-fantasy-character{
        z-index:22!important;
        left:50%!important;
        top:calc(var(--fantasy-header-safe) + 205px)!important;
        width:82vw!important;
        height:44svh!important;
        min-height:300px!important;
        max-height:470px!important;
        transform:translateX(-50%)!important;
        overflow:visible!important;
        opacity:.96!important;
    }
    .pk-fantasy-fairy{height:100%!important;left:50%!important;top:0!important;transform:translateX(-50%)!important;}
    .pk-fantasy-wing{display:block!important;width:78vw!important;top:-8%!important;opacity:.48!important;mix-blend-mode:screen!important;filter:drop-shadow(0 0 10px rgba(57,242,211,.10))!important;animation:pkFantasyMobileWing 4.2s ease-in-out infinite alternate!important;}
    .pk-fantasy-wing--left{right:45%!important;transform-origin:88% 58%!important;transform:translate(16%,0) rotate(-5deg)!important;}
    .pk-fantasy-wing--right{left:45%!important;transform-origin:12% 58%!important;transform:translate(-16%,0) rotate(5deg)!important;}
    .pk-fantasy-magic-orb{display:block!important;top:82%!important;width:54px!important;opacity:.70!important;}
}
@media (max-width:560px){
    .pk-fantasy-copy{top:calc(var(--fantasy-header-safe) + 16px)!important;}
    .pk-fantasy-copy p{display:none!important;}
    .pk-fantasy-character{top:calc(var(--fantasy-header-safe) + 170px)!important;width:92vw!important;height:46svh!important;min-height:280px!important;}
    .pk-fantasy-wing{width:92vw!important;opacity:.42!important;}
}
@keyframes pkFantasyMobileWing{
    0%{filter:drop-shadow(0 0 8px rgba(57,242,211,.08));}
    100%{filter:drop-shadow(0 0 16px rgba(57,242,211,.18));}
}

/* PATCH 2026-05-04: use provided 14.png trim, restore torch flames, move slider nav outward. */
@media (min-width:981px){
    /* Cover the top transition strip with the provided ornamental trim instead of a plain black band. */
    .pk-fantasy-stage::before{
        content:""!important;
        position:absolute!important;
        left:0!important;
        right:0!important;
        top:0!important;
        height:calc(var(--fantasy-header-safe) + 10px)!important;
        background:
            #030607
            url('../../images/pautinka-home/screen-03-fantasy/top-ornament-trim.webp')
            center bottom / auto 68px repeat-x!important;
        z-index:18!important;
        pointer-events:none!important;
    }

    /* Keep the background depth, but reduce the base size so it does not bleed into the top transition. */
    .pk-fantasy-bg img{
        inset:-2.7vh -2.7vw!important;
        width:105.4vw!important;
        height:105.4vh!important;
        object-position:center 52%!important;
        transform-origin:50% 58%!important;
        animation:pkFantasyBgTrimmedDepth 18s ease-in-out infinite alternate!important;
        filter:saturate(1.07) contrast(1.05) brightness(.98)!important;
    }

    /* Slider controls: move outward toward the inner gate edges, not toward the card stack. */
    .pk-fantasy-arrow--prev{left:clamp(24px,3.2vw,64px)!important;}
    .pk-fantasy-arrow--next{right:clamp(24px,3.2vw,64px)!important;}

    /* Restore visible torch fire: anchored semi-ellipse flames in the existing brazier bowls. */
    .pk-fantasy-torches{
        display:block!important;
        position:absolute!important;
        inset:0!important;
        z-index:29!important;
        pointer-events:none!important;
        mix-blend-mode:screen!important;
    }
    .pk-fantasy-flame{
        display:block!important;
        position:absolute!important;
        width:70px!important;
        height:86px!important;
        opacity:.96!important;
        transform-origin:50% 88%!important;
        border-radius:50% 50% 46% 46%!important;
        clip-path:ellipse(38% 45% at 50% 72%)!important;
        background:
            radial-gradient(ellipse at 50% 78%,rgba(255,242,168,.72) 0 8%,rgba(84,255,219,.76) 17%,rgba(31,225,177,.42) 40%,transparent 72%)!important;
        filter:blur(.25px) drop-shadow(0 0 10px rgba(57,242,211,.78)) drop-shadow(0 0 25px rgba(57,242,211,.34))!important;
        animation:pkFantasyTorchCupFireFixed 1.05s ease-in-out infinite alternate!important;
    }
    .pk-fantasy-flame::before{
        content:""!important;
        position:absolute!important;
        left:50%!important;
        bottom:14px!important;
        width:25px!important;
        height:48px!important;
        transform:translateX(-50%)!important;
        border-radius:50% 50% 42% 42%!important;
        clip-path:polygon(50% 0%,62% 28%,72% 55%,59% 100%,41% 100%,28% 55%,38% 28%)!important;
        background:radial-gradient(ellipse at 50% 76%,rgba(255,250,193,.86),rgba(78,255,220,.55) 34%,transparent 78%)!important;
        filter:blur(.45px)!important;
        animation:pkFantasyTorchCupFireInnerFixed .84s ease-in-out infinite alternate!important;
    }
    .pk-fantasy-flame::after{
        content:""!important;
        position:absolute!important;
        left:50%!important;
        bottom:-8px!important;
        width:126px!important;
        height:68px!important;
        transform:translateX(-50%)!important;
        border-radius:50%!important;
        clip-path:ellipse(50% 34% at 50% 64%)!important;
        background:radial-gradient(ellipse at 50% 66%,rgba(57,242,211,.30),rgba(57,242,211,.12) 42%,transparent 76%)!important;
        filter:blur(13px)!important;
        opacity:.58!important;
        animation:pkFantasyTorchCupGlowFixed 1.55s ease-in-out infinite alternate!important;
    }
    .pk-fantasy-flame--left{
        left:calc(16.85vw - 35px)!important;
        top:calc(55.8vh - 43px)!important;
    }
    .pk-fantasy-flame--right{
        right:calc(16.85vw - 35px)!important;
        top:calc(55.8vh - 43px)!important;
    }
}

@keyframes pkFantasyBgTrimmedDepth{
    0%{transform:scale(1.035) translate3d(0,0,0)}
    100%{transform:scale(1.082) translate3d(-.55vw,-.20vh,0)}
}
@keyframes pkFantasyTorchCupFireFixed{
    0%{transform:scale(.90,1.00) skewX(-2deg);opacity:.76;filter:blur(.25px) drop-shadow(0 0 8px rgba(57,242,211,.62)) drop-shadow(0 0 20px rgba(57,242,211,.24))}
    45%{transform:scale(1.05,1.15) skewX(2deg);opacity:1;filter:blur(.15px) drop-shadow(0 0 13px rgba(57,242,211,.90)) drop-shadow(0 0 29px rgba(57,242,211,.38))}
    100%{transform:scale(.96,1.08) skewX(-1deg);opacity:.88;filter:blur(.22px) drop-shadow(0 0 10px rgba(57,242,211,.74)) drop-shadow(0 0 24px rgba(57,242,211,.30))}
}
@keyframes pkFantasyTorchCupFireInnerFixed{
    0%{opacity:.62;transform:translateX(-50%) translateY(4px) scale(.82,1.0) rotate(-4deg)}
    100%{opacity:.96;transform:translateX(-50%) translateY(-5px) scale(1.08,1.22) rotate(4deg)}
}
@keyframes pkFantasyTorchCupGlowFixed{
    0%{opacity:.34;transform:translateX(-50%) scale(.92,.82)}
    100%{opacity:.62;transform:translateX(-50%) scale(1.10,1.02)}
}

/* PATCH 2026-05-04-B: top trim covers whole transition band, torches anchored as flames, nav recentered. */
@media (min-width:981px){
    /* The provided 14.png trim is used as a real site layer, stretched taller to cover the full dark transition strip. */
    .pk-fantasy-stage::before{
        content:""!important;
        position:absolute!important;
        left:0!important;
        right:0!important;
        top:calc(var(--fantasy-header-safe) - 22px)!important;
        height:144px!important;
        background:
            linear-gradient(180deg,#020506 0%,#020506 18%,rgba(2,5,6,.96) 100%),
            url('../../images/pautinka-home/screen-03-fantasy/top-ornament-trim.webp') center bottom / auto 122px repeat-x!important;
        z-index:30!important;
        pointer-events:none!important;
        overflow:hidden!important;
    }

    /* Keep nav inside the portal, but not glued to cards and not thrown to the far edge. */
    .pk-fantasy-arrow--prev{left:clamp(82px,6.6vw,136px)!important;}
    .pk-fantasy-arrow--next{right:clamp(82px,6.6vw,136px)!important;}

    /* Torches: small half-flame + separate soft glow. Coordinates are fixed to the brazier cups on the gate. */
    .pk-fantasy-torches{
        display:block!important;
        position:absolute!important;
        inset:0!important;
        z-index:31!important;
        pointer-events:none!important;
        mix-blend-mode:screen!important;
    }
    .pk-fantasy-flame{
        display:block!important;
        position:absolute!important;
        width:42px!important;
        height:58px!important;
        opacity:.88!important;
        transform-origin:50% 94%!important;
        border-radius:50% 50% 38% 38%!important;
        clip-path:polygon(50% 0%,61% 22%,68% 43%,61% 70%,57% 100%,43% 100%,39% 70%,32% 43%,39% 22%)!important;
        background:
            radial-gradient(ellipse at 50% 83%,rgba(255,244,170,.82) 0 9%,rgba(82,255,220,.78) 18%,rgba(39,225,178,.42) 48%,transparent 78%)!important;
        filter:blur(.18px) drop-shadow(0 0 8px rgba(57,242,211,.76)) drop-shadow(0 0 18px rgba(57,242,211,.34))!important;
        animation:pkFantasyTorchTongueAttached 1.08s ease-in-out infinite alternate!important;
    }
    .pk-fantasy-flame::before{
        content:""!important;
        position:absolute!important;
        left:50%!important;
        bottom:3px!important;
        width:18px!important;
        height:42px!important;
        transform:translateX(-50%)!important;
        border-radius:50% 50% 40% 40%!important;
        clip-path:polygon(50% 0%,62% 26%,70% 56%,58% 100%,42% 100%,30% 56%,38% 26%)!important;
        background:radial-gradient(ellipse at 50% 82%,rgba(255,249,190,.88),rgba(90,255,224,.55) 34%,transparent 80%)!important;
        filter:blur(.25px)!important;
        animation:pkFantasyTorchTongueInnerAttached .82s ease-in-out infinite alternate!important;
    }
    .pk-fantasy-flame::after{
        content:""!important;
        position:absolute!important;
        left:50%!important;
        bottom:-7px!important;
        width:92px!important;
        height:48px!important;
        transform:translateX(-50%)!important;
        border-radius:50%!important;
        clip-path:ellipse(50% 28% at 50% 68%)!important;
        background:radial-gradient(ellipse at 50% 70%,rgba(57,242,211,.24),rgba(57,242,211,.09) 46%,transparent 76%)!important;
        filter:blur(12px)!important;
        opacity:.42!important;
        animation:pkFantasyTorchGlowAttached 1.6s ease-in-out infinite alternate!important;
    }
    .pk-fantasy-flame--left{
        left:calc(16.95vw - 21px)!important;
        top:calc(59.4vh - 58px)!important;
    }
    .pk-fantasy-flame--right{
        right:calc(16.95vw - 21px)!important;
        top:calc(59.4vh - 58px)!important;
        animation-delay:.16s!important;
    }
}

@keyframes pkFantasyTorchTongueAttached{
    0%{transform:translateY(2px) scale(.86,1.00) skewX(-2deg);opacity:.68;}
    45%{transform:translateY(-3px) scale(1.08,1.18) skewX(2deg);opacity:.98;}
    100%{transform:translateY(0) scale(.96,1.10) skewX(-1deg);opacity:.82;}
}
@keyframes pkFantasyTorchTongueInnerAttached{
    0%{opacity:.58;transform:translateX(-50%) translateY(4px) scale(.82,1.0) rotate(-3deg)}
    100%{opacity:.94;transform:translateX(-50%) translateY(-5px) scale(1.06,1.22) rotate(4deg)}
}
@keyframes pkFantasyTorchGlowAttached{
    0%{opacity:.25;transform:translateX(-50%) scale(.92,.76)}
    100%{opacity:.48;transform:translateX(-50%) scale(1.08,.98)}
}

/* FINAL USER FIX: keep the 14.png ornament as a narrow transition trim only, not a huge overlay; make torch fire subtle and cup-attached; recenter nav controls. */
@media (min-width:981px){
    .pk-fantasy-stage::before{
        content:""!important;
        position:absolute!important;
        left:0!important;
        right:0!important;
        top:calc(var(--fantasy-header-safe) - 2px)!important;
        height:48px!important;
        background:
            #030607
            url('../../images/pautinka-home/screen-03-fantasy/top-ornament-trim.webp') center center / auto 54px repeat-x!important;
        z-index:6!important;
        opacity:.96!important;
        pointer-events:none!important;
        overflow:hidden!important;
        mix-blend-mode:normal!important;
    }

    .pk-fantasy-arrow--prev{left:clamp(58px,5vw,96px)!important;}
    .pk-fantasy-arrow--next{right:clamp(58px,5vw,96px)!important;}

    .pk-fantasy-torches{
        display:block!important;
        position:absolute!important;
        inset:0!important;
        z-index:13!important;
        pointer-events:none!important;
        mix-blend-mode:screen!important;
    }
    .pk-fantasy-flame{
        display:block!important;
        position:absolute!important;
        width:24px!important;
        height:40px!important;
        opacity:.58!important;
        transform-origin:50% 100%!important;
        border-radius:50% 50% 36% 36%!important;
        clip-path:polygon(50% 0%,62% 24%,69% 48%,58% 100%,42% 100%,31% 48%,38% 24%)!important;
        background:radial-gradient(ellipse at 50% 82%,rgba(255,246,183,.72) 0 9%,rgba(77,255,219,.58) 18%,rgba(28,216,171,.28) 50%,transparent 82%)!important;
        filter:blur(.12px) drop-shadow(0 0 6px rgba(57,242,211,.54)) drop-shadow(0 0 12px rgba(57,242,211,.18))!important;
        animation:pkFantasyTorchFinalAttached .96s ease-in-out infinite alternate!important;
    }
    .pk-fantasy-flame::before{
        content:""!important;
        position:absolute!important;
        left:50%!important;
        bottom:1px!important;
        width:11px!important;
        height:30px!important;
        transform:translateX(-50%)!important;
        clip-path:polygon(50% 0%,62% 27%,68% 57%,56% 100%,44% 100%,32% 57%,38% 27%)!important;
        border-radius:50% 50% 38% 38%!important;
        background:radial-gradient(ellipse at 50% 84%,rgba(255,249,198,.80),rgba(91,255,226,.44) 38%,transparent 82%)!important;
        filter:blur(.18px)!important;
        animation:pkFantasyTorchFinalInner .78s ease-in-out infinite alternate!important;
    }
    .pk-fantasy-flame::after{
        content:""!important;
        position:absolute!important;
        left:50%!important;
        bottom:-9px!important;
        width:66px!important;
        height:42px!important;
        transform:translateX(-50%)!important;
        border-radius:50%!important;
        clip-path:ellipse(50% 26% at 50% 72%)!important;
        background:radial-gradient(ellipse at 50% 72%,rgba(57,242,211,.18),rgba(57,242,211,.06) 48%,transparent 78%)!important;
        filter:blur(11px)!important;
        opacity:.34!important;
        animation:pkFantasyTorchFinalGlow 1.45s ease-in-out infinite alternate!important;
    }
    .pk-fantasy-flame--left{
        left:calc(16.72vw - 12px)!important;
        top:calc(56.6vh - 26px)!important;
    }
    .pk-fantasy-flame--right{
        right:calc(16.72vw - 12px)!important;
        top:calc(56.6vh - 26px)!important;
        animation-delay:.17s!important;
    }
}
@keyframes pkFantasyTorchFinalAttached{
    0%{transform:translateY(1px) scale(.86,1.0) skewX(-2deg);opacity:.42;}
    48%{transform:translateY(-2px) scale(1.04,1.16) skewX(2deg);opacity:.68;}
    100%{transform:translateY(0) scale(.94,1.08) skewX(-1deg);opacity:.52;}
}
@keyframes pkFantasyTorchFinalInner{
    0%{opacity:.45;transform:translateX(-50%) translateY(3px) scale(.84,1.0) rotate(-3deg)}
    100%{opacity:.76;transform:translateX(-50%) translateY(-4px) scale(1.05,1.20) rotate(4deg)}
}
@keyframes pkFantasyTorchFinalGlow{
    0%{opacity:.18;transform:translateX(-50%) scale(.92,.76)}
    100%{opacity:.34;transform:translateX(-50%) scale(1.06,.96)}
}


/* === SCOPED FIX 2026-05-04-E ===
   Work only from the current archive. No new art, no global gate overrides.
   Fixes: desktop seam as a narrow boundary overlay, keep sci-fi mobile untouched,
   rebuild only fantasy mobile with the fairy behind the slider and compact feature cards. */

@media (min-width: 981px) {
    .pk-fantasy-screen {
        position: relative !important;
        overflow: visible !important;
        isolation: isolate !important;
        margin-top: 0 !important;
    }

    /* Boundary trim: only the screen junction, not a block inside screen 02. */
    .pk-fantasy-screen::before {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: -54px !important;
        height: 70px !important;
        pointer-events: none !important;
        z-index: 4 !important;
        opacity: 1 !important;
        background: url('../../images/pautinka-home/screen-03-fantasy/section-gap-fill.webp') center center / auto 100% repeat-x !important;
        filter: none !important;
        mix-blend-mode: normal !important;
    }

    .pk-fantasy-stage::before {
        display: none !important;
        content: none !important;
    }

    /* Keep the existing desktop composition. Only calm overly intrusive helpers. */
    .pk-fantasy-bg img {
        object-position: center 52% !important;
    }

    .pk-fantasy-flame {
        width: 16px !important;
        height: 16px !important;
        opacity: .72 !important;
        border-radius: 50% !important;
        clip-path: none !important;
        background: radial-gradient(circle, rgba(255,248,205,.86) 0 14%, rgba(88,255,231,.54) 30%, rgba(57,242,211,.16) 58%, transparent 76%) !important;
        box-shadow: none !important;
        filter: drop-shadow(0 0 7px rgba(57,242,211,.38)) drop-shadow(0 0 14px rgba(57,242,211,.16)) !important;
        animation: pkFantasyLensSoft 1.8s ease-in-out infinite alternate !important;
    }

    .pk-fantasy-flame::before,
    .pk-fantasy-flame::after {
        content: "" !important;
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        pointer-events: none !important;
    }

    .pk-fantasy-flame::before {
        width: 46px !important;
        height: 6px !important;
        border-radius: 999px !important;
        background: radial-gradient(ellipse at center, rgba(170,255,241,.32), rgba(57,242,211,.12) 52%, transparent 78%) !important;
        filter: blur(4px) !important;
        opacity: .8 !important;
    }

    .pk-fantasy-flame::after {
        width: 32px !important;
        height: 26px !important;
        border-radius: 50% !important;
        background: radial-gradient(circle, rgba(57,242,211,.12), transparent 72%) !important;
        filter: blur(8px) !important;
        opacity: .58 !important;
    }

    .pk-fantasy-flame--left {
        left: 16.0vw !important;
        top: 58.2vh !important;
    }
    .pk-fantasy-flame--right {
        right: 16.0vw !important;
        top: 58.2vh !important;
    }
}

@keyframes pkFantasyLensSoft {
    from { opacity: .48; transform: scale(.94); }
    to { opacity: .82; transform: scale(1.08); }
}

/* Fantasy mobile only. Do not style .pk-gate-* here. */
@media (max-width: 980px) {
    .pk-fantasy-screen {
        position: relative !important;
        margin-top: 0 !important;
        min-height: 100svh !important;
        height: 100svh !important;
        overflow: hidden !important;
        padding: 0 !important;
        background: #04080d !important;
    }

    .pk-fantasy-screen::before,
    .pk-fantasy-stage::before {
        display: none !important;
        content: none !important;
    }

    .pk-fantasy-stage {
        position: relative !important;
        height: 100svh !important;
        min-height: 100svh !important;
        overflow: hidden !important;
    }

    .pk-fantasy-bg,
    .pk-fantasy-vignette,
    .pk-fantasy-content {
        position: absolute !important;
        inset: 0 !important;
    }

    .pk-fantasy-bg { z-index: 1 !important; }
    .pk-fantasy-bg img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: 52% 46% !important;
        transform: none !important;
        animation: none !important;
        filter: brightness(.76) saturate(1.04) contrast(1.03) !important;
    }

    .pk-fantasy-vignette {
        z-index: 2 !important;
        background: linear-gradient(180deg, rgba(0,0,0,.30) 0%, rgba(0,0,0,.08) 28%, rgba(0,0,0,.12) 58%, rgba(0,0,0,.54) 100%) !important;
    }

    .pk-fantasy-gate,
    .pk-fantasy-torches,
    .pk-fantasy-crystals,
    .pk-fantasy-roots,
    .pk-fantasy-sprig,
    .pk-fantasy-ground,
    .pk-fantasy-scroll,
    .pk-fantasy-runes,
    .pk-fantasy-elvish-whisper,
    .pk-fantasy-arch-elvish,
    .pk-fantasy-arrow {
        display: none !important;
    }

    .pk-fantasy-content {
        z-index: 10 !important;
        min-height: 100svh !important;
        pointer-events: none !important;
    }

    .pk-fantasy-copy {
        position: absolute !important;
        top: calc(var(--pk-header-h, 82px) + 10px) !important;
        left: 50% !important;
        width: min(92vw, 430px) !important;
        transform: translateX(-50%) !important;
        text-align: center !important;
        z-index: 30 !important;
        pointer-events: auto !important;
    }

    .pk-fantasy-kicker {
        font-size: 13px !important;
        letter-spacing: .17em !important;
        margin-bottom: 6px !important;
    }

    .pk-fantasy-copy h2 {
        font-size: clamp(42px, 12vw, 68px) !important;
        line-height: .88 !important;
        margin: 0 !important;
        white-space: normal !important;
    }

    .pk-fantasy-copy p {
        display: block !important;
        max-width: 320px !important;
        margin: 12px auto 0 !important;
        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    .pk-fantasy-cta {
        margin-top: 14px !important;
        min-width: 210px !important;
        height: 44px !important;
        font-size: 11px !important;
    }

    /* Slider is the foreground block; fairy goes behind it. */
    .pk-fantasy-carousel-wrap {
        position: absolute !important;
        left: 50% !important;
        top: calc(var(--pk-header-h, 82px) + 285px) !important;
        bottom: auto !important;
        width: 100vw !important;
        max-width: none !important;
        transform: translateX(-50%) !important;
        z-index: 34 !important;
        pointer-events: auto !important;
    }

    .pk-fantasy-realm-carousel.pk-carousel {
        padding: 6px 0 24px !important;
        overflow: hidden !important;
    }

    .pk-fantasy-realm-carousel .swiper-slide {
        width: min(72vw, 330px) !important;
        opacity: .34 !important;
        transform: scale(.84) !important;
        filter: brightness(.65) saturate(.86) !important;
    }
    .pk-fantasy-realm-carousel .swiper-slide-active {
        opacity: 1 !important;
        transform: scale(1) !important;
        filter: none !important;
    }
    .pk-fantasy-realm-carousel .swiper-slide-prev,
    .pk-fantasy-realm-carousel .swiper-slide-next {
        opacity: .38 !important;
        transform: scale(.86) !important;
    }
    .pk-fantasy-realm-carousel .swiper-pagination {
        bottom: 0 !important;
    }

    .pk-fantasy-card__content {
        opacity: 1 !important;
        transform: none !important;
    }

    .pk-fantasy-character {
        position: absolute !important;
        left: 50% !important;
        bottom: 52px !important;
        top: auto !important;
        width: 100vw !important;
        height: 54svh !important;
        min-height: 0 !important;
        max-height: none !important;
        transform: translateX(-50%) !important;
        z-index: 20 !important;
        display: block !important;
        overflow: visible !important;
        opacity: 1 !important;
        pointer-events: none !important;
    }

    .pk-fantasy-fairy {
        position: absolute !important;
        left: 50% !important;
        bottom: 0 !important;
        top: auto !important;
        width: min(76vw, 360px) !important;
        height: auto !important;
        transform: translateX(-50%) !important;
        filter: drop-shadow(0 14px 22px rgba(0,0,0,.45)) !important;
        z-index: 3 !important;
    }

    .pk-fantasy-wing {
        display: block !important;
        position: absolute !important;
        top: 8% !important;
        width: min(82vw, 400px) !important;
        opacity: .34 !important;
        mix-blend-mode: screen !important;
        filter: drop-shadow(0 0 10px rgba(57,242,211,.10)) !important;
        animation: none !important;
        z-index: 1 !important;
    }
    .pk-fantasy-wing--left {
        right: 47% !important;
        transform-origin: 88% 58% !important;
        transform: translate(18%,0) rotate(-5deg) !important;
    }
    .pk-fantasy-wing--right {
        left: 47% !important;
        transform-origin: 12% 58% !important;
        transform: translate(-18%,0) rotate(5deg) !important;
    }

    .pk-fantasy-magic-orb {
        display: block !important;
        position: absolute !important;
        left: 50% !important;
        top: auto !important;
        bottom: 31% !important;
        width: 54px !important;
        height: 54px !important;
        transform: translateX(-50%) !important;
        opacity: .78 !important;
        z-index: 5 !important;
    }

    .pk-fantasy-features {
        display: grid !important;
        position: absolute !important;
        left: 50% !important;
        bottom: 10px !important;
        width: 96vw !important;
        max-width: 460px !important;
        transform: translateX(-50%) !important;
        z-index: 42 !important;
        grid-template-columns: 1fr 1fr !important;
        grid-auto-rows: 44px !important;
        gap: 8px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        pointer-events: auto !important;
        overflow: hidden !important;
    }

    .pk-fantasy-feature {
        min-width: 0 !important;
        min-height: 44px !important;
        padding: 7px 8px 7px 38px !important;
        border: 1px solid rgba(215,179,107,.35) !important;
        border-radius: 13px !important;
        background: rgba(4,8,9,.76) !important;
        box-shadow: 0 0 14px rgba(0,0,0,.32), inset 0 0 14px rgba(57,242,211,.05) !important;
        display: grid !important;
        align-content: center !important;
        overflow: hidden !important;
    }

    .pk-fantasy-feature:nth-child(n+5) {
        display: none !important;
    }

    .pk-fantasy-feature i {
        left: 8px !important;
        width: 22px !important;
        height: 22px !important;
        font-size: 13px !important;
    }

    .pk-fantasy-feature b {
        font-size: 9px !important;
        line-height: 1.05 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .pk-fantasy-feature span {
        display: block !important;
        margin-top: 2px !important;
        font-size: 8px !important;
        line-height: 1.05 !important;
        max-height: 17px !important;
        overflow: hidden !important;
    }
}

@media (max-width: 560px) {
    .pk-fantasy-copy { top: calc(var(--pk-header-h, 82px) + 8px) !important; }
    .pk-fantasy-copy h2 { font-size: clamp(40px, 12vw, 58px) !important; }
    .pk-fantasy-carousel-wrap { top: calc(var(--pk-header-h, 82px) + 285px) !important; }
    .pk-fantasy-character { bottom: 54px !important; height: 52svh !important; }
    .pk-fantasy-fairy { width: min(78vw, 330px) !important; }
    .pk-fantasy-wing { width: min(86vw, 370px) !important; opacity: .32 !important; }
}


/* === CLEAN SCOPED FIX 2026-05-04-B ===
   Current archive-only adjustments:
   - ornamental repeat-x strip on the upper Fantasy seam;
   - no darkening and no section scaling/offset;
   - desktop slider buttons stay near the slider instead of spreading over the gate;
   - mobile: slider remains visible above the fairy, fairy stays lower behind cards, cards stay above.
*/

@media (min-width:981px){
    .pk-fantasy-screen{
        position:relative!important;
        margin-top:0!important;
        overflow:hidden!important;
    }

    .pk-fantasy-screen::before{
        content:""!important;
        position:absolute!important;
        left:0!important;
        right:0!important;
        top:0!important;
        height:70px!important;
        z-index:7!important;
        pointer-events:none!important;
        opacity:1!important;
        filter:none!important;
        mix-blend-mode:normal!important;
        background-color:transparent!important;
        background-image:url('../../images/pautinka-home/screen-03-fantasy/section-gap-fill.webp')!important;
        background-repeat:repeat-x!important;
        background-size:auto 92px!important;
        background-position:center -13px!important;
    }

    .pk-fantasy-stage::before{
        display:none!important;
        content:none!important;
    }

    /* Keep arrows closer to the slider, without spreading to the gate. */
    .pk-fantasy-arrow{
        transform:none!important;
        transform-origin:center center!important;
        transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
    }
    .pk-fantasy-arrow--prev{
        left:clamp(38px,4.6vw,74px)!important;
    }
    .pk-fantasy-arrow--next{
        right:clamp(38px,4.6vw,74px)!important;
    }
    .pk-fantasy-arrow:hover,
    .pk-fantasy-arrow:focus-visible{
        transform:scale(1.035)!important;
    }

    /* Small lens flares near torches, without round fire blobs. */
    .pk-fantasy-torches{
        display:block!important;
        position:absolute!important;
        inset:0!important;
        z-index:35!important;
        pointer-events:none!important;
        mix-blend-mode:screen!important;
    }
    .pk-fantasy-flame{
        display:block!important;
        position:absolute!important;
        width:10px!important;
        height:10px!important;
        border-radius:50%!important;
        opacity:.72!important;
        clip-path:none!important;
        background:radial-gradient(circle,rgba(255,245,185,.88) 0 14%,rgba(112,255,229,.58) 30%,rgba(57,242,211,.18) 58%,transparent 78%)!important;
        filter:drop-shadow(0 0 6px rgba(57,242,211,.62)) drop-shadow(0 0 14px rgba(57,242,211,.24))!important;
        animation:pkFantasyLensBreathe 1.9s ease-in-out infinite alternate!important;
        transform:none!important;
    }
    .pk-fantasy-flame::before{
        content:""!important;
        position:absolute!important;
        left:50%!important;
        top:50%!important;
        width:70px!important;
        height:2px!important;
        transform:translate(-50%,-50%)!important;
        border-radius:999px!important;
        background:linear-gradient(90deg,transparent,rgba(166,255,242,.38),rgba(255,232,160,.20),rgba(166,255,242,.38),transparent)!important;
        filter:blur(1px)!important;
        opacity:.72!important;
    }
    .pk-fantasy-flame::after{
        content:""!important;
        position:absolute!important;
        left:50%!important;
        top:50%!important;
        width:34px!important;
        height:24px!important;
        transform:translate(-50%,-50%)!important;
        border-radius:50%!important;
        background:radial-gradient(ellipse at center,rgba(57,242,211,.20),rgba(57,242,211,.07) 48%,transparent 76%)!important;
        filter:blur(7px)!important;
        opacity:.65!important;
    }
    .pk-fantasy-flame--left{
        left:16.2vw!important;
        top:57.8vh!important;
    }
    .pk-fantasy-flame--right{
        right:16.2vw!important;
        top:57.8vh!important;
    }
}

@keyframes pkFantasyLensBreathe{
    from{opacity:.48;filter:drop-shadow(0 0 5px rgba(57,242,211,.42)) drop-shadow(0 0 10px rgba(57,242,211,.14));}
    to{opacity:.86;filter:drop-shadow(0 0 8px rgba(57,242,211,.78)) drop-shadow(0 0 18px rgba(57,242,211,.30));}
}

@media (max-width:980px){
    .pk-fantasy-screen{
        position:relative!important;
        margin-top:0!important;
        height:100svh!important;
        min-height:100svh!important;
        overflow:hidden!important;
        background:#04080d!important;
    }
    .pk-fantasy-screen::before,
    .pk-fantasy-stage::before{
        display:none!important;
        content:none!important;
    }
    .pk-fantasy-stage{
        position:relative!important;
        height:100svh!important;
        min-height:100svh!important;
        overflow:hidden!important;
    }

    .pk-fantasy-bg{
        position:absolute!important;
        inset:0!important;
        z-index:1!important;
    }
    .pk-fantasy-bg img{
        position:absolute!important;
        inset:0!important;
        width:100%!important;
        height:100%!important;
        max-width:none!important;
        object-fit:cover!important;
        object-position:53% 48%!important;
        transform:none!important;
        animation:none!important;
        filter:brightness(.78) saturate(1.03) contrast(1.03)!important;
    }

    .pk-fantasy-vignette{
        z-index:2!important;
        background:linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,.06) 34%,rgba(0,0,0,.18) 66%,rgba(0,0,0,.62) 100%)!important;
    }

    .pk-fantasy-gate,
    .pk-fantasy-torches,
    .pk-fantasy-crystals,
    .pk-fantasy-roots,
    .pk-fantasy-sprig,
    .pk-fantasy-ground,
    .pk-fantasy-runes,
    .pk-fantasy-elvish-whisper,
    .pk-fantasy-arch-elvish,
    .pk-fantasy-arrow,
    .pk-fantasy-scroll{
        display:none!important;
    }

    /* Keep content above the fairy so slider and cards do not disappear behind it. */
    .pk-fantasy-content{
        position:relative!important;
        z-index:30!important;
        min-height:100svh!important;
        pointer-events:none!important;
    }

    .pk-fantasy-copy{
        position:absolute!important;
        top:calc(var(--pk-header-h, 82px) + 12px)!important;
        left:50%!important;
        width:min(92vw,430px)!important;
        transform:translateX(-50%)!important;
        text-align:center!important;
        z-index:34!important;
        pointer-events:auto!important;
    }
    .pk-fantasy-kicker{
        font-size:13px!important;
        letter-spacing:.16em!important;
        margin-bottom:6px!important;
    }
    .pk-fantasy-copy h2{
        font-size:clamp(42px,12vw,66px)!important;
        line-height:.88!important;
        margin:0!important;
        white-space:normal!important;
    }
    .pk-fantasy-copy p{
        display:block!important;
        max-width:320px!important;
        margin:12px auto 0!important;
        font-size:12px!important;
        line-height:1.35!important;
    }
    .pk-fantasy-cta{
        margin-top:14px!important;
        min-width:210px!important;
        height:44px!important;
        font-size:11px!important;
        pointer-events:auto!important;
    }

    /* Slider restored on mobile above the fairy. */
    .pk-fantasy-carousel-wrap{
        display:block!important;
        position:absolute!important;
        left:50%!important;
        top:calc(var(--pk-header-h,82px) + 285px)!important;
        bottom:auto!important;
        width:100vw!important;
        max-width:none!important;
        transform:translateX(-50%)!important;
        z-index:38!important;
        pointer-events:auto!important;
        overflow:visible!important;
        opacity:1!important;
        visibility:visible!important;
    }
    .pk-fantasy-realm-carousel,
    .pk-fantasy-realm-carousel.pk-carousel,
    .pk-fantasy-realm-carousel .swiper-wrapper{
        display:block!important;
        visibility:visible!important;
    }
    .pk-fantasy-realm-carousel.pk-carousel{
        padding:6px 0 24px!important;
        overflow:hidden!important;
    }
    .pk-fantasy-realm-carousel .swiper-wrapper{
        display:flex!important;
        align-items:center!important;
    }
    .pk-fantasy-realm-carousel .swiper-slide{
        width:min(72vw,330px)!important;
        opacity:.34!important;
        transform:scale(.84)!important;
        filter:brightness(.65) saturate(.86)!important;
    }
    .pk-fantasy-realm-carousel .swiper-slide-active{
        opacity:1!important;
        transform:scale(1)!important;
        filter:none!important;
    }
    .pk-fantasy-realm-carousel .swiper-slide-prev,
    .pk-fantasy-realm-carousel .swiper-slide-next{
        opacity:.38!important;
        transform:scale(.86)!important;
    }
    .pk-fantasy-realm-carousel .swiper-pagination{
        bottom:0!important;
    }
    .pk-fantasy-card__content{
        opacity:1!important;
        transform:none!important;
    }

    /* Fairy stays lower behind feature cards, without distortion. */
    .pk-fantasy-character{
        display:flex!important;
        position:absolute!important;
        left:50%!important;
        top:auto!important;
        bottom:0!important;
        width:100%!important;
        height:45svh!important;
        min-height:0!important;
        max-height:none!important;
        transform:translateX(-50%)!important;
        z-index:12!important;
        justify-content:center!important;
        align-items:flex-end!important;
        overflow:visible!important;
        opacity:1!important;
        pointer-events:none!important;
    }
    .pk-fantasy-fairy{
        display:block!important;
        position:relative!important;
        left:auto!important;
        right:auto!important;
        top:auto!important;
        bottom:0!important;
        width:min(68vw,315px)!important;
        height:auto!important;
        max-width:none!important;
        transform:none!important;
        object-fit:contain!important;
        z-index:3!important;
        filter:drop-shadow(0 14px 22px rgba(0,0,0,.45))!important;
    }
    .pk-fantasy-wing{
        display:block!important;
        position:absolute!important;
        top:6%!important;
        width:min(82vw,390px)!important;
        opacity:.32!important;
        mix-blend-mode:screen!important;
        animation:none!important;
        z-index:1!important;
    }
    .pk-fantasy-wing--left{
        right:47%!important;
        transform-origin:88% 58%!important;
        transform:translate(18%,0) rotate(-5deg)!important;
    }
    .pk-fantasy-wing--right{
        left:47%!important;
        transform-origin:12% 58%!important;
        transform:translate(-18%,0) rotate(5deg)!important;
    }
    .pk-fantasy-magic-orb{
        display:block!important;
        position:absolute!important;
        left:50%!important;
        top:auto!important;
        bottom:30%!important;
        width:54px!important;
        height:54px!important;
        transform:translateX(-50%)!important;
        opacity:.78!important;
        z-index:5!important;
    }

    /* Cards stay above the fairy in two rows and cover the lower crop. */
    .pk-fantasy-features{
        display:grid!important;
        position:absolute!important;
        left:50%!important;
        bottom:10px!important;
        width:96vw!important;
        max-width:460px!important;
        transform:translateX(-50%)!important;
        z-index:46!important;
        grid-template-columns:1fr 1fr!important;
        grid-auto-rows:44px!important;
        gap:8px!important;
        padding:0!important;
        border:0!important;
        background:transparent!important;
        box-shadow:none!important;
        backdrop-filter:none!important;
        pointer-events:auto!important;
        overflow:hidden!important;
    }
    .pk-fantasy-feature{
        min-width:0!important;
        min-height:44px!important;
        padding:7px 8px 7px 38px!important;
        border:1px solid rgba(215,179,107,.35)!important;
        border-radius:13px!important;
        background:rgba(4,8,9,.78)!important;
        box-shadow:0 0 14px rgba(0,0,0,.32), inset 0 0 14px rgba(57,242,211,.05)!important;
        display:grid!important;
        align-content:center!important;
        overflow:hidden!important;
    }
    .pk-fantasy-feature:nth-child(n+5){
        display:none!important;
    }
    .pk-fantasy-feature i{
        left:8px!important;
        width:22px!important;
        height:22px!important;
        font-size:13px!important;
    }
    .pk-fantasy-feature b{
        font-size:9px!important;
        line-height:1.05!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }
    .pk-fantasy-feature span{
        display:block!important;
        margin-top:2px!important;
        font-size:8px!important;
        line-height:1.05!important;
        max-height:17px!important;
        overflow:hidden!important;
    }
}

@media (max-width:560px){
    .pk-fantasy-copy{top:calc(var(--pk-header-h,82px) + 8px)!important;}
    .pk-fantasy-copy h2{font-size:clamp(40px,12vw,58px)!important;}
    .pk-fantasy-carousel-wrap{top:calc(var(--pk-header-h,82px) + 278px)!important;}
    .pk-fantasy-character{height:43svh!important;}
    .pk-fantasy-fairy{width:min(70vw,300px)!important;}
    .pk-fantasy-wing{width:min(84vw,360px)!important;opacity:.30!important;}
    .pk-fantasy-features{gap:6px!important;}
}

/* === FINAL MICRO TWEAK 2026-05-04 ===
   Requested small fixes only:
   1) mobile magic orb slightly higher;
   2) slider glow no longer clipped;
   3) desktop buttons moved closer inside the arch. */

@media (min-width:981px){
    .pk-fantasy-arrow--prev{
        left: 150px!important;
    }
    .pk-fantasy-arrow--next{
        right: 150px!important;
    }
}

@media (max-width:980px){
    .pk-fantasy-carousel-wrap{
        overflow:visible!important;
        top:calc(var(--pk-header-h, 82px) + 294px)!important;
    }
    .pk-fantasy-realm-carousel.pk-carousel{
        overflow:visible!important;
        padding-top:18px!important;
        padding-bottom:34px!important;
    }
    .pk-fantasy-realm-carousel .swiper-wrapper{
        overflow:visible!important;
    }
    .pk-fantasy-realm-carousel .swiper-slide,
    .pk-fantasy-card,
    .pk-fantasy-card__frame,
    .pk-fantasy-card__media{
        overflow:visible!important;
    }
    .pk-fantasy-card{
        filter:drop-shadow(0 0 18px rgba(204,245,218,.34)) drop-shadow(0 0 28px rgba(57,242,211,.18))!important;
    }
    .pk-fantasy-magic-orb{
        bottom:35%!important;
    }
}

@media (max-width:560px){
    .pk-fantasy-carousel-wrap{
        top:calc(var(--pk-header-h, 82px) + 288px)!important;
    }
    .pk-fantasy-magic-orb{
        bottom:36%!important;
    }
}

/* === MOBILE SPACE AND CARD ALIGNMENT 2026-05-14 === */
@media (max-width:980px){
    .pk-fantasy-screen{
        height:auto!important;
        min-height:122svh!important;
        overflow:hidden!important;
    }
    .pk-fantasy-stage,
    .pk-fantasy-content{
        height:122svh!important;
        min-height:122svh!important;
    }
    .pk-fantasy-features{
        bottom:clamp(28px,4svh,52px)!important;
        grid-auto-rows:minmax(58px,auto)!important;
        gap:10px!important;
        overflow:visible!important;
        align-items:stretch!important;
    }
    .pk-fantasy-feature{
        min-height:58px!important;
        padding:8px 10px 8px 42px!important;
        align-content:center!important;
    }
    .pk-fantasy-feature i{
        left:10px!important;
        top:50%!important;
        transform:translateY(-50%)!important;
        width:25px!important;
        height:25px!important;
    }
    .pk-fantasy-feature b{
        font-size:10px!important;
        line-height:1.1!important;
        white-space:normal!important;
        overflow:hidden!important;
        text-overflow:clip!important;
        display:-webkit-box!important;
        -webkit-line-clamp:2!important;
        -webkit-box-orient:vertical!important;
    }
    .pk-fantasy-feature span{
        font-size:8.5px!important;
        line-height:1.15!important;
        max-height:22px!important;
    }
}

@media (max-width:560px){
    .pk-fantasy-screen{
        min-height:128svh!important;
    }
    .pk-fantasy-stage,
    .pk-fantasy-content{
        height:128svh!important;
        min-height:128svh!important;
    }
    .pk-fantasy-features{
        bottom:clamp(34px,4.8svh,58px)!important;
        grid-auto-rows:minmax(60px,auto)!important;
        gap:9px!important;
    }
    .pk-fantasy-feature{
        min-height:60px!important;
    }
}

/* === MOBILE MICRO ALIGNMENT 2026-05-14 === */
@media (max-width:980px){
    .pk-fantasy-carousel-wrap{
        top:calc(var(--pk-header-h,82px) + 272px)!important;
    }
    .pk-fantasy-wing{
        top:-2%!important;
    }
    .pk-fantasy-magic-orb{
        bottom:42%!important;
    }
}

@media (max-width:560px){
    .pk-fantasy-carousel-wrap{
        top:calc(var(--pk-header-h,82px) + 266px)!important;
    }
    .pk-fantasy-wing{
        top:-3%!important;
    }
    .pk-fantasy-magic-orb{
        bottom:43%!important;
    }
}

/* === FINAL FANTASY MOBILE MICRO-POSITION 2026-05-14 === */
@media (max-width:980px){
    .pk-fantasy-carousel-wrap{
        top:calc(var(--pk-header-h,82px) + 256px) !important;
    }
    .pk-fantasy-wing{
        top:-6% !important;
    }
    .pk-fantasy-magic-orb{
        bottom:47% !important;
    }
}

@media (max-width:560px){
    .pk-fantasy-carousel-wrap{
        top:calc(var(--pk-header-h,82px) + 250px) !important;
    }
    .pk-fantasy-wing{
        top:-7% !important;
    }
    .pk-fantasy-magic-orb{
        bottom:48% !important;
    }
}

/* === FANTASY MOBILE CARD INNER ALIGNMENT 2026-05-14 === */
@media (max-width:980px){
    .pk-fantasy-features{
        align-items:stretch!important;
    }
    .pk-fantasy-feature{
        display:grid!important;
        grid-template-columns:30px minmax(0,1fr)!important;
        grid-template-rows:auto auto!important;
        column-gap:10px!important;
        row-gap:2px!important;
        align-items:center!important;
        align-content:center!important;
        justify-items:start!important;
        padding:8px 10px!important;
        min-height:60px!important;
    }
    .pk-fantasy-feature i{
        position:static!important;
        grid-column:1!important;
        grid-row:1 / span 2!important;
        align-self:center!important;
        justify-self:center!important;
        transform:none!important;
        left:auto!important;
        top:auto!important;
        width:26px!important;
        height:26px!important;
        min-width:26px!important;
        font-size:13px!important;
        line-height:1!important;
        display:grid!important;
        place-items:center!important;
        margin:0!important;
    }
    .pk-fantasy-feature b{
        grid-column:2!important;
        grid-row:1!important;
        align-self:end!important;
        justify-self:start!important;
        margin:0!important;
        padding:0!important;
        max-width:100%!important;
        font-size:10px!important;
        line-height:1.08!important;
        letter-spacing:.06em!important;
        text-align:left!important;
    }
    .pk-fantasy-feature span{
        grid-column:2!important;
        grid-row:2!important;
        align-self:start!important;
        justify-self:start!important;
        margin:2px 0 0!important;
        padding:0!important;
        max-width:100%!important;
        font-size:8.5px!important;
        line-height:1.15!important;
        text-align:left!important;
    }
}

@media (max-width:560px){
    .pk-fantasy-feature{
        grid-template-columns:28px minmax(0,1fr)!important;
        column-gap:9px!important;
        min-height:58px!important;
        padding:8px 9px!important;
    }
    .pk-fantasy-feature i{
        width:25px!important;
        height:25px!important;
        min-width:25px!important;
    }
    .pk-fantasy-feature b{
        font-size:9.5px!important;
        letter-spacing:.055em!important;
    }
    .pk-fantasy-feature span{
        font-size:8.25px!important;
    }
}