.challenge-page{min-height:100vh;padding-bottom:45px;background:linear-gradient(180deg,#173f38 0 210px,var(--cream) 210px)}
.challenge-head{min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:white}.challenge-head>div:nth-child(2){flex:1}.challenge-head h1{margin:0;font-size:clamp(2rem,5vw,3.8rem);line-height:1}.challenge-head .eyebrow{margin-bottom:6px}.counter{flex:none;padding:12px 18px;border-radius:999px;background:#ffffff1c;font-size:1.08rem;font-weight:950}.instruction{margin:20px auto 14px;text-align:center;font-size:clamp(1rem,2vw,1.25rem);font-weight:900}
.seek-scene,.giant-arena{position:relative;overflow:hidden;width:100%;aspect-ratio:16/10;border:8px solid white;border-radius:30px;box-shadow:0 22px 60px #173d3035;background:center/cover no-repeat}.seek-scene{background-image:url('assets/uncion-samuel.webp')}
.heart{position:absolute;display:grid;place-items:center;width:clamp(42px,6vw,68px);height:clamp(42px,6vw,68px);border:2px solid #fff8c4;border-radius:50%;background:#ffd13bcc;color:white;font-size:clamp(1.35rem,3vw,2.2rem);cursor:pointer;filter:drop-shadow(0 0 12px #fff6a8);animation:heartGlow 1.2s infinite;touch-action:manipulation}.heart:after{content:"";position:absolute;inset:-9px;border:2px dashed #fff4a7;border-radius:50%}.heart.found{pointer-events:none;animation:heartFound .55s forwards}.h1{left:10%;top:17%}.h2{left:15%;top:43%}.h3{left:13%;bottom:9%}.h4{right:8%;top:52%}.h5{right:12%;bottom:12%}.heart-burst{position:absolute;inset:0;display:grid;place-items:center;background:#34220e99;color:white;font-size:clamp(1.7rem,5vw,4.5rem);font-weight:950;opacity:0;pointer-events:none;transform:scale(1.1);transition:.5s}.heart-burst.show{opacity:1;transform:scale(1)}
.oil-panel{--pour:0%;display:none;grid-template-columns:150px 1fr;align-items:center;gap:25px;margin:20px 0;padding:25px;border-radius:25px;background:white;box-shadow:0 14px 42px #173d3025}.oil-panel.show{display:grid;animation:rise .45s both}.oil-panel h2{margin:0}.oil-panel p{color:#62736c}.oil-panel input{width:100%;height:34px;accent-color:#eeb536}.oil-horn{position:relative;text-align:center;font-size:5rem}.oil-horn i{position:absolute;left:50%;top:60%;width:10px;height:var(--pour);max-height:80px;border-radius:10px;background:linear-gradient(#ffdc55,#f09a28);filter:drop-shadow(0 0 7px #ffc52f)}
.giant-arena{background-image:url('assets/valle-gigante.webp')}.giant-arena:after{content:"";position:absolute;left:50%;top:20%;bottom:17%;border-left:2px dashed #fff9;pointer-events:none}.aim{position:absolute;z-index:4;left:50%;top:42%;transform:translate(-50%,-50%);color:#fff;font-size:clamp(4rem,10vw,8rem);line-height:1;text-shadow:0 2px 9px #163b38,0 0 15px #ffd04b;pointer-events:none}.moving-giant{position:absolute;z-index:3;left:76%;top:31%;transform:translateX(-50%);display:grid;justify-items:center;color:#512b18;font-size:clamp(1rem,2vw,1.3rem);font-weight:950;filter:drop-shadow(0 7px 7px #24170a77)}.moving-giant span{font-size:clamp(4rem,10vw,8.5rem)}.moving-giant.hit{animation:giantHit .8s forwards}
.collect-stone{position:absolute;z-index:5;width:clamp(39px,5vw,58px);height:clamp(39px,5vw,58px);border:3px solid #fff;border-radius:50%;background:#a79c87;color:#6c6253;font-size:1.4rem;box-shadow:0 8px 14px #251b1166;cursor:pointer;animation:stoneBob 1.5s infinite}.collect-stone.collected{pointer-events:none;animation:collect .45s forwards}.s1{left:13%;bottom:10%}.s2{left:20%;bottom:7%}.s3{left:28%;bottom:12%}.s4{left:36%;bottom:7%}.s5{left:44%;bottom:12%}.shot{position:absolute;z-index:6;left:13%;bottom:16%;opacity:0;color:#574d3c;font-size:2rem}.shot.fly{animation:shot .55s linear}
.giant-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:15px;padding:18px 22px;border-radius:22px;background:white;box-shadow:0 12px 38px #173d3020}.giant-controls div{display:grid;gap:4px}.giant-controls span{color:#697a74}.launch{min-width:200px}.launch:disabled{filter:grayscale(1);opacity:.45;cursor:not-allowed}.retry-overlay{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:#172e2bbf;backdrop-filter:blur(8px)}.retry-overlay>div{width:min(480px,100%);padding:38px;border-radius:30px;background:white;text-align:center;box-shadow:0 25px 70px #0005}.retry-overlay span{font-size:4rem}.retry-overlay h2{font-size:2rem;margin:8px}.retry-overlay p{color:#65756f}.unlock-note{margin:17px 0;padding:13px;border-radius:15px;background:#e8f7e9;color:#217244;font-weight:950}
@keyframes heartGlow{50%{transform:scale(1.12);filter:drop-shadow(0 0 22px #fff3a2)}}@keyframes heartFound{to{opacity:0;transform:scale(2) rotate(30deg)}}@keyframes rise{from{opacity:0;transform:translateY(20px)}}@keyframes stoneBob{50%{transform:translateY(-7px)}}@keyframes collect{to{opacity:0;transform:translateY(-90px) scale(.3)}}@keyframes shot{0%{opacity:1;transform:translate(0,0)}100%{opacity:1;left:50%;bottom:52%;transform:scale(.45)}}@keyframes giantHit{50%{transform:translateX(-50%) rotate(-8deg) scale(1.15)}100%{transform:translateX(-50%) translateY(110px) rotate(-25deg);opacity:0}}
@media(max-width:700px){.challenge-head{min-height:145px}.seek-scene,.giant-arena{aspect-ratio:10/12}.giant-arena{background-position:center}.oil-panel{grid-template-columns:90px 1fr}.oil-horn{font-size:4rem}.giant-controls{align-items:stretch;flex-direction:column}.launch{width:100%}.moving-giant{top:33%}.s1{left:8%}.s2{left:25%}.s3{left:42%}.s4{left:59%}.s5{left:76%}}