:root{--tinta:#0B0D0F;--blanco:#FFFFFF;--indigo:#4F46E5;--coral:#FF6B4A;--gris:#5B616E;--linea:#E6E7EC;--fondo-suave:#F6F6FB;--display:"Baloo 2","Nunito",system-ui,sans-serif;--cuerpo:"Nunito",system-ui,-apple-system,sans-serif;--rebote:cubic-bezier(.34,1.56,.64,1);--hill:#DADDFF}*,:after,:before{box-sizing:border-box}body{margin:0;background:var(--blanco);color:var(--tinta);font-family:var(--cuerpo);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:1.08;margin:0}.btn,h1,h2,h3{font-family:var(--display);font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-size:1rem;padding:.75em 1.6em;border:3px solid var(--tinta);border-radius:16px;background:var(--indigo);color:var(--blanco);cursor:pointer;box-shadow:0 5px 0 0 var(--tinta);transition:transform .08s ease,box-shadow .08s ease,filter .15s ease;text-decoration:none}.btn:hover:not(:disabled){filter:brightness(1.06)}.btn:active:not(:disabled){transform:translateY(5px);box-shadow:0 0 0 0 var(--tinta)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--coral{background:var(--coral);color:var(--tinta)}.btn--ancho,.campo{width:100%}.campo{padding:.8em .95em;font-family:var(--cuerpo);font-size:1rem;font-weight:600;border:3px solid var(--tinta);border-radius:14px}.campo:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 4px rgba(79,70,229,.18)}.escena{position:relative;height:150px;margin:-34px -34px 18px;overflow:hidden;border-radius:22px 22px 0 0;background:var(--hill,#DADDFF);display:grid;place-items:end center}.escena img{height:132px;width:auto;display:block;filter:drop-shadow(0 10px 12px rgba(11,13,15,.14))}@keyframes flota{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.flota{animation:flota 4s ease-in-out infinite}@keyframes celebra{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-22px) rotate(6deg) scale(1.06)}60%{transform:translateY(0) rotate(-3deg)}to{transform:none}}.celebra{animation:celebra .75s cubic-bezier(.34,1.56,.64,1)}.opcion{display:block;width:100%;text-align:left;border:3px solid var(--tinta);border-radius:16px;box-shadow:0 4px 0 0 var(--tinta);padding:.85em 1em;margin-bottom:11px;background:var(--blanco);cursor:pointer;font-family:var(--cuerpo);font-size:1rem;font-weight:600;line-height:1.45;color:var(--tinta);transition:background .18s ease,transform .1s ease,box-shadow .1s ease}.opcion:hover:not(:disabled){background:#EEF0FF}.opcion:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 0 0 var(--tinta)}.opcion:disabled{cursor:default}.opcion--bien{background:#EEF0FF;border-color:var(--indigo);box-shadow:0 4px 0 0 var(--indigo)}.opcion--mal{background:#FFEDE6;border-color:#D94A2B;box-shadow:0 4px 0 0 #D94A2B;animation:tiembla .38s ease}@keyframes tiembla{20%{transform:translateX(-6px)}50%{transform:translateX(5px)}80%{transform:translateX(-2px)}}.bocadillo{position:relative;background:var(--blanco);border:3px solid var(--tinta);border-radius:20px;box-shadow:0 5px 0 0 var(--tinta);padding:12px 16px;margin-bottom:14px;font-family:var(--display);font-weight:700;font-size:1rem}.bocadillo:after{content:"";position:absolute;bottom:-13px;left:34px;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:0;border-top:13px solid transparent;border-top-color:var(--tinta)}