*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body,#app{width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:radial-gradient(ellipse at top,#fde68a,#fbbf24,#f97316 70%,#7c2d12);touch-action:manipulation;overscroll-behavior:none;color:#422006}#app{display:flex;flex-direction:column;position:relative}.screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:24px;position:relative}.title{font-size:clamp(36px,8vw,72px);font-weight:900;text-align:center;color:#7c2d12;text-shadow:3px 3px 0 #fde68a,6px 6px 0 rgba(124,45,18,.15);line-height:1.05;letter-spacing:1px}.subtitle{font-size:clamp(18px,3vw,26px);font-weight:700;color:#7c2d12;text-align:center;opacity:.9}.big-button{font-size:clamp(28px,5vw,44px);font-weight:900;padding:24px 56px;border:none;border-radius:36px;background:linear-gradient(180deg,#dc2626,#991b1b);color:#fef3c7;box-shadow:0 8px #7f1d1d,0 14px 28px #00000059;cursor:pointer;transition:transform .08s,box-shadow .08s;min-width:240px;min-height:96px;letter-spacing:2px;text-shadow:2px 2px 0 rgba(0,0,0,.3)}.big-button:active{transform:translateY(4px);box-shadow:0 4px #7f1d1d,0 6px 12px #00000040}.back-btn{background:#fef3c7;border:none;border-radius:50%;width:64px;height:64px;font-size:32px;font-weight:800;color:#7c2d12;box-shadow:0 4px #92400e,0 6px 14px #0000004d;cursor:pointer;position:absolute;top:16px;left:16px;z-index:20;display:flex;align-items:center;justify-content:center}.back-btn:active{transform:translateY(2px);box-shadow:0 2px #92400e,0 3px 8px #0003}.start-screen .hero-row{display:flex;align-items:flex-end;justify-content:center;gap:clamp(8px,2vw,32px)}.willy-big{display:flex;flex-direction:column;align-items:center;line-height:.85;animation:bobble 2.5s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4))}.willy-big .hat{font-size:clamp(46px,10vw,90px);margin-bottom:-.45em;z-index:2}.willy-big .lion{font-size:clamp(90px,20vw,180px)}.tico-big{font-size:clamp(64px,14vw,120px);animation:bobble 2s ease-in-out infinite;animation-delay:-.6s;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35));line-height:1}.balloon-big{font-size:clamp(80px,18vw,160px);animation:float 4s ease-in-out infinite;filter:drop-shadow(0 12px 24px rgba(0,0,0,.4));line-height:1}@keyframes bobble{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mapa-screen{width:100%;height:100%;position:relative;overflow:hidden;background:linear-gradient(180deg,#bae6fd,#7dd3fc 60%,#fbbf24)}.mapa-mundo{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 40%,#86efac 0%,transparent 18%),radial-gradient(ellipse at 50% 45%,#86efac 0%,transparent 22%),radial-gradient(ellipse at 75% 50%,#86efac 0%,transparent 20%),radial-gradient(ellipse at 18% 45%,#86efac 0%,transparent 14%);opacity:.6}.mapa-parada{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;z-index:2}.parada-icono{width:56px;height:56px;border-radius:50%;background:#fff;border:4px solid #fbbf24;display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 4px 10px #00000059}.mapa-parada.visited .parada-icono{background:linear-gradient(135deg,#86efac,#16a34a);border-color:#15803d}.mapa-parada.current .parada-icono{border-color:#dc2626;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 4px 10px #00000059}50%{transform:scale(1.15);box-shadow:0 6px 18px #dc262699}}.parada-label{background:#ffffffe6;color:#7c2d12;font-weight:800;font-size:12px;padding:2px 8px;border-radius:10px;white-space:nowrap;box-shadow:0 2px 6px #00000040}.willy-en-mapa{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;line-height:.85;z-index:5;filter:drop-shadow(0 6px 12px rgba(0,0,0,.4));transition:left 1.4s cubic-bezier(.4,0,.2,1),top 1.4s cubic-bezier(.4,0,.2,1);pointer-events:none}.willy-en-mapa .hat{font-size:30px;margin-bottom:-.4em;z-index:2}.willy-en-mapa .lion{font-size:64px}.willy-en-mapa .vehiculo{font-size:38px;margin-top:-8px;animation:bobble 1.4s ease-in-out infinite}.mapa-bottombar{position:absolute;left:0;right:0;bottom:0;padding:16px;display:flex;justify-content:center;z-index:10}.mapa-camino{position:absolute;inset:0;pointer-events:none;z-index:1}.juego-screen{width:100%;height:100%;display:flex;flex-direction:column;padding:80px 16px 24px;position:relative;gap:16px}.juego-header{display:flex;align-items:center;gap:12px;justify-content:center}.tico-mini{font-size:48px;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35));animation:bobble 2s ease-in-out infinite}.juego-bubble{background:#fef3c7;color:#7c2d12;padding:14px 22px;border-radius:24px;font-weight:800;font-size:clamp(16px,2.8vw,22px);position:relative;box-shadow:0 6px 14px #00000040;cursor:pointer;max-width:78%}.juego-bubble:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);border:12px solid transparent;border-right-color:#fef3c7}.encuentra-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:8px;align-content:center}@media (max-width: 520px){.encuentra-grid{grid-template-columns:repeat(2,1fr)}}.encuentra-card{background:#fef9c3;border:4px solid #fbbf24;border-radius:24px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:clamp(60px,14vw,120px);cursor:pointer;box-shadow:0 6px #d97706;transition:transform .08s,box-shadow .2s,background .2s}.encuentra-card:active{transform:translateY(2px);box-shadow:0 3px #d97706}.encuentra-card.right{background:#86efac;border-color:#16a34a;box-shadow:0 6px #15803d;animation:bounce .5s ease}.encuentra-card.wrong{background:#fecaca;border-color:#dc2626;animation:shake .4s ease}@keyframes bounce{0%,to{transform:translateY(0)}30%{transform:translateY(-18px)}60%{transform:translateY(-6px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.parejas-board{flex:1;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:8px}.parejas-row{display:flex;justify-content:center;gap:14px}.pareja-card{background:#fef9c3;border:4px solid #fbbf24;border-radius:22px;width:clamp(80px,22vw,130px);height:clamp(80px,22vw,130px);display:flex;align-items:center;justify-content:center;font-size:clamp(48px,11vw,80px);cursor:pointer;box-shadow:0 6px #d97706;transition:transform .08s,background .2s}.pareja-card:active{transform:translateY(2px);box-shadow:0 3px #d97706}.pareja-card.selected{background:#fde68a;border-color:#b45309}.pareja-card.matched{background:#86efac;border-color:#16a34a;box-shadow:0 6px #15803d;pointer-events:none;animation:bounce .5s ease}.pareja-card.wrong{background:#fecaca;border-color:#dc2626;animation:shake .4s ease}.toca-pista{flex:1;position:relative;background:linear-gradient(180deg,#bfdbfe,#fde68a 60%,#84cc16);border-radius:28px;overflow:hidden;box-shadow:inset 0 0 0 4px #fbbf24}.toca-vehiculo{position:absolute;bottom:30%;left:5%;font-size:clamp(80px,18vw,140px);cursor:pointer;filter:drop-shadow(0 6px 14px rgba(0,0,0,.4));transition:left .35s cubic-bezier(.34,1.56,.64,1),transform .12s;user-select:none}.toca-vehiculo:active{transform:scale(1.18) rotate(-6deg)}.toca-meta{position:absolute;bottom:30%;right:5%;font-size:clamp(60px,14vw,110px);filter:drop-shadow(0 6px 14px rgba(0,0,0,.4))}.toca-barra{position:absolute;bottom:12px;left:16px;right:16px;height:16px;background:#fff9;border-radius:999px;overflow:hidden;box-shadow:inset 0 2px 4px #0003}.toca-barra-fill{height:100%;width:0;background:linear-gradient(90deg,#f97316,#dc2626);border-radius:999px;transition:width .35s cubic-bezier(.34,1.56,.64,1)}.toca-hint{position:absolute;top:16px;left:50%;transform:translate(-50%);background:#ffffffe6;color:#7c2d12;font-weight:900;font-size:22px;padding:8px 18px;border-radius:999px;pointer-events:none;box-shadow:0 4px 10px #00000040}.puzzle-board{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:8px;align-items:center}@media (max-width: 520px){.puzzle-board{grid-template-columns:1fr;grid-template-rows:1fr auto}}.puzzle-slot{background:#fef9c3;border:5px dashed #b45309;border-radius:28px;aspect-ratio:1;max-width:380px;margin:0 auto;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:inset 0 4px 12px #0000001a}.puzzle-target{font-size:clamp(120px,26vw,200px);opacity:.18;filter:grayscale(.5)}.puzzle-piece{position:absolute;font-size:clamp(80px,16vw,140px);cursor:grab;touch-action:none;filter:drop-shadow(0 6px 14px rgba(0,0,0,.4));user-select:none;transition:transform .2s}.puzzle-piece.placed{cursor:default;pointer-events:none;animation:placed .5s ease}@keyframes placed{0%{transform:scale(.8)}50%{transform:scale(1.15)}to{transform:scale(1)}}.puzzle-pieces-tray{display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;background:#fff6;border-radius:22px;padding:18px 12px;min-height:200px}.llegada-screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:24px}.llegada-emoji{font-size:clamp(120px,28vw,240px);filter:drop-shadow(0 12px 28px rgba(0,0,0,.4));animation:bobble 2s ease-in-out infinite}.llegada-titulo{font-size:clamp(32px,7vw,64px);font-weight:900;color:#fef3c7;text-shadow:3px 3px 0 #7c2d12,5px 5px 0 rgba(0,0,0,.2);text-align:center}.llegada-bandera{font-size:clamp(60px,12vw,100px);line-height:1}.final-screen{background:radial-gradient(ellipse at top,#fde68a,#f97316,#7c2d12);overflow:hidden;position:relative}.fireworks{position:absolute;inset:0;pointer-events:none;overflow:hidden}.fireworks .spark{position:absolute;font-size:clamp(28px,5vw,44px);animation:sparkFly 3s ease-in-out infinite;opacity:0}.fireworks .spark-0{top:10%;left:15%;animation-delay:0s}.fireworks .spark-1{top:18%;right:12%;animation-delay:.3s}.fireworks .spark-2{top:30%;left:8%;animation-delay:.6s}.fireworks .spark-3{top:35%;right:18%;animation-delay:.9s}.fireworks .spark-4{top:50%;left:4%;animation-delay:1.2s}.fireworks .spark-5{top:55%;right:6%;animation-delay:1.5s}.fireworks .spark-6{top:70%;left:18%;animation-delay:1.8s}.fireworks .spark-7{top:75%;right:22%;animation-delay:2.1s}.fireworks .spark-8{top:12%;left:45%;animation-delay:.4s}.fireworks .spark-9{top:22%;left:60%;animation-delay:.8s}.fireworks .spark-10{top:80%;left:50%;animation-delay:1.4s}.fireworks .spark-11{top:85%;right:40%;animation-delay:1.8s}@keyframes sparkFly{0%{opacity:0;transform:scale(.5) rotate(0)}20%{opacity:1;transform:scale(1.2) rotate(180deg)}40%{opacity:1;transform:scale(1) rotate(360deg)}to{opacity:0;transform:scale(.5) rotate(540deg)}}.trofeo{font-size:clamp(140px,30vw,260px);filter:drop-shadow(0 12px 30px rgba(124,45,18,.6));animation:bobble 1.5s ease-in-out infinite}