.giant-vertical-page{min-height:100vh;background:linear-gradient(180deg,#173f38 0 245px,var(--cream) 245px)}.giant-vertical-page .shell{max-width:620px}.giant-vertical-page .challenge-head{color:#fff}.giant-vertical-page .instruction{color:#e1eee9}.stone-loading-scene,.vertical-giant-arena{position:relative;overflow:hidden;width:100%;aspect-ratio:4/5;border:10px solid #fff;border-radius:30px;background-image:url('assets/valle-vacio.webp');background-position:center;background-size:cover;box-shadow:0 20px 55px #173d3030}.vertical-bag{position:absolute;z-index:3;left:16px;top:16px;display:flex;align-items:center;gap:10px;padding:11px 14px;border:3px solid #f3c875;border-radius:20px;background:#75452de8;color:white}.vertical-bag>span{font-size:2rem}.vertical-bag strong{font-size:.82rem}.vertical-bag div div{display:flex;gap:5px;margin-top:5px}.vertical-bag i,.vertical-ammo-row i{display:block;width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:#776f60}.vertical-bag i.filled{background:#f4c14c;box-shadow:0 0 13px #ffe9a2}.vertical-pick-stone{position:absolute;width:54px;height:54px;border:5px solid #fff;border-radius:50%;background:#b6ac98;color:#70695b;font-size:1.3rem;box-shadow:0 8px 18px #0004;cursor:pointer;animation:stonePulse 1.4s infinite}.vertical-pick-stone.s1{left:10%;bottom:12%}.vertical-pick-stone.s2{left:29%;bottom:20%}.vertical-pick-stone.s3{left:48%;bottom:10%}.vertical-pick-stone.s4{left:67%;bottom:22%}.vertical-pick-stone.s5{right:6%;bottom:11%}.vertical-pick-stone.collected{opacity:0;transform:translateY(-90px) scale(.3);pointer-events:none;transition:.45s}.stone-stage-message{position:absolute;left:50%;bottom:6%;translate:-50% 0;padding:8px 13px;border-radius:99px;background:#173f38e8;color:white;font-weight:900;font-size:.8rem;white-space:nowrap}.vertical-giant-arena{background-image:url('assets/valle-gigante.webp');background-position:78% center}.vertical-giant-arena.fallen{background-image:url('assets/valle-gigante-caido.webp');background-position:78% center}.vertical-aim{position:absolute;z-index:4;left:18%;top:27%;translate:-50% -50%;display:grid;place-items:center;width:62px;height:62px;border:6px double white;border-radius:50%;background:#315d4738;color:#315d47;font-size:3.8rem;line-height:1;text-shadow:0 2px 3px #fff;filter:drop-shadow(0 4px 5px #0005)}.vertical-shot{position:absolute;z-index:5;left:50%;bottom:-20px;color:#817663;font-size:1.5rem;opacity:0}.vertical-shot.fly{animation:verticalShot .62s ease-out forwards}.vertical-impact{position:absolute;z-index:6;inset:0;display:grid;place-items:center;background:#f9c54d38;color:white;font-size:5rem;opacity:0;pointer-events:none}.vertical-impact b{position:absolute;bottom:12%;padding:10px 16px;border-radius:99px;background:#173f38e8;font-size:1rem}.vertical-impact.show{opacity:1;transition:.35s}.vertical-ammo-row{display:flex;justify-content:center;gap:12px;margin:15px 0 11px}.vertical-ammo-row i{width:28px;height:28px;border-color:#e7ddca}.vertical-ammo-row i.hit{background:#56a56b}.vertical-ammo-row i.missed{position:relative;background:#c96a61}.vertical-ammo-row i.missed:after{content:"×";position:absolute;inset:-8px;display:grid;place-items:center;color:white;font-style:normal;font-weight:950}.vertical-launch{display:block;width:100%;font-size:1.05rem}.vertical-feedback{min-height:44px;margin-top:11px;padding:12px 15px;border-radius:15px;background:white;color:#65756f;text-align:center}.giant-vertical-page .rotate-hint,.giant-vertical-page .sling-hotspot{display:none!important}@keyframes stonePulse{50%{transform:translateY(-5px);box-shadow:0 13px 25px #f6bd4c88}}@keyframes verticalShot{0%{left:50%;bottom:-20px;opacity:1}100%{left:var(--shot-x);bottom:68%;opacity:1;transform:scale(.45)}}
@media(max-width:480px){.giant-vertical-page .shell{padding-inline:10px}.giant-vertical-page .challenge-head h1{font-size:1.7rem}.stone-loading-scene,.vertical-giant-arena{border-width:7px;border-radius:24px}.vertical-bag{left:10px;top:10px}.vertical-pick-stone{width:48px;height:48px}.vertical-aim{width:54px;height:54px;font-size:3.2rem}}

/* Ajuste fino de la frente, mensajes dentro de la escena y precarga temática. */
.vertical-giant-arena{background-position:right center}.vertical-giant-arena.fallen{background-position:right center}.vertical-aim{top:23%}.vertical-aim-message{position:absolute;z-index:8;left:50%;bottom:7%;translate:-50% 18px;width:max-content;max-width:88%;padding:9px 14px;border-radius:99px;background:#a94738ed;color:#fff;font-size:.78rem;font-weight:950;text-align:center;opacity:0;transition:.22s;pointer-events:none}.vertical-aim-message.show{opacity:1;translate:-50% 0}.vertical-aim-message.hit{background:#278d52}.giant-loading{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 34%,#fff0bb,transparent 30%),#173f38;color:#fff;text-align:center}.giant-loading>div{display:grid;justify-items:center;gap:10px}.giant-loading>div>span{font-size:5rem;animation:loadingRock .6s ease-in-out infinite alternate}.giant-loading strong{font-size:clamp(1.4rem,5vw,2rem)}.giant-loading small{color:#dcefe8}.loading-stones{display:flex;gap:8px;margin-top:10px}.loading-stones i{width:18px;height:18px;border-radius:50%;background:#a99d87;animation:stoneLoad .8s ease-in-out infinite alternate}.loading-stones i:nth-child(2){animation-delay:.1s}.loading-stones i:nth-child(3){animation-delay:.2s}.loading-stones i:nth-child(4){animation-delay:.3s}.loading-stones i:nth-child(5){animation-delay:.4s}@keyframes loadingRock{to{transform:translateY(-9px) rotate(8deg)}}@keyframes stoneLoad{to{transform:translateY(-10px);background:#f6bd4c}}
@keyframes verticalShot{0%{left:50%;bottom:-20px;opacity:1}100%{left:var(--shot-x);bottom:74%;opacity:1;transform:scale(.45)}}
.vertical-giant-arena{background-position:128% center}.vertical-aim{width:76px;height:76px;border-width:7px;font-size:4.4rem}.vertical-giant-arena.fallen{background-position:128% center}
@media(max-width:480px){.vertical-aim{width:66px;height:66px;font-size:3.8rem}}
.vertical-aim{font-size:0;border:4px solid #fff;background:#163e3640;box-shadow:0 0 0 2px #173f38,0 5px 14px #0007}.vertical-aim:before,.vertical-aim:after{content:"";position:absolute;left:50%;top:50%;translate:-50% -50%;background:#fff;box-shadow:0 0 3px #173f38}.vertical-aim:before{width:112%;height:2px}.vertical-aim:after{width:2px;height:112%}.vertical-aim{background-image:radial-gradient(circle,#e83f37 0 5px,#fff 6px 8px,transparent 9px),radial-gradient(circle,transparent 0 45%,#fff 46% 49%,transparent 50%)}
.vertical-shot{translate:-50% 0}.vertical-shot.fly{translate:0 0}@keyframes verticalShot{0%{left:50%;bottom:-20px;opacity:1;transform:translateX(-50%)}100%{left:var(--shot-x);bottom:74%;opacity:1;transform:translateX(-50%) scale(.45)}}

/* Escena vertical dedicada: Goliat completo y David visible en el mismo encuadre. */
.vertical-giant-arena{background-image:url('assets/valle-gigante-vertical-v1.webp');background-position:center;background-size:cover}
.vertical-aim{top:25%}
.vertical-giant-arena.fallen{background-position:72% center;background-size:auto 100%}